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

/* ------------------------------- GENERAL --------------------------------------------------------------------------------- */
*{ margin:0; padding:0;}
body{font-family: Verdana, Geneva, sans-serif; font-size: 11px; color:#000000; background-color:#a4a4a4}

a{ color:#000; text-decoration:none}
a:hover{ color:#bdce01; text-decoration:underline}

.vert{color:#bdce01;}

input{ border:1px solid #bdce01; font-size:11px; padding:2px; width:250px}
select{ border:1px solid #bdce01; font-size:11px; padding:2px; width:255px}
input[type=radio]{ border:none; width:auto; font-size:11px;}
input[type=image]{ border:none; width:auto; font-size:11px;}
textarea{ border:1px solid #bdce01; font-size:11px; padding:2px; width:250px; text-align:justify}
/* ------------------------------- PAGE --------------------------------------------------------------------------------- */
#container{ width:1000px; margin:0 auto;}

#contenu{ width:1000px; background-color:#FFF; margin:0 auto; line-height:17px; border:1px solid #000;}

/* -----TOP---- */
#contenu .top{height:160px;}
#logo{ width:313px; height:160px; float:left; margin:0 0 0 26px !important;}
#logo h1{width:313px; height:160px; background:url(../images/fr/logo.jpg) no-repeat;}
#logo h1 a{ width:313px; height:160px; display:block}
#logo h1 a span{ display:none}


/* -----MENU---- */
#nav{width:637px !important; width:630px; margin:65px 0 0 10px !important; margin:65px 0 0 0; padding:0 !important; padding:0 0 0 5px; float:left;}
#nav ul{width:627px; height:41px; background:url(../images/common/bgr_menu.jpg) no-repeat; float:left;}
#nav ul li{ list-style-type:none; display:inline; float:left}

#nav ul li a {display:inline-block;}

#nav ul li a#accueil{ width:52px; height:17px; background:url(../images/fr/btn_accueil.gif) no-repeat; margin:10px 0 0 50px}
#nav ul li a:hover#accueil{ width:52px; height:17px; background:url(../images/fr/btn_accueil_hover.gif) no-repeat;margin:10px 0 0 50px}
#nav ul li#accueil_active{ width:52px; height:17px; background:url(../images/fr/btn_accueil_hover.gif) no-repeat;margin:10px 0 0 50px !important;margin:10px 0 0 25px;  display:inline-block}
#nav ul li#accueil_active span{ display:none;}

#nav ul li a#comment{ width:150px; height:17px; background:url(../images/fr/btn_comment.gif) no-repeat;margin:10px 0 0 30px}
#nav ul li a:hover#comment{ width:150px; height:17px; background:url(../images/fr/btn_comment_hover.gif) no-repeat;margin:10px 0 0 30px}
#nav ul li#comment_active{ width:150px; height:17px; background:url(../images/fr/btn_comment_hover.gif) no-repeat;margin:10px 0 0 30px; display:inline-block}
#nav ul li#comment_active span{ display:none;}

#nav ul li a#contact{ width:60px; height:17px; background:url(../images/fr/btn_contact.gif) no-repeat;margin:10px 0 0 30px}
#nav ul li a:hover#contact{ width:60px; height:17px; background:url(../images/fr/btn_contact_hover.gif) no-repeat;margin:10px 0 0 30px}
#nav ul li#contact_active{ width:60px; height:17px; background:url(../images/fr/btn_contact_hover.gif) no-repeat;margin:10px 0 0 30px; display:inline-block}
#nav ul li#contact_active span{ display:none;}


#nav ul li a span{ display:none;}


#titre_home img{ margin:20px 0 0 85px !important;margin:20px 0 0 55px}
/* -----MILIEU---- */
#contenu .milieu{width:1000px; height:427px; background:url(../images/fr/visu_home.jpg) no-repeat; text-align:justify  }
#contenu .milieu #txt_intro{ clear:left; margin:0 0 0 425px; width:550px;}
#contenu .milieu #visu_index{width:696px;float:left}
#contenu .milieu #text{width:300px; float:left}
#contenu .milieu #txt_intro p{ text-align:justify}

#contenu .milieu_comment{width:1000px; height:427px; background:url(../images/fr/visu_comment.jpg) no-repeat; text-align:justify  }
#contenu .milieu_comment #txt_intro{ clear:left; margin:0 0 0 480px; width:450px;}
#contenu .milieu_comment #visu_index{width:696px;float:left}
#contenu .milieu_comment #text{width:300px; float:left}
#contenu .milieu_comment #txt_intro p{ text-align:justify}


#contenu .milieu_contact{width:1000px; height:447px; background:url(../images/fr/visu_contact.jpg) no-repeat; text-align:justify  }
#contenu .milieu_contact #txt_intro{ clear:left; margin:0 0 0 480px; width:450px;}
#contenu .milieu_contact #visu_index{width:696px;float:left}
#contenu .milieu_contact #text{width:300px; float:left}
#contenu .milieu_contact #txt_intro p{ text-align:justify}

/* -----BAS---- */
#contenu .bas{ height:100px; margin:0 0 10px 20px}



.legende{ font-size:10px; color:#666; line-height:10px; margin:40px 0 0 0}
/* ------------------------------- FOOTER --------------------------------------------------------------------------------- */
#footer{width:1000px; height:100px;font-size:10px;}
#footer p{ padding:10px;}