body{
   background:#fff;
   margin:0;
   padding:0;   
   font-size:11px;
   font-family:Verdana, sans-serif;
}

ul,li{
   font-family:Times, serif;
   font-weight:bold;   
   margin:0;
   padding:0;
}

a{
   text-decoration:none;   
}

.end{
   clear:both;   
}

.on{
   color:#FEC761;   
}

.off{
   color:#fff;   
}

h1{
   margin:0;
   padding:0;       
}

h3{
   margin:30px 0 0 0;
   text-align:left;
   padding:0;
   font-weight:normal; 
   font-size:15px; 
   color:#016C6F;     
}

.intro{
   font-weight:bold;   
}

#texte{
   padding:5px 0 0 15px;   
   font-size:11px;
   color:#016c6f;
}

#texte p{
   margin:0;
   padding:0 15px 0 0;
}

span{
   font-weight:bold;   
}

img{
   margin:0;
   padding:0;  
}

.copy{
   text-align:right;
   color:#999;   
   font-size:10px;
}

.copy a, .copy a:link, .copy a:visited{
   color:#999;    
   font-weight:normal;
}

.copy a:hover{
   color:#999;
   text-decoration:underline;    
}

#texte2{
   float:left;   
}


/*======================================*/
/*================ACCUEIL===============*/
/*======================================*/
#conteneur {
background:#fff;
height:550px;
left:50%;
margin:-275px 0px 0px -380px;
padding:0px;
position:absolute;
top:50%;
width:760px;
}

#content{
   position:relative;  
}

#content_g ul{
   list-style-type:none;
   text-align:right;
   margin:55px 20px 0 0;
   color:#006c71;
}

#content_g li{
   padding:3px 0;      
}

#content_g a, #content_g a:link, #content_g a:visited { 
   color:#1b6b6d;   
}

#content_g a:hover{ 
   color:#f31e14;   
}
#flashcontent1{
   margin:10px 0 0 45px;   
}

#logo{
   height:223px;
   
}

#content_g{
   float:left;
   width:157px;
   height:325px;
   text-align:center;    
   background:#fff;  
}


#content_d{
   float:left;
   width:603px;   
}

#conteneur_d2{
   width:760px; 
   position:relative;  
}


/*======================================*/
/*==========PAGES SECONDAIRES===========*/
/*======================================*/

#header{
   background:url(../images/printemps-2011.jpg) #FFF no-repeat top right;  
   height:134px;
   width:760px;
   position:relative;
}

#header ul{
   position:absolute;
   top:62px;   
   left:225px;
   padding:0px;
   width:120px; 
   font-size:13px;
   font-weight:bold;
   text-align:right;
   list-style-type:none;
   color:#006c71; 
}

#header li{
   margin:0;
   padding:2px 0; 
   text-align:right;
}

#header ul a{
   color:#006c71;  

}

#header ul a:hover{
   color:#f31e14;
}

#menu{
   background:#016c6f;
   height:25px; 
   padding:0 0 0 190px;  
   overflow:hidden;
}

#menu li{
   float:left;   
   line-height:25px;
   font-size:12px;
   list-style-type:none;
   margin:0 25px 0 0;
}

#conteneur_princ{
   width:760px;
   margin:0 auto;   
}

#conteneur_g{
   float:left;
   width:156px;  
 
}

#conteneur_g2{
   float:left;
   width:156px; 
   background:#FEC354; 
 
}


#conteneur_g{
   float:left;
   width:156px;  
 
}

.gauchem{
   font-size:16px;  
 
}

#conteneur_d{
   float:left;
   width:604px;  
   position:relative; 
   padding:0 0 100px 0;
}


p a, p a:visited{
   font-weight:bold;
   color:#534AE1;   
}

p a:hover{
   font-weight:bold;
   text-decoration:underline;   
}

.carte{
   vertical-align:middle;   
   margin:5px 0;
}

.mininav{
   font-size:13px;
   text-align:left;
   width:100px;
   float:right; 
   margin:05px 10px 0 0;
   padding:0;
   color:#016c6f; 
   
}

