/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
	/*overflow-x:hidden;*/
}

body{
	background-color:#b0b0b0;
	font-family:"trebuchet ms",arial;
	background-image:url(../img/fd_ban.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-size:12px;
	color:#333333;
}

ul,li,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
}

a{
	color:#034e63;
	text-decoration:none;
}
a:hover{
	color:#1e444f;
	text-decoration:underline;
}
img{border:0px;}
td{vertical-align:top;}

div#content{
	width:999px;
	margin-left:auto;
	margin-right:auto;
}


/****** banniere ****/
#ban ul{
	position:absolute;
	top:22px;
	margin-left:350px;
	width:600px;
	
	
}


#ban ul li{
	list-style-type:none;
	display:inline;
	

}
#ban ul li a{
	display:block;
	float:left;
	height:50px;
	font-family:"trebuchet ms", arial;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left:3px;
	margin-right:3px;
	text-transform:uppercase;
	padding-top:5px;
}
#ban ul li a div{
	font-size:11px;
	color:#ff6000;
	text-transform:none;
}

#ban ul li a:hover, #ban ul li.in a{
	background-color:#044e63;
}


#ban form{
	width:230px;
	position:absolute;
	margin-left:740px;
	top:77px;
}
#ban input{
	background-color:transparent;

	width:150px;
	font-size:11px;
	color:#002933;
	
	height:17px;
	margin-left:5px;
	border:0px;
	

}
#ban form label{
	color:#98a4a7;
	float:left;
	font-weight:bold;
	padding-top:2px;
	font-size:12px;
	

}
#ban ul.menu_conn{
	margin-left:0px;
	top:74px;
	width:900px;
	

}
#ban ul.menu_conn li a{
	color:#98a4a7;
	text-transform:none;
	font-size:13px;
	font-weight:bold;
	height:29px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	background-image:url(../img/puce1.gif);
	background-repeat:no-repeat;
	background-position:top right;


}
#ban ul.menu_conn li a:hover{
	background-color:transparent;
	color:#FFFFFF;
}

#ban a.mobi{
	position:absolute;

	top:0px;
	right:0px;
	display:block;
	width:89px;
	height:90px;
	background-image:url(../img/mobi.gif);
}
#ban a.accueil{
	display:block;
	position:absolute;
	top:5px;
	width:249px;
	height:59px;
}



#ban a.index{
	display:block;
	position:absolute;
	margin-left:630px;
	top:75px;
	background-color:#105b70;
	color:#84afbb;
	font-size:12px;
	font-weight:bold;
	height:18px;
	padding-right:20px;
	background-image:url(../img/ban_index.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:2px;
	padding-left:2px;
	cursor:pointer;
	border:1px inset #46cdf3;
	border:1px inset #1d6f84 !important;

}

#ban a.index:hover{
	color:#1185a2;
}

#ban div.aflab{
	position:absolute;
	display:none;
	width:248px;
	
	background-color:#034e63;
	border-bottom:1px solid #012933;
	border-left:1px solid #012933;
	border-right:1px solid #012933;
	top:0px;
	margin-left:630px;
	margin-top:98px;
	padding:5px;
	
	text-align:justify;


	filter : alpha(opacity=95);
    -moz-opacity : 0.95;
    opacity : 0.95;
	z-index:9;

}
#ban div.aflab:hover{
	display:none;
}

#ban div.aflab a{
	display:block;
	float:left;
	margin-left:2px;
	margin-right:2px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#a8cfd9;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #034e63;
	height:15px;


}
#ban div.aflab a:hover{
	color:#FFFFFF;
	background-color:#105b70;
	border:1px solid #1b7d99;
	text-decoration:none;
	

}


#ban a.lg{
	display:block;
	position:absolute;
	top:5px;
	margin-left:860px;
	font-size:11px;
	color:#8eafb7;
	background-image:url(../img/updown.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	
}

#ban div.langue ul{
	position:absolute;
	background-color:#fcfcfc;
	width:100px;
	margin-left:893px;
	z-index:10;
	border:1px solid #012933;
}
#ban div.langue ul li{
	display:list-item;

	


}
#ban div.langue ul li a{
	padding:0px;
	margin:0px;
	display:block;
	font-size:11px;
	width:100%;
	height:14px;
	color:#012933;
	text-transform:none;
	text-align:right;

}
#ban div.langue ul li a:hover{
	color:#FFFFFF;

}
#ban div.langue ul li a img{
	width:10px;
	padding-left:10px;
	padding-right:10px;

}
/***** footer ***/
div#footer{
	text-align:center;
	background-color:#003441;
	color:#ffffff;
}


