body {
  background : url(images/bg_html.png) repeat-x top left;
  background-color : #f2ede3;
  color : #000;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.8em;
}

table {
  font-size : 1em;
  text-align : left;
}
tr {
  height : 1.1em;
}
a {
  color : #904c1a;
  text-decoration : none;
}
a:hover {
  color : #000000;
  text-decoration : underline;
}
a:active {
  color : #000000;
}
a:visited {
  color : #904c1a;
}

a.email img {
	border:none;
    vertical-align: middle;
}	

#entete {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

#entete h1 {
  background : url(images/titre_dequidt-org.png) no-repeat top left;
  width: 266px;
  height: 112px;
  float: left;
  margin: 0 80px 0 0;
}

#entete h1 a {
  display:block;
  width: 266px;
  height: 60px;
}

#entete h1 span {
  display:none
}

/* HowTo */
div#howto div.code {
  position : relative;
  width : 99%;
  margin-top : 5px;
  padding-left : 5px;
  background : #aae0f6;
  border : #9ab7c9 1px solid;
  padding : 2px;
  font-size:1em;
  font-family : courier;
  text-align : left;
}

div#howto code {
  background : #aae0f6;
  border : #9ab7c9 1px solid;
  padding : 1px;
  font-size:1em;
  font-family : courier;
  text-align : left;
}

div#howto div.code pre {
  position : relative;
  font-size:1em;
  font-family : courier;
  text-align : left;
  margin:0;
  padding:0;
}

div#howto div.alert {
  position : relative;
  width : 99%;
  margin-top : 5px;
  padding-left : 5px;
  background : #f6e0aa;
  border : #9ab7c9 1px solid;
  padding : 2px; 
}

div#howto div.note {
  position : relative;
  width : 99%;
  margin-top : 5px;
  padding-left : 5px;
  background : #ddd0f6;
  border : #f6e0aa 1px solid;
  padding : 2px; 
}

div#howto p {
  margin-top : 2px;
  margin-bottom : 2px;
}

div#howto li {
  text-align : left;
}

/* CV */
div.cv table {
  margin-left:25px;
}
div.cv td {
  padding-top:5px;
  padding-bottom:5px;
  text-align : justify;
}

div.cv td.gauche {
  width : 122px;
  font-size : 0.9em;
  font-weight : bold;
  vertical-align : top;
}

div.cv .details td {
  padding-left:20px;
}

div.cv .details td.gauche {
  width : 102px;
  font-size:0.8em;
}

div.cv #modif {
  margin-top : 15px;
  text-align : right;
  font-size : 0.7em;
  font-style : italic;
}

div.cv .descSociete {
  font-size:0.9em;
  font-style : italic;
}

div.cv ul{ 
  margin:0;
  padding:0;
  margin-left:15px
}

/* Contenu */

div#contenu {
  clear:both;
  width : 920px;
  min-height : 230px;
  margin-left : auto;
  margin-right : auto;
  background : url(images/bg_contenu.jpg) repeat-x top left;
  background-color : #f2eee5;
  border-color:#fff;
  border-style:solid;
  border-width:1px;
  padding: 10px;
  text-align : justify;
}

div#contenu h2 {
  margin-top : 5px;
  border-top: none;
  border-bottom: 1px solid #ee6600;
  font-size : 1.2em;
  font-weight : bold;
  font-variant : small-caps;
  font-weight : bold;
}

div#contenu h3 {
  margin-top: 30px;
  border-top: none;
  border-bottom: 1px solid #9ab7c9;
  font-size : 1.1em;
  font-variant : small-caps;
  font-weight : bold;
}

div#contenu h4 {
  margin-top: 15px;
  margin-left: 15px;
  border-top: none;
  border-bottom: 1px dashed #ee6600;
  font-size : 1em;
  font-weight : bold;
}

div#contenu h5 {
  margin-top: 15px;
  margin-left: 30px;
  border-top: none;
  border-bottom: 1px dotted #9ab7c9;
  font-size : 0.9em;
  font-weight : bold;
}

div#contenu ul {
  list-style-type : circle;
}

/* Menu */

ul.menu {
  float:left;
  margin-left:100px;
  list-style-type : circle;
  margin:0;
  padding:0;
}
ul.menu#projets {
  float:right;
  margin-right:100px;
}
ul.menu ul {
  list-style-type : circle;
}

ul.sousmenu3 {
  position:absolute;
  top: 100px;
  left: 10px;
  list-style-type : square;
  margin:0;
  margin-top:30px;
  margin-left:10px;
  padding:0;
}

ul.sousmenu3 li a, ul.sousmenu3 li a:visited, ul.sousmenu3 li a:active, ul.sousmenu3li a:hover {
  color : #ee6600;
}

ul.sousmenu3 li {
  color : #ee6600;
  font-size : 0.9em;
  margin-top:5px;
}

ul.sousmenu4 {
  list-style-type : disc;
  margin : 0;
  padding :0;
  margin-left : 10px;
}

ul.sousmenu5 {
  list-style-type : circle;
  margin : 0;
  padding :0;
  margin-left : 10px;
}
/* Pied de Page (Bas) */

div#bas {
  position : absolute;
  bottom : -10px;
  text-align : center;
  font-size : 0.7em;
}

@media print {
  html {
	  background : none;
	  background-color : transparent;
	  font-size : 1em;
  }
  #entete {
    display:none;
  }
  #menu {
    display:none;
  }
}