/* CSS Document */

img{
  max-width: 100%;
  height: auto;
  display: block;
}

.alignleft{
  float: left;
  margin-right: 10px;
}

.alignright{
  float: right;
  margin-left: 10px;
}

.aligncenter{
  margin: 10px auto;
}

a{
  transition: all 0.3s;
}

p{
  line-height: 170%;
  color: #3E3E3E;
  font-weight: 400;
  font-size: 15px;
}

h1{
  color:white;
  font-size: 31px;
  font-weight: bold;
  line-height:160%;
  font-weight: 600;
  text-wrap: nowrap;
}

h1 strong{
  font-size: 49px;
  display: block;
  font-weight: 600;
}

h2,
.single h1{
  color:#937571;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 40px;
}

.sectionTitle{
  font-size: 16px;
  letter-spacing: 2px;
  color:#A3504A;
  font-weight: 600;
  margin-bottom: 10px;
}

h3{
   color:#AB5050;
   font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;

}

section{
  padding: 60px 0;
}

#wrapper section:first-of-type{
  padding-top: 30px;
}

.btnPlus a{
  display: inline-block;
  background: #AB5050;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  line-height: 29px;
  text-align: center;
  color: white;
  font-size: 12px;
  border:1px solid #AB5050;
}

.btnPlus a:hover{
  background: white;
  color:#AB5050;
}

.decoPetalesVert{
  background-image: url("images/decoPetales.png")!important;
}

.btnBase{
  text-align: center;
}

.btnBase a{
  display: inline-block;
  border-radius: 30px;
  padding: 10px 50px;
  background: #661B71;
  border: 1px solid #661B71;
  color:white;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
}

.btnBase a:hover{
  background: none!important;
  color:#661B71;
}

.btnBase.blanc a {
  background: white;
  border-color: white;
  color: #75157C;
}

.btnBase.blanc a:hover {
  background: none;
  color: white;
}

body{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  color:#040402;
  margin: 0;
  font-size: 14px;
  color:#363636;
  overflow-x: hidden;
}


header .topHeader{
  display: flex;
  justify-content: end;
}

header .topHeader ul{
  background: #E9ACA2;
  padding: 6px 15px;
  display: inline-block;
  right: 5vw;
  border-radius: 0 0 10px 10px;
  display: flex;
  margin: 0 5vw 0 0;
  list-style: none;
}

header .topHeader li{
  margin: 0;
  padding: 0 15px;

}

header .topHeader a{
  color:white;
  text-decoration: none;
  font-weight: 500;
}

header .topHeader a:hover{
  color:#773F35;
}

#slicknav{
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 58px;
}

.slicknav_menu{
  display: none;
  background: none;
}

.slicknav_nav {
  background: rgba(255,255,255,0.95);
}

.slicknav_nav a{
  color: #2c2c2c;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px;
}

.slicknav_btn{
  background: none;
  margin: 5px 15px 6px;
}

.slicknav_menu{
  padding: 0;
}

.slicknav_menu .slicknav_icon-bar {
  background: black;
  width: 1.55em;
  height: 2px;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 5px;
}

header navbar{
    margin: 6px 0;
}
header .navbar-brand img{
  margin: auto;
  display: block;
  transition: all 0.4s;
  width: 220px;
}

header #navbar a{
  padding: 30px 0;
  display: block;
}

header #navbar a{
  color:#363636;
  font-size: 14px;
  font-weight: 500;
  margin: 0 16px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}

header #navbar .nav-link:hover{
  color: #E9ACA2;
}



/* -------------- menu classic -------------- */

header #navbar li a{
  padding: 30px 0;
}

header #navbar li a:hover{
  color: #E9ACA2;
}


header #nav > ul > li ul{
  list-style: none;
}

header #nav > ul > li{
  position: relative;
}

header #nav > ul > li li a{
  padding: 10px 0;
  margin: 0;
  display: block;
}
header #nav > ul > li li a:hover{
  text-indent: 4px;
}

header #nav > ul > li ul {
  display: none;
  width: 320px;
  position: absolute;
  left: 19px;
  top: 67px;
  z-index: 10;
  background: white;
  padding: 0 0 10px 24px;
  position: absolute;
}

/* ------------- megamenu ---------------------- */

header #nav > ul>li.mega {
  position: static;
}


header #nav > ul>li:nth-child(2) > ul {
  display: none;
  width: auto;
  z-index: 10;
  position: absolute;
  width: 80vw;
  max-width: 900px;
  background: white;
  left: 50%;
  transform: translateX(-50%);
  top: 70px;
  padding: 25px 0 25px 49px;
}

