@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap');

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

/************************************************************************ GENERAL */

/**********************************************************************************/
body { background-color:#8b9b24!important; }
body>div.container-fluid, body>div.container { 
  font-family:'Nunito', 'Avenir LT W01_45 Book', Arial, sans-serif;
  font-size:18px;
}







#zoneContenu {
  position:relative;
  background:url(../img/squelette/bgZoneContenu.jpg) no-repeat;
  background-size:cover;
  background-attachment:fixed;
  background-position:bottom left;
  color:#453939;
}

/*@media only screen and (min-width : 1200px) { #zoneContenu { background-color:blue; } }
@media only screen and (max-width : 1199px) { #zoneContenu { background-color:pink; } }
@media only screen and (max-width : 991px) { #zoneContenu { background-color:green; } }
@media only screen and (max-width : 767px) { #zoneContenu { background-color:grey; } }*/





#zoneContenu a { color:#8B9B24; }

#zoneContenu > div > div {
  background-color:#fff;
  padding-left:0; padding-right:0; padding-bottom:75px;
  position:relative
}
#zoneContenuPartG {
  background-color:#b2ce58;
  padding-top:30px;
}
#zoneContenuPartD {
  position:relative;
  background-color:#fff;
  padding:30px!important;
}
#accroche {
  font-family:'Nunito', 'AvenirLTW01-65MediumObl', Arial, sans-serif;
  color:#fff;
  position:absolute;
  top:-50px; left:-200px;
  padding-top:4px; padding-bottom:25px; padding-left:270px;
  background:url(../img/squelette/bgAccroche.png) no-repeat;
  background-position:top left;
  font-size:30px;
  width:810px;
}
@media only screen and (max-width : 1199px) { 
  #accroche { left:-50px; }
}
@media only screen and (max-width : 991px) {
  #zoneContenuPartG .container-fluid { padding-left:0; padding-right:0; }
}   
@media only screen and (max-width : 767px) {
  #accroche { display:none; }
  #zoneContenuPartG {
    height:auto!important;
    /*margin:0; *//*padding:0;*/
    padding-top:0; padding-bottom:0;
    min-height:0;
  }
  #zoneContenuPartD { padding-left:0px!important; padding-right:0px!important; }
  button.navbar-toggle {
    margin-top: -42px;
    margin-right:10px;
    background-color:#fff;
    border-color:#fff;
  }
  nav.navbar  { min-height:0; }
  ul.navbar-nav { margin-left:15px; margin-right:15px; padding:10px 25px; }
  #menuG div {
    overflow-y:visible;
  }  
}


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

/************************************************************************ BANDEAU */

/**********************************************************************************/
#bandeau {
  position:relative;
  background:url(../img/squelette/imgBandeau.jpg) no-repeat;
  background-position:top center;
  background-size:auto 100%;
  background-color:#fff;
  height:570px;
  border:50px solid #b2ce58;
  border-width:90px 0 50px;
  
  font-family:Verdana;
  font-size:24px;
}
#bandeau .container { position:relative; }
#arrondiCouleurBandeau {
  background-color:#b2ce58;
  height:86px;
  width:68%;
  position:absolute;
  top:0; left:-10%;
  
  -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg);
}
#logo {
  position:absolute;
  top:-90px; left:-83px;
}
#titrebandeau, #accrocheBandeau {
  position:absolute;
  left: 173px; 
  color:#fff;
}
#titrebandeau {
  top: -40px;
  font-family:'Nunito', 'Avenir LT W01_95 Black', Arial, sans-serif;
  text-transform: uppercase;
  font-size:65px;
}
#accrocheBandeau {
  top:35px;
  font-size:19px;
  line-height: 22px;
}
#mailBandeau {
  color:#fff;
  position:absolute;
  top:-80px; left:305px;
  
  padding-right:45px;
  text-decoration:underline;
  display:inline-block;
  margin-right:10px;
  
  background:url(../img/squelette/pictoMail.png) no-repeat;
  background-position:center right;
  background-size:auto 80%;
}
#telBandeau {
  color:#fff;
  position:absolute;
  top:-80px; left:670px;
  font-size:26px;
  padding-left:50px; padding-top:10px; padding-bottom:10px;
  background:url(../img/squelette/pictoTel.png) no-repeat;
  background-position:10px center;
  background-size:auto 80%;
  background-color:#AEA784;
  
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding:0 15px 0 35px;
}

