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

* {margin:0;padding:0;}

body {background:#FFD752;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:justify;}
body a {text-decoration:none;color:#000000;}
body a:hover {text-decoration:underline;color:#000000;}
img {border:none;}
#clear {clear:both;}

#site {position:relative;width:860px;margin:0 auto;padding:0;}
#logo {float:left;position:relative;margin:4px 0 0 30px;}
#logo p {color:#FFFFFF;font-weight:500;font-size:24px;letter-spacing:5px;}
#logo a {text-decoration:none;}

#haut {float:left;position:relative;width:860px;height:27px;background:url(images/haut.png);margin-top:5px;}
#haut_menu {float:left;position:relative;width:860px;height:auto;background:url(images/bg.png);}
#mainContent {float:left;position:relative;width:860px;min-height:490px;background:url(images/bg.png);}
#bas {float:left;position:relative;width:860px;height:27px;background:url(images/bas.png);}
#footer {float:left;position:relative;width:860px;text-align:center;}
#footer p {font-size:11px;color:#666666; padding:0 0 20px 0;}
#footer p a {font-size:11px;color:#666666;}

#menu {width:800px;height:auto;position:relative;margin:20px 30px 0 20px;font-size:12px;font-weight:600;}
#menu a {color:#666666;}
#menu ul {list-style:none;}
#menu ul li {float:left;width:auto;height:auto;}
#menu ul li ul {visibility:hidden;position:absolute;top:30px;left:0;}
#menu ul li a:hover {color:#b0cd59;text-decoration:none;}
#puce {margin:0 5px 0 10px;}
#select {color:#b0cd59;text-decoration:underline;font-weight:bolder;}

#bold {font-weight:bold;color:#000000;}

/*Accueil*/

#img1 {background-image:url(images/img1.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}
#img2 {background-image:url(images/img2.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}
#img3 {background-image:url(images/img3.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}
#img4 {background-image:url(images/img4.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}
#img5 {background-image:url(images/img5.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}
#img6 {background-image:url(images/img6.jpg);width:662px;height:129px;display:block;float:left;position:relative;margin:4px 0 0 0;}

#banner {float:left;position:relative;width:800px;height:auto;margin:20px 30px 0 30px;}

#info {width:800px;height:auto;float:left;position:relative;margin-bottom:20px;text-align:justify;}

#info2 {width:580px;height:auto;float:left;position:relative;margin:0 20px 10px 0;}
#info2 h2, #info2b h2 {font-size:16px;font-weight:bold;color:#4f613f;padding-bottom:10px;}
#info2b {width:800px;height:auto;float:left;position:relative;margin:0 0 20px 0;}
#csu {width:200px;float:left;position:relative;margin-top:29px;}
#lien:hover {text-decoration:underline;color:#b0cd59;}

#info3a {float:left;position:relative;height:130px;width:385px;margin:0 20px 20px 0;border:1px solid #4f613f;-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;text-align:justify;}
#info3b {float:left;position:relative;height:130px;width:385px;margin:0 0 20px 0;border:1px solid #4f613f;-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;text-align:justify;}
#info3c {float:left;position:relative;height:130px;width:385px;margin:0 20px 0 0;border:1px solid #4f613f;-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;text-align:justify;}
#info3d {float:left;position:relative;height:130px;width:385px;margin:0 0 0 0;border:1px solid #4f613f;-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;text-align:justify;}
#info3a p, #info3b p, #info3c p, #info3d p {padding:5px 5px 5px 5px;}
#info3a h2, #info3b h2, #info3c h2, #info3d h2 {font-size:13px;height:55px;font-weight:bold;color:#FFFFFF;text-align:justify;background:#4f613f;padding:5px 5px 0 5px;}

#info4 {width:800px;height:auto;float:left;position:relative;}
#info4 h2 {font-size:16px;font-weight:bold;color:#4f613f;padding-bottom:10px;}

/*L'Equipe*/

#presentation {width:800px;height:auto;margin:20px 30px;display:block;float:left;position:relative;}
#trait {border-bottom:2px solid #b0cd59;width:800px;margin:0 30px 30px 30px;float:left;position:relative;}
#equipe {float:left;position:relative;width:380px;height:auto;margin:0 0 20px 30px;}
#equipe h2 {font-size:16px;font-weight:bold;color:#666666;padding-bottom:10px;}
#photo_equipe {float:left;clear:left;max-width:128px;max-height:128px;margin:0 10px 0 0;border:5px solid #b0cd59;}
#puce2 {margin:0 5px 0 0;}

/*Les services*/

#select2 {color:#b0cd59;}
#services {width:800px;height:auto;margin:20px 30px;display:block;float:left;position:relative;}
#services2 {float:left;position:relative;width:230px;height:auto;margin:0 0 0 30px;}
#services2 a {font-size:14px;font-weight:bold;color:#666666;}
#services2 a:hover {text-decoration:none;color:#b0cd59;}
#services3 {float:left;position:relative;width:505px;height:auto;margin:0 30px;}
#services3 ul {list-style:none;}
#services3 ul li {margin:0 0 5px 0;border-bottom:1px solid #b0cd59;width:535px;}

/*Espace*/

#formulaire {width:800px;height:auto;display:block;float:left;position:relative;margin:20px 0 0 30px;}
#formulaire h2 {font-size:16px;font-weight:bold;color:#4f613f;padding-bottom:10px;}
#formulaire td {width:175px;height:50px;}
#formulaire td a {text-decoration:underline;}
#formulaire td a:hover {color:#b0cd59;}
#input {position:relative;float:left;width:150px;font-size:11px;color:#000000;background-color:#ffffff;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-bottom:1px dotted #4f613f;border-left:1px solid #FFFFFF;}
#valider1 {position:relative;float:left;width:150px;cursor:pointer;font-size:11px;background-color:#ffffff;border:1px solid #4f613f;color:#4f613f;padding:3px 4px;}
#valider1:hover {color:#ffffff;background:#4f613f;}

#espace_ligne {margin:10px 0;}
#oublie a {position:relative;float:right;margin:20px 20px 0 0;color:#666666;}
#oublie a:hover {text-decoration:underline;color:#b0cd59;}
#oublie_form {margin:60px 75px;}
#oublie_form p {color:#000000;font-size:12px;text-align:left;}
#oublie_form a {color:#000000;font-size:12px;}
#oublie_form a:hover {text-decoration:underline;}
#email2 {background-color:#FFFFFF;border:solid 1px #4f613f;width:150px;position:relative;float:left;padding:2px 3px;}
#valider2 {position:relative;float:left;width:auto;cursor:pointer;font-size:11px;background-color:#ffffff;border:1px solid #4f613f;color:#4f613f;margin-left:10px;padding:3px 4px;}
#valider2:hover {color:#ffffff;background:#4f613f;}

/*Contact*/

#coordonnees {width:320px;height:auto;display:block;float:left;position:relative;margin:20px 0 0 30px;}
#coordonnees h2 {font-size:16px;font-weight:bold;color:#4f613f;padding-bottom:10px;}
#coordonnees p {padding:5px 0;}

#contacter{float:right;position:relative;width:auto;height:auto;margin:50px 30px 0 0;}
#contact {float:left;position:relative;width:460px;height:auto;}
#label1 {background-color:#FFFFFF;border-top:solid 1px #4f613f;border-bottom:solid 1px #4f613f;border-left:solid 1px #4f613f;color:#666666;width:75px;height:20px;display:block;position:relative;float:left;margin:10px 0;}
#label2 {background-color:#FFFFFF;border-top:solid 1px #4f613f;border-bottom:solid 1px #4f613f;border-left:solid 1px #4f613f;color:#000000;width:100px;height:20px;display:block;position:relative;float:left;margin:10px 0;}
#nom, #email {background-color:#FFFFFF;border-top:solid 1px #4f613f;border-bottom:solid 1px #4f613f;border-right:solid 1px #4f613f;border-left:none;color:#000000;width:383px;height:14px;padding:3px 0;display:block;position:relative;float:left;margin:10px 0;font-size:11px;}
#nom2 {background-color:#FFFFFF;border-top:solid 1px #4f613f;border-bottom:solid 1px #4f613f;border-right:solid 1px #4f613f;border-left:none;color:#666666;width:358px;height:20px;display:block;position:relative;float:left;margin:10px 0;}
#message1 {background-color:#FFFFFF;border:solid 1px #4f613f;border-bottom:none;display:block;width:458px;height:20px;position:relative;float:left;margin-top:10px;color:#666666;}
#message2 {background-color:#FFFFFF;border:solid 1px #4f613f;border-top:none;display:block;width:452px;padding:0 3px;height:237px;position:relative;float:left;color:#000000;overflow:auto;scrollbar-base-color:#4f613f;scrollbar-shadow-color:#4f613f;scrollbar-highlight-color: #4f613f;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#envoi {background:#FFFFFF;border:solid 1px #4f613f;color:#4f613f;width:460px;height:23px;display:block;text-align:center;margin:10px 0 0 0;position:relative;float:left;padding:3px;cursor:pointer;font-size:11px;}
#envoi:hover {color:#ffffff;background:#4f613f;}
#erreur {font-size:11px;color:#FF3300;margin-top:-15px;}
#bon {font-size:11px;color:#000033;}

/*Membres*/

#documents {width:320px;height:auto;display:block;float:left;position:relative;margin:20px 0 0 30px;}
#documents h2 {font-size:16px;font-weight:500;color:#b0cd59;padding-bottom:10px;}
#documents h3 {font-size:12px;font-weight:bold;color:#b0cd59;text-align:left;display:inline;}
#documents h3 a {font-size:12px;font-weight:bold;color:#888888;text-align:left;display:inline;}
#documents p {font-size:12px;color:#666666;text-align:left;display:inline;}