/* CSS Document */

body,div,dl,p,dt,dd,ol,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,
input,textarea,blockquote,th,td{margin:0;padding:0;font-family:arial, "Trebuchet MS", sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a, a:hover, a:visited {text-decoration: none;color:black}
a:hover{
color:green;
}
/*END OF YUI RESET*/

html{
color:black;
background:url("../images/fond_vague.jpg") no-repeat 50% 254px #8CBE4F;

}
body{

width:900px;
margin:0 auto;
font-size:12px;
}
#global{
position:relative;
width:900px;
}

#menu , #menu ul/* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
		z-index:9;
        
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		padding : 0; /* pas de marge intérieure */
		width:885px;
		margin:0 auto;
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 177px; /* largeur */
}
#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
       
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 177px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		line-height : 25px;
		padding:0;
		
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid #fff; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 177px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
       
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#menu li ul#sous_1 li a{
background:#F5A305;
width:161px;
padding-left:10px;
}
#menu li ul#sous_1 li a:hover{
background:#FBDA99;
}
#menu li ul#sous_2 li a{
background:#4EA929;
width:161px;
padding-left:10px;
}
#menu li ul#sous_2 li a:hover{
background:#A0C661;
}
#menu li ul#sous_3 li a{
background:#A89BC6;
width:161px;
padding-left:10px;
}
#menu li ul#sous_3 li a:hover{
background:#DBD6E7;
}
#menu li ul#sous_4 li a{
background:#3999C5;
width:161px;
padding-left:10px;
}
#menu li ul#sous_4 li a:hover{
background:#AED5E6;
}
#menu li ul#sous_5 li a{
background:#E40B60;
width:161px;
padding-left:10px;
}
#menu li ul#sous_5 li a:hover{
background:#F499BD;
}

h1{
font-size:30px;
font-weight:bold;
line-height:35px;
padding:0 0 10px 20px;
letter-spacing:2px;
font-family:times;
color:green;
font-style:italic;
position:absolute;
top:-1000px;
}

h2{
font-size:20px;
font-weight:bold;
line-height:17px;
}
h3{
font-size:22px;
line-height:17px;
padding:10px 0 8px 10px;
}

span.titreh3{
display:block;
font-size:22px;
line-height:17px;
padding:10px 0 8px 10px;
}
a.block1 span.titreh3{
color:#4EA929;
}
a.block2 span.titreh3{
color:#3B84C1;
}
a.block3 span.titreh3{
color:#F09082;
}
span.detail_block{
font-size:0.8em;
padding:0 10px;
display:block;
}

#header{
position:relative;
top:0;
height:180px;
}
#content{

background:white;
}
#img_fond{
position:absolute;
top:10px;
z-index:-9;
}
#bandeau_flash{
z-index:-1;
width:890px;
margin-left:5px;
background:url("../images/bandeau_flash.jpg") no-repeat;
background-position:0 0;
}
a#logo_gwel{
position:absolute;
display:block;
top:30px;
left:20px;
width:332px;
height:146px;
}
img#telecharger{
position:absolute;
top:150px;
left:400px;
}
span#ouverture{
position:absolute;
right:20px;
top:130px;
font-size:90%;
color:#999999;
}
div#drapeaux{
position:absolute;
top:85px;
right:20px;
}
img#bas_box{


}
div#bandeau_2{
position:relative;
height:70px;
margin-top:10px;
}
div#bandeau_3{
position:relative;
height:45px;
margin-top:10px;
margin-bottom:10px;
}

img#bandeau_2_img{
position:absolute;
z-index:-1;
}
img#bandeau_3_img{
position:absolute;
z-index:-1;
}
div#adresse1{
position:absolute;
color:#0080C6;
left:100px;
top:10px;
line-height:17px;
}
div#adresse2{

text-align:center;

padding-top:5px;
font-size:90%;
line-height:17px;
color:#999999;
}
div#adresse2 a{

