*{font-family:Arial, Helvetica, sans-serif;font-size:12px}
*html img, *html a, *html p{ behavior: url("js/iepngfix.htc")}
body{
	background:url("img/fond.jpg") repeat-x top left #fff;
	margin:0;padding:0
	}
#tableau{
	background:url("img/bg.jpg") repeat-y top left #fff;
	margin:auto;position:relative;
	width:980px
	}
#header{
	clear:both;height:159px;width:972px;
	background:url("img/header.jpg") no-repeat top left;
	padding:0 8px 0 0;
	text-align:right
	}
/*#menu{
	background:url("img/menu.jpg") no-repeat top left;
	clear:both;
	height:24px;
	margin:0;padding:0;
	width:980px
	}*/
#menu2{
	background:url("img/menu2.jpg") no-repeat top left;
	clear:both;
	height:18px;
	margin:0;padding:0 8px 0 0;
	width:972px
	}
#menu3{
	background:url("img/menu3.jpg") no-repeat top left;
	float:left;
	height:501px;
	margin:0;padding:60px 0 0 7px;
	width:131px
	}
* html #menu3{height:561px}
#menu4{
	background:url("img/menu4.jpg") no-repeat top left;
	float:left;
	height:471px;
	margin:0;padding:90px 20px 0 22px;
	text-align:center;
	width:135px
	}
* html #menu4{height:471px}
#corps{
	background:url("img/corps.jpg") no-repeat top left;
	float:left;
	min-height:561px;
	margin:0;padding:0;
	text-align:left;
	width:665px
	}
* html #corps{height:561px}
#chemin{
	clear:both;
	font-size:10px;
	margin:0 0 5px 0;
	padding:0;
	text-align:left
	}
#chemin, #chemin a{color:#666;font-size:10px}
#footer{
	background:url("img/footer.jpg") no-repeat top left;
	color:#999;
	clear:both;
	font-size:11px;
	font-weight:normal;
	height:134px;
	padding-top:25px;
	text-align:center;
	width:980px
	}
a.haut_de_page{
	font-size:11px;
	font-size:smaller;
	float:right;
	margin:5px 10px
	}
/*********** menu horizontal ******************************/
/*#menu ul{
	height:24px;
	margin:0 6px;padding:0
	}
#menu li{
	display:inline;
	list-style-type:none;
	margin:0;padding:0
	}
#menu li.noBorder a{border-right-width:0}
#menu li a{
	border-right:1px solid #313033;
	color:#fff;
	display:block;
	float:left;
	font-size:10px;
	height:24px;line-height:24px;
	margin:0;padding:0 10px;
	text-decoration:none;
	text-transform:uppercase
	}
#menu li a:hover,#menu li a.active{background:url("img/bt-menu.jpg") repeat-x top center #00d5e2}*/
/*********** menu vertical 3 ******************************/
#menu3 ul{margin:0;padding:0}
#menu3 li{
	list-style-type:none;
	margin:0;padding:0
	}
#menu3 li.noBorder a{border-bottom-width:0}
#menu3 li a{
	background:url("img/bt-menu3-off.jpg") no-repeat left;
	color:#9c9e9f;
	display:block;
	font-size:11px;
	font-weight:normal;
	height:18px;line-height:18px;
	margin:0;padding:0 0 0 10px;
	text-decoration:none
	}
#menu3 li a:hover,#menu3 li a.active{
	background:url("img/bt-menu3-hover.jpg") no-repeat left;
	color:#999;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 12px;
	}
#menu3 li a.active{
	background:url("img/bt-menu3.jpg") no-repeat left;
	color:#33bcd0
	}

/*********** menu horizontal 2 ******************************/
#menu2 ul{
	float:right;
	height:18px;
	margin:0 0 0 0;padding:0
	}
#menu2 li{
	display:inline;
	list-style-type:none;
	margin:0;padding:0
	}
#menu2 li.noBorder a{border-right-width:0}
#menu2 li a{
	color:#fff;
	display:block;
	float:left;
	font-size:10px;
	height:18px;line-height:18px;
	margin:0;padding:0;
	text-align:center;
	text-decoration:none;
	width:66px
	}
#menu2 li a:hover,#menu2 li a.active{background:url("img/bt-menu2.jpg") no-repeat top center}
/************ menu 4 *********************************/
#menu4 h4{
	font-size:12px;
	color:#00b1cb;
	text-align:center;
	padding:0; margin:0
	}
#menu4 h4 a{
	font-size:12px;
	color:#00b1cb;
	text-decoration:none
}
#menu4 h4 a:hover{text-decoration:underline}
#menu4 p{
	font-size:11px;
	color:#9c9e9f;
	text-align:center;
	padding:0; margin:0
	}
