body {font-family: Arial,Verdana, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;height: 100%;background-color: #D4400A;} 

/*** BANDEAU ET MENU HAUT ***/
#header {height: 130px; background-color: #FFFFFF; background-image: url(../img/_headBgd.jpg); background-repeat: repeat-x; background-position: top;}
#header img {margin:0; padding:0}
#header .txt {float: right; margin-top: 15px; margin-right: 25px}
.headmenu {position: absolute; top: 78px; left: 310px; border: 0px solid orange; } 
.headmenu ul{font: bold 10pt arial;padding:0;margin:0;padding-left: 0;margin-left: 0;height: 20px;text-align: left}
.puce {border:0px solid blue;width:15px;background-image:  url(../img/puce_menuHOver.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px; } 
.headmenu ul li {display:inline;color:#D4400A; padding-right:20px}
.headmenu ul li a {color:white;text-decoration:none;background-image:  url(../img/puce_menuHOff.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px; }
.headmenu ul li a:hover{color:#D4400A;background-image: url(../img/puce_menuHOver.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px;}
.headmenu ul li.li2 a {color:white;text-decoration:none;background-image:  url(../img/puce_menu2HOff.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px; }
.headmenu ul li.li2 a:hover{color:#D4400A;background-image: url(../img/puce_menu2HOver.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px;}
#head_img  {width:690px;height: 130px;margin:0;padding:0;}

/*** CONTENU ***/
#conteneur {position: absolute; width: 100%;height: 100%; }
#centre {background-color: #FFFFFF; margin-left: 150px; padding: 15px}
/* Hauteur à 100 % */
/*  Pour IE */
*html #centre {height: 100%;}
/*  Pour Firefox */
html>body #centre {min-height:100%;}
.separation {clear:both;  margin-left: 25px;width:25px; visibility:hidden;}

/*** Mise en forme du contenu ***/
H1.titre {color: #D3400A; font-size: 2em; font-weight: bold; text-align: center; text-transform: uppercase}
H1.titre2 {color: #D3400A; font-size: 1.2em; font-weight: bold; text-align: left; text-transform: uppercase}
H1.ref{ color: #f8f8f8; font-size: 2em;font-weight: bold;background-color: #d3400a; padding-left : 10px }
H1.admin {color: #D3400A; font-size: 11pt;font-weight: bold}
H2.admin {color: #0F2084; font-size: 10pt;font-weight: bold}
p {font-size:1.2em;}
.pucevert {background-image: url(../img/puce_vert.gif); background-repeat: no-repeat; background-position: 0% 25%; padding-left : 20px; margin-left : 20px}
.pucebleuclair {background-image: url(../img/puce_bleuclair.gif); background-repeat: no-repeat; background-position: 0% 40%; padding-left: 20px; margin : 0 0 5px 50px; color : #D3400A; font-weight : bold}
.pucebleuclair2 {
	background-image: url(../img/puce_bleuclair.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 20px;
	margin : 0 0 10px 50px;
}
.pucebleu {background-image: url(../img/puce_bleu.gif); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 20px; margin : 10px 0 10px 80px; color : #0F2084;}
.orange {font-size : 1.4em; font-weight : bold; color :#D3400A}

#listref {width : 650px;height:auto; border : 0px solid blue; margin-left : 150px}
#listref .proj01 {
	position: absolute;
	background-image: url(../img/puce_flecheorange.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 20px;
	margin: 0 0 3px 0px;
	color: #000000;
	font-size:1em;
	width : 200px;
	border : 0px solid blue
}
#listref .proj02 {position: relative;width:450px;left:220px; border : 0px solid red}


.bleu {color:#0F2084; font-size: 1.5em;}
table {font-family: Arial,Arial Narrow,Verdana;}
td.titre {font-size: 1.2em;  background: #D3400A; font-weight: bold; color: #FFFFFF }
td.Stitre {font-weight: bold; color: #0F2084; border-bottom: 10px solid; border-bottom-color: #FFFFFF}
td.Stitre2 {color: #84971B}
	
li.niv00 {background-image: url(../img/puce_flecheorange.gif); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 20px; margin: 0 0 3px 0px; list-style-image: none; list-style: none}

a {color: #D3400A; text-decoration: underline }
a:active {color: #4FACEF; text-decoration: underline }
a:hover {color: #A5BB29; text-decoration: underline }

/*** Gabarit par rubrique ***/
/*  Présentation	*/
#pres01{margin-left: auto; margin-right: auto; width:850px;padding-top : 150px;font-size:1.2em; font-weight:bold}
.introtitre {color: #D3400A;font-size:1.1em;margin-bottom : 15px;} 
.introtext {margin-left : 50px;margin-bottom : 50px}
/*  Capital	*/
#pres02{margin-left: auto; margin-right: auto; width:550px; padding-top : 50px; border:0px solid blue}	/*padding-left : 250px;
/*  Contact	*/
#pres03{margin-left: auto; margin-right: auto; width:400px; padding-top : 50px; text-align:center}	
/*  Ref	*/
#pres04{margin-left: auto; margin-right: auto; width:750px; padding-top : 50px;}	

/*** REFERENCES ***/
#refcontent {border:0px solid blue; width:700px;padding:0; margin:0; margin-left:25px  }
#refimg {border:0px solid red; width:200px;height:133px;padding:0; margin:0 }
#reflist {border:0px solid orange;width:450px;padding:0; margin:0; left : 250px;position : relative; margin-top:-133px}
#reflist h2{color : #0F2084; margin:0 0 15px 0; padding:0; font-size : 1.2em; font-weight: bold}
#reflist .refnom {position: absolute; color: #0F2084; font-size:1em; width : 200px;border:0px solid red;margin:0;padding:0; padding-left: 20px }
#reflist .refdesc {position: relative;width:450px;left:210px;color: #0F2084;  border:0px solid red;margin:0;padding:0}
#reflist .refline {
	font-size:0.1em;
	width:600px;
	height:6px;
	border:0;
	background-color: #DEDFD5;
	margin:0;
	padding:0;
	margin-left: 15px
}
/*** MENU GAUCHE ***/
#gauche {position: absolute; left: 0; width: 135px; color: white; font-size: 0.9em; font-weight: bold; padding : 15px 10px 0 5px}
.menugauche {font-size: 0.9em;border:0px solid blue; margin: 0; padding:0}
.menugauche li {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; list-style-type: none; background-image: url(../img/puce_menuLOff.jpg); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px;margin-bottom:5px}
#gauche a {color:white; text-decoration:none}
#gauche a:hover {color: #a5bb2a; text-decoration: none}  


/*** FOOTER ***/
#pied {height: 10px; background-color: #a5bb2a; text-align: center; padding :5px; font-size:0.8em; color: white}
#pied a {color: white; text-decoration:none}
#pied a:hover {color:#D4400A}