header #nav > ul>li:nth-child(2) > ul > li {
  width: 45%;
  margin-right: 5%;
  float: left;
  list-style: none;
}

header #nav > ul>li:nth-child(2) > ul > li > a {
  color: #2d2d2d;
  display: block;
  border-bottom: 1px solid #2d2d2d;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 0;
  text-decoration: none;
  margin-left: 0px;
}

header #nav > ul>li:nth-child(2) > ul > li > a:hover {
  text-indent: 4px;
}

header #nav > ul>li:nth-child(2) > ul > li ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: auto;
  position: static;
  padding: 0 0 0 25px;
  list-style: square;
}

header #nav > ul>li:nth-child(2) > ul > li ul li {
  width: 50%;
}

header #nav > ul>li:nth-child(2) > ul > li ul li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 28px;
  text-decoration: none;
  margin-left: 0px;
  padding: 0;
}

header #nav > ul>li:nth-child(2) > ul > li ul li a:hover {
  padding-left: 4px;
}



footer #topFooter{
  background: #5D799C;
  padding: 8px 0;
  border-top: 2px solid white;
}

footer #topFooter .title{
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}

footer a{
  text-decoration: none;
}

footer #footer{
  background: #21476C;
  padding: 25px 0;
}

footer #footer .title{
  font-size: 18px;
  font-weight: 600;
}



footer #footer p{
  margin-bottom: 15px;
}

footer .logo{

}

footer p{
  color: white;
  margin: 0;
}

footer a{
  color:white;
}

footer a:hover{
  color:white;
  text-decoration: underline;
}

#imgHeader{
  position: relative;
  height: 350px;
  background: url(images/photoHeader.jpg) no-repeat center;
  background-size: cover;
}

#imgHeader .blocTitre{
  position: absolute;
  left: 30%;
  bottom: 0%;
  transform: translate(-300px, -50%);

}


/* -------------------------- HOME ------------------------------ */

.home section{
  padding: 75px 0;
}


.home #imgHeader{
  height: 664px;
}

.home #imgHeader .blocTitre{
 left: 30%;
  top: 30%;
  bottom: inherit;
}

body.home {

}


#missions .content{
  position: relative;
  height: 100%;
  padding-bottom: 20px;
}

#missions .btnPlus a{
  position: absolute;
  bottom: 0;
  left: 0;
}

#missions h3{
  font-size: 16px;
}

#missions .dispositifs{
  background: #F7F5F5;
}

#missions .dispositifs h2{
  color:#AB5050;
  margin-bottom: 16px;
}

#missions .dispositifs h3{
  color: #D64B4B;
}

#missions .dispositifs .btnPlus a{
  background: #D64B4B;
  border-color: #D64B4B;
}

#missions .dispositifs .btnPlus a:hover{
  background: #fff;
  color:#D64B4B;
}

#vie {
  position: relative;
  background: #57B2B7;
  margin-bottom: 70px;
  overflow: hidden;
}

@media screen and (min-width:768px){
  #vie {
    background: -moz-linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
    background: -webkit-linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
    background: linear-gradient(180deg, rgba(87,178,183,1) 398px, rgba(255,255,255,1) 398px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#57b2b7",endColorstr="#ffffff",GradientType=1);
  }
}

#vie > .container{
  position: relative;
}

@media screen and (min-width:1200px){
   #vie > .container{
    padding: 0px 75px;
  }
}

#vie .sectionTitle{
  color:#054C50;
}

#vie h2{
  color:#A3E6EA;
}

#vie .content{
  background: #F5F5F5;
  text-align: center;
  padding: 25px 40px;
  position: relative;
  margin: auto;
  max-width: 393px;
  min-height: 165px;
}

#vie .row img{
  margin: auto;
}

#vie h3{
  color:#0D4D07;
}

#vie .btnPlus a{
  color:white;
  background: #57B2B7;
  border-color:#57B2B7;
  width: 51px;
  height: 51px;
  line-height: 49px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}

#vie .btnPlus a:hover{
  color:#57B2B7;
  background: white;

}

#vie .deco{
  width: 200px;
  position: absolute;
  left: -260px;
}


#equipes{
  background: #FFF7FB;
  overflow: hidden;
}



#equipes > .container{
  position: relative;
}

#equipes .deco {
  width: 200px;
  position: absolute;
  right: -260px;
}

#equipes .sectionTitle{
  color:#661B71;
}

