*{color:#737477;font-family:Arial, Helvetica, sans-serif;font-size:11px}
*html img, *html a, *html p{ behavior: url("js/iepngfix.htc")}
body{
	background:url("img/fond.jpg") repeat-y top center #fff;
	margin:0;
	padding:0
	}
/************* div principaux **************/
#tableau{
	max-width:1100px;
	min-width:765px;
	margin:auto;position:relative;
	z-index:1
	}
#haut{
	background:url("img/logo.jpg") no-repeat top right;
	float:left;
	height:68px;
	width:100%
	}
#haut a img{float:left}
#recrutement_references{
	/*position:absolute;
	top:0; right:0;*/
	text-align:right;
	z-index:2;
	position:absolute;right:50%;margin-right:-383px;	
	}
#menuBleu{
	background:url("img/menuBleu-fond.jpg") repeat-x top left;
	clear:both;
	height:21px;
	margin:0;padding:0;
	}
#cartouche-fond{
	background:url("img/cartouche-fond.jpg") repeat top right;
	float:left;
	height:216px;
	margin:0;padding:0;
	width:100%
	}
#cartouche{
	background:url("img/cartouche.jpg") no-repeat top right;
	float:left;
	height:216px;
	width:100%
	}
#versions{
	/*background:url("img/versions.jpg") no-repeat top right;*/
	height:21px;
	margin:10px 0 12px 0;
	padding:0
	}
#anim{
	background:url("img/anim.jpg") no-repeat top left;
	float:left;
	height:216px;
	margin:0;padding:0;
	width:511px
	}
#menuOrange{
	background:url("img/menuOrange.jpg") no-repeat top left;
	clear:both;
	height:31px;
	margin:0;padding:0 0 0 270px;
	}
#menuOrange-contenu{
	background:url("img/menuOrange-contenu.jpg") no-repeat top right;
	clear:both;
	height:20px;
	margin:0;padding:11px 10px 0 0;
	}
#corps{
	background:url("img/corps.jpg") no-repeat top left;
	clear:both;
	min-height:234px;
	margin:0;padding:0
	}
* html #corps{height:234px}
#corps-contenu{
	background:url("img/corps-contenu.jpg") no-repeat top right;
	clear:both;
	min-height:234px;
	margin:0;padding:0;
	text-align:left
	}
* html #corps-contenu{height:234px}
#chemin{
	background:url("img/chemin.jpg") no-repeat top left;
	clear:both;
	height:46px;
	margin:0;padding:0
}
#chemin-contenu{
	background:url("img/chemin-contenu.jpg") no-repeat top right;
	clear:both;
	height:41px;
	margin:0;padding:5px 10px 0 0;
	text-align:right;
}
#chemin-contenu, #chemin-contenu a{color:#106c82; font-size:10px}
#bas{
	background:url("img/bas.jpg") no-repeat top left;
	clear:both;
	height:80px;
	margin:0; padding:0
	text-align:center;
	}
#bas-contenu{
	background:url("img/bas-contenu.jpg") no-repeat top right;
	color:#888a90;
	clear:both;
	font-size:10px;
	font-weight:normal;
	height:65px;
	line-height:20px;
	padding-top:15px;
	text-align:center;
	}
#menuGris{
	clear:both;
	height:15px;
	margin:0;
	padding:5px 0 30px 0;
	width:100%
	}
	
/*********** menu bleu ******************************/
#menuBleu ul{
	background:url("img/menuBleu.jpg") no-repeat top right;
	height:21px;
	margin:0 0 0 10px;padding:0
	}
#menuBleu li{
	display:inline;
	list-style-type:none;
	margin:0;padding:0
	}
#menuBleu li.noBorder a{border-right-width:0}
#menuBleu li a{
	border-right:1px solid #87d9ed;
	color:#e0f7fd;
	display:block;
	float:left;
	font-size:12px; font-weight:bold;
	height:21px;line-height:21px;
	margin:0;padding:0 12px;
	text-decoration:none
	}
#menuBleu li a:hover,#menuBleu li a.active{
	background:url("img/bt-menuBleu.gif") no-repeat top center #e95e27;
	color:#fff
	}
/*********** marquee ********************************/
#menuOrange marquee{
	color:#fff;
	font-size:12px;
	padding:0;margin:0
	}
/*********** menu gris ******************************/
#menuGris table{
	border-left:1px solid #ccc;
	height:15px;
	margin:0 15%;
	padding:0;
	width:70%
	}
#menuGris td{
	border-right:1px solid #ccc;
	text-align:center;
	width:100px
	}
#menuGris td a{
	color:#ccc;
	font-size:10px;
	height:15px;line-height:15px;
	margin:0;padding:0;
	text-decoration:none
	}
#menuGris td a:hover,#menuGris td a.active{
	color:#999;
	text-decoration:underline
	}
	
