*{padding:0;
margin:0;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 20, 2012 */



@font-face {
    font-family: 'BertholdAkzidenzGroteskBEBold';
    src: url('fonts/berthold_bold-webfont.eot');
    src: url('fonts/berthold_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/berthold_bold-webfont.woff') format('woff'),
         url('fonts/berthold_bold-webfont.ttf') format('truetype'),
         url('fonts/berthold_bold-webfont.svg#BertholdAkzidenzGroteskBEBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BertholdAkzidenzGroteskBERg';
    src: url('fonts/bertholdnormal-webfont.eot');
    src: url('fonts/bertholdnormal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bertholdnormal-webfont.woff') format('woff'),
         url('fonts/bertholdnormal-webfont.ttf') format('truetype'),
         url('fonts/bertholdnormal-webfont.svg#BertholdAkzidenzGroteskBERg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BertholdAkzidenzGroteskBEBdCn';
    src: url('fonts/berthold_bold_condensed-webfont.eot');
    src: url('fonts/berthold_bold_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/berthold_bold_condensed-webfont.woff') format('woff'),
         url('fonts/berthold_bold_condensed-webfont.ttf') format('truetype'),
         url('fonts/berthold_bold_condensed-webfont.svg#BertholdAkzidenzGroteskBEBdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}



/***********************************************************************************************************************************************


INDEX

***********************************************************************************************************************************************/


body{
background-attachment:fixed;
background-position:center center;
background-image:url(images/gazon-Wall.jpg);
/*background-color:#fff;*/
font-family:'BertholdAkzidenzGroteskBERg';
font-size: 14px;
}

.inline{display: inline-block;
vertical-align:top;}
.white{color: #fff;}
.orange{color: #fe6110;}
.cadreorange{ background-color: #fe6110;
padding: 5px 5px ;
}
.cadrevert{ background-color: #c0e019;
/*padding: 3px 3px ;*/
}
.vert{color: #c0e019;} 
.vertfonce1{color: #16642a;}
.vertfonce2{color: #06450c;}
.size16{font-size:16px; }
.size20{font-size:20px; }
.size24{font-size:24px; }
.size30{font-size:30px; }
.size36{font-size:36px; }
.normal{font-family: 'BertholdAkzidenzGroteskBERg';}
.bold{font-family: 'BertholdAkzidenzGroteskBEBold';}
.boldcond{font-family:'BertholdAkzidenzGroteskBEBdCn' ;}
.justifier{text-align:jusitfy;}

#main{ width:1000px;
margin: 10px auto;


}

#header{
width:1000px;
background-image: url(images/fond_trans0.png);}

#header img{display:block;border:none;}
#header a{text-decoration:none;  }



#adresse {text-align: right; /*float:right;*/ margin-left:384px; padding-top:80px; padding-right:22px; }

#navigation{background-color:#c0e019;
width:1000px;
height:30px;
 }

#nav li{list-style-type: none;
display:inline-block;}

#nav li a{display:block;
margin-top:3px;
padding: 0px 20px 0px 10px;
text-decoration:none;}

#nav a:hover{color: #fe6110;}

#content{
width: 970px;
background-color: #fff;
padding: 15px 15px 10px 15px;}

#content_top{width:100%;
padding-top:10px; }
#content_bot{width:100%;
padding-top:10px;
padding-bottom:15px; }

#rouleau{ width: 632px; 
margin: 0px 18px 0px 0px;
}

#av_ap{width: 310px;}

#content_bot .vertfonce2{font-family: 'BertholdAkzidenzGroteskBEBdCn'; }

#content_bot  .cadrevert.vertfonce2{width:620px;
margin-top:20px;
margin-bottom: 10px;
padding-left:10px;
font-family: 'BertholdAkzidenzGroteskBEBold';}


#choix1{margin-bottom:10px;}
#choix1gauche { width: 499px;}
#choix1droite { width:460px;
padding-left:0px;
padding-top:30px;}

#restechoix{width: 100%;}
#restechoix .inline{ width:630px;}
#imgdroite{display: inline-block;
vertical-align: top;
margin-top:20px;
width:310px;

margin-left:20px;}

#footer{
 margin-top:15px; 
width:1000px;
background-image:url(images/fond_trans0.png);

}


/***************************************************************************************************************************************

CONSEILS


******************************************************************************************************************************************/

#facile,#rapide,#parfait{width:949px;margin-left:40px; padding-bottom:15px;}

#content_top2{background-image: url(images/fond_trans.png); padding-bottom:20px; margin-top:15px;}
#content_bot2{background-image: url(images/fond_trans0.png); padding-bottom:20px;}


#titre1,#titre2,#titre3{ width: 160px; padding-top:10px;}

#texte1,#texte2,#texte3{ width:670px;padding-top:10px;}

#etapet1,#etapet2,#etapet3,#etapeb1,#etapeb2,#etapeb3{width:196px; margin-right:40px;}

#content_bot2 h3{ font-size: 18px; text-align:center;background-color: #fe6110; width:196px; color: #fff;}

#etapestop,#etapesbot{width:720px;margin-left: 200px;} 

#etapesbot p{ text-align: justify;}

#content_top2 h1{padding-left:200px;padding-top:10px;}
#content_top2 h2,#content_bot2 h2{padding: 15px 0 15px 220px; }


/***********************************************************************************************************************************************


contact


***********************************************************************************************************************************************/


#content_bot2 p.contact{width:580px; text-align: justify;
padding-left:200px;}

#content_top2 p.contact.inline{width:300px;
padding-left:200px;}

#content_top2 p.contact2.inline{width:300px;
padding-left:15px;}

#content_bot2 h4{padding: 15px 0 15px 200px;}

#photocontact{display:block;padding-left:200px;padding-top:20px;}