.mininav li{
   list-style-image: url(../images/fleche_16.gif);
   list-style-type: circle;
   margin:0;
   padding:2px 0; 
}

.mininav a, .mininav a:link, .mininav a:visited { 
   color:#016c6f;   
}

.mininav li:hover{ 
   list-style-image: url(../images/fleche_12.gif); 
   list-style-type: circle; 
   color:#f31e14; 
}

.mininav a:hover{ 
   color:#f31e14;
}

#soleil{
   float:left;
   margin:20px 0 0 0;
}

/*======================================*/
/*===============Jardin=================*/
/*======================================*/
.jardin_g{
   background:url(../images/jardin_03.jpg) #FFF no-repeat top left;
   height:500px; 
}

#conteneur_d2 .jardin_g{
   background:url(../images/qui_02.jpg) #fec354 no-repeat top left;
   height:500px; 
}

.jardin_d{
   background:#fec354;
}

.jardin_d2{
   background:#fec354;
   padding: 0 0 0 156px;
}

.imagehd{
   position:absolute;
   margin:0;
   padding:7px 4px 0 0;
   top:0;
   right:0;   
      
}

.jardin01{
   float:right; 
   margin:0;    
}

/*======================================*/
/*===============TERASSE================*/
/*======================================*/
.terrasse_g{
   background:url(../images/terrasse_03.jpg) #FFF no-repeat top left;
   height:500px; 
}

.terrasse_d{
   background:#d6d65d;
   height:500px;
   overflow:hidden;
}

.imagehd_t{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.imagehd_t #soleil{
   position:absolute;
   left:-50px;      
}

.terrasse_d #texte p.intro{
   position:relative;
   margin:-50px 0 0 0;
   padding:0;
   width:430px;
}

.terrasse_d #texte p{
   position:relative;
   padding:0;
   width:380px;
}

/*======================================*/
/*===============PISCINE================*/
/*======================================*/
.piscine_g{
   background:url(../images/piscine_03.jpg) #FFF no-repeat top left;
   height:500px; 
}

.piscine_d{
   background:#bde5fa;
   overflow:hidden;
}

.imagehd_p3{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:-15px;   
      
}

.imagehd_p{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.piscine_d #texte p.intro{
   position:relative;
   margin:-30px 0 0 0;
   padding:0;
   width:330px;
}

.piscine_d #texte p{
   position:relative;
   padding:0;
   width:350px;
}

.jardin01{
   position:absolute;
   right:0;
   z-index:0; 
   margin:0;    
}

.piscine_01{
   position:relative;
   margin:0; 
   z-index:1;   
}

.piscine_d #texte p.norm{
   width:550px;
}

.terrasse_d #texte p.norm{
   width:465px;
}

.piscine_g .mininav{
   font-size:14px;
   text-align:left;
   width:75px;
   float:right; 
   margin:20px 0 0 0;
   padding:0;
   color:#016c6f; 
   
}

.piscine_g .mininav li{
   list-style-image: url(../images/fleche_14.gif);
   list-style-type: circle;
   margin:0;
   padding:1px 0; 
}

.piscine_g .mininav a, .piscine_g .mininav a:link, .piscine_g .mininav a:visited { 
   color:#fff;   
}

.piscine_g .mininav li:hover{ 
   list-style-image: url(../images/fleche_12.gif); 
   list-style-type: circle; 
   color:#f31e14; 
}

.piscine_g .mininav a:hover{ 
   color:#f31e14;
}

/*======================================*/
/*===============FITNESS================*/
/*======================================*/
.fitness_g{
   background:url(../images/fitness_03.jpg) #FFF no-repeat top left;
   height:500px; 
}

.fitness_d{
   background:#eec87f;
   height:700px;
   overflow:hidden;
}

.fitness_d2{
   background:#fff;
   overflow:hidden;
}

