#header{background-color:#fff;height:5em;width:100%;}
.logo{background:#fff;width:100%;float:left;box-sizing:border-box;}
.logo img{float:left;width:100%;box-sizing:border-box;}
#navbar{position: sticky;  top: 0;  width:100%;float:left;text-align:center;background-color:#4D1D56;height:3.1em;font-weight:700;font-family:inherit;
font-size:inherit;z-index:9999 }
#navbar a{color:#fff;}
#navbar a:hover{color:#E5B69E;opacity:.3;transition: 1s;}
.menu-container{width:100%;text-align:center}
.menu-mobile{display:none;padding:20px}
.menu ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box}
.menu li{display:inline-block}
.menu li a{padding:1em .5em;display:block;text-align:left;}
/*.menu li:hover{background:#f0f0f0}*/
.menu li ul{border-radius:0 0 5px 5px;display:none;width:100%;background:#4D1D56;position:absolute;padding:10px;z-index:99;box-sizing:border-box;font-size:inherit}
.menu li ul li{width:50%;background:none;float:left}
.menu li ul li a{color:#000;padding:.1em 0;width:100%;display:block;}
.menu li ul li ul{display:block;box-sizing:border-box}
.menu li ul li ul li{float:left;width:100%;padding:10px 0;font-size:inherit}
.menu li ul.normal-sub{width:12.5em;left:auto;padding:10px 20px}
.menu li ul.normal-sub li{width:100%}
.menu li ul.normal-sub li a{border:0;padding:.75em 0}
.lineheight{line-height:250%}
#contain{background:#fff;width:100%;margin:0% 0% 0% 0%;float:left;min-height:100%;}
.wedo{float:left;margin:0% 5% 5% 5%;width:90%;min-height:100%;}
/*slides*/
.slide{float:left;width:100%;margin:0% 0 0 0;}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: inherit;
  padding: 20px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center; 
 background-color: rgba(0,0,0,0.8);
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3s;
}

@keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}
/*fil ariane*/
#fil_ariane{width:100%;float:left;height:3.5em;}
.fil_ariane {line-height:375%;margin:0 0 0% 5%;color:#000}
#fil_ariane a{color:#4D1D56}
#fil_ariane a:hover{opacity:0.5}

.titre{float:left;width:50%;margin:2.5% 25% 2.5% 25%;height:3em;border: 1px solid;color:#4D1D56;border-radius:30px;background:#4D1D56}
.titre h1{line-height:225%;color:#fff}
.index{float:left;margin:1% 1% 1.5% 1%;width:23%;position: relative;}
.index a:hover{opacity:.3;transition: 1s;}
.index img{height:100%;border-radius:50%;}
/*.index h2{position: absolute;
        top: 50%;
        left: 50%;transform: translate(-50%, -50%);color:#fff;z-index:9999;font-size:125%;}*/
.titre_activite{float:left;background-color:#4D1D56;height:1.5em;width:100%}
.titre_activite h2{color:#000;font-size:inherit;background-color:#fff;height:1.5em;line-height:150%;border-radius:0 0 40px 40px}
#event{ display: table; /* Make the container element behave like a table */
  width: 100%; /* Set full-width to expand the whole page */}
.event{float:left;width:32.5%;margin:1.5% 1.5% 2.5% 1.5%; display: table-cell;vertical-align:middle}
.event img{width:100%;border-radius:50%}
.levent{float:left;width:60.5%;margin:1.5% 1.5% 2.5% 2.5%; display: table-cell;vertical-align:middle}
.levent h2{margin:0% 0% 5% 0%;}
/*souscat*/
.bouton {
	border-radius:30px;
  background: #4D1D56;
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display:block;
  font-size: inherit;
  margin: 4px 2px;
  cursor: pointer;
 display:block;color: white;
 margin:1% 1% 0.5% 1%;
 width:31.3%;
 font-family:inherit;height:3em;float:left
}
a .bouton:hover{opacity:.3;transition: 1s;}
/*articles*/

.entete{
float: left;width: 25%;margin:1% 2% 0% 0%;
}
.entete img{border-radius:50%; }
.letexte_article{width:98%;margin:1% 2% 0% 2%;		
}
/*photos*/
.photos{width:13.28%;float: left;margin:1% 0.5% 0% 0.5%;}
.photos a:hover, .galerie a:hover{opacity:.3;transition: 1s;}
.galerie{width:14%;float: left;margin:2% 0.5% 0% 0.5%;border-radius:10px}
.photos img, .galerie img{border-radius:10px;width:100%;border:3px solid #ecedf1;border-radius:50%}
/*partenaires*/
.partner {
  float: left;
  width: 23%;
  margin:1.5% 1% 0% 1%;
}
.partner a:hover{opacity:.3;}
.card img{
  border-radius:10% 10% 0 0 ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.container{float:left;width:100%;position: relative;background-color:#4D1D56;min-height:4.5em}
.container h2{
width:100%;color:#fff;	line-height:250%; float:left;margin:-0% 0% 0% 0%;font-size:90%
}
.minus{font-size:70%}
/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}
.video_index{float:left;width:100%;}
.video_index a:hover{opacity:.3;transition: 1s;}
.video_index img{float:left;width:60%;margin: 1% 20%;border-radius:10% ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.video{float:left;width:31.3%;margin: 0% 1% 0% 1%}
.video a:hover, .video_article a:hover{opacity:.3;transition: 1s;}
.video img, .video_article img{border-radius:10% ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.video_article{float:left;width:23%;margin: 1.5% 1% 0% 1%;}
/*contact*/
#ladresse{width:33%;float:left;border-radius:5px;background:#4D1D56;margin:2.5% 2.5% 0 0;min-height:6.75em;}
#adhesion{width:34%;float:left;border-radius:5px;background:#fff;margin:2.5% 1.5% 0 0;min-height:6.75em;}
#ladresse p{margin:2.5% 0 0 2.5%;color:#fff}
#ladresse a{color:#fff}
#form_contact{width:60%;float:left;margin:2.5% 2.5% 0% 2%;}
.oups{font-size:125%;color: red}
/*footer*/
#footer{width:100%;float:left;min-height:20%;color:#fff;bottom:0}
.footer1{float:left;width:23.3%;margin:0% 5% 2% 5%}
.footer1 h4{line-height:225%;color:#4D1D56;margin:0 0 3%;border-radius:0 0 30px 30px;background-color:#fff;text-align:center}
.footer1 p{width:100%;float:left;line-height:150%}
#footer h4{margin:0% 0% 5% 0%;}
.footer1 a:hover{color:#D9A38B}
.footer1 a{color:#fff}
.copyright{width:100%;float:left;}
.lecopyright {width:45%;margin:0% 0% 0% 5%;float:left;color:#fff}
.lecopyright p{line-height:425%;color:#fff}
.social {width:43%;float:left;text-align:right;color:#fff;margin:0% 7% 0% 0%;}
.social {line-height:400%;color:#fff;font-size:115%}
.social a{margin:0% 1.5% 0 1.5%;color:#fff}
.contain-text_recherche{float:left;margin:3% 7% 3% 7%;width:86%}
.contain-text_recherche a:hover{color:#3479AD}
#rechercher form, #recherche form{float:left;width:100%;margin:5% 0% 5%  0%}
.resultat{float:left;width:100%;margin:2% 0% 0 0}
.resultat h1{color:#3C9D0C;float:left;width:100%;margin:2% 0% 2% 0;font-size:inherit}
.nosprestations{width:22%;float:left;margin:1.5% 1.5% 0% 1.5%;font-size:inherit;}
.search-newsletter{box-shadow:0 0 3px #4D1D56;border:3px solid #4D1D56;background-color:#fff;border-radius:3px;width:100%}
.search-newsletter input[type=text]{padding:2em;height:2em;float:left;width:80%;background:#fff;vertical-align:middle;border:none}
.search-newsletter button{float:left;width:20%;height:4em;background:#ccc;color:#fff;border:none;cursor:pointer}
.search-newsletter button:hover{background:#ddbc95;transition: 3s;}
.lespages{display:inline-block;float:left;margin:1.5% 7% 0% 7%;width:86%;font-size:inherit}
.lespages a{background-color:#8E6151;color:#fff;padding:4px 8px ;transition:background-color .3s;border-radius:5px;margin: 0 0.25% 0 0.25%}
.lespages a:hover:not(.active){background-color:#ddd}
.tab {overflow: hidden;background-color:inherit;margin: 2% 0 0 0}
.tab button {border-radius:50px 50px 0 0;background-color:#8E6151;float:left;border: none;outline: none;cursor: pointer;width:33.333%;padding: 14px 16px;transition: 1s;font-size:inherit;color:#fff;}
.tab button:hover {background-color: #ddd;}
.tab button.active {color:#fff;background-color:#4D1D56;float:left;border: none;outline: none;cursor: pointer;width:33.333%;padding: 14px 16px;}
.tabcontent {display: none;padding: 6px 12px;float:left;border: 1px solid #4D1D56;width:100%;border-radius:0px 0 5px 5px;}
.tabcontent p{margin:1% 0% 0% 0%;}
.vu{display:block}
.cRetour {border-radius:3px;padding:10px;font-size:15px;text-align:center;color:#4D1D56;background:#fff;z-index:99999;transition:all ease-in 0.2s;position: fixed;cursor: pointer;bottom: 1em;right: 20px;display: none;}
.cRetour:before{content: "\25b2";}
.cRetour:hover{background:#fff;color:#8E6151;transition:all ease-in 0.2s;}

.stop i{float:left;width:50%;vertical-align:middle;margin:0.75% 25% 5% 25%;color:#ff0000;font-size:800%}
.mobiles_only{display:none}