#equipes h2{
  color:#661B71;
  text-align: center;
}

#equipes img{
  margin: auto;
}

#equipes .content{
    padding: 25px 0;
  }

@media screen and (min-width:1200px){
  #equipes .content{
    padding: 25px 40px;
  }
}

#equipes h3{
  text-align: center;
  color:#661B71;
}

#equipes p{
  text-align: center;
}

#rejoindre{
  background: #75157C;
  padding: 0;
}

#rejoindre h2{
  color:white;
}

#rejoindre .sectionTitle{
  color:white;
}

#rejoindre p{
  color:white;
}

#rejoindre .content{
  width: 80%;
  max-width: 500px;
  margin: auto;
  padding: 60px 0;
}

#rejoindre .bgRejoindre{
  background: url(images/photoOffre.jpg) no-repeat center;
  background-size: cover;
   min-height: 300px;
}

#rejoindre .btnBase{
  text-align: left;
  padding: 30px 0;
}

#actus{

}


#actus h2,
#actus .sectionTitle{
  text-align: center;
}


#actus .actusContent h2{
  text-align: left;
}

#actus .actusContent .content{
    max-width: 720px;
    margin: inherit;
}

#actus a.contentActu{
  display: block;
  border:1px solid #EAEAEA;
  border-radius: 15px;
  overflow: hidden;
  max-width: 362px;
  margin: auto;
  text-decoration: none;
  transition: all 0.3s;
}

#actus a.contentActu:hover{
  -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
  box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}

#actus .textActu{
  padding: 20px;
}

#actus .date{
  margin: 0;
  font-size: 12px;
}

#actus hr{
  border-color: #EAEAEA;
  opacity: 1;
}

#actus .actusContent .btnBase a{
  background: #AB5050;
  border-color:#AB5050;
}

#actus .actusContent .btnBase a:hover{
  color:#AB5050;
}


#actus .agendaContent{
  background: #AB5050;
  color:white;
  padding: 20px 50px;


}

#actus .agendaContent .content{
    max-width: 720px;
    margin: inherit;
}

#actus .dateAgenda{
  border-right: 1px dotted white;
}

#actus .dateAgenda p{
  margin: 0;
}

#actus .day{
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  text-align: center;
}

#actus .num{
  text-transform: uppercase;
  font-size: 59px;
  display: block;
  text-align: center;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -4px;
}

#actus .month{
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  text-align: center;
  font-weight: 700;
}

#actus .time{
  text-transform: uppercase;
  font-size: 15px;
  display: block;
  text-align: center;
  font-weight: 300;
  line-height: 100%;
}

#actus .agendaContent h2{
  text-align: left;
  color: white;
}

#actus .agendaContent h3{
  color: white;
}

#actus .agendaContent p{
  color: white;
}

#actus .agendaLink{
  color:white;
  text-align: center;
}

#actus .agendaLink p{
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 4px;
}

#actus .agendaLink .btnPlus a{
  background: white;
  color:#AB5050;
  border-color:white;
}

#actus .agendaLink .btnPlus a:hover{
  background: #AB5050;
  color: white;
}


/* -------------------------------- PAGES -------------------------------- */

#breadcrumb{
  padding: 56px 0 0 0;
}

#breadcrumbs, #breadcrumbs a{
  color:#A3504A;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
}


.fondRose{
  background: #D4C4C3;
}

.fondRouge{
  background: #D64B4B;
}

.fondRouge p{
  color:#fff;
}

.fondRouge h3{
  color: #FAC4BC;
}

.fondRouge .elementor-widget-button .elementor-button{
  background: #E9ACA2;
  border-color:#E9ACA2;
}


#wrapper p strong{
  font-weight: 500;
}


/* ------------------------------------ AgendaUne ------------------------------- */

#agendaUne{
  background: #AB5050;
  padding: 20px;
}

#agendaUne h2{
  color:#fff;
  font-size: 23px;
  text-align: right;
  margin-bottom: 20px;
}

#agendaUne h3{
  color:#fff;
  font-size: 18px;
}

#agendaUne p{
  color: #fff;
  font-size: 13px;
}

#agendaUne .heure{
  color:#fff;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  letter-spacing: 1px;
  font-weight: 400;
}

/* ---------------------------- PAGE AGENDA (LISTE) ------------------- */

.rowAgendaList:after{
  content:"";
  display: block;
  margin: 40px auto;
  width: 80px;
  height: 2px;
  background: #AB5050;
}