div#footer a{
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
}
div#footer a.smartactif{
	color:#98a4a7;
	float:right;
	margin-top:-17px;
	font-size:10px;

}
div#footer a.flag{
padding:0px;

}
div#footer a.flag img{
	width:13px;

}
/****left / right / texte***/
div#page table#content{
	width:100%;
	border:0px;

}
div#page table#content .left{width:100px;}
div#page table#content .right{width:100px;}
div#page table#content .texte{ padding-right:10px;}




/****** pub gauche ***/
#pub-gauche img{
	height:75px;
	padding:2px;
	border:1px solid #CCCCCC;
	margin-top:3px;

}

#pub-droite img{
	margin-bottom:5px;
}

ul#menuleft{
	background-color:#f5f5f5;
	padding-right:10px;
}
ul#menuleft li{
	list-style-type:none;
	font-weight:bold;

	border-bottom:1px solid #FFFFFF;
	height:23px;
	border-left:1px solid #d8d8d9;
	
}
ul#menuleft li a{
	padding-left:10px;
	color:#455f67;

}
ul#menuleft li a:hover{
	background-color:#FFFFFF;

}
/********* balise select personnalis + formulaire*****/

.form_select{
	background-color:#FFFFFF;
	padding-left:2px;
	padding-right:30px;
	border:1px solid #a7a6aa;
	color:#000000;
	background-image:url(../img/select.gif);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	width:100px;
	height:21px;
	
}
.form_select:hover{
		background-image:url(../img/select_hover.gif);
}
ul.form_option {
	position:absolute;
	width:150px;
	padding:0px;
	padding-left:3px;
	margin:0px;
	background-color:#FFFFFF;
	border:1px solid #a7a6aa;
	list-style-type:none;
	text-align:left;
	max-height:200px !important;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	
	
}
ul.form_option li{
	padding:0px;
	margin:0px;
}
ul.form_option:hover{color:#000000;}
ul.form_option li a{
	text-decoration:none;
	color:#000000;
	display:block;
	width:100%;
}
ul.form_option li a:hover{
	background-color:#335ea8;
	color:#FFFFFF;
}


div#formulaire{
	border:1px solid #d7dfe1;
	background-color:#f8f8f8;
	margin-right:10px;
}
div#formulaire h3{
	background-color:#034e63;
	color:#ffffff;
	padding-left:10px;
	font-size:11px;
	border-bottom:1px solid #919699;
	border-top:1px solid #FFFFFF;
	height:16px;
	letter-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
}
div#formulaire h3 a{
	color:#FFFFFF;

}
span.help{
	background-image:url(../img/help.gif);
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	
	padding-top:17px ;
	padding-top:0px !important!;
	cursor:pointer;
	width:98%;

	
}
span.help:hover{
	background-image:url(../img/help2.gif);
	cursor:help;

}


span.help div.load{
	background-image:url(../img/loader.gif);
	background-position:center;
	background-repeat:no-repeat;

}
span.help div{
	
	display:none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffee;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-family:"trebuchet ms",arial;
	padding:10px;
	font-weight:normal;
	font-size:12px;
	letter-spacing:0px;
	border-left:1px solid #666666;
	border-top:1px solid #999999;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	cursor:default;
	z-index:99;
}



div#formulaire h3 input{
	margin-top:-2px;
	margin-left:30px;
}

div#formulaire h3 select{
	
	margin-top:-4px;
	height:18px;

}
div#formulaire h3 span.help:hover div{
	text-decoration:none;
	color:#000000;
	

}
div#formulaire table,div#formulaire div{
	margin:10px;

}
div#formulaire td.label{
	text-align:right;
	padding-right:10px;

}
div#formulaire td input{
	width:90%;
	margin-top:1px;
	margin-bottom:1px;

}
div#formulaire input.radio{
	height:16px;
	width:16px;
	border:0px solid;
	cursor:pointer;
	background-color:transparent;
	
}
div#formulaire hr{
	border:1px solid #c6ced1;
	margin:0px;
	padding:0px;
	height:1px;
	width:90%;

}
input,select,textarea{
	font-size:12px;
	height:18px;
	border:1px inset #a7a6aa;
}
textarea{
	width:90%;
	font-family:"trebuchet ms",arial;

}
select{
	height:23px;
	cursor:pointer;

}
div#formulaire fieldset{
	border:1px solid #babdbe;
	background-color:#ebebeb;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

div#formulaire fieldset {
	margin-left:10px !important! ;



}
div#formulaire fieldset legend{
	background-color:#babdbe;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	height:20px;
	margin-top:-8px !important!;

}
div#formulaire fieldset table{
	width:100%;
	margin:0px;
	padding:0px;

}
input.radio{
	height:16px;
	width:16px;
	border:0px;
	cursor:pointer;

}
input.bouton1, button.bouton1{
	background-image:url(../img/bt.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:1px outset  #897d76; 
	cursor:pointer;
	font-size:11px;
	height:24px;
	font-weight:bold;
	color:#6b3c20;
	-moz-border-radius : 7px 0px;
	border-radius: 7px 0px;
	-webkit-border-radius: 7px;

}

input.bouton1:hover{
	color:#000000;
}


/***** page *****/



div#page{
	background-color:#FFFFFF;
	margin-top:100px;
	padding-top:15px;
	overflow:hidden;

	
}