#menu4 p a{
	font-size:11px;
	color:#9c9e9f;
	text-decoration:none
	}
#menu4 p a:hover{
	color:#555;
	text-decoration:underline
	}
#menu4 img.border{border:1px solid #00b1cb; margin:5px 0}
/*********** footer ******************************/
#footer a{
	border-left:1px solid #999;
	color:#999;
	font-size:11px;
	height:16px;line-height:16px;
	margin:0;padding:0 10px;
	text-decoration:none
	}
#footer a:hover, #footer a.active{color:#999; text-decoration:underline}
#footer a.active{color:#333}
/*********** mise en page du contenu ***********/
p,li,form{color:#3d3c3f}
h1,h2,a,.txt_mis_en_avant,a:hover{color:#00b1cb}
h3{color:#555}
h1{
	font-size:20px;
	font-weight:normal;
	margin:15px 0 30px 0;padding:0;
	text-transform:uppercase
	}
h2{
	border-bottom:1px solid #00b1cb;
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 0;
	text-transform:uppercase;
	}
h3{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:2px 0 0 0;
	text-align:justify
	}
p{
	padding:3px 0;
	margin:0;
	text-align:justify
	}
ul{
	margin-left:15px;
	padding-left:15px
	}
li{
	list-style-type:square;
	margin-bottom:3px
	}
.min,sup, #chemin *{font-size:smaller}
.txt2{font-size:11px}
form{margin:0;padding:0}
input, textarea, #cryptogram{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}
/*********** liens par défaut ***********/
a{text-decoration:underline}
a:hover{text-decoration:none}
/*********** style des images ***********/
img.border{
	border:1px solid #dedede;
	margin:2px
	}
a img, #haut a:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1}
a:hover img{filter:alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4}
/************ encarts accueil ************/
#encart_accueil img{ margin:0 4px}
#encart_accueil div{
	background:url("img/fd-encart-accueil.jpg") repeat-x top left;
	border:1px solid #cceef3;
	float:left;
	padding:0; margin:0 4px;
	height:86px;
	width:318px	
	}
#encart_accueil div p{
	color:#00b1cb;
	font-size:11px;
	text-align:justify;
	padding:2px; margin:0
	}
#encart_accueil div a{
	color:#00b1cb;
	font-size:11px;
	text-decoration:none
	}
#encart_accueil div a:hover{
	color:#555;
	font-size:11px;
	text-decoration:underline
	}
#encart_accueil div img.border{
	margin:0 3px 0 0;
	border:1px solid #00b1cb;
	float:left
	}
table.table-mentions-legales{background-color:#ccc}
table.table-mentions-legales th{background-color:#dedede; font-size:11px; font-weight:normal; color:#666}
table.table-mentions-legales td{background-color:#fff; font-size:13px}

table.fleche{background:url("img/fleche.jpg") no-repeat top right}
table.fleche tr td div{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background:url("img/trame-bleue.gif") repeat top right;
	padding:2px}

/********* menu déroulant ***********/
.ddsmoothmenu{
	background:url("img/menu.jpg") no-repeat top left;
	font: bold 12px Arial, Helvetica, sans-serif;
	clear:both;
	height:24px;
	margin:0;padding:0 6px;
	width:968px
	}
.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	padding:0; margin:0
	}
.ddsmoothmenu ul li a{
	display: block;
	color: white;
	padding: 0 10px;
	height:24px; line-height:24px;
	border-right: 1px solid #778;
	color: #2d2b2b;
	text-decoration: none;
	}
* html .ddsmoothmenu ul li a{display: inline-block} /* hack IE */
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white}
.ddsmoothmenu ul li a.selected{color: white}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active{
	background:url("img/bt-menu.jpg") repeat-x top center #00d5e2;
	color: white;
	}
/********* sous-menu *********/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	}
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	list-style-type:none
	}
.ddsmoothmenu ul li ul li ul{top: 0}
.ddsmoothmenu ul li ul li a{
	background:none  #838284;
	color:#333;
	font: normal 12px Arial, Helvetica, sans-serif;
	height:20px; line-height:20px;
	width: 120px;
	padding:0 5px;
	margin: 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	}
.ddsmoothmenu ul li ul li a.selected{color: #333}
* html .ddsmoothmenu{height: 1%;}
.downarrowclass{	position: absolute;top: 12px;right: 7px}
.rightarrowclass{position: absolute;top: 6px;right: 5px	}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver}
.toplevelshadow{opacity: 0.8}