/*********** menu versions *********************************/
#versions td a img{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0}
#versions td a:hover img, #versions td a.active{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

/*********** menurecrutement_references *********************************/
a#recrutement img{background:url("img/bt-recrutement.gif") no-repeat bottom center;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
a#recrutement:hover img, a#recrutement.active img{background:url("img/bt-recrutement.gif") no-repeat top center}
a#references img{background:url("img/bt-references.gif") no-repeat bottom center;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
a#references:hover img, a#references.active img{background:url("img/bt-references.gif") no-repeat top center}

/*********** mise en page du contenu ***********/
p,li,form{color:#737477}
h1,h3,a,.txt_mis_en_avant{color:#00a1d1}
h2,a:hover{color:#e95e27}
/*h1{
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 10px 0 0;
	padding:0 0 5px 0;
	text-transform:uppercase
	}*/
h1{
	font-size:14px;
	font-weight:normal;
	color:#e95e27;
	padding:5px 0;
	margin:0 10px 0 0
	}	
h2{
	font-size:14px;
	font-weight:normal;
	padding:5px 0;
	margin:0 10px 0 0
	}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:2px 0 0 0
	}
p{
	padding:3px 0;
	margin:0 10px 0 0;
	text-align:justify
	}
#cartouche p{
	color:#106c82;
	padding:0 20px 5px 0;
	margin:0
	}	
ul{
	margin-left:10px;
	padding-left:10px
	}
li{
	list-style-type:square;
	margin-bottom:3px
	}
.min,sup, #chemin *{font-size:smaller}
form{margin:0;padding:0}
input, textarea, #cryptogram{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}

/*********** liens ***********/
a{text-decoration:underline}
a:hover{text-decoration:none}
a.haut_de_page{
	font-size:11px;
	font-size:smaller;
	float:right;
	margin:5px 10px
	}
div#faq div ul li a{color:#106c82}
div#faq div ul li a:hover{color:#00a1d1}
a.retour{
	background:url("img/retour.jpg") no-repeat bottom left;
	color:#e95e27;
	padding:5px 0 5px 20px;
	margin:0
	}
a.retour:hover{
	background:url("img/retour.jpg") no-repeat top left;
	color:#ccc
	}

/*********** style des images ***********/
img.border{
	border:1px solid #ccc;
	margin:2px
	}
a img, #logo a:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}

/************ bas ***********/
#bas img{vertical-align:middle}

/*********** autres div *******************/
div.Kcontact, div.Kpartenaire, div.Knewsletter{
	background:url("img/Kfond.jpg") no-repeat bottom center;
	float:left;
	width:314px	;
	min-height:280px;
	padding:0;
	margin:5px
	}
* html .Kcontact, * html .Kpartenaire, * html .Knewsletter {height:280px}
div.Kcontact h2, div.Kpartenaire h2, div.Knewsletter h2{
	color:#444;
	background:url("img/Kcontact.jpg") no-repeat top left;
	font-size:14px;
	font-weight:normal;
	height:40px;
	margin:0;
	padding:27px 0 0 45px;
	width:269px	
	}
div.Kcontact h3, div.Kpartenaire h3, div.Knewsletter h3{
	padding:2px 0 0 24px
	}
div.Kpartenaire h2{background:url("img/Kpartenaire.jpg") no-repeat top left}
div.Knewsletter h2{background:url("img/Knewsletter.jpg") no-repeat top left}
div.Kcontact p, div.Kpartenaire p, div.Knewsletter p{
	color:#737477;
	margin:0;
	padding:0 21px 10px 24px;
	}
/************ ul avec puce orange : ************/
ul.ulPuceOrange{
	margin:0 0 0 22px;
	padding:0
	}
ul.ulPuceOrange li{
	background:url("img/puce.jpg") no-repeat left;
	list-style-type:none;
	padding:5px 0 0 17px
	}
#faq ul.ulPuceOrange{margin:0;padding:0} /* suppression du margin pour que le div#faq reste à droite en 800x600 */

/************ ul en onglets verticaux : ************/
ul.ulOnglet{
	list-style-type:none;
	margin0;
	padding:0
	}
ul.ulOnglet li{
	background:url("img/liOnglet.jpg") no-repeat top center;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:6px 0 12px 0;
	text-align:center
	}
/********** images page références **************/
div#references div img{
	border-color:#ccc;
	background-color:#e0f7fd;
	margin:5px;
	padding:5px
	}
div#references div img:hover{
	background-color:#00a1d1;
	border-style:dotted;
	border-color:#000;
	}
div#references div{float:left; text-align:center; margin:15px}

/********* tableBorderGris *********/
table.tableBorderGris{background-color:#999}
table.tableBorderGris th{background-color:#999; color:#fff}
table.tableBorderGris td{background-color:#fff}

/********** réf **************/
a.ref {color:#737477 ; text-decoration: none}
a.ref:hover {color:#737477 ; text-decoration: none}