body
{
  background:#f5f6f8;
}

#cookieChoiceInfo {

position: fixed;
display:flex;
align-items: center;
width: 70%!important;
max-height:200px;
background-color: #FFF!important;
margin: 0px;
left: 50%!important;
top:30%;
transform: translate(-50%, 0)!important;
padding: 10px!important;
z-index: 10000!important;

font-size:1.3em!important;
box-shadow: rgba(0,0,0,0.5) 0px 5px 3px;
text-align:left!important;
}

#uneSite{
  width:100%;
}


.couleur412{
  color:#46af91;
}

.couleur413{
  color:#fe742e;
}

.couleur643{
  color:#faac03;
}
.couleur414{
  color:#59b3c7;
}
.couleur195{
  color:#992f71;
}

.centrageFlex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.centrageFlexH{
  display: flex;
  justify-content: center;
}

.centrageFlexV{
  display: flex;
  align-items: center;
}

.ombrer{
  box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
}


a {
  text-decoration:none;
}

a:hover{
  color:black;
}

a.lienUne{
  display:block;
  width:90%;
  padding-left:15px;
}


#uneSite h2{
font-family:Montserrat;
font-weight:700;
font-size:3.5em;
width:100%;
text-align:center;
margin: 20px 0 20px 0;
margin-top:20px;
display: flex;
align-items:center;
justify-content: center;
}

.uneActualites h3{
  max-width:90%;
}



input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{
  box-shadow: 0px 2px 10px 4px rgba(0,0,0,0.5);
  outline: 0 none;
}


/*-------------Menu site*/


#menuSite{
position:fixed;
top:0%;
width:100%;
height:105px;
background:rgba(255,255,255,0.8);
z-index:99;
transition:0.0.2s;

}

#menuSite:hover{
  background:rgba(255,255,255,1);
}

.menuBlocLogo{

}

.menuDroite{
  float:right;
  padding-right:25px;
  display: flex;
  align-items: center;
  height:100%;
}

#menuIcone{

  height:75px;
  margin-top:10%;
  margin-left:10%;
  padding:10%;

}
#menuBouton{
position:relative;
  float:left;
width:120px;
height:100%;
margin-right:10px;


}



#menuBouton:hover{
  background:#faac03;
}

#menuPrincipal{
  width:100%;
  height:100vh;
  position:absolute;
  top:0px;
  z-index:1;
  background:#fff;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  justify-content: center;
}

#menuPrincipal h3{
  min-height:65px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height:1.2em;
  style="font-size:1.2em;
  font-weight:700;
  border-bottom:4px solid var(--main-lien-color);
  padding-bottom:0px;
  margin-bottom:0px;
}

#menuPrincipal a h3:hover{
color:#FFF;
}

#menuPrincipal a h3:hover{
background-color:var(--main-lien-color);
}



.menuBlocRubrique{

  width:19%;
  float:left;
  padding:10px;
}


.menuBlocRubrique h3{
  color:#000;
}


#menuPrincipal UL,#menuPrincipal ul{
  margin-left:0px!important;
  padding-left:0px!important;
}

.menuSousRubriques LI {
  background:#FFF;
  list-style-type:none;
  font-family:'Roboto';
  font-size:1.2em;
padding:0px;
margin:0px;
padding-left:5px;
border:0px;
width:100%;
border-bottom: solid 1px var(--main-lien-color);
}

.menuSousRubriques A {
color:#000;
}


.menuSousRubriques LI:hover {
color:#FFF;
background:var(--main-lien-color);
}

.blancMenu{
  height:105px;
}

.logoSite{
  height:70%;
  padding-top:14px;
}

.formulaire_recherche .submit {
    margin: 0;
    background-color: #faac03;
    height: 30px;
    width: 30px;
    background-image: url('/squelettes/css/fontawesome/svgs/solid/search.svg');
    margin:10px;
    padding:10px;
}

#menuBoutonChercher{
  display:none;
}

.menuBoutonDon,.menuBoutonBoutique{
  padding:10px;
  font-size:1em;
  margin-top:0px;
  margin-bottom:0px;
}
.menuBoutonBoutique{

  margin-right:10px;
  background-color:#faac03;
  color:#000;
  margin-right:0px!important;
  margin-left:5px;
}
.menuBoutonDon{
background-color:#ef8200!important;
background:#ef8200!important;
color:#000;
margin-left:5px!important;
margin-right:0px!important;
}