div#page h1{
	color:#ff6000;
	font-size:16px;
}

div#page h2{
	color:#034e63;
	font-size:13px;
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#page h5, div#page h6{
	background-color:#e8e8e8;
	color:#333333;
	border-left:2px solid #ff6000;
	padding-left:10px;
	font-size:13px;
	height-min:20px;
	margin-top:30px;
	margin-bottom:5px;

}
div#page h6{
	background-image:url(../img/puce2.gif);
	background-repeat:no-repeat;
	background-position:left;
	border:0px;

}

div#page table td{
	text-align:justify;
	vertical-align:top;

}
a.lien1{
	background-image:url(../img/puce3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	font-weight:bold;
}

div#page ul li{
	list-style-image:url(../img/puce3.gif);
	margin-left:15px;


}



div.astuce{
	background-color:#fffeef;
	padding:10px;
	border:1px solid #f1dd34;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/idea.png);
	background-position:top right;
	background-repeat:no-repeat;
}

a.retour{
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	display:block;
	margin-left:20px;
	position:absolute;
	font-weight:bold;

}
a.up{
	background-image:url(../img/up2.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-size:10px;
	color:#666666;
	padding-right:15px;

}

.important{
	color:#c14736;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
p{ margin-bottom:8px;}

div.copyright{
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#949494;
	border:1px dotted #999999;
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
	text-align:justify;
}

.bt2{
	background-color:#034e63;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-bottom:2px solid #e8e8e8;
	border-top:2px solid #e8e8e8;
	letter-spacing:1px;
}
.bt2:hover{
	background-color:#FFFFFF;
	color:#034e63;
	text-decoration:none;

}
div#page table.accueil_expo{margin-bottom:20px;}
div#page table.accueil_expo td{
	vertical-align:middle;
	text-align:center;
	border:0px;
	padding:0px;
	border-width:0px;
	padding-left:2px;
	padding-right:2px;
	height:94px;
}



div.outils{text-align:right;}
div.outils a{
	color:#706f6f;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin-right:5px;
	letter-spacing:0px;
	font-family:arial;
	font-size:10px;
	word-spacing: 0px;
	
	


}
div.outils a.back{ background-image:url(../img/up3.gif);}
div.outils a.next{ background-image:url(../img/fleche6.gif);}
div.outils a.situation{ background-image:url(../img/situation.gif); padding-left:17px; margin-left:4px; float:left;}
div.outils a.zoom{ background-image:url(../img/zoom.gif);}

div.situation{
	margin-top:30px;
	font-size:11px;
	width:365px;
	text-align:justify;

}
div.situation img{
	float:left;
	margin-right:5px;
	

}



/****photo****/
.photo{
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;

}
.photo1{
border:1px solid #CCCCCC;

}
/***erreur****/

div.ko{
	background-color:#ffe8e8;
	border:1px solid #CC0000;
	color:#CC0000;
	padding:5px;
	background-image:url(../img/ko.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:350px;
}

div.ok{
	background-color:#f1ffef;
	border:1px solid #189004;
	color:#189004;
	padding:5px;
	background-image:url(../img/ok.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:350px;

}


/**** liste ****/


div.liste{
	border:1px solid #ff5d00;
	width:97%;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/fd_list.gif);
	background-repeat:repeat-x;
	background-position:top;
}
div.liste h3{
	color:#012933;
	padding-left:10px;
	font-size:12px;
	margin-bottom:10px;

}
div.liste table{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
div.liste table td{border-bottom:1px solid #f2f4f5;}
div.liste span{
	color:#999999;
	font-size:11px;

}
div.liste img.loupe{margin-right:5px;}
div.liste div.bas{
	background-color:#efefef;
	border:1px dotted #e0e0e0;
	margin-top:5px;
	height:27px;

}
div.liste h3 span{
	float:right;
	margin-top:-15px;

}
/****fil d'ariane *****/
ul.ariane{
	background-image:url(../img/ariane.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:450px;
	margin-left:auto;
	margin-right:auto;
}

ul.ariane li{
	background-color:#eeeeee;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #dadada;
	display:inline;
	color:#a4a4a4;
}
ul.ariane li a{
	text-decoration:none;
	color:#373838;

}
ul.ariane li.ariane{
	background-color:#FFFFFF;
	font-weight:bold;
	color:#373838;

}