#drapeauxBandeau{
    width:20%;
    margin-left:90%;
}


@media only screen and (max-width : 1199px) { 
  #bandeau {
    height:500px;
    font-size: 19px;
  }
  #logo { left:0; } 
  #arrondiCouleurBandeau { width:80%; }
  #telBandeau { left: 590px; padding-left:35px; }
  #mailBandeau { padding-right:35px; }
  #titrebandeau, #accrocheBandeau { left: 250px; }
  #titrebandeau {
    font-size: 54px;
    top: -25px;
  }
}
@media only screen and (max-width : 991px) {
  #arrondiCouleurBandeau {
    width:100%;
    left:0;
    -webkit-transform:none; -moz-transform:none; -o-transform:none;
  }
  #telBandeau img, #mailBandeau img { width:25px; }
  #telBandeau, #mailBandeau{ font-size:16px; }
  #mailBandeau{ left:245px; padding-right:35px; }
  #telBandeau { left: 490px; padding-left:25px; background-size:auto 80%; }
  #telBandeau span { padding: 2px 15px 3px; }
  #titrebandeau, #accrocheBandeau { left: 270px; }
  #bandeau {
    height:450px;
    background-position:center 40px;
  }
}
@media only screen and (max-width : 767px) {
  #bandeau { height:300px; }
  #logo { width:100px; }
  #arrondiCouleurBandeau { height:70px; }
  #titrebandeau, #accrocheBandeau {
    display:block;
    text-align:center;
    position:relative;
    left:inherit; top:inherit;
  }
  #titrebandeau {
    left:inherit; top:inherit;
    font-size:30px;
  }
  #accrocheBandeau { font-size:13px; line-height: 16px; }
  #mailBandeau, #telBandeau {
    position:absolute;
    background-size:auto 100%;
  }
  #mailBandeau { font-size:0; height:25px; left:75%; top:-75px; }
  #telBandeau { font-size:0; height:35px; left:85%; top: -80px; background-color:transparent;  }
}

@media only screen and (max-width : 767px) and (orientation:landscape) {
  #titrebandeau { margin-top:-50px; } 
  #arrondiCouleurBandeau { height: 30px; }
  #bandeau { background-position: center 10px; }
  
  #mailBandeau { right:5px; }
  #telBandeau { right:5px;  }
}




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

/************************************************************************ CONTENU */

/**********************************************************************************/
#chemin { font-size:0.8em; color:#8B9B24; }
#chemin a { text-decoration:none; }
#chemin a:hover, #chemin a:focus { text-decoration:underline; }
.classCellGauche, .classCellDroit, .cellIntroG, .cellIntroD, .bas { padding-top:0; padding-bottom:25px; }
.classCellGauche a, .classCellGauche a, .classCellDroit a, .cellIntroG a, .cellIntroD a, .bas a {
  color:#fff!important;
  font-size:0.8em;
  display:inline-block;
  padding-left:5px; padding-right:5px;
  background-color:#b2ce58;  
}
.classCellGauche a:hover, .classCellGauche a:hover, .classCellDroit a:hover, .cellIntroG a:hover, .cellIntroD a:hover, .bas a:hover {
  background-color:#8B9B24;
  text-decoration:none;
}
@media only screen and (max-width : 767px) {
  .classCellGauche, .classCellDroit, .cellIntroG, .cellIntroD { 
    width:100%!important;
  }
}
.classCellGauche .imgDeco, .classCellDroit .imgDeco, .cellIntroG .imgDeco, .cellIntroD .imgDeco, .bas .imgDeco{
  position:absolute;
  top:0; left:-30px;
  max-width:50%;
}
#zoneContenu h1 {
  font-family:'Nunito', 'AvenirLTW01-65MediumObl', Arial, sans-serif;
  background-color:#aea784;
  color:#fff;
  font-size:30px;
}
#zoneContenu h2 {
  text-decoration:underline;
  font-family:arial;
  font-size:24px;
  color:#aea784;
}


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

/********************************************************************** MICROBLOG */

