body{padding: 0; margin: 0; background: #dcedff; font-family: "Trebuchet MS";}

img{border: none;}

a{color: #31719d; text-decoration: none; margin:0; padding:0;}

a:hover{color: #4ca3df;}



.mb2{color: #0354a5; text-decoration: none;}

.mb2:hover{color: #f8941e;}





#all{width: 980px;padding: 0; margin: 0 auto; overflow: auto;}


#header{height: 84px; background: url(images/bg_header.png); position: relative; overflow: auto; margin-bottom: 10px}

#logo{ position: absolute; bottom: 10px; left: 20px;}







#banniere{ height: 221px; width: 980px; background: url(images/bg_banniere.png); position: relative; overflow:auto; margin-bottom: 15px; margin-top: 15px;}
#txt_pres{ position : absolute; top: 10px; left: 20px;}
#cit{ position : absolute; top: 150px; left: 20px;}
#cit h1{padding: 0; margin:0; color: #31719d; font-style: italic; font-size: 24px; font-weight: 100}
#txt_pres h1{padding: 0; margin:0; color: #31719d;}
#txt_pres p{padding: 0; margin:0; color: #31719d; font-size: 15px;}
#cu3er-container { width: 340px; height: 221px; }
#right{ float: right;  overflow:auto;}
#left{ float: left; width: 640px; height: 100%;}
.ul_bull{list-style: none; margin:0px; padding: 0px;}
.ul_bull li{ background: url(images/bull.png) left no-repeat; padding: 0px; margin:0px;padding-left: 10px; margin-bottom: 3px;}


#content{overflow: auto; margin-top: 20px;width: 980px;  margin: 0 auto}

.box{ width: 326px;   float: left;overflow: auto}

.box_c{ width: 316px; height: 400px;padding-left: 10px; float: left;overflow: auto;border-right: 1px dashed #9fc6fa;border-left: 1px dashed #9fc6fa;}

#load{ height: 16px; width: 16px; margin: 0 auto; margin-top: 130px;}
#anim{padding: 10px; font-size: 14px; color: #666; padding-top: 0px;}
.titre1{ background: url(images/titre1.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre2{ background: url(images/titre2.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre3{ background: url(images/titre3.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre4{ background: url(images/titre4.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre5{ background: url(images/titre5.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre6{ background: url(images/titre6.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre7{ background: url(images/titre7.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.titre8{ background: url(images/titre8.png); height: 30px; width: 298px; font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
.content_anim{ background: #f5faff;-moz-border-radius: 5px;
-webkit-border-radius: 5px; margin-top: 10px; width: 286px; overflow:auto; font-size: 13px; padding: 10px; text-align: justify}
.content_box_l{ width: 310px; float: left; overflow: auto }

.content_box_r{ width: 310px; float: right;overflow: auto}

.titre_box{ font-size: 18px;color: #29408c; }

.orange{color: #f8941e;}



.illus_box{width: 310px; height: 100px; margin-bottom: 30px;}

.wrapper{width:340px; padding-right: 10px; overflow:auto}

.wrapper .b{ border: 5px #fff solid;}

.i_o {border: 4px #f8941e solid; }

.i_b {border: 4px #4f84bc solid;}

#desc_photo{ float: left;padding-left:5px; margin-right: 5px; display: inline; height:50px; margin-top: 10px; background: #fff; color:#666;font-style: italic; margin-top: 0px;  margin-bottom: 0px; }
.desc_text{  height: 50px; color:#666;font-style: italic;font-size: 12px; }

#desc_photo img{cursor: pointer;}

#desc_photo2{ padding-bottom: 5px; padding-left:5px; padding-top:5px; height:28px; background: #fff; color:#666;font-style: italic; margin-top: 0px; font-size: 14px; margin-bottom: 0px;}
#desc_photo2 img{cursor: pointer;}
.list_box{ padding: 0px;margin-top: 0px;}

.list_box ul{padding: 0px; margin: 0px;}

.list_box li{padding: 10px;padding-left:0px; list-style: none; border-bottom: 1px solid #b1d3eb;display:block;}

#footer{ text-align: center; font-size: 12px; color:#333333; padding-top: 10px; padding-bottom: 15px;}

/* dock - top */

.dock {position: absolute; top:145px; left:570px; text-align: center;}

.dock-container {position: absolute;background: url(images/dock-bg2.gif);padding-left: 20px;}

a.dock-item {display: block;	width: 40px;color: #000;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 12px Arial, Helvetica, sans-serif;}

.dock-item img {border: none;margin: 0px;width: 100%;}

.dock-item span {display: none;}

.el_menu{ float: left; text-align: center; width: 100px; height:72px; font-size: 13px; color: #000;  border-left: 1px dashed #ccc}
.el_menu1{ float: left; text-align: center; width: 100px; height:72px; font-size: 13px; color: #000; }

#menu_no{width: 320px; margin-top: 30px; height: 74px;   overflow: hidden; float: right}
#no_news{ float: right; margin-right: 15px; margin-top: 8px;}

		
		/*//////////////// PAGE /////////////////*/
		#page_content{ width: 960px; background: #fff; padding: 10px; margin: 0 auto;}
		#titrel_1{ background:red url(images/titrel1.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_2{ background:red url(images/titrel2.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_3{ background:red url(images/titrel3.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_4{ background:red url(images/titrel4.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_5{ background:red url(images/titrel5.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_6{ background:red url(images/titrel6.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_7{ background:red url(images/titrel7.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}
		#titrel_8{ background:red url(images/titrel8.png); width: 952px; height: 30px; margin-bottom: 15px;font-size: 18px; padding-left: 8px; padding-top: 5px; color: #fff;}