/*!
Theme Name: Abondances
Theme URI: http://underscores.me/
Author: xmichaut.be
Author URI: http://xmichaut.be
Description: New theme for lesbondances.fr website for Versalis.fr
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Abondances
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Lecab is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
_____________________________________________________________
AJOUT XMICHAUT_____________________________________________________________
_____________________________________________________________
*/
@font-face {
    font-family: 'montserrat_alternatesbold';
    src: url('fonts/montserratalternates-bold-webfont.woff2') format('woff2'),
         url('fonts/montserratalternates-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'montserrat_alternatesblack';
    src: url('fonts/montserratalternates-black-webfont.woff2') format('woff2'),
         url('fonts/montserratalternates-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/*@font-face {
    font-family: 'montserratthin';
    src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
body,
html{
  background-color:#FFFFFF;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size:1em;
	font-family: 'Montserrat','montserratregular', sans-serif;
}
html {
  scroll-behavior: smooth;
}

a{
  text-decoration: none !important;
}
p{
  margin:0;
  padding:0;
}
.txt-centre{
  text-align: center;
}
.txt-right{
  text-align:right;
}
.txt-justify{
  text-align: justify;
}
.display-table{
  display: table;
}
.display-table .display-cell{
  display:table-cell;
  vertical-align: middle;
}
.bloc-image{
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
}
.image_full_largeur{
  height:auto;
}
h1{
  font-size: 7vh;
  line-height: 7vh;
	font-family: 'Montserrat Alternates', 'montserrat_alternatesblack', sans-serif;
	font-weight: 900;
	letter-spacing: 3px;
}
h2{
	font-size:2em;
	font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
}

h3{
	font-size:1.5em;
	font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
	font-weight: 700;
}
.bloc-contain{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.lien_ariane{
  margin-top: 15vh;
}
.souligne{
	text-decoration: underline !important;
}
.trait_titre{
	border-left:6px solid #FF0000;
	height:1em;
	margin-right:15px;
  width: 1px;
  display:inline-block;
}
.plus_titre{
  font-variant-position: super;
}
.margintop5vh{
  margin-top:5vh;
}
.marginbottom15{
  margin-bottom:15px;
}
.margintop45{
  margin-top:45px;
}
.marginbottom45{
  margin-bottom:45px;
}
.margintop15vh{
  margin-top:15vh;
}
a.bouton{
	-webkit-box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.7);
	padding: 10px;
  cursor: pointer;
}
a.bouton.couleur,
a.bouton.couleur:hover{
	color:#FFFFFF;
}
a.bouton.blanc{
	background-color: #FFFFFF;
}
/*MENU*/
a#toggle_menu{
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 30px;
  font-size: 35px;
  padding: 8px 10px;
  line-height: 35px;
  color: #FFFFFF;
  border-radius: 5px;
}
.close_menu{
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 30px;
  line-height: 30px;
}
.vertical_menu_hidden aside.vertical_menu_area {
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.15);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.15);
    left: -285px;
    padding: 25px 45px 25px 45px;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    -ms-transform: left .15s ease-out;
    transition: left .15s ease-out;
}
aside.vertical_menu_area.with_scroll {
    overflow-x: hidden;
    overflow-y: auto !important;
}
aside.vertical_menu_area {
    position: fixed;
    width: 285px;
    top: 0;
    left: 0;
    padding: 10px 30px;
    background-color: #fff;
    height: 100%;
    z-index: 10001;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
    outline: 0;
}
.vertical_menu_area {
    text-align: left;
}
.vertical_menu_area ul,
.vertical_menu_area ul > li > a
{
    list-style-type: none;
    text-transform: uppercase;
    font-size:13px;
    letter-spacing: 1px;
    line-height: 20px;

}
.vertical_menu_area ul > li > ul > li > a span{
  text-transform: none;
}
.vertical_menu_area ul
{
    padding:0;
}
.vertical_menu_area ul li ul.sub-menu
{
    padding-left:15px;

}
.vertical_menu_area ul li ul.sub-menu li > a
{
    text-transform: none !important;
    font-size:14px;

}
.logo-actu{
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin:170px auto;
  height:70px;
}
.vertical_menu_area_inner .logo-actu {
    margin: 0 auto 60px auto;
}
#menu-menu-principal li ul{
  display:none;
}

#menu-menu-principal li .menu-plus{
  float: right;
  cursor: pointer;
  line-height: 20px;
  font-size:10px;
}
.vertical_menu_area ul li {
    margin-bottom: 35px;
}