/**********************************************************************************/
.conteneur_zone_echangeH, .conteneur_zone_echangeB { text-align:right; margin:0; }
#conteneurCommentaires{ margin:50px 0 15px; padding:20px 20px 10px; }
#conteneurCommentaires legend {
  font-family:'Nunito', 'AvenirLTW01-65MediumObl', Arial, sans-serif;
  background-color:#aea784;
  display:block;
  color:#fff;
  font-size:30px;
  padding-left:10px; padding-right:10px;
  margin-bottom:0;
  font-weight:lighter!important;
}
.conteneurUnCommentaire{ margin:20px 0; }
.conteneurTexteCommentaire{
  border:1px dotted black;
  padding:10px;
}
#conteneurCommentaires p { margin:10px 0; }
.imgCommentaireGauche{
  float:left;
  margin:0 10px 0 0;
}
.imgCommentaireDroite{
  float:right;
  margin:0 0 0 10px;
}
#conteneurFormulaireAddCommentaire * {
  font-weight:lighter!important;
}
#conteneurFormulaireAddCommentaire input[type="file"] {
  font-size:14px;
}
#conteneurFormulaireAddCommentaire label { width: 200px; }
#titreAjouterUnCommentaire {
  text-decoration:underline;
  font-family:arial;
  font-size:24px;
  color:#aea784;
  display:block;
  margin-top:50px; margin-bottom:20px;
}
#textareaAddCommentaire{ width:100%; height:100px; }
#explicationSoumissionCommentaire {
  font-style:italic;
  display:block;
  margin:0 0 35px;
  text-align:right;
}
#conteneurFormulaireAddCommentaire img { margin:0 0 -13px; }
#conteneurDerniersCommentaires {
  background-color:white;
  margin:10px 0 0; padding:10px;
}
#conteneurCommentaires input[type="submit"] {
  display:block;
  margin:35px auto 15px;
}

@media only screen and (max-width : 991px) {
  .conteneur_zone_echangeH { margin-top:-10px; margin-bottom:20px; }
  #conteneurFormulaireAddCommentaire img { display:block; margin:15px auto 0; }
}

@media only screen and (max-width : 767px) {
  /*#conteneurCommentaires { display:none; }*/
}




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

/*********************************************************************** BAS PAGE */

/**********************************************************************************/
#footer {
  background-color:#b2ce58;
  position:relative;
  min-height:150px;
  padding-top:100px; padding-bottom:25px;
  font-family:Verdana;
}
#logoFooter {
  position:absolute;
  top:-175px; left:45px;
}
#titreFooter, #accrocheFooter{
  position:absolute;
  left:210px;
  padding:0;
  width:420px;
  text-align:center;
}
#titreFooter {
  top:-153px;
  background-color:#b2ce58;
  color:#fff;
  font-family:'Nunito', 'Avenir LT W01_95 Black', Arial, sans-serif;
  text-transform: uppercase;
  font-size:54px;
  width:420px;
  line-height:53px;
}
#mailFooter { margin-top:10px; }
#mailFooter a {
  color:#fff;
  text-decoration:underline;
  margin-right:20px; margin-left:30px;
}
#mailFooter a:hover { color:#92a326; text-decoration:none; }
#telFooter {
  font-size:14px;
  font-weight:bold;
}

#telFooter span {
  background-color:#92a326;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding:5px 15px;
  margin-left:10px;
  color:#fff;
}
#coordFooter { margin-top:15px; }
#coordFooter p {
  display:inline-block;
  color:#fff;
  background:url(../img/squelette/bgCoordFooter.png) no-repeat;
  padding:0 15px 0 50px;
  height:25px;
  letter-spacing:1px;

  -moz-box-shadow: 0px 12px 5px -10px #656565;
  -webkit-box-shadow: 0px 12px 5px -10px #656565;
  -o-box-shadow: 0px 12px 5px -10px #656565;
  box-shadow: 0px 12px 5px -10px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}
