@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Anton);
body{
	color:#fff;	background-color: #323332; font-family: 'Lato', sans-serif; font-weight: 400;  font-size : 15px;background-image:url(../images/fond-logo.jpg); background-size: 100% 180px;background-repeat: no-repeat;margin:0;padding:0;
}
img { border: 0;}
img a { border: 0;}

h1 {color:#f76613;padding:15px 0 10px 0;margin:0;font-family: 'Anton', sans-serif;font-weight: 400;font-size:42px;}
h2 {color:#fff;padding:10px 0;margin:0;font-family: 'Anton', sans-serif;font-weight: 400;font-size:30px;line-height:30px;}
h2.prix {color:#e67700;margin:0;font-family: 'Anton', sans-serif;font-weight: 400;font-size:80px;text-align:right;}
sup.prix {position:relative;top:5px;left:-10px;font-size:48px;margin:0;padding:0;}
h3 {color:#fff; font-family: 'Lato', sans-serif; font-weight: 700;font-size:28px;line-height: 28px;padding:10px 0 6px 0;margin:0;}
h4 {color:#fff; line-height: 24px;font-size:12px;padding:0;margin:0;font-weight: 700;}
h5 {color:#fff; line-height: 24px;font-size:22px;padding:0;margin:0;font-weight: 700;}
p {margin:5px 0 10px 0;padding:0;font-size: 18px}
#clear {clear:both;}

/* Zone du logo */
#zone-logo  {position:relative; top:0px; width: 940px; left: 50%; margin-left: -470px; height: 180px;background-image:url(../images/logo.png);background-repeat: no-repeat;}

/* Zone menu principal */
#fond-menu-lien {position: relative; top:0; width: 100%; height: 50px; margin:0; padding:0; background: linear-gradient(#f7ae05, #e67000, #f76413);}
#zone-entete {position:relative; top:-50px; width: 940px; left: 50%; margin-left: -470px; height: 50px;}
#logo {float:left; background-image:url(../images/ico-home.png); width: 35px; height: 35px; padding:0; margin:8px  5px;}
#logo:hover{background-image:url(../images/ico-home-hover.png);}

#menu-liens {float:left;width:890px; height: 42px; text-align: left; padding:0; margin:8px 0 0 3px; font-family: 'Anton';font-size:22px;}
#menu-liens a  {padding:0 28px 0 0;margin:0;color: #fff;text-decoration: none;}
#menu-liens a:hover {color:#323332; text-decoration: none;}
#liens  {float:right;padding:0;margin:0;color: #fff;height: 42px; text-align: left; padding:0; margin:8px 10px 0 0; font-family: 'Anton';font-size:22px;}
#liens a {color: #fff; text-decoration: none;}
#liens a:hover {color:#323332; text-decoration: none;}



/* Encadr� de tout l'�cran sous la zone logo*/
#conteneur {position: absolute;top:230px; width: 100%; height: auto; margin:0; padding:0;background-color:#2d2e2d;}
#conteneur2 {clear:both;float:left;position: relative;width: 100%; height: auto; margin:0; padding:0;background-color:#323332;}
#conteneur3 {clear:both;float:left;position: relative;width: 100%; height: auto; margin:0; padding:0 0 50px 0;background-color:#cfcfcf;}
#conteneur4 {clear:both;float:left;position: relative;width: 100%; height: auto; margin:0; padding:0;background-color:#000;}

/* Zone du contenu de la page */
#zone-contenu {float:left;position:relative; width: 940px; height:auto; left: 50%; margin-left: -470px;}

/* diaporama */
#zone-fond-diaporama {position:relative; color: #fff; width: 940px; left: 50%; margin-left: -470px;overflow:hidden; background-color:#2d2e2d;}
#zone-diaporama {position:relative; width: 900px; left: 50%; margin-left: -450px;}

/* Accueil */
#accueil-promo-1{float:left;position:relative;width:308px;height:150px;margin:0;padding:0;background-image:url(../images/fond-promo1.gif);}
#accueil-promo-2{float:left;position:relative;width:326px;height:150px;margin:0;padding:0;background-image:url(../images/fond-promo2.gif);}
#accueil-promo-3{float:left;position:relative;width:305px;height:150px;margin:0;padding:0;background-image:url(../images/fond-promo3.gif);}
#fond-tel{float:left;width:237px;height:36px;margin:30px 20px 25px 20px;padding:0 0 0 60px;background-image:url(../images/fond-tel.png);color:#fff;background-repeat: no-repeat;font-family: 'Anton', sans-serif;font-size:28px;line-height:32px;}
#fond-map{float:left;width:237px;height:36px;margin-left:20px;padding:0 0 0 50px;background-image:url(../images/fond-map.png);color:#fff;background-repeat: no-repeat;font-weight: 400;font-size:14px;line-height:17px;}
#accueil-promo-txt {float:left;position:relative;margin:0;padding:5px 0 0 50px;font-family: 'Anton', sans-serif;font-weight: 400;font-size:22px;line-height:28px; color: #cfcfcf;}

#accueil-prix { float:left;position:relative;top:50px;left:-10px;
}
/* Pour r�gler bogue dans FireFox */
@-moz-document url-prefix() {
  #accueil-prix {
    float:left;top:0;left:-10px;
  }
}

.prix-petit{color:#f98a0f;font-family: 'Anton', sans-serif;font-weight: 400;font-size:27px;line-height:27px;}

#bienvenue {float:left;position:relative; color: #fff; width: 940px;margin:0;background-color:#cfcfcf;}
#texte-accueil {float:left;width:570px;margin:20px 0 40px 20px;color:#000;}
#photo-accueil {float:right;margin:70px 20px 20px 0;width:285px;height:185px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-image:url(../images/photo-accueil.png);}

/* Titre de page */
#titre-fond{float:left;position:relative;width:300px;margin:25px 0;color:#292929;font-family: 'Anton';font-weight: 400;font-size:42px;line-height:58px;}
#titre-contenu {float:left;position:relative;min-width:300px;padding:5px 10px;}
#titre-icone-vide {float:left;background-image:url(../images/icone-vide.png); width: 65px; height: 60px; margin:0; padding-right:5px;background-repeat: no-repeat;}
#titre-icone-equipe {float:left;background-image:url(../images/icone-equipe.png); width: 65px; height: 60px; margin:0; padding-right:5px;background-repeat: no-repeat;}
#titre-icone-contact {float:left;background-image:url(../images/icone-contact.png); width: 65px; height: 60px; margin:0; padding-right:5px;background-repeat: no-repeat;}
#titre-icone-conseils {float:left;background-image:url(../images/icone-conseils.png); width: 65px; height: 60px; margin:0; padding-right:5px;background-repeat: no-repeat;}

/* Bo�te plein �cran */
#contenu-encadre {clear:both;float:left;position:relative; width: 940px; height:auto; left: 50%; padding-bottom:15px;margin-left: -470px; min-height: 500px;background-color:#292929;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#contenu-boite {float:left;position:relative;}
#contenu-texte{padding:20px;margin:0;color:#fff;}

/* Vid�os */
#fond-video {margin:25px 10px 30px 180px;padding:15px;width: 477px;height: 304px; background: linear-gradient(#f7ae05, #e67000, #f76413);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

/* Notre �quipe */
#equipe-encadre {float:left;position:relative; width: 325px; min-height:320;margin:5px 45px 20px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color:#292929;}
#equipe-boite {float:left;position:relative;padding:25px;}
#equipe-texte{padding:0 0 25px 0;margin:0;font-size:14px; color:#fff;font-weight: 400;}
#equipe-texte-bleu {color: #f76613; font-weight: 700;font-size:19px;margin:15px 0 0 0;}
#equipe-photo img{width:275px;height:180px;border:1px solid #4f4e51;}

/* Nous joindre */
#contact-coord {width:490px;height:auto;float:left;padding-bottom:20px;}
#contact-titre {font-size:23px;color:#FFF;font-weight:400;margin:30px 0 0 25px;}
#contact-adr {font-size:14px;color:#FFF;font-weight:400;margin:10px 0 0 25px;}
#contact-tel {font-size:16px;color:#FFF;font-weight:700;margin:10px 0;}
#contact-nota{font-size:17px;line-height: 18px;color:#FFF;font-weight:400;margin:15px 0 25px 25px;}

/* Encadr� de la zone du footer */
#zone-footer {float:left;position:relative;width: 940px; left: 50%; margin-left: -470px; height: auto; margin-bottom:40px;}
#footer-zone-col1{float:left; margin:0 0 0 65px;width:175px;line-height: 18px; font-size: 10px; font-weight: 700;}
#footer-titre{float:left;width:200px;padding:20px 0 0 0;}
#footer-col {float:left;padding:5px 0 0 0;color: #a1a1a1;}
#footer-col a { color: #a1a1a1; text-decoration: none;}
#footer-col a:hover {color: #e67700; text-decoration: none;}
#footer-zone-col2{float:left; margin:0;padding:0 0 0 10px;width:180px;line-height: 18px; font-size: 12px; font-weight: 700;}
#footer-ligne {float:left;background-image:url(../images/ligne-vertical.png); width: 15px; height: 250px;background-repeat: no-repeat;}


#footer-zone-col-partage{float:left; margin:0;padding:0 0 0 10px;width:100px;}
#footer-col-partage {float:left;padding:15px 15px 0 0;width:65px;line-height: 18px; font-size: 12px; font-weight: 400;color: #9c988d;}
#footer-zone-coord {float:left; margin:0 0 0 10px;width:300px;line-height: 18px; font-size: 10px; font-weight: 700;}
#footer-coord {float:left;color: #fff;padding: 35px 10px 0 0; width: 150px;font-size: 12px;font-weight: 700;}
#footer-coord a {color: #fff; text-decoration: underline;}
#footer-coord a:hover {color: #e67700; text-decoration: underline;}
#footer-fond-tel{float:left;width:237px;height:36px;margin:30px 20px 15px 0;padding:0 0 0 75px;background-image:url(../images/fond-tel.png);color:#fff;background-repeat: no-repeat;font-family: 'Anton', sans-serif;font-weight: 400;font-size:23px;line-height:32px;}
#footer-fond-map{float:left;width:237px;height:36px;margin:0 0 30px 0;padding:0 0 0 50px;background-image:url(../images/fond-map.png);color:#fff;background-repeat: no-repeat;font-weight: 400;font-size:14px;line-height:17px;}
#footer-horaire {width:270px;font-size: 13px;line-height:18px;font-weight: 400;color: #fff;padding:10px 0 0 0;}
.txt-orange {color:#e67700;}
/* Pour les accord�ons de la page Conseils */
#contenu
{
  width:920px;
  height:auto;
  margin: -10px 0 0 0;
  padding: 0;
  overflow:auto;
  float:left;
 }
#contenu_conseils_gauche
{
  width:549px;
  height:auto;
  float:left;
  overflow:auto;
  padding-bottom:20px;
}

#contenu_conseils_h3
{
  width:485px;
  height:25px;
  background-color: #666;
  padding-top:5px;
  padding-left:5px;
}

#contenu_conseils_droite
{
  width:270px;
  margin-top: -12px;
  min-height:350px;
  height:auto;
  float:right;
  overflow:auto;
}
.titre-h5 {color:#fff; line-height: 24px;font-size:18px;padding:0;margin:0;font-family: 'Lato', sans-serif;font-weight: 700;}
.paragraphe {color:#fff; font-family: 'Lato', sans-serif;font-weight: 300;line-height: 18px;font-size:15px;padding:0;margin:0;}
#conseils ul {
	counter-reset: item;
}
#conseils li { 
	list-style-type: none;
	counter-increment: item; /* on incr�mente le compteur � chaque nouveau li */
    margin-bottom: 10px;
	font-family: 'Lato', sans-serif;font-weight: 300;font-size:13px;line-height: 15px;
}
#conseils li:before {
	content: counter(item) ". "; 
    padding: 0;
    margin-right: 1px;
    vertical-align: bottom;
    font-weight: 900;
    font-size: 16px;
	color: #f76613;
}