body{ font-size:11px; background: #f1f1f1 url(../images/bg_body.jpg) repeat-x; margin:0px; color:#023a50; font-family:Arial,Tahoma,Verdana; padding-right:0px; padding-left:0px; padding-bottom:10px; margin:0px; padding-top:40px}
#container {margin: 0 auto; width:772px; background:#fff url(../images/bg_container.jpg) no-repeat; text-align: left} 
.clear{clear:both}

a {text-decoration:none}
a:hover {text-decoration:none}
hr {border: none 0; border-top: 1px dashed #b2b322;/*the border*/ width: 50%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/; text-align:center;}

.green {color:#557e00;}
.gris { color:#999999;}

#leftcontent { margin:0 0 0 12px; padding:10px 10px 0px 10px; width:216px; float:left; border-right: 1px solid #ebebeb; background:white url(../images/bg_leftcontent.jpg) no-repeat;}
#leftcontent h3 { margin:10px 0 5px 0; padding:1px 5px 2px 0px; /*background:url(../images/bullet_a.gif)0 7px no-repeat;*/ font-family:Arial, Century Gothic, "Trebuchet MS", Tahoma, Verdana; font-size:20px; color:#8dcd09; font-weight:normal;}

#leftcontent a { margin:0; padding:0 0 2px 0px; color:#557e00; text-decoration:none;}
#leftcontent a:hover { margin:0; padding:0 0 2px 0px; color:#666; text-decoration:none; border-bottom: 1px solid #abac21}

#centercontent { margin:0; padding:10px 0px 0px 10px; width:475px; float:left; }
#centercontent h3 { margin:5px 0 10px 0; padding:1px 5px 2px 0px; /*background:url(../images/bullet_a.gif)5px 7px no-repeat*/ font-family:Arial, Century Gothic, "Trebuchet MS", Tahoma, Verdana; font-size:20px; color:#04779c; font-weight:normal;}
#centercontent h4 { margin:5px 0 10px 0; padding:1px 5px 2px 0px;  font-family:Arial, Century Gothic, "Trebuchet MS", Tahoma, Verdana; font-size:20px; color:#04779c; font-weight:normal; text-align:center;}
#centercontent a { margin:0; padding:0 0 2px 0px; color:#557e00; text-decoration:none; }
#centercontent a:hover { margin:0; padding:0 0 2px 0px; color:#666; text-decoration:none; }

#centercontent ul { padding:0px;  margin:15px 0px 15px 20px;}
#centercontent li { margin:10px 0px;padding:0px 0 10px 30px; list-style-type:none; background:url(../images/li.gif) 10px 2px no-repeat}

/* ~~~~~~~~~~~~ header ~~~~~~~~~~~~ */
#header { margin:0; padding:0; width:772px}
#header h1 { text-indent:-9999px; margin:0; padding: 0px; height:92px; background: url(../images/logo.gif) no-repeat 20px 0; font-size:24px; color:#666; }
#header h1 a { width: 200px; height:92px; display:block; margin: 0 0 0 0; padding:0; text-decoration:none;}
#header h1 a:hover{ width: 200px; height:92px; display:block; margin: 0 0 0 0; padding:0; text-decoration:none}


/* #illutopleft { margin:0 0 0 12px; padding:0; width:748px; float:left; height:231px; background-image:url(../images/top.jpg); background-repeat:no-repeat;} */
#illutopleft { margin:0 0 0 12px; padding:0; width:748px; float:left; height:231px;}
#illutopleft img {display:block}
*html #illutopleft { margin:0 0 0 6px;}

#illutopright { display:none;}

#langue { float:left; margin:0 0 0 20px;display:block}


div#topnav {
	float:right;
	font-family: arial;
	font-weight: bold;
	padding: 0;
	border: 0;
	width:650px;
	height:30px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#topnav ul { display: inline; margin: 0; padding: 0; list-style: none; width:572px; }
div#topnav ul li { display: inline; margin: 0;}
div#topnav li a {padding-right:10px; padding-left:10px;font-weight:bold;padding-bottom:14px;margin:0px 1px;color:#04779c;padding-top:5px;text-decoration:none}
div#topnav li a:hover, .selected {background-position:50% bottom;background-image:url(../images/menu_a_hover.gif);color:#464646;background-repeat:repeat-x}


div#topnaven {
	float:right;
	font-family: arial;
	font-weight: bold;
	padding: 0;
	border: 0;
	width:610px;
	height:30px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#topnaven ul { display: inline; margin: 0; padding: 0; list-style: none; width:532px; }
div#topnaven ul li { display: inline; margin: 0;}
div#topnaven li a {padding-right:10px; padding-left:10px;font-weight:bold;padding-bottom:14px;margin:0px 1px;color:#04779c;padding-top:5px;text-decoration:none}
div#topnaven li a:hover, .selected {background-position:50% bottom;background-image:url(../images/menu_a_hover.gif);color:#464646;background-repeat:repeat-x}


#content { margin:0; padding:0px 0 0 0; width:772px; }
#content h2{  margin:20px 0px 20px 0 ; padding: 0 0 0 30px; background:url(../images/bullet.gif) no-repeat 0px 4px; text-transform:uppercase;color:#04779c; font-size:18px; font-family:"arial",tahoma,verdana; letter-spacing:1px}
#content p { margin:0; padding:5px 0 5px 0; line-height:20px;}
#content ul {padding:0px;  margin:15px 0px 15px 20px;}
#content li {padding-bottom:10px; margin:10px 0px;padding-top:0px; list-style-type:none}


div.tablecontent {width:100%;margin:0 0 20px 0; padding:0 0 10px 0; }
div.tablecontent h3 {font-weight:normal;font-size:20px;color:#04779c;font-family:Arial, Century Gothic, "Trebuchet MS",tahoma,verdana; padding:1px 5px 2px 0px; }
div.tablecontent .tablecontenttitle{padding:1px 5px 2px;}
div.tablecontent .tablecontentbody{padding:0px 5px 0px 5px}
div.tablecontentone{background-color:#fff}
div.tablecontentone .tablecontenttitle{font-weight:bold;font-size:11px;padding:1px 5px 2px}
div.tablecontentone .tablecontentbody{padding:0px 5px 5px 5px}


.content.readmore a {color:#04779c; text-decoration:none; margin:0; padding:0 0 2px; border-bottom:1px solid #ccc;}
.content.reamore a:hover {color:#474747; text-decoration:none; margin:0; padding:0 0 2px; border-bottom:1px solid #04779c;}



#link{}
#link a{color:#000}
#link a:hover{}
.linktitle{font-family:arial,helvetica,sans-serif;color:#04779c;font-weight:bold;font-size:16px;border-bottom:1px dotted #04779c}
.linklist{padding-left:10px}
.linkdetailtitle{padding-top:10px;font-family:arial,helvetica,sans-serif;color:#04779c;font-weight:bold;font-size:13px}
.linkseparator{margin-top:5px;border-bottom:1px dashed #04779c;margin-bottom:5px;width:100%}
.linkdetail{color:#005165}

#contact{ margin:10px 0 10px 0; padding:0; }
#contactus{}
#contactus a{color:#000;text-decoration:underline}
#contactus a:hover{color:#e61801}
.contactustitle{font-family:arial,helvetica,sans-serif;color:#e61801;font-weight:bold;font-size:16px;border-bottom:1px dotted #e61801}
.contactusaddress{font-family:arial,helvetica,sans-serif;color:#e61801;font-weight:bold;font-size:12px}
.contactusintro{}
.contactusseparator{padding:5px 0;border-bottom:1px dotted #e61801;clear:both}


#footer {
	width:772px;
	text-align:center;
	background: url(../images/bg_footer.jpg) no-repeat;
	font-size:9px;
	color:#474747;
	background-position:center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}
#footer a {color:#04779c; text-decoration:none; margin:0; padding:0 0 2px; border-bottom:1px solid #ccc;}
#footer a:hover {color:#474747; text-decoration:none; margin:0; padding:0 0 2px; border-bottom:1px solid #04779c;}
#infopagelink { margin:0; padding:45px 0 10px 0;}


#footeradmin{margin-top:5px;border-top:1px solid #000;padding-top:10px}
#footeradmin a{text-decoration:none;color:#df134c;font-size:10px}

#table1 { color:#59a7bb;}
#table2 { color:#bb9e59;}
#table3 { color:#a71c12;}