@charset "utf-8";
/* CSS Document */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin:0; padding:0;color:#999999; border-color:#666666;  background-color:white; font-size:12px}
p{margin:5px 0 5px 0; padding:0}
/********************************* PAGE Index *******************************/
#fond_anim{position:absolute; width:100%; min-width:900px; height:100%; top:3%; min-height:600px;  max-height:950px; z-index:2;}
.entree{width:530px; position:absolute; bottom:15%; z-index:3}
#secteurs{width:900px; bottom:0px;  z-index:4; z-index:3; height:auto; overflow:hidden;}
.onglet{ float:left; height:20px; display:block; z-index:4; bottom:0;  width:160px; overflow:hidden; padding:0; margin:0;  text-align:left;}
.onglet1{ float:left; height:20px; display:block; z-index:4; bottom:0;  width:160px; overflow:hidden; padding:0; margin:0;  text-align:left; margin-left:50px}
.texte-intro{position:absolute; float:left; display:block;   bottom:0; width: 160px; z-index:5; text-align:center; height:18px; overflow:hidden ; cursor:pointer}
.texte-intro:hover{height:auto; background-color:#eeeeee;  color:black }
a.lien_externe{color:#666666;}
a.lien_externe:hover{color:red;}
a.lien_externe2{color:#999999; text-decoration:none}
#pied_intro{ width:800px; display:block; height:auto; margin:auto;  margin-top:0; border-top:1px solid #666666; border-bottom:0px; text-align:left; position:relative;}
.liens-intro{position:absolute; display:inline-block;   bottom:-17px; width: 260px; z-index:5; text-align:center; height:15px; overflow:hidden ; cursor:pointer; right:0; color:#999999; font-size:10px }
.liens-intro:hover{height:auto; background-color:#eeeeee;  color:black }
a.lien-ref{color:#999999; text-decoration:none}
/***************************************** fin index ****************************/
#fond{position:absolute; width:100%; height:100%;   min-height:600px; max-height:950px;}
#entete{width:800px; display:block; margin:auto; min-height:140px; height:19%; border-bottom:1px solid ; text-align:center; position:relative}
#corps{ width:900px; overflow:hidden; position:relative; 
min-height:480px; height:74%;   margin:auto; margin-top:0; margin-bottom:0; text-align:left; }
#pied{ width:800px; display:block; min-height:15px; height:4%; margin:auto;  margin-top:0; border-top:1px solid #666666; border-bottom:1px solid; text-align:center }
#patch{width:800px; margin:2px auto;  text-align:center; text-decoration:none; font-size:11px; }
.patch {color:#333333; text-decoration:none; }
.patch:hover {color:red;}
.logo{margin-top:1%}
#menu_princ{ width:100%; height:30px; bottom:0; position:absolute; left:0}
.menu_princ{text-decoration:none; color:#999999; display:inline-block; margin:1% 12px 0 0; font-size:14px}
.menu_princ:hover{color:red}
.menu_princ_sj{text-decoration:none; color:#999999; display:inline-block; margin:1% 5px 0 0; font-size:14px}
.menu_princ_sj:hover{color:#4FAACC}
.num{font-size:22px}
.numsel{font-size:22px; color:#FF0000}
.numsel_sj{font-size:22px; color:#4FAACC}
#carrousel{margin:2% 0 0 0; width:100%; height:46%;  display:block;  position:relative; overflow:hidden;}
#carrousel_second{ width:370px;position:relative; height:48%;}
#carrousel2{margin:0 0 0 0; width:100%; height:46%;  display:block; position:relative; overflow:hidden;}
#gauche{ width:50px;height:100%; max-height:270px; position: absolute; top:0; background-color:#FFFFFF}
#droite{ width:50px;height:100%; max-height:270px; float:right; position: absolute; top:0; right:0; z-index:3; background-color:#FFFFFF}
#centre{ width:auto; margin-left:50px;height:100%; max-height:280px;overflow:hidden }
.image{margin:0 0 0 5px; width:230px; border:15px solid #333333; padding:0px; height:90%; background-position:center;float:left; background-repeat:no-repeat}
.image:hover{cursor: auto; border-color:black}
.menu_test{width:auto; height:42%;  overflow:auto;  color:#666666; background-color:#003399; }
#diapo{width:100%; margin:0; text-align:right; margin-left:0px; height:17px; font-size:9px; display:inline-block; position:relative; overflow:hidden; }
#diapo2{width:100%; margin:0; text-align:right; margin-left:0px; height:17px; font-size:9px; display:inline-block; position:relative; overflow:hidden;}
#diapo_inter{width:370px; margin:0; text-align:right; height:3%; font-size:9px; display:inline-block; position:relative; overflow:hidden; }
#menu_inter{width:auto; height:40%; margin:2% 0 0 0; padding:0;  overflow:auto;  color:#666666;}
#texte_accueil{width:800px; margin-left:50px; height:48%; position:relative; overflow:hidden; }
#texte_accueil2{width:800px; margin:2% 0 0 50px; height:46%; position:relative; overflow:hidden; }
.contenu{width:99%; height:82%;  overflow:auto; color:#666666; text-align:justify; padding-right:5px}
#parag_g{ float: left; width:379px; padding-right:20px; height:98%;  border-right:1px solid #cccccc; } 
#parag_d{ float: left; width:380px; padding-left:20px; height:98%; z-index:7;  } 
h1{font-size:24px;width:100%; font-weight:bold; margin:0 0 4px 0; padding:0 0 5px 0;border-bottom:1px solid;}
h2{font-size:16px; color:black; font-weight:bold; margin:10px 0 0 0;}
h3{font-size:13px; color:black; font-weight:bold; margin:8px 0 0 0; text-decoration:underline}
#texte_interieurG{width:400px; margin:3% 0 0 50px; height:95%; position:relative; float:left; overflow:hidden;}
#texte_interieurD{width:400px; margin:3% 50px 0 0px; height:95%; position:relative; float:left; overflow:hidden;}
#texte_interieurG2{width:400px; margin:3% 0 0 50px; height:95%; position:relative; float:left; overflow:hidden;}
#texte_interieurD2{width:400px; margin:3% 50px 0 0px; height:95%; position:relative; float:left; overflow:hidden;}
#contenu_inter{width:100%; height:92%;  overflow:auto; color:#666666;}
.menu_ancre{color:black; font-size:13px}
.menu_ancre:hover{color:red}
.menu_ancre2{color:black; font-size:13px; text-decoration:none}
.ancre-text{color:black}
.noir {color: #000000;font-weight: bold;}
a.lien-site{color:white; background-color:#333333; font-size:10px; text-decoration:none; padding:0 4px 0 2px}
a.lien-site:hover{color:red; background-color:black}
a.lien-texte{color:black;text-decoration:none;}
a.lien-texte:hover{color:#333333;}
.ff{height:100%; width:100%;width:50px; display:block; background-image: url(../objets/ff.gif); background-position:center; background-repeat:no-repeat}
.rw{height:100%; width:50px; display:block; background-image: url(../objets/rw.gif); background-position:center; background-repeat:no-repeat;}
.ff_sj{height:100%;width:50px; display:block; background-image: url(../objets/ff_sj.gif); background-position:center; background-repeat:no-repeat}
.rw_sj{height:100%;width:50px; display:block; background-image: url(../objets/rw_sj.gif); background-position:center; background-repeat:no-repeat}
.num_sec{font-size:16px;color:#666666}
.menu_sec{text-decoration:none; color:black; display:inline-block; margin:1% 22px 0 0; font-size:12px}
.menu_sec:hover{color:red}
#information{  width:0px; margin:0; height:0px;  position:absolute; overflow:hidden; padding:0; }
.imagevign{margin:0 5px 3px 0}
.zoom{float:right; text-decoration:none; color:black; margin-right:55px; }
.zoom:hover{color:red}
.parenth{color:red}
.parenth_sj{color:#4FAACC}
#texte_accueil3{width:800px; margin:2% 0 0 50px; height:50%; position:relative; overflow:hidden; }
.contenu_contact{width:99%; height:100%;  overflow:auto; color:#666666; padding-left:4px; margin-top:2%;}
.titre{font-size:26px; color: black;}
.contact{color:black; }
#contact_img{width:180px; border:0px solid black; height:82%; background-image:url(../objets/logo.png); background-repeat: no-repeat; background-position:center; float:left; margin:1% 0 0 0; padding:0; background-image:url(../objets/contact.jpg)}
.tabcontact{line-height:13px}
#parag_co{ float: left; width:380px; padding-left:20px; height:99%; z-index:7;} 
.formContact{margin-top:4%; }
#diapo3{width:100%; margin:0; height:17px; font-size:9px; display:inline-block; position:relative; overflow:hidden; color:#000000 ; text-align: center;}
.imageContact{margin:0px 0 3px 8px; width:115px; border:4px solid #333333; padding:0px; height:43%;  background-position:center;float:left;}
.imageContact:hover{ cursor: auto; border-color:black; cursor:pointer;}
input.champs{font-size:12px; height:10px;}
input.bouton{vertical-align:top;}
#infolegales{ position: absolute; margin:auto; left:32%; top:20%; width: 500px;   height:400px; padding:10px;   border:5px solid red; z-index:6; display:none; background-color:#FFFFFF; overflow:auto}

li{ list-style-image:none; display:inline}
#main-menu{font-size:12px; text-transform:uppercase; margin:5px 0 5px 0;}
ul{margin:0; padding:0}