color:#999999;
}
span.centrer{
font-size:120%;
color:black;
}
p.accueil{
color:#666666;
text-align:center;
padding:10px 20px 5px 20px;
line-height:17px;
}
a.block{
display:block;
width:289px;
height:227px;
position:relative;
float:left;
margin-top:20px;
margin-bottom:10px;

}
a.block1{
background:url("../images/block1.jpg") no-repeat ;
margin-left:6px;
}
a.block1:hover{
color:green;
}
a.block2{
background:url("../images/block2.jpg") no-repeat ;
margin-left:10px;
margin-right:10px;
}
a.block2:hover{
color:blue;
}
a.block3{
background:url("../images/block3.jpg") no-repeat ;
}
a.block3:hover{
color:red;
}
a.clear{
clear:both;
}
div.fil_ariane{
margin-top:10px;
margin-left:20px;
color:green;
}
div.fil_ariane a{
display:block;
float:left;
color:green;
}
div.gauche{
float:left;
width:17%;
}
div.centre{
margin-top:20px;
float:left;
width:50%;
border-left:1px dashed #999999;
}
div.droit{
width:30%;
float:left;
}
div.col_droite{
position:relative;
width:293px;
height:454px;
overflow:hidden;
background:url("../images/fond_bandeau.jpg") no-repeat;
}
div.gauche img{
margin:20px 18px;
}
div.clear{
clear:both;
}
#img_otc{
position:absolute;
right:350px;
top:5px;
}
#img_ffcv{
position:absolute;
right:240px;
top:4px;
}
#img_cv{
position:absolute;
right:140px;
top:5px;
}
#img_qt{
position:absolute;
right:80px;
top:7px;
}
#img_cq{
position:absolute;
right:15px;
top:7px;
}
#img_france{
position:absolute;
left:10px;
top:6px;
}

/*----------------------------------------------- PAGE DE CONTENU*/
img.titre{
padding-left:20px;
padding-right:20px;
}
img.icone{
padding-left:20px;
}
img.surface{
padding-left:7px;
}
p.intro{
padding-left:20px;
line-height:18px;
text-align:justify;
padding-right:20px;
}
p.contenu{
padding-left:20px;
line-height:18px;
padding-top:10px;
padding-right:20px;
}
span.green{
color:#008830;
}
img.plan{
display:block;
margin:20px auto;
}
span.plan{
display:block;
padding:7px 0 0 130px;
color:white;
}
img.photo{
display:block;
margin:20px auto;
}
span.contrat{
display:block;
position:absolute;
bottom:15px;
left:75px;
color:#9D9D9F;
font-size:80%;
}
a.consult_tarif{
display:block;
width:297px;
height:30px;
margin:30px auto;
}
ul.liste{
line-height:20px;
list-style: disc url(../images/puce.jpg) outside;
margin-left:20px;
margin-right:20px;
}
/*--------------------------------------------------------- Formulaire contact ------------------------------*/
.invisible{
display:none!important;
}

div.contact_form{
font-size:12px;
line-height:20px;
padding-left:20px;
}
div.contact_form form{
width:360px;
}
span.mini{
font-size:9px;
}
div.form_row1{

}
input.contact_input1{
width:290px;
height:20px;
padding:5px 5px 0 5px;
margin-bottom:10px;
border:1px solid green;
}
input.contact_input2{
width:145px;
height:20px;
padding:5px 5px 0 5px;
margin-bottom:10px;
border:1px solid green;
}
input.contact_input3{
width:120px;
height:20px;
padding:5px 5px 0 5px;
margin-bottom:10px;
border:1px solid green;
}
textarea.contact_textarea{
width:97%;
padding:5px;
margin-bottom:10px;
border:1px solid green;
}
label.contact{
display:block;
}
input.contact{
width:107px;
height:27px;
display:block;
background:url(../images/bt.jpg) no-repeat center;
text-decoration:none;
text-align:center;
height:27px;
color:#fff;
border:none;
cursor:pointer;
margin-top:20px;
}
.left{
float:left;
margin-right:10px;
}
.right{
float:right;
margin-left:10px;
}
table.liste_art{
width:100%;
text-align:left;
font-size:90%;
margin-left:20px;
}
table.liste_art tr.article{
border:1px solid silver;
height:25px;
background:white;
}
div#cadre input{
background:white;
border:none;
margin-bottom:10px;
}
div#cadre input.age{
height:20px;
margin-bottom:5px;
border:1px solid green;
padding:5px 0 0 5px;
margin:5px 5px 0 5px;
}
form#ma_form{
display:none;
}
select#adulte{
margin-right:20px;
}
h1.cat{
position:relative;
top:0;
left:0;
}
div.info{
padding-left:20px;
line-height:18px;
text-align:justify;
padding-right:20px;
}
div.block{
display:block;
width:289px;
height:227px;
position:relative;
float:left;
margin-top:20px;
margin-bottom:10px;

}
div.block_haut{
display:block;
width:140px;
height:280px;
position:relative;
float:left;
margin-top:20px;
margin-left:6px;
margin-bottom:10px;

}

div.block_haut span.titreh3{
line-height:18px;
font-size:18px;
}
div.block_haut span.detail_block{
padding-top:152px;
}
div.gauche a:hover{
color:blue;
}
img#fond_vague{
position:absolute;
left:50%;
}