.menuBoutonDon:hover{
background-color:#FFF!important;
color:#ef8200;
box-shadow: 0px 0px 0px 3px #ef8200 inset!important;

}

.menuBoutonBoutique:hover{
box-shadow: 0px 0px 0px 3px #faac03 inset;
background-color: #FFF;
color:#000;

}

#mobileBoutonDon{
  display:none;
  position:fixed;
  bottom:0px;
  z-index:99999;
  width:100%;
  text-align:right;
}
.rezosSociaux{
font-size:3em;
float:right;
position:fixed;
bottom:30px;
right:30px;
text-align:right;
}

/*progressbar*/
:root {
  --progress-bar-height: 4px;
  --progress-bar-color: transparent;
  --progress-bar-value-color: #faac03;
  --progress-bar-value-color: var(--couleur_page);
  --progress-bar-value: 20%;
}

.progress-wrapper {
  position: relative;
}

.progress-label {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 100%;
  height: var(--progress-bar-height);
  background-color: var(--progress-bar-color);
  border: none;
}

progress::-moz-progress-bar {
  background-color: var(--progress-bar-value-color);
}

progress::-webkit-progress-bar {
  background-color: var(--progress-bar-color);
}

progress::-webkit-progress-value {
  background-color: var(--progress-bar-value-color);
}

progress::-ms-fill {
  background-color: var(--progress-bar-value-color);
}




/*--------FIN MENU SITE*/




.callToAction{
  width:100%;
  min-height:600px;
  background-size:cover;
  background-position:center;
  display:flex;
  justify-content:center;
}



.txtCallToAction{
  display: block;
  width:65%;
  margin-top:200px;
}

.titreCallToAction{
box-shadow: 15px 15px 0px 0px #faac03;
background-color:#FFF;
display:inline-block;
padding:10px;
line-height:0.9em;
font-family:'Montserrat';
font-size:3em;
font-weight:700;
margin-bottom:20px;
text-align: left;
transition:box-shadow 0.2s;
}

.txtCallToAction:hover .titreCallToAction{
box-shadow: 0px 0px 0px 7px #faac03;
}


.descriptifCallToAction{
  background:#fff;
  text-align:left;
  font-family:'Roboto';
  font-size:1.3em;
  display:inline;
  padding:5px;
  margin-top:10px;
  width:100%;
}


/*-----fin call to action*/

.uneActualites{
margin-bottom:15px;
min-height:375px;

}


.uneActualitesLogoArticle{
  width:480px;
  height:250px;
  background-size: cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transition: box-shadow 0.2s;
}



h3,H3{
font-family:Montserrat,Arial;
font-weight:700;
font-size:1.3em;
}

#uneActus h3{
min-height:80px;
}


.uneActualites a,A{
  color:black;
}


.lienUne:hover h3 {
text-decoration: underline var(--main-lienActu-color);
color:black;
text-decoration-thickness: 3px;
}

.lienUne:hover .uneActualitesLogoArticle
{
  box-shadow: 0px 0px 0px 7px var(--logo-Actu-color)!important;
}

.lienUne:hover .uneAccidentsLogoArticle
{
  box-shadow: 0px 0px 0px 7px #46af91!important;
}

.lienUne:hover .uneAgendaLogoArticle
{
  box-shadow: 0px 0px 0px 7px #fe742e!important;
}

.lienUne:hover .uneBoutiqueLogoArticle
{
  box-shadow: 0px 0px 0px 7px #f9ba0b!important;
}

.lienUne:hover .footerLogoArticle
{
  box-shadow: 0px 0px 0px 7px var(--couleur_lien)!important;
}




.uneTag{
position:relative;
top:80%;
display:inline-block;
margin:7px;
padding:5px;
text-transform:uppercase;
background:#FFF;
border-top:5px solid;
font-family:'Montserrat';
font-weight:bold;
font-size:0.9em;

}

#uneAccidents .uneTag{
  top:75%;

  padding:2px;
}




.uneDate{
  font-weight:bold;
  width:120px;

  font-size:14px;
  transform: rotate(-90deg) translateX(-28px) translateY(-52px);
}

.uneAccidents{

margin-bottom:15px;
}
.uneAccidentsLogoArticle{
  width:100%;
  margin:5%;
  height:210px;
  box-shadow: 15px 15px 0px 2px #46af91;
  background-size: cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
transition: box-shadow 0.2s;
}