.vertical_menu_area ul > li > a {
    font-weight: 700;
}
.vertical_menu_area ul > li > ul > li > a {
    font-weight: 400;
}
.vertical_menu_area ul > li > ul > li{
    margin-bottom:15px;
}
.vertical_menu_area ul > li > ul{
    margin-top:15px;
}

/*HOMEPAGE*/
.section{
	padding-top:75px;
	padding-bottom: 75px;
}
#header{
	/*height:70vh*/
  height:835px;
}
.logo_header{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	height: 25vh;
  margin-top: 5vh;
}
.contener_menu_header{
	margin-top: 50px;
}
.lien_header{
  max-width:270px;
}
.lien_header h3{
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.contener_menu_header a h3{
  display: inline-flex;
  align-items: center;
  margin-bottom: 30px;
  max-width: 100%;
  /*max-height: 90px;*/
  min-height: 90px;
  font-size: 25px;
  line-height: 30px;
  padding: 0px 30px;
  background:linear-gradient(90deg, rgba(0,12,93,1) 13px, rgba(255,255,255,1) 13px, rgba(255,255,255,1) 13px);
  border-radius: 20px;
}
.trait_btn_menu{
  border-radius: 20px 0 0 20px;
  width:13px;
}
.contener_menu_header a .trait_titre {
    border-left: 4px solid #FF0000;
    height: 1.5em;
    margin-right: 15px;
    margin-bottom: -0.3em;
    display: inline-block;
}
.menu_cta-header{
	list-style-type: none;
	margin: 0;
	padding:0
}
.menu_cta-header li{
	display: inline-block;
	margin-right: 50px;
	font-size: 1.5em;
}
.icone svg{
	width: 100%;
  height: auto;
}
.contener_cta-header{
	margin-top: 23vh;
}
.contener_cta-header .bouton.blanc {
	font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
	font-weight: 700;
	padding-right: 20px;
}
.contener_cta-header .bouton.blanc::before {
  content: url(images/don-01.svg);
	margin-left: -50px;
	position: relative;
	top: 10px;
}
.icone.famille,
.icone.recrutement,
.icone.don,
.icone.payer{
	width: 7vw;
	height: 13vh;
	margin:15px auto;
  max-width: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icone.recrutement{
	width: 8vw;
}
.icone.payer{
  width: 6vw;
}
#section_recrutement{
	border-radius: 15px;
	color:#FFFFFF;
	padding-top:115px;
	padding-bottom:115px;
}
#section_recrutement a{
	color: #FFFFFF;
}
#section_recrutement .icone.rdv{
  width: 11vw;
  height: 15vh;
  margin-right: 15px;
  max-width: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

}
#section_recrutement .icone.rdv svg{
  margin-top: -45px;
}
.titre_section_actu{
	padding-left:3vw;
	margin-bottom:60px;
}
.date_actu{
	margin:30px 0;
}
.bloc_actu{
	padding:0 3vw 5vh 3vw;
}
.actu_image{
	border-radius: 10px;
	height:30vh;
}
.slogan{
  font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
  padding-left: 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 37px;
  margin-top: 0;
}
#carouselActu .carousel-item,
#carouselActu .carousel-item .bloc-contain{
  height:50vh;
}
.carousel-control-prev {
    justify-content: flex-start !important;
}
.carousel-control-next {
    justify-content: flex-end !important;
}

/*PAGES INTERIEURES*/
.home #header_pages{
  background-color: transparent !important;
}
.home #header_pages .logo{
  background-image: none !important;
}
#header_pages{
	height:12vh;
}
#header_pages a#toggle_menu{
	color:#FFFFFF;
}
.home #header_pages a#toggle_menu {
    color: #000c5d;
}
#header_pages .logo{
	height: 10vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 1vh;
	margin-bottom: 1vh;
  display:block;
}
#entete-page{
	margin-top:12vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:39vh;
	border-top:1vh solid #FFFFFF;
	margin-bottom:10vh;
}
.page-template-page-contenu #entete-page {
    margin-bottom: 25vh;
}
#entete-page h1{
	position: absolute;
  top:45vh;
}
#contenu_page{
  padding-bottom:15vh;
}
.menu_image{
  margin-top:30px;
  border: 0;
  border-radius: 0;
}
.menu_image img{
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
}