#pictosFooter { text-align:right; }
#pictosFooter img {
  display:inline-block;
  margin:0 0 0 20px;
}
#accrocheFooter {
  top:-100px;
  background-color:#fff;
  color:#000;
  font-family:'Nunito', 'AvenirLTW01-65MediumObl', Arial, sans-serif;
  font-size:25px;
  line-height:35px;
}
#mentionsLegales {
  padding-top:5px; padding-bottom:5px;
  text-align:right;
  font-family:'Verdana';
  font-size:12px;
  color:#fff;
}
#mentionsLegales a { color:#fff; }
#mentionsLegales a:hover { color:#b2ce58; text-decoration:none; }
@media only screen and (max-width : 1199px) { 
  #mailFooter { font-size:17px; }
  #coordFooter { font-size:16px; }
}
@media only screen and (max-width : 991px) {
  #mailFooter, #telFooter { text-align:right; }
  #telFooter { margin-top:20px; }
  #telFooter img { float:right; margin-top:-18px; height:50px; }
  #telFooter span { margin-right:20px; }
  #pictosFooter {
    position:absolute;
    top:45px; left:110px;
  }
  #pictosFooter img {
    max-width:50px;
    margin-bottom:10px;
  }
  #coordFooter { text-align:right; }
}
@media only screen and (max-width : 767px) {
  #footer { padding-top:10px; }
  #mentionsLegales { text-align:center; }
  #pictosFooter {
    position:relative;
    top:inherit; left:inherit;
    margin-top: 25px;
    text-align: center;
  }
  #mailFooter, #telFooter { text-align:center; }
  #mailFooter img, #telFooter img { display:none; text-align:center; }
  #mailFooter a, #telFooter span { margin-left:0; margin-right:0;  }
  #coordFooter {
    text-align:center;
    height:auto;
    padding:0;
    background-image:none;
  }
  #coordFooter p {
    height:auto;
    background-image:none;
    
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    filter:none;
    padding:10px;
  }
  
  #titreFooter, #accrocheFooter, #logoFooter {
    position:relative;
    left:inherit; top:inherit;
    width:auto;
    text-align:center;
    display:block;
  }
  #logoFooter {
    display:block;
    margin-top:-55px; margin-bottom:25px; margin-left:auto; margin-right:auto;
  }
  #titreFooter { font-size:30px; }
}

#form label {
    width: 150px;
}

#form input[type="text"] {
    width: 40%;
}

#form fieldset {
    margin-bottom: 30px;
    margin-top: 30px;
}

#form textarea {
    height: 150px;
    width: 100%;
}


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

/*********************************************************************** ZONE NEWS */

/**********************************************************************************/
/*#blocktoscroll{
  position:relative;
  height:120px;
  padding:10px;
  overflow: hidden;
}*/


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

/************************************************************************** DEVIS */

/**********************************************************************************/
/*.devis_fieldset { margin:30px 0; padding:20px 15px; }
.devis_fieldset legend { font-weight:bold; }
#ec label,#fieldsetActi label {
  display:block;
  float:left;
  width:100px;
}
#date {}
#date label, #totalAd label {
  display:block;
  float:left;
  width:100px;
}
.explication_champs-oblig {}
.etoile_oblig { color:red; }
#btn { text-align:center; }
#commentaire { width:95%; height:150px; margin:0 auto; }*/

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

/********************************************************************* MAP GOOGLE */

/**********************************************************************************/
/*#map{
  margin:20px auto 0 auto;
  width:100%; height:600px;
}*/

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

/************************************************************* GESTION DES DROITS */

/**********************************************************************************/
/*#conteneurMsgErreurDroitsPage{ margin:40px; }*/

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

/**************************************************************************** RSS */

/**********************************************************************************/
/*.conteneurUnFluxRss{}
.lienTitreFluxRss {}
.lienTitreFluxRss:hover {}*/

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

/******************************************************************* PLAN DU SITE */

/**********************************************************************************/
/*#conteneurPlanSite ul ul { margin:0 0 0 30px; }
#conteneurPlanSite li { margin:10px 0 0 0; }
#conteneurPlanSite .togglerUnItem { cursor:pointer; }
#conteneurPlanSite .contentUnItem { padding:20px 0; margin:0; }
#conteneurPlanSite .contentUnItem p {
  border:1px dotted black;
  padding:20px 20px 0;
}
#conteneurPlanSite .titreUnItem {
  display:block;
  font-weight:bold;
}
#conteneurPlanSite .lienEnSavoirPlus {
  display:block;
  text-align:right;
  margin:0; padding:15px 0;
}*/