@charset "utf-8";
/* CSS Document */
body { 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; color:#422f49; }
h1{padding:0; margin:4% 0 10px 30px; font-size:1.6em; font-weight:bold; }
h2{padding:0; margin:3% 0 5px 0; font-size:1.4em; font-weight:bold; }
p{margin:0px 10px 0 0 ; padding:0; text-align:justify }
li{ list-style-image:none; display:inline}
ul{margin:0; padding:0}
a.texte{color:#422f49; font-size:1em}
#fond{position:absolute; width:100%; height:100%; max-height:800px;  min-width:900px; background-image:url(../objets/bandeau.jpg);  background-repeat:no-repeat; background-position:top center}
#entete{position:relative; width:900px; min-height:170px; height:20%; z-index:2;  margin:auto;}
#logo{position:absolute; width:250px; height:40px; top:50px; left:220px; z-index:1; font-size:24px;   }
#logo h1 {font-size:26px; margin:0; padding:0; display:none}
.logo{color:white; font-size:22px ; margin-top:-5px; float:right; font-weight:bold }
#menu_princ{position:absolute; height:24px;padding-top:0px; padding-left:100px ;top:145px; z-index:1;  }
#corps{position:relative; width:900px;  min-height:420px; height:72%; max-height:900px;  margin:auto; z-index:1; background-position:100% 800px; background-repeat:no-repeat; z-index:2; overflow-x : hidden; 
}
#pied{position:relative;width:900px; height:20px;color:#FFFFFF; text-align:center;font-size:1.1em; z-index:2; margin:auto }
#fond-bas{position:relative;width:100%; height:140px;top:-140px; color:#FFFFFF; text-align:center;font-size:1.1em; z-index:1; margin:auto; background-image:url(../objets/bas_page.jpg); background-repeat:no-repeat; background-position:center }
#patch{position:absolute; bottom:3px; left:0; overflow:hidden; width:100%; margin: auto; height:9px; text-align:center;z-index:2; line-height:1em; font-size:10px; color:black;}
.patch {color:black;; text-decoration:none;font-size:10px;  }
.patch:visited {color:black;}
.patch:hover {color:red;}
a.menu{color:white; font-size:14px; height:21px;  padding-top:3px; font-weight:bold; text-align:center; text-decoration:none; width:130px; display:inline-block;}
a.menu:hover{color:#a97d36; background-color:#000000; background-image:url(../objets/onglet.jpg); background-position:top center;  background-color:#FFFFFF}
a.menu_valid{color:#422f49; background-image:url(../objets/onglet.jpg); background-position:top center; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; width:130px;display:inline-block; height:21px; margin:0; padding-top:3px; }
#titrepage{position:absolute; width:50px; height:99%; position:absolute; right:35px; top:0; background-position:center bottom  }
#contenu{width:800px; left:100px; min-height:350px; height:99%; position:relative; overflow:auto; line-height:1.4em;  overflow-x : hidden; }
#contenu-opt{width:740px; left:100px; min-height:350px; height:99%; position:relative; overflow:auto; line-height:1.4em;  overflow-x : hidden; }
#contenu-opt p{ text-align:justify}
#bande_photo-opt{ width:250px; min-height:250px; height:auto; position:relative; float:right; margin:0 10px 0 10px;}

#bande_photo{ width:250px; min-height:250px; height:auto; position:relative; float:right; margin:0 90px 0 10px;}
.imgA{ margin: 8% 0px 5px 5px}
.imgB{ margin: 20px 0px 5px 0px}
.titre_vert{ color:#579904}
.colonne{width:205px ; float:left;   }
.colonne_vert{width:200px ; color: #579904; float:left; }
.encadre{padding-left:10px;  margin-top:4%; border-left:1px solid #579904;  height:auto; overflow:hidden; display:block}
.encadre h2 {margin-top:0}
.vert{color:#579904}
#bande_tarifs{ width:200px; height:auto; position:relative; float:right; margin:0 100px 0 10px;}
#ouverture{width:170px; padding:15px 0 0 10px; height:113px; margin:5% auto 0 auto; background-image:url(../objets/bloc1.jpg); font-weight:bold; font-size:16px; color:#026902}
#tarifs{width:170px; line-height:1.2em; padding:5px 0 0 10px; height:350px; margin:7% auto 0 auto; background-image:url(../objets/bloc2.jpg);color:white}
#tarifs p{margin-top:7px}
#tarifs h2{margin: 10px 0 0 0; font-size:16px}
.ecrit-ouverutre{color:#a97d36 }
.colonne_tarifs{width:225px; float:left; text-align:right}
.titre_horaires{font-size:1.4em; display:block; padding-top:15px}
#bande_map{ width:340px; height:auto;  position:relative; float:right; margin:20px 100px 0 0px;  }
.imgC{ margin:2% 10px 0 20px }
/**************** contact ************************/
#coordonnees{padding:0 15px 0 15px; margin: 0; }  
#formContact{margin:35px 0 0 15px; width:300px; position:relative; }
.confirm{padding:0 15px 0 15px; margin: 150px 0 150px 0; }
/* ______________champs formulaires, boutons de navigation_______________________*/
input.champs {color:#333333; background-color:#ffffff; border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}
input.bouton{text-decoration:none; color:red; font-weight:bold; font-size:1em; border:0; cursor:pointer; display:inline; background:none; }
input.bouton:hover{ color:red;}
select { color: black; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black; background-color:#ffffff;}

/************************************/
#patch{position:absolute; bottom:3px; left:0; overflow:hidden; width:100%; margin: auto; height:9px; text-align:center;z-index:2; line-height:1em; font-size:10px; color:black;}
.patch {color:black; text-decoration:none;font-size:10px;  }
.patch:visited {color:black;}
.patch:hover {color:#996600;}
a.menu_bas{display:inline-block; width:120px; color:white; margin:0 10px 0 0; text-decoration:none; font-size:1em; float:right }
a.menu_bas:hover{ color:#000000;text-decoration:underline}
a.menu_bas_valid{display:inline-block; width:120px; margin:0 10px 0 0; padding:0; color:white; text-decoration:none; text-align:left; font-size:1em; vertical-align:middle; line-height:1.4em; text-decoration:overline}
/***********************************/
#infolegales{ position: absolute; margin:auto; left:32%; top:20%; width: 500px;   height:400px; padding:10px;   border:5px solid black; font-size:1.1em; z-index:6; display:none; background-color:#FFFFFF; overflow:auto; text-align:left}
/************************************/
#message_intro{ position: absolute; width: 100%;   height:96%; min-height:565px; display: block; font-size:1.6em; z-index:6;  background-color:#FFFFFF; overflow:hidden;}
.souligne{text-decoration:underline}