.menu_image .titre_menu_image{
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding-top: 33%;
  background-color: rgba(255,255,255,0.5);
  height: 100%;
  display: none;
  font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
  font-weight: 700;

}
.menu_image:hover .titre_menu_image{
  display: block;
}
.ligne_blocs{
  padding-top:15vh;
}
.ligne_blocs p a{
  color:#31bad5;
  text-decoration: underline !important;
}
.ligne_blocs ol li{
  margin-top:15px;
}
.ligne_blocs ol li li{
  margin-top:0;
}
.ligne_blocs ol li ol li{
  margin-top:15px;
}
.ligne_blocs ol li ol li li{
  margin-top:0;
}

.ligne_blocs .bloc-image{
  height:40vh;
}
.ligne_blocs .bloc-image.image_reduite{
  height:25vh;
}
.ligne_blocs p{
	margin-bottom: 1rem;
}
.accordion-item {
    border: 0;
}
.accordion-header{
  margin-bottom: 5vh;
  cursor: pointer;
}
.titre_contenu{
  margin-bottom: 5vh;
}
.col_faq .question{
  margin-top: 0;
  width: 100%;
  float: left;
}
.col_faq .question.first{
  margin-top: 5vh!important;
}
.question .icone_faq svg{
  width: 3em;
  margin-right: 1em;
  float:left;
}
.question .texte{
  font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
	font-weight: 700;
  margin-top:2em;
}
.reponse{
  padding-left:4em;
  width: 100%;
  float: left;
}
.ligne_blocs em{
	font-style:normal;
	font-weight:700;
	font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
}
.liste_offre{
  padding:0;
  margin:0;
  list-style-type: none;
}
.liste_offre li{
  margin-top:30px;
}
#blocs_contenus{
  clear:both;
}
#blocs_contenus ul{
  margin:0;
  padding:0 0 0 20px;
  margin-bottom: 20px;
}
.img_organigramme{
  background-repeat: no-repeat;
  background-position:left top;
  background-size: contain;
  height:60vh;
}
/*PAIEMENT*/
.titre-paiement p{
  display: inline-table;
}
.bloc-image-paiement{
  height:8vh;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
/*ACTUALITE*/
#intro-page{
  margin-bottom: 15vh;
}
#intro-page .bloc-image{
  height: 40vh;
  margin-bottom: 15vh;
}
#liste-activite h2{
    padding-left: 0 !important;
}
.ligne_jours{
  margin-bottom: 5vh;
}
.illustration_jour{
  height:100%;
  min-height:15vh;
}
.ligne_jours strong,
.heure_activite{
  font-weight:700;
	font-family: 'Montserrat Alternates', 'montserrat_alternatesbold', sans-serif;
}
.ligne_jours strong,
/*CONTACT*/
.bloc_image_central{
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 10vh;
}
.bloc_contact_central{
  color:#FFFFFF;
  border-radius: 15px;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding: 15vh;
}
label,
.wpcf7-form-control-wrap,
textarea  {
    width: 100%;
}
input[type=submit],
input[type=file]{
  color:#FFFFFF ;
  border:0;
  padding:5px;
}
input[type=submit]{
  border-radius:  5px;
  padding:5px 15px;

}
textarea,
input[type=tel],
input[type=text],
input[type=email],
input[type=password],
input[type=date],
select{
  border-radius: 15px;
  padding: 5px;
  margin-top: 15px;
  border: 3px solid #ff0000;
}
select{
  width:400px;
}
.intro_contact,
.wpcf7-form-control{
  margin-bottom: 15px;
}
.contener_contact{
  padding-top: 3vh;
}
.tab-pane h3{
  margin-top:3vh;
}
.nav-tabs {
    margin-top: 5vh;
}
.nav-tabs .nav-link {
    color:#333333;
}
.wpcf7 h4{
  margin-top: 5vh;
}
/*FOOTER*/
.hr_sep{
  width: 100%;
opacity: 0;
}
#footer1 h3{
	font-family: 'Montserrat', 'montserratregular', sans-serif;
	font-weight:400;
}
#footer1 h3 p,
#footer2 p{
	display: inline;
}
#footer1{
	padding-top:130px;
	padding-bottom:130px;
	color:#FFFFFF;
}
#footer1 .logo{
	width:100%;
	background-size: contain;
	background-position: left;
	height:15vh;
	margin-bottom:5vh;
}
.footer_col_centre{
	border-right:solid 2px #FFFFFF;
	border-left:solid 2px #FFFFFF;
}
.logo-partenaires{
	height: 3em;
  width: 4em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lien_logo-partenaires{
	float:left;
	padding:5px;
	background-color: #FFFFFF;
	margin-right: 15px;
}
#menu-menu-footer{
	list-style-type: none;
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: 400;
}
#menu-menu-footer a{
	color: #FFFFFF;
	font-weight: 400;
  font-size: 0.8em;
}
#footer2{
	padding-top:2vh;
	padding-bottom:2vh;
}
#footer1 h3 a .logo_twitter{
  height:60px;
  width:60px;
  background-image: url('images/twitter-logo.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*ALBUM PHOTO*/
.carousel-inner img {
    width: 100%;
    height: 100%
}

#contenu_page_album .carousel-indicators {
    position: static;
    margin-top: 20px
}