.rowAgendaList .dateAgenda p{
  color:#AB5050;
}


/* --------------------------- SINGLE AGENDA ------------------------------ */

.single-agenda #actus .detailAgenda h1{
  color:#AB5050;
  text-align: center;
}

.single-agenda #actus .detailAgenda .dateAgenda p{
  color:#AB5050;
}

.single-agenda #actus .detailAgenda .day{
  font-size: 14px;
}

.single-agenda #actus .detailAgenda .num{
  font-size: 70px;
  line-height: 66px;
}

.single-agenda #actus .detailAgenda .month{
  font-size: 14px;
}

.single-agenda #actus .detailAgenda .time{
  font-size: 18px;
}


/* --------------------------- SINGLE ACTUS ------------------------------ */

.single-post #actus .actusContent h2{
  text-align: center;
}

.single-post #actus .detailAgenda .attachment-single{
  display: block;
  margin: 0 auto 30px auto;
}




/* -------------------------- TELECHARGEMENTS ------------------------------ */


#downloads{
  border-top:2px solid #21476C;
}

#downloads h2{
  color:#21476C;
}

#downloads a{
  color:#21476C;
  text-decoration: none;

}

#downloads a:hover{
  text-decoration: underline;
}

#downloads a:before{
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  background-size: auto;
  width: 30px;
  height: 30px;
  background-size: contain;
  vertical-align: bottom;
  background-repeat: no-repeat;
  transition: all 0.3s;
}

#downloads a[href$=".pdf"]:before{
  background-image: url(images/pictoPdf.svg);
}

#downloads a[href$=".xls"]:before,
#downloads a[href$=".xlsx"]:before{
  background-image: url(images/pictoXls.svg);
}

#downloads a[href$=".doc"]:before,
#downloads a[href$=".docx"]:before{
  background-image: url(images/pictoDoc.svg);
}

#downloads a:hover:before{
  margin-left: 5px;
  margin-right: 5px;
}


/* ------------------ FORMULIARES ----------------------- */

#wpcf7-f413-p97-o1{
  input[type="text"],
  input[type="email"],
  textarea
  {
    width: 100%;
    padding: 5px;
  }
}




/* -------------------------- MEDIAQUERIES ------------------------------ */

@media screen and (min-width:992px){

  header #navbar .nav-link:after{
    content:"";
    display: block;
    position: absolute;
    width: 0%;
    height: 3px;
    background: #E9ACA2;
    left: 0;
    bottom: -28px;
    transition: all 0.3s;
  }

  header #navbar .nav-link:hover:after{
    width: 100%;
  }

}

@media screen and (max-width:1399px){

  header .navbar-brand img {
    width: 180px;
  }
  header #navbar .nav-link{
    margin: 0 13px;
  }

  #imgHeader {
    height: 514px;
  }

  #vie .content{
    min-height: 190px;
  }

}

@media screen and (max-width:1199px){

  h2{
    font-size: 24px;
  }

  h2 br{
    display: none;
  }

  h3{
    font-size: 15px;
  }

  header .navbar{
    padding: 15px 0;
  }
  header #navbar .nav-link{
    padding: 10px;
  }

  .slicknav_menu{
    display: block;
  }

  header #nav{
    display: none;
  }

  #actus .agendaContent {
    padding: 20px 14px;
  }

  #actus .day {
    font-size: 10px;
  }

  #actus .num {
    font-size: 49px;
  }

  #actus .month {
    font-size: 10px;
  }

  #actus .time {
    font-size: 10px;
  }
}

@media screen and (max-width: 991px) {
  #imgHeader {
    height: 400px;
  }

  h1 {
    font-size: 27px;
  }

  h1 strong {
    font-size: 41px;
  }
}

@media screen and (max-width:767px){

 h1 {
    font-size: 18px;
    line-height: 140%;
  }

  h1 strong {
    font-size: 27px;
  }

  h2{
    font-size: 24px;
  }

  header .topHeader{
    display: block;
  }

  header .topHeader ul {
    border-radius: 0;
    margin: 0;
    padding: 6px;
    justify-content: space-around;
  }

  header .topHeader li {
    padding: 0 5px;
  }

  header .topHeader a{
    letter-spacing: -1px;
  }

   #imgHeader {
    height: 300px;
  }




}

@media screen and (max-width:575px){
   #imgHeader {
    height: 220px;
  }
  #imgHeader .blocTitre {
    position: absolute;
    left: 10px;
    top: 20px;
    transform: none;
  }

  section {
    padding: 45px 0;
  }
}