#uneQuiSommesNous a {
  text-decoration: underline #59b3c7;
    text-decoration-thickness: 5px;

}

#uneQuiSommesNous a:hover {
  color: #59b3c7;

}

.uneQuiSommesNousChiffres{
  text-shadow:0px 0px 3px white;
  font-size:1.4em;
}

#uneBoutique h3{
  text-align:left;
  max-width:300px;
  padding-left:10px;
  display:inline-block;
  padding-top:20px;
  --main-lienActu-color:#f9ba0b;
}

.uneBoutiqueLogoArticle{
  width:300px;
  height:300px;
background-size: cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
    transition: box-shadow 0.2s;
}

#uneBoutique .uneTag{
  color:#f9ba0b;
  border-color:#f9ba0b;
  text-align:right!important;
  float:right;
  top:83%;
}

.uneAgendaLogoArticle{
  width:250px;
  height:300px;
  background-color:#f4f3ef;
background-size: cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow: 15px 15px 0px 2px #fe742e;
    transition: box-shadow 0.2s;

  display:inline-block;
}

#uneAgenda .uneTag {
border-color:#fe742e;
color:#fe742e;
top:70%;

}
#uneAgenda h3 {
--main-lienActu-color:#fe742e;
margin-bottom:5px;
font-size:1.2em;
}


.dateAgenda{
  background-color:#fe742e;
  color:#fe742e;
  width:92px;
  height:105px;
  text-align:center;
  font-size:1.5rem;
  font-weight:bold;
  line-height:0.7;
  padding:30px 0 0 0;
  margin:auto;background:url('/squelettes/css/font-awesome/svgs/regular/calendar-o.svg');background-size:cover;
display:inline-block;

}

.dateAgenda span{
  line-height:1.5em;
}


.uneTagTheme{
width:21%;
margin-left:2%;
margin-right:2%;
margin-bottom:1%;
padding-left:0px;
}


.uneCouvRevue{
  box-shadow:15px 15px 0px 2px #992f71;
  width:350px;
  transition:box-shadow 0.2s;
}

.uneCouvRevue:hover{
  box-shadow:0px 0px 0px 7px #992f71;
  width:350px;
}


A.uneTagTheme:hover{
color:black;
text-decoration: underline 3px #46af91;

}


#footer {
height:200px;
width:100%;
color:#000;
padding:10px;
background:#faac03;
display:block;

}

#footer a {
  color:black;
}
#footer a:hover{
  text-decoration: underline black 2px;
}



.formNewsletterFooter{
  border:3px solid #992f71;
  height:30px;
  font-size:0.9em;
  font-family:Montserrat;
}

.uneNewsletterEncart{
float:left;
width:50%;
}

.footerBlocGauche, .footerBlocCentre, .footerBlocDroite{
padding:10px;
  min-height:175px;
}


.footerBlocGauche{
  background-color:#46af91;
  padding-top:30px;
}
.footerBlocCentre{
  background-color:#faac03;
  margin-top:20px;
}
.footerBlocDroite{
background-color:#59b3c7;

}


.footerBoutonNewsletter{
  background-color:#faac03;
  margin-left:0px;
  height:30px;
  font-size:1em;
  border:2px black solid;
  border-radius:5px;
  transition:background-color 0.1s;
}

.footerBoutonNewsletter:hover{
color:#000;
background-color:#FFF;
}

/* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
@media (min-width: 1500px) {
.uneAccidentsLogoArticle{
  width:480px;
  height:250px;
}
.uneAgendaLogoArticle{
  width:300px;
  height:423px;

}


}

@media (max-width: 1200px) {

  #signatairesCharte{
    max-width:50%!important;

  }

  .footerBlocCentre{
    margin-top:0px;
  }

}

@media (max-width: 1150px) {

  #signatairesCharte{
    max-width:50%!important;

  }
.chercher{display:none;}
  #cookieChoiceInfo {

  position: fixed;
  display:flex;
  align-items: center;
  width: 80%!important;
  max-height:70%;
  background-color: #FFF!important;
  margin: 0px;
  left: 50%!important;
  top:15%;
  transform: translate(-50%, 0)!important;


  font-size:1em!important;
  box-shadow: rgba(0,0,0,0.5) 0px 5px 3px;
  text-align:left!important;
  }
.uneAgendaLogoArticle{
  width:250px;
  height:350px;

}
.uneAccidentsLogoArticle{
  max-height:200px;
}
}
@media (max-width: 900px) {


  input[type="submit"], input[type="button"], .bouton, A.lien_bouton {

      font-size: 1rem;
      padding: 5px 10px;
  }

#uneSite h2{
  font-size:2.5em;
  width:100%;
  text-align:center;
  margin: 20px 0 20px 0;
  margin-top:20px;
  display: block;
}

#uneSite h3{
  font-size:1.2em;
}

#menuBouton{
  width:80px;
  cursor:hand;
}

#menuPrincipal{
  display:block;

}

.menuBlocRubrique{
  width:90%;
}
.logoSite{
  height:50px!important;
  padding-top:5px!important;
}
.blancMenu{
  height:60px;
}
#menuSite{
  height:60px!important;
}
#menuIcone{
  height:60px!important;
  margin-top:0px!important;
}


.menuDroite{
display:none!important;
}

.logoBloc{
  width:50%;
 }

 .callToAction{
   min-height:400px;
 }

.txtCallToAction{
    width:90%;
    margin-top:150px;
}
.titreCallToAction{
  font-size:1.6em;


}
.descriptifCallToAction{
  font-size:1em;
}

#signatairesCharte{
display:none!important;
}

input.chercher{
  display:none;
}
.uneTag{
line-height:2em;
font-size:0.8em;
}

.uneActualitesLogoArticle{
  max-width:350px;
  height:200px;
}

.uneAccidentsLogoArticle{
  max-width:350px;
  height:200px;
}

.uneBoutiqueLogoArticle{
width :220px;
  height:220px;
}



.uneRevueBlocDroite{

  font-size:80%;
text-align:center;


}

.uneRevueBlocDroite h3{
width:100%;
text-align:center!important;
}

.uneTagTheme{
width:33%;
margin:0px;
padding:10px;
}



.footerBlocGauche, .footerBlocCentre{
  width:100%;
  text-align:center;


}

.footerBlocDroite
{
  width:100%;
}

.footerBlocCentre{
  margin-top:0px;
}

#mobileBoutonDon{
  display:block;
  position:fixed;
  bottom:5px;
  right:5px;
  font-size:0.9em!important;
}

#mobileBoutonDon .bouton, #mobileBoutonDon A.lien_bouton {
  font-size:1em;
  padding:5px;
margin:5px;
}

.boutonDon{
  background-color:#ef8200!important;
  background:#ef8200!important;
  color:#000;

}

.rezosSociaux{

bottom:50px;
}

}

@media (max-width: 800px) {



  #menuFormulaireRecherche{
    display:none;
  }

  #menuBoutonChercher{
    display:inline;
  }

  #uneSite h2{
    font-size:1.8em!important;
    width:100%;
    text-align:center;
    margin: 20px 0 20px 0;
    margin-top:20px;
    display: block;
  }

  #uneSite h2 img{
    width:50px!important;
  }

  .uneActualitesLogoArticle{
    width:90%;
    max-width:90%;
    height:250px;
    margin-left:0%;
  }
  .uneAccidentsLogoArticle{
    width:90%;
    max-width:90%;
    height:250px;
  }

  .uneNewsletterEncart{
  width:100%;
  padding:10px!important;
  font-size:80%;
  }

  .uneNewsletterEncart form{
    text-align:center;
  }

  .uneNewsletterEncart p {
    margin-left:15px;
  }

  .uneAgendaLogoArticle{
    width:80%;
    max-width:260px;
    height:380px;
    margin-left:0%;
  }
  .uneBoutiqueLogoArticle{
    width:250px;
    max-width:90%;
    height:250px;
    margin-left:0%;
  }

  .uneTag
  {font-size:1.5vw;}


}
@media (max-width: 500px) {

  .logoSite{
    max-width:200px;
  }

.uneTag
{font-size:2vw;}
.uneAccidentsLogoArticle,.uneActualitesLogoArticle
{

max-height:180px;
}
}

@media (max-width: 300px) {

#menuSite{
  height:10%!important;
}
  .menuBlocLogo{
    width:50%;
  }

  .logoSite{
    width:100%;
height:auto!important;
  }
  #menuBouton {
    width: 20%!important;
    height: 100%;
    margin-right: 5px;
}

#menuIcone {
    width:80%!important;
height:auto!important;
    margin-top: 0px !important;
    margin-left: 5%;
padding: 5%;
}

.uneTag
{font-size:1.5vw;}
.uneAccidentsLogoArticle,.uneActualitesLogoArticle
{

max-height:180px;
}
}