.body { font-family: "century_gothic"; background-color: #ffffff; overflow-x: hidden; overflow-y: auto; }
.body-mobile { background-color: #f5f2eb; width: 1150px; overflow-x: hidden; overflow-y: auto; -webkit-text-size-adjust: none; }

body,div,span,form,ul,li,h1,h2,h3,h4,h5 { padding:0; margin:0; border-color: transparent; border-style: none; border-width: 0; }

.conteneur-titre { position:absolute; z-index:50; top: 0px; left: 0px; width: 100%; height: 154px; background: url("images/blanc.jpg"); background-repeat: repeat-x; background-position: center top; }
.conteneur-titre-fixe { position:fixed; z-index:60; top: 0px; left: 0px; width: 100%; height: 100px; background: url("images/blanc-eteint.jpg"); background-repeat: repeat-x; background-position: center top; } 
.conteneur-navigation { position:absolute; z-index: 40; top: 120px; left: 0px; width: 100%; height: 35px; background-color: #fff; }
.conteneur-langues { position: relative; z-index: 40; padding: 0px 6px; top: 0px; left: 18px; width: 70px; height: 100px; overflow: hidden; background-color: #fff; border: 1px solid #ccc; border-top: none; opacity: 0; cursor:pointer; display: none; }
.conteneur-blanc { position:relative; z-index:20; top: 0px; left: 0px; width: 100%; min-height: 20px; background-color: #fff; }
.conteneur-beige { position:relative; z-index:10; top: 0px; left: 0px; width: 100%; min-height: 20px; background-color: #f5f2eb; }

.logo { position:relative; left: 190px; width: 600px; height: 95px; border: none; }
.navigation { position: relative; float: left; color: #666; font-size: 14px; line-height: 35px; text-decoration: none; margin-right: 30px; cursor: pointer; }
.navigation-active { position: relative; float: left; color: #000; font-size: 14px; line-height: 35px; text-decoration: none; margin-right: 30px; cursor: pointer; }
.navigation:hover { text-decoration: underline; text-shadow: 0px 0px 6px #eee; }
.navigation-active:hover { text-decoration: underline; text-shadow: 0px 0px 6px #eee; }
.navigation-picto { position: relative;  top: 2px; left: 0px; margin: 0px 4px; }
.separateur-h { position:relative; top: 0px; left: 0px; width: 100%; height: 7px; background: url("images/separateur-h.png"); background-repeat: no-repeat; background-position: center top; }
.separateur-b { position:relative; top: 0px; left: 0px; width: 100%; height: 7px; background: url("images/separateur-b.png"); background-repeat: no-repeat; background-position: center top; }
.cycle { position:relative; top: 0px; left: 0px; width: 100%; background-color: #fff; }

.centreur { position:relative; top: 0px; left: 0px; width: 980px; margin: 0px auto; padding: 0px; }
.stopcolonnes { clear:both; height: 0px; }
.fixe { position: fixed; }
.quart { position:relative; float: left; width:225px; margin: 20px 20px 20px 0px; }
.moitie { position:relative; float: left; width:480px; margin: 0px; }

.encart-boutique { position: absolute; top:100px; left: -15px; width: 320px; height: 150px; margin: 0px; padding: 15px 20px 35px 20px; border: none; overflow: hidden; background: url("images/encart-boutique.png"); }
.encart-location { position: absolute; top:20px; left: 360px; width: 210px; height: 260px; margin: 0px; padding: 20px 25px 40px 25px; border: none; overflow: hidden; background: url("images/encart-location.png"); }
.encart-marques { position: absolute; top:100px; left: 635px; width: 320px; height: 150px; margin: 0px; padding: 15px 20px 35px 20px; border: none; overflow: hidden; background: url("images/encart-marques.png"); }
.encart-conditions { position: absolute; top:110px; left: 420px; width: 470px; height: 240px; margin: 0px; padding: 20px 25px 40px 25px; border: none; overflow: hidden; background: url("images/encart-conditions-blanc.png"); }

.conteneur-marques { position: relative; float: left; width: 320px; height: 80px; margin: 0px 0px 20px 0px; }
.conteneur-marques-prec { position: absolute; top: 10px; left: 0px; width: 20px; height: 80px; background: url("images/fleche-prec"); background-repeat: no-repeat; background-position: center center; cursor:pointer; }
.conteneur-marques-suiv { position: absolute; top: 10px; left: 305px; width: 20px; height: 80px; background: url("images/fleche-suiv"); background-repeat: no-repeat; background-position: center center; cursor:pointer; }
.conteneur-marques-images { position: absolute; top: 10px; left: 40px; width: 240px; height: 80px; padding: 0px; margin: 0px; border: none; overflow: hidden; }
.conteneur-marques-image { position: relative; top: 0px; left: 0px; width: 4000px; height: 80px; }

.conteneur-actualites { position: relative; float: left; width: 980px; height: 180px; margin: 0px 0px 20px 0px; }
.conteneur-actualites-prec { position: absolute; top: 70px; left: -40px; width: 20px; height: 80px; background: url("images/fleche-prec"); background-repeat: no-repeat; background-position: center center; cursor:pointer; }
.conteneur-actualites-suiv { position: absolute; top: 70px; left: 1000px; width: 20px; height: 80px; background: url("images/fleche-suiv"); background-repeat: no-repeat; background-position: center center; cursor:pointer; }
.conteneur-actualites-fenetre { position: absolute; top: 10px; left: 0px; width: 980px; height: 180px; padding: 0px; margin: 0px; overflow: hidden; }
.conteneur-actualites-bande { position: relative; top: 0px; left: 0px; width: 9800px; height: 180px; }
.conteneur-actualites-actualite { position: relative; float:left; top: 0px; left: 0px; width: 980px; height: 180px; padding: 0px; margin: 0px; overflow: hidden; }
.conteneur-actualites-actualite h1 { position: absolute; top: 2px; left: 0px; width: 700px; font-family: "century_gothic"; color: #000; font-size: 20px; font-weight: bold; line-height: 30px; text-align: left; text-shadow: 0px 1px 0px #fff; }
.conteneur-actualites-actualite h2 { position: absolute; top: 40px; left: 0px; width: 700px; font-family: "century_gothic"; color: #000; font-size: 16px; font-weight: normal; line-height: 30px; text-align: left; margin: 0px 0px 0px 40px; }
.conteneur-actualites-actualite h3 { position: absolute; top: -5px; left: 900px; width: 80px; font-family: "century_gothic"; color: #99988e; font-size: 13px; font-weight: normal; line-height: 30px; text-align: right; }
.conteneur-actualites-actualite img { position: absolute; top: 40px; right: 0px; height: 120px; }
.conteneur-actualites-actualite-img { border: 4px solid #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); }

.centre-gras { display:block; width: 80%; margin: 40px auto; font-size:16px; font-weight: bold; text-align: center; }

.apercu-commande { position: relative; width: 980px; margin: 0px; padding: 20px 0px; border: none; font-family: "century_gothic"; color: #000; font-size: 13px; text-decoration: none; }

h1 { font-family: "century_gothic"; color: #000; font-size: 15px; font-weight: bold; line-height:18px; }
h2 { font-family: "century_gothic"; color: #000; font-size: 13px; font-weight: normal; line-height:18px; margin: 0px 0px 0px 40px; }
h3 { font-family: "century_gothic"; color: #014975; font-size: 12px; font-weight: normal; line-height:18px; }

.lien-discret { font-family: "century_gothic"; color: #99988e; font-size: 12px; font-weight: bold; line-height:18px; margin: 0px; text-decoration:none; text-shadow: 0px 1px 0px #fff; }
.lien-discret:hover { color: #000; text-decoration:underline; }

.standard { font-family: "century_gothic"; color: #000; font-size: 16px; line-height:24px; padding: 40px 0px;}
.standard b { font-weight: bold; font-size: 20px; }
.standard i { font-style: normal; color: #99988e; }
.standard a { color: #000; font-size: 15px; text-decoration: none; }
.standard a:hover { color: #000; text-decoration: underline; }

.principal { font-family: "century_gothic"; color: #000; font-size: 16px; line-height: 30px; padding: 40px 0px; }
.principal b { font-weight: bold; font-size: 20px; }
.principal a { color: #000; font-size: 20px; text-decoration: none; background-color: rgba(228,240,254,0.4); }
.principal a:hover { color: #000; text-decoration: underline; }
.principal blockquote { margin: 0px; padding: 20px 0px 20px 40px; }

.legal { font-family: "century_gothic"; color: #000; font-size: 13px; line-height:18px; padding: 20px 0px; text-shadow: 0px 1px 0px #fff; }
.legal b { font-weight: bold; font-size: 15px; color: #000; }
.legal i { font-style: normal; margin-left: 20px; color: #666; }
.legal a { font-family: "century_gothic"; color: #99988e; font-size: 13px; text-decoration: none; }
.legal a:hover { color: #000; text-decoration: underline; }

.diaporama { width: 100%; height: auto; min-width: 980px; }
.diaporama img { width: 100%; height: auto; }

.defile { width: 100%; height: 300px; min-width: 980px; overflow: hidden; }
.defile-conteneur { position:relative; left: 0px; top: 0px; height: 300px; }
.defile-conteneur img { position: relative; float:left; height: 300px; border: none; margin: 0px 4px; padding: 0px; }

.googlemap { width: 980px; height: 360px; border: 4px solid #fff; margin: 25px 0px 20px 0px; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); }
.plan { width: 980px; height: 345px; border: 4px solid #fff; margin: 25px 0px 20px 0px; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); }

.prestation { position: relative; width: 940px; height: 20px; margin: 12px 0px 0px 40px; padding: 8px 0px; color: #444; font-size: 16px; text-decoration: none; border-bottom: 1px solid #eee; }
.prestation h1 { position: absolute; top: 8px; left: 740px; width: 200px; text-align: right; font-weight: normal; font-style: normal; color:#282; font-size: 18px; }

.bouton-principal { font-family: "century_gothic"; font-size: 14px; font-weight: normal; text-decoration: none; color: #000; background-color: #fff; padding: 1px 8px; border: 1px solid #bbb; border-radius: 4px; box-shadow: inset 0px -10px 10px #e6ca90, 1px 1px 2px #000; text-shadow: 0px 1px 0px #ffffff; cursor: pointer; }
.bouton-principal:hover { box-shadow: inset 0px -10px 20px #e6ca90, 0px 0px 12px rgba(255,255,255,0.4); }
.bouton-secondaire { font-family: "century_gothic"; font-size: 9px; font-weight: normal; text-decoration: none; color: #99988e; background-color: #fff; padding: 0px 4px; border: 1px solid #bbb; border-radius: 4px; box-shadow: inset 0px -10px 10px #f8f1e3, 1px 1px 2px #999; text-shadow: 0px 1px 0px #ffffff; cursor: pointer; }
.bouton-secondaire:hover { box-shadow: inset 0px -10px 20px #f8f1e3, 0px 0px 12px rgba(255,255,255,0.2); }

.apercu-periode { position: relative; top: -16px; width: 980px; height: 20px; margin-bottom: -20px; text-align: right; color: #666; font-size: 14px; }
.apercu-parc { position: relative; width: 940px; height: 140px; overflow: hidden; margin: 20px 0px 10px 0px; padding: 10px 20px; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; font-family: "century_gothic"; color: #666; font-size: 14px; text-decoration: none; box-shadow: 0px 0px 2px #eee; cursor: pointer; }
.apercu-parc:hover { box-shadow: 1px 1px 2px #000; }
.apercu-parc-actif { background-color: #f5f2eb; box-shadow: 1px 1px 2px #000; }
.apercu-parc img { position: absolute; top: 9px; left: 44px; height: 140px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; }
.apercu-parc h1 { position: absolute; top: 10px; left: 226px; color:#99988e; font-size: 17px; font-weight: bold; }
.apercu-parc h1 i { font-weight: normal; font-style: normal; color:#99988e; font-size: 13px; }
.apercu-parc h2 { position: absolute; top: 40px; left: 240px; width: 440px; font-weight: normal; color:#333; font-size: 15px; text-align: justify; line-height: 18px; }
.apercu-parc h3 { position: absolute; top: 15px; left: 720px; width: 245px; text-align: right; font-weight: normal; color:#282; font-size: 24px; }
.apercu-parc h4 { position: absolute; top: 40px; left: 720px; width: 245px; text-align: right; font-weight: normal; color:#282; font-size: 11px; }
.apercu-parc h5 { position: absolute; top: 60px; left: 720px; width: 245px; text-align: right; font-weight: normal; color:#282; font-size: 11px; }
.apercu-parc h6 { position: absolute; top: 106px; left: 720px; width: 245px; text-align: right; font-weight: bold; color:#282; font-size: 11px; font-weight: bold; }
.apercu-parc a { position: absolute; top: 86px; left: 250px; }
.apercu-parc .descriptif { position: absolute; top: 140px; left: 40px; width: 840px; }
.apercu-parc .descriptif td { font-family: "century_gothic"; font-weight: normal; color:#666; font-size: 12px; border-bottom: 2px solid white; padding: 0px 20px; height: 24px; }
.apercu-parc .descimage { position:relative; top: 34px; left: 0px; width: 840px; height: 525px; border: none; box-shadow: 0px 2px 4px #ccc; }

.apercu-accessoire { position:relative; float:left; width: 180px; height: 300px; overflow: hidden; margin: 0px 20px 0px 0px; padding: 10px 20px; background-color: #fff; border: 1px solid #bbb; border-radius: 4px; font-family: "century_gothic"; color: #666; font-size: 14px; text-decoration: none; box-shadow: 0px 0px 2px #eee; cursor: pointer; }
.apercu-accessoire:hover { box-shadow: 1px 1px 2px #000; }
.apercu-accessoire-actif { background-color: #f5f2eb; box-shadow: 1px 1px 2px #000; }
.apercu-accessoire img { position: absolute; top: 10px; left: 20px; height: 180px; border: 1px solid #bbb; border-radius: 4px; background-color: #fff; }
.apercu-accessoire h1 { position: absolute; top: 200px; left: 20px; width: 180px; font-weight: bold; color:#99988e; font-size: 13px; }
.apercu-accessoire h2 { position: absolute; top: 240px; left: 30px; width: 170px; font-weight: normal; color:#333; font-size: 11px; line-height: 13px; text-align:left; margin: 0px; padding: 0px; }
.apercu-accessoire h3 { position: absolute; top: 290px; left: 20px; width: 180px; text-align: right; font-weight: normal; color:#282; font-size: 15px; }

.apercu-commande-table td { font-family:Arial, Verdana, Geneva, sans-serif; font-weight: normal; color:#666; font-size: 12px; padding: 0px 12px 4px 8px; }
.apercu-commande-table td b { font-family: "century_gothic"; color: #444; font-size: 13px; text-decoration: none; font-weight: normal; line-height: 24px; margin: 0px 0px 0px -6px; }
.apercu-commande-table td u { font-family: "century_gothic"; color: #282; font-size: 15px; text-decoration: none; font-weight: normal; line-height: 24px; margin: 0px; }
.apercu-commande-table td i { font-family: "century_gothic"; color: #822; font-size: 15px; text-decoration: none; font-style: normal; font-weight: normal; line-height: 24px; margin: 0px; }
.apercu-commande-image { width: 40px; box-shadow: 0px 4px 4px #aaa; }
.apercu-commande-adresse { position:relative; top: -80px; left: 580px; width: 220px; padding: 10px 20px; border: 1px solid #ccc; border-radius: 8px; font-family:Arial, Verdana, Geneva, sans-serif; font-weight: normal; color:#282; font-size: 12px; }
.apercu-commande-tiroir { display:none; }

.encart-date { width: 200px; font-family: "century_gothic"; color: #000; font-size: 13px; font-weight: normal; background-color: #fff; padding: 1px 6px; margin: 2px 0px 6px 0px; background:url("images/calendrier-encart.png") no-repeat right #fff; border-radius: 6px; border: 1px solid #99988e; cursor: pointer;}
.encart-select { width: 212px; font-family: "century_gothic"; color: #000; font-size: 13px; font-weight: normal; background-color: #fff; padding: 1px 6px; margin: 2px 0px 6px 0px; background:url("images/select-encart.png") no-repeat right #fff; -webkit-appearance:none; appearance: none; border-radius: 6px; border: 1px solid #99988e; cursor: pointer; }

.firefox-select-champ { margin-bottom: -18px; }
.date-champ { width:294px; font-family: "century_gothic"; font-size:14px; color:#333; border-radius:0px;padding:2px; margin: 6px 0px 8px 10px; background:url("images/calendrier.png") no-repeat right #fff; border-radius: 6px; border: 1px solid #99988e; cursor: pointer; }
.select-champ { width:300px; font-family: "century_gothic"; font-size:14px; color:#333; border-radius:0px;padding:2px; margin: 6px 0px 8px 10px; background:url("images/select.png") no-repeat right #fff; -webkit-appearance:none; appearance: none; border-radius: 6px; border:1px solid #99988e; cursor: pointer;}
.champ { width:300px; font-family: "century_gothic"; font-size:14px; color:#333; border-radius:0px;padding:2px; margin: 6px 0px 8px 10px; background:#fff; -webkit-appearance:none; appearance: none; border-radius: 6px; border:1px solid #99988e; cursor: pointer;}
.champ-alerte { width:308px; font-family: "century_gothic"; font-size:14px; color:#333; border-radius:0px; padding:2px; margin: 6px 0px 8px 10px; box-shadow: 0px 0px 4px #e5907f; -webkit-appearance:none; appearance: none; border-radius: 6px; border:1px solid #c20; }

@-moz-document url-prefix() { 
	.firefox-encart-select { width:212px; border-radius:0px; margin: 2px 0px 6px 0px; padding: 0; background:url("images/select-encart.png") no-repeat right #fff; border-radius: 6px; border:1px solid #99988e;}
	.encart-date { width: 200px; padding: 1px 6px; }
	.encart-select { padding: 0px; margin: 0px; background:#fff; border: none; -moz-appearance: window; }
	.firefox-select-champ { width:300px; border-radius:0px; margin: 6px 0px -8px 10px; padding: 0; background:url("images/select.png") no-repeat right #fff; border-radius: 6px; border:1px solid #99988e;}
	.date-champ { width:288px; padding:2px 6px; }
	.select-champ { padding:0px; margin: 0px; background:#fff; border: none; -moz-appearance: window; }
}


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

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