@charset "utf-8";
/* CSS Document */

/*general*/
body {margin:0px; padding:0px; font: 1.0em Verdana; text-align:center;  background:url(img/fond.gif) repeat-x top #606a55;}
* {margin:0px; padding:0px;}
.nofloat{clear:both;}
div#main {width:955px; margin-left:auto; margin-right:auto;}

/*header*/
div#header {width:955px; height:246px; background:url(img/entete.jpg);}
div#header p {color:#000;  text-align:right; padding:7px 45px 0px 0px; font-size:0.7em; font-family:Verdana; font-weight:bold;}
div#header a:link {color:#000; text-decoration:none;}
div#header a:visited {color:91876c; text-decoration:none;}
div#header a:hover {color:#1779b4; text-decoration:none;}
div#header a:active {color:#1779b4; text-decoration:none;}

/*mp*/
div#mp {width:955px; height:48px; float:left;}
div#mp img {float:left;}

/*ligne_haut*/
div#ligne_haut {width:955px; height:21px; float:left; background:url(img/ligne.gif) repeat-x; }

/*design*/
div#design {width:955px; height:277px; float:left; background:url(img/design_bas.jpg); }

/*container*/
div#container {width:955px; background:url(img/fond_container.gif); background-repeat:repeat-y;}

div#image {width:320px; margin:10px 40px 10px 32px;}
div#galerie {width:550px; margin:10px 5px 10px 15px;}

div#colonne1 {width:617px;  float:left;}
div#colonne1 h1 {font-family:Verdana; font-size:0.8em; margin:17px 40px 15px 40px; text-align:left; font-weight:bold; text-transform:uppercase; border-bottom:2px solid #3d4435;}
div#colonne1 p {font-family:Verdana; font-size:0.8em; margin:10px 40px 15px 40px; text-align:justify; line-height:18px;}
div#colonne1 img {margin:5px 5px 5px 5px; border:3px solid #3d4435;}
div#colonne1 a:link {font-family:Verdana; font-size:0.6em; text-decoration:none; color:#000000;}
div#colonne1 a:visited {color:#000000; text-decoration:none;}
div#colonne1 a:hover {color:#958967; text-decoration:none;}
div#colonne1 a:active {color:#000000; text-decoration:none;}

div#perfo_haut {width:300px; display:block; background-color:#dbd6be; margin:10px 40px 10px 40px; text-align:center;}
div#perfo_haut a:link {font-family:Verdana; font-size:0.8em; text-decoration:none; color:#000000;}
div#perfo_haut a:visited {color:#3d4435; font-size:0.8em; text-decoration:none;}
div#perfo_haut a:hover {color:#958967; font-size:0.8em; text-decoration:none;}
div#perfo_haut a:active {color:#ffffff; font-size:0.8em; text-decoration:none;}

div#colonne1 ul.rang1 {font-family:Verdana; font-size:0.8em; margin:10px 40px 10px 40px; text-align:left;}
div#colonne1 ul.rang2 {font-family:Verdana; color:#00407c; font-size:0.9em; margin:5px 40px 5px 45px; text-align:left;}

div#colonne1 div#tableau {font-family:Verdana; color:#000; font-size:0.8em; margin:2px 40px 20px 40px; text-align:left;}

.textBoxOff {font-size:12px; text-align:left; color:#000; border-bottom:1px solid #000000; padding-top:10px;}
.textBox1 {font-size:12px; text-align:left; color:#000; font-weight:bold;}


div#colonne2 {width:338px; float:left;}
div#colonne2 img {margin:30px 0px 5px 5px; border:3px solid #3d4435;}
div#colonne2 p {font-family:Verdana; font-size:1em; margin:0px 35px 20px 20px; text-align:justify;}
div#colonne2 h1 {font-family:Verdana; font-size:1.2em; margin:0px 35px 10px 20px; font-weight:bold;}
div#colonne2 h3 {font-family:Verdana; font-size:1.0em; margin:0px 35px 10px 20px; font-weight:bold;}

div#legende_col2 {display:block; font-family:Verdana; font-size:0.7em; text-align:center;}
div#legende {display:block; font-family:Verdana; font-size:0.7em; text-align:center;}
div#legende li {font-family:Verdana; text-align:left; margin-left:80px; margin-right:40px; font-size:0.9em; list-style-type:disc;}

/*footer*/
div#footer {width:955px; height:65px; background-image:url(img/footer.gif);}
div#footer a:link {color:#eef4d2; text-decoration:none;}
div#footer a:visited {color:#84c1d3; text-decoration:none;}
div#footer a:hover {color:#1779b4; text-decoration:none;}
div#footer a:active {color:#1779b4; text-decoration:none;}

div#footer p.copyright {color:#ffffff; font-size:0.7em; text-transform:none;}
div#footer p.copyright a:link {text-decoration:underline;}
div#footer p.hypertexte {color:#eef4d2;  text-align:center; padding:20px 0px 5px 0px; font-size:0.7em; font-family:Verdana; font-weight:bold; text-transform:uppercase;}