/*AGC*/

#menucommun ul {list-style-type:none;margin:0 0px 0 0;padding:0 0px 0 0;height:40px;font-size:11px;font-family:Arial;text-transform:uppercase;background:url(../img/bgmenugs.jpg) no-repeat right top}

body { background: #ffffff;margin: 0; padding: 0; font-size: 0.8em;}
#generationsnow {position: relative;width:900px;margin:0 auto;padding:0;font-family:Arial, Verdana, Helvetica, sans-serif}
a img { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p, form, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
ul, ol { list-style-type: none; margin: 0; padding: 0;}
.clear { clear: both; overflow: hidden; }
/**+html .clear { clear: both; height: 1px; overflow: hidden; }*/
img.lft {float:left;padding-right:5px}
img.rgt {float:right;padding-left:5px}
#entete {background:url(img/entete.jpg) no-repeat top center;height:127px}
#page {width:900px !important;height:610px}
.enjoyrouge {background:url(img/enjoyrouge.jpg) #ffffff no-repeat bottom left}
.enjoyvert {background:url(img/enjoyvert.jpg) #ffffff no-repeat bottom left}
#colonne {width:215px;float:left;padding:15px 0 0 0;margin:0}
#menu {margin:0;padding:0}
#menu ul {padding:0;margin:0}
#menu li a {display:block;width:200px;height:30px;padding:0px 0 0 25px;margin-bottom:10px;line-height:30px;text-transform:uppercase;font-weight:bold}
#menu li a:hover {text-decoration:none}
.gris {background:url(img/gris.png) no-repeat top left #d9dadb;color:#000000}
.gris:hover {background:url(img/gris.png) no-repeat bottom left #c4071b;color:#ffffff}
.vert {background:url(img/vert.png) no-repeat top left #6b971d;color:#ffffff}
.vert:hover {background:url(img/vert.png) no-repeat bottom left #c4071b}
.jaune {background:url(img/jaune.png) no-repeat top left #e6d300;color:#6b971d}
.jaune:hover {background:url(img/jaune.png) no-repeat bottom left #c4071b}
.courant {background:url(img/gris.png) no-repeat bottom left #c4071b;color:#ffffff;cursor:text}

h1 {color:#d7b500;font-size:22px;text-transform:uppercase;font-weight:bold}
h1 span {color:#9ca119;font-size:70px;letter-spacing:-10px;line-height:38px;margin-left:10px}
h2 {text-transform:uppercase;font-weight:bold;color:#c4071b !important;font-size:16px}
h2 span {font-weight:bold;color:#999;font-size:14px;text-transform:lowercase}
h3 {text-transform:uppercase;color:#9ca119;font-size:14px;font-weight:bold}
.etoile {color:#c4071b}

/*sous menu 2009*/
#menu ul.ssmenu {}
#menu ul.ssmenu ul {}
#menu ul.ssmenu li a {color:#c4071b;font-size:12px;line-height:15px;height:15px;background:url(img/ssmenuliabg.png) no-repeat 8px center}

/*medias*/
#media {width:450px;height:99px;position:relative;top:8px;left:430px}
#media a {display:block;width:136px;height:99px;float:right;margin-left:5px}
#media a.acces {background:url(img/acces.jpg) no-repeat top left;}
#media a.acces:hover, #media a.acceson {background:url(img/acces.jpg) no-repeat bottom left;}
#media a.galerie {background:url(img/galerie.jpg) no-repeat top left;}
#media a.galerie:hover, #media .galerieon {background:url(img/galerie.jpg) no-repeat bottom left;}
#media a.video {background:url(img/video.jpg) no-repeat top left;}
#media a.video:hover, #media a.videoon {background:url(img/video.jpg) no-repeat bottom left;}

#blocprincipal {width:655px;border-left:solid 2px #d9dadb;float:right;margin:0;padding:0}
#blocprincipal p, #blocprincipal ul {margin-bottom:15px;clear:left}
#blocprincipal img.titre, #blocprincipal h1 {margin:20px 0 5px 35px !important}
#blocprincipal a {color:/*#c4071b*/#6b971d}
#blocprincipal a.asuivre {text-decoration:underline;font-weight:bold}
#blocprincipal a.asuivre:hover {text-decoration:none}
#blocprincipal p.prix, #blocprincipal span.prix, #blocprincipal span.heure {color:#6b971d;font-weight:bold;text-align:right}
#blocprincipal span.titre {text-transform:uppercase;font-weight:bold;color:#c4071b !important;font-size:14px}

#bloccontenu span.titre {font-size:120%}
#blocprincipal span.titre2 {font-weight:bold;color:#999;font-size:100%}
/*colonnes de droite*/
.langues {float:right;width:85px;margin-top:15px;padding-right:20px;text-align:right}
.langues img {margin-left:8px}
.logos {float:right;background:url(img/friends.png) no-repeat top left;width:85px;margin:10px 0 15px 0;padding-right:20px;padding-top:20px;clear:right;text-align:right}
.logos img {margin-bottom:3px}
.coldroite {float:right;width:175px;text-align:right}
p.promo {text-align:center;border-left: dashed 2px #d9dadb;/*color:#6b971d !important*/;margin:0 0 5px 0 !important}
.promo span.barre {text-decoration:line-through;color:#c4071b;font-size:14px;font-weight:bold}
.promo span.apayer {font-size:16px;font-weight:bold;color:#6b971d}
.coldroite a.asuivre {font-weight:bold;/*color:#c4071b !important*/}
/*contenu txt*/
#bloccontenu {text-align:justify}

/*accueil*/
.accueil {height:610px;background:url(img/bgaccueil.jpg) no-repeat bottom left}

/*qui*/
.qui {height:610px;background:url(img/bgqui.jpg) no-repeat bottom left}
.qui #bloccontenu {margin-top:15px;float:left;width:600px;overflow:auto;padding-left:35px}
.qui #bloccontenu ul {list-style-type:disc;list-style-position:inside}

/*ecolesnow*/
.ecolesnow {height:610px;background:url(img/bgecolesnow.jpg) no-repeat bottom left}
.ecolesnow #bloccontenu {float:left;width:435px;padding-right:5px;overflow:auto;padding-left:35px;height:400px}
.ecolesnow p span.titre {color:#000 !important}

/*ecoleski*/
.ecoleski {height:610px;background:url(img/bgecoleski.jpg) no-repeat bottom left}
.ecoleski #bloccontenu {float:left;width:615px;padding-right:5px;overflow:auto;padding-left:35px;height:400px}
#blocprincipal p.prix {float:left;margin:0px !important}
.ecoleski #bloccontenu ul {list-style-type:disc;list-style-position:inside}
.ecoleski .coldroite {margin-top:25px}
.ecoleski2 {height:610px;background:url(img/bgecoleski.jpg) no-repeat bottom left}
.ecoleski2 #bloccontenu {float:left;width:435px;padding-right:5px;overflow:auto;padding-left:35px;height:400px}
.ecoleski #bloccontenu span.titre {font-size:12px}
/*freeride*/
.freeride {height:610px;background:url(img/bgfreeride.jpg) no-repeat right 15px}
.freeride #bloccontenu {float:left;width:332px;padding-right:5px;overflow:auto;padding-left:35px;height:500px;margin-top:110px}
.freeride p span.titre {color:#000 !important}

/*coursprives*/
.coursprives {height:610px;background:url(img/bgcoursprives.jpg) no-repeat right 15px}
.coursprives #bloccontenu {float:left;width:332px;padding-right:5px;overflow:auto;padding-left:35px;height:500px;margin-top:110px}
.coursprives ul {list-style-type:disc;list-style-position:inside}

/*moniteurs*/
.moniteurs {height:610px;background:#ffffff}
.moniteurs #bloccontenu {float:left;width:300px;padding-right:10px;overflow:auto;margin-left:15px;height:500px}
.moniteurs p {clear:none !important}
.moniteurs h1 {}
.trombi p {margin-top:0 !important}
.trombi img {float:left;margin-right:2px;margin-top:0 !important}
.moniteurs .clear {height:10px}

/*contact*/
.contact {height:610px;background:url(img/bgcontact.jpg) no-repeat bottom left}
.contact #bloccontenu {float:left;width:332px;padding-right:5px;overflow:auto;padding-left:35px}
.contact p {background:url(img/flecheverte.jpg) no-repeat top left;margin-left:15px;padding-left:50px;margin-top:8px;font-size:15px}

/*shop*/
.shop, .location, .packages, .conseil {height:610px;background:url(img/bgshop.jpg) no-repeat bottom left}
.shop #bloccontenu {float:left;width:495px;padding-right:5px;overflow:auto;padding-left:35px;height:425px;margin-top:10px}
/*.shop .pix {float:right;width:175px;margin-top:15px;padding-right:20px;text-align:right}
.shop .pix img {margin-bottom:5px}*/
.shop p.resa {background:url(img/flecheverte.jpg) no-repeat top left;margin-left:15px;padding-left:50px;margin-top:8px;font-size:13px}
.packages #bloccontenu {float:left;width:575px;padding-right:5px;overflow:auto;padding-left:35px;height:485px;margin-top:10px}
.packages #bloccontenu p {line-height:15px}
.packages #bloccontenu ul {list-style-type:disc;list-style-position:inside}
.packages #bloccontenu .prix {float:right}
.packages #bloccontenu .pack {text-transform:uppercase;font-weight:bold;color:#000;font-size:13px;float:left}
.packages p.resa {background:url(img/flecheverte.jpg) no-repeat top left;margin-left:15px;padding-left:50px;margin-top:8px;font-size:15px}
.packages p span.etoile {padding-left:85px}
.conseil #bloccontenu {float:left;width:595px;padding-right:5px;overflow:auto;padding-left:35px;height:360px;margin-top:10px}
.conseil p {background:url(img/flecheverte.jpg) no-repeat top left;margin-left:15px;padding-left:50px;margin-top:8px;font-size:13px}
.conseil h2 {margin:20px 0 5px 35px}
/*acces*/
.acces {height:610px;background:url(img/bgacces.jpg) no-repeat bottom left}
.acces p {background:url(img/flecheverte.jpg) no-repeat top left;margin-left:15px;padding-left:50px;margin-top:8px;font-size:120%}

/*galerie*/
.galerie {height:610px;background:url(img/bggalerie.jpg) no-repeat bottom left}
#galeriephotos {padding-left:35px}
#galeriephotos img {padding-right:10px;padding-bottom:10px;width:115px;height:115px}
#galeriephotos h2 {padding-bottom:5px}

/*videos*/
.video {height:610px;background:url(img/bggalerie.jpg) no-repeat bottom left}
#videos {padding-left:35px}
#videos p, #videos img {margin:0;padding:0}

/*legal*/
.legal {height:610px;background:#ffffff}
.legal #bloccontenu {margin-top:15px;float:left;width:600px;overflow:auto;padding-left:35px}
.legal ul li ul {list-style-type:square;list-style-position:inside;margin:5px 0 5px 35px !important}
.legal ul li {margin-bottom:5px}

/*pied de page*/
#signature {text-align:right;padding:0;margin-top:5px;clear:right}
#signature p, #signature a {font-size:11px;color:#999999;text-decoration:none}
#signature a:hover {text-decoration:underline}