#contenu_page_album .carousel-indicators>li {
    width: 100px
}

#contenu_page_album .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#contenu_page_album .carousel-indicators li.active img {
    opacity: 1
}

#contenu_page_album .carousel-indicators li:hover img {
    opacity: 0.75
}
#contenu_page_album .carousel{
  height: 80vh;
}

#contenu_page_album .carousel-item{
  max-height: 80vh;
}
#contenu_page_album .carousel-item img {
  max-height: 60vh;
  height: 60vh;
  width: auto;
}
#contenu_page_album .carousel-control-next, #contenu_page_album .carousel-control-prev {
    height: 60vh;
}
.page-restrict-output{
  text-align: center;
}
.txt_presentation_photo{
  margin-bottom:30px;
}
/*TABLETTE AUDE*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1280px){
    .ligne_blocs .bloc-image {
        height: 25vh;
    }
    .question .texte {
      float: none;
      margin-top:1em;
    }
    .menu_cta-header li {
      font-size: 1em;
    }
    .menu_cta-header li {
      margin-right: 30px;
      font-size: 0.9em;
    }
    .logo_header {
      background-size: 80%;
    }
    .actu_image {
      height: 25vh;
    }
    #section_recrutement {
      padding-top: 80px;
      padding-bottom: 80px;
    }
    .icone.rdv, .icone.adresse {
        width: 8vw;
    }
    .lien_header{
      margin-bottom:15px;
    }
    .contener_cta-header {
      margin-top: 15vh;
    }
    .accordion-header {
        margin-top: 2vh;
    }
    .bloc_icone{
      margin-bottom:5vh;
    }
    .icone.famille, .icone.recrutement, .icone.don, .icone.payer {
        width: 15vw;
    }
    .icone.payer {
        width: 12vw;
    }
    .icone.don {
        width: 12vw;
    }
    .icone.recrutement {
        width: 16vw;
    }
    #section_recrutement .icone.rdv {
        width: 10vw;
    }
    #entete-page h1 {
        top: 47vh;
    }
    h1 {
        font-size: 5vh;
        line-height: 5vh;
    }
    .bloc_contact_central {
        padding: 5vh;
    }
  }
  /*PRINT*/
  @media print {
    body,html,article{
      font-family: 'Montserrat','montserratregular', sans-serif;
    }
    .grecaptcha-badge{
      display:none !important;
    }
  }
  .printomatic.pom-small-black{
        height: 1.5em;
        width: 1.5em;
        background-size: contain;
  }
  .printomatic.pom-small-black:after{
    content: "Imprimer";
    margin-left: 35px;
    display: inline-block;
  }
  .contener_print_icon{
    margin-top:5vh;
    margin-bottom: 5vh;
  }
/*13 pouces*/
/*tablette landscape*/
/*@media screen and (min-width: 577px) and (max-width: 992px) and (orientation : landscape) {*/
@media screen and (min-width: 1365px) and (max-width: 1367px) {
  #header{
    height:auto;
  }
  .img-fluid {
    max-height: 75px;
  }
  .lien_header:nth-child(4) {
    width: 350px;
    max-width: 350px;
  }
  .lien_header:nth-child(2) {
      margin-right: 0;
  }
}
  /*GESTION AFFICHAGE DESK VS TABLETTE*/
  @media screen and (min-width: 1150px)) {
    .lien_header:nth-child(2){
      margin-right:265px
    }
    .lien_header:nth-child(4){
      width: 450px;
      max-width: 500px;
    }
    .slogan {
      margin-top: 5vh;
    }
  }
  .contener_menu_header .lien_header:nth-child(5){
    width:fit-content !important;
    max-width:none;
  }

  /*GESTION AFFICHAGE DESK VS TABLETTE*/
  @media screen and (min-width: 1023px) and (max-width: 1025px)) {
    .contener_menu_header a h3{
      height:fit-content;
    }

  }