.imagehd_f{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.imagehd_f2{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.jardin02{
   position:absolute;
   top:10px;
   left:-110px;   
}

.imagehd_f #soleil{
   position:absolute;
   left:-100px;      
}

.imagehd_f2 #soleil{
   position:absolute;
   left:-215px;      
}




.fitness_d #texte p{
   position:relative;
   margin:-10px 0 0 0;
   padding:0;
   width:355px;
}
.enter{
    position:relative;  
}
.enter img{
   float:left;   
   margin:0;
   padding:0;
   border:0;
}

/*======================================*/
/*===============BBQ    ================*/
/*======================================*/
.bbq_g{
   background:url(../images/bbq_02.jpg) #FFF no-repeat top left;
   height:500px; 
}

.bbq_d{
   background:#EAEBED;
   height:700px;
   overflow:hidden;
}

.imagehd_b{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.imagehd_b #soleil{
   position:absolute;
   left:-60px;      
}

.bbq_d #texte p{
   position:relative;
   margin:-10px 0 0 0;
   padding:0;
   width:355px;
}

.bbq_d #texte p.norm{
   width:550px;
}

/*======================================*/
/*===============POELE    ================*/
/*======================================*/
.poele_g{
   background:url(../images/poele_02.jpg) #FFF no-repeat top left;
   height:500px; 
}

.poele_d{
   background:#E7d4a5;
   overflow:hidden;
}

.imagehd_p2{
   position:absolute;
   margin:0;
   padding:0;
   top:0;
   z-index:0;
   right:0;   
      
}

.imagehd_p2 #soleil{
   position:absolute;
   left:-60px;      
}

.poele_d #texte p{
   position:relative;
   margin:-10px 0 0 0;
   padding:0;
   width:425px;
}

.poele_d #texte p.norm{
   width:550px;
}

.poele_d #texte li{
   font-size:11px; 
   font-family:verdana;  
   letter-spacing:0px;
}

.poele_d #texte ul{
   margin:5px 0 8px 25px; 
}

.p01{
   width:341px;  
}

.p02{
   width:420px;   
}

.p03{
   width:370px;   
}

.image{
   float:left;
   width:253px;
   height:190px;
   margin:20px 0 0 0;
   text-align:center; 
}

.image2{
   float:left;
   width:253px;
   height:225px;
   margin:20px 0 0 0;
   text-align:center; 
}

.image p, .image2 p{
    margin:15px 0 0 0;
    padding:0;  
    font-family:Times, serif;
    color:#016C6F; 
    font-size:13px;
    font-weight:bold;
}

.centre{
   text-align:center;
   margin:15px 0 0 0;
   padding:0;   
}

.carte2{
   float:left;
   width:303px;
   margin:0 20px 40px 20px; 
}

img.fit{
   padding-top:30px;   
}

/*======================================*/
/*================MENU =================*/
/*======================================*/

/*------Menu CSS HOVER-----------*/  
#menu a.button1, #menu a.button1:visited {display:block; background:url(../images/menu_01.gif); background-position:bottom left; height:25px; width:82px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button1:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}

#menu a.button2, #menu a.button2:visited {display:block; background:url(../images/menu_03.gif); background-position:bottom left; height:25px; width:83px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button2:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}

#menu a.button3, #menu a.button3:visited {display:block; background:url(../images/menu_05.gif); background-position:bottom left; height:25px; width:70px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button3:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}

#menu a.button4, #menu a.button4:visited {display:block; background:url(../images/menu_07.gif); background-position:bottom left; height:25px; width:48px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button4:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}


#menu a.button5, #menu a.button5:visited {display:block; background:url(../images/menu_09.gif); background-position:bottom left; height:25px; width:26px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button5:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}

#menu a.button6, #menu a.button6:visited {display:block; background:url(../images/menu_11.gif); background-position:bottom left; height:25px; width:86px; background-color:transparent; text-align:center; color:#fff; line-height:25px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
#menu a.button6:hover{
   background-position:0px -46px; line-height:25px; overflow:hidden;
}
/*------Menu CSS ON-----------*/ 
#menu img{
    border:0;
    margin:1px 0 0 0;   
}