#header-mobile{background-color:#fff;width:100%;float:left;min-height:2em;position:relative;vertical-align:middle}

.logo{width:88%;float:left;box-sizing:border-box;margin:1.5% 0% 1.5% 0%;}

/*menu*/
.sidepanel {
  height:100%; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 10;
  left: 0;
  background-color: #000; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 70px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  z-index:9999;
}
/* The sidepanel links */
.sidepanel a {
  padding: 8px 8px 4px 8px;
  text-decoration: none;
  color: #DE7D40;
  display: block;
  transition: 0.3s;
  display:block;
  font-size:inherit;
  margin:0 0 2.5% 2.5%;

}
/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
  color: #3479AD;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
  position: absolute;
  top: 0;
  margin: 3% 0 0 90%;
  font-size: 200%;
  color:#ff0000;
  font-weight:bold;
}

/* Style the button that is used to open the sidepanel */
.openbtn{font-size:200%;
cursor:pointer;
background-color:transparent;
color:#000;
line-height:00%;
border:none;
float:left;
width:12%;
margin:-12% 0 0 85%;
}


.openbtn:hover {
 color:#DE7D40;
}
.retrait{margin:0% 0% 0% 8%;}

.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:125%;margin:0 5% 0% 5%;color:#000}
#fil_ariane a{color:#4D1D56}
#fil_ariane a:hover{opacity:0.5}

.titre{float:left;width:90%;margin:3.5% 5% 2.5% 5%;height:3em;border: 1px solid;color:#4D1D56;border-radius:30px;background:#874D1A}
.titre h1{line-height:225%;color:#fff}
.index{float:left;margin:2.5% 1% 3% 1%;width:48%;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:#874D1A;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: #874D1A;
  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% 0% 1.5% 0%;
 width:100%;
 font-family:inherit;height:3em;float:left
}
a .bouton:hover{opacity:.3;transition: 1s;}
/*articles*/

.entete{
float:left;width: 35%;margin:2.5% 2% 0% 0%;
}
.entete img{border-radius:50%; }
.letexte_article{width:98%;margin:2.5% 2% 0% 2%;		
}
/*photos*/
.photos{width:31.33%;float: left;margin:1% 1% 0% 1%;}
.photos a:hover, .galerie a:hover{opacity:.3;transition: 1s;}
.galerie{width:31.33%;float: left;margin:2% 1% 0% 1%;border-radius:10px}
.photos img, .galerie img{border-radius:10px;width:100%;border:3px solid #ecedf1;border-radius:50%}
/*partenaires*/
.partner { float: left;  width: 31.3%;  margin:1.5% 1% 0% 1%;}
.partner a:hover{opacity:.3;}
.card img{width:100%;border-radius:10% 10% 0 0 ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.container{float:left;width:98%;margin:0% 1% 0% 1%;position: relative;background-color:#874D1A;min-height:4.5em}
.container h2{width:100%;margin:0% ;color:#fff;	line-height:250%; float:left;font-size:90%;vertical-align:middle}
.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:80%;margin: 2.5% 10%;border-radius:10% ;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.video{float:left;width:48%;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:48%;margin: 1.5% 1% 0% 1%;}
/*contact*/
#ladresse{width:95%;float:left;border-radius:5px;background:#874D1A;margin:2.5% 2.5% 0 2.5%;min-height:6.75em;}
#adhesion{width:95%;float:left;border-radius:5px;background:#fff;margin:2.5% 2.5% 0 2.5%;min-height:6.75em;}
#ladresse p{margin:2.5% 0 0 2.5%;color:#fff}
#ladresse a{color:#fff}
#form_contact{width:95%;float:left;margin:2.5% 2.5% 0% 2.5%;}
.oups{font-size:125%;color: red}
/*footer*/
#footer{width:100%;float:left;min-height:20%;color:#fff;bottom:0}
.footer1{float:left;width:100%;margin:0 0 3%;}
.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:200%;text-align:center}
#footer h4{margin:0% 0% 5% 0%;}
.footer1 a:hover{color:#D9A38B}
.footer1 a{color:#fff}
.copyright{width:100%;float:left;}
.lecopyright {width:100%;margin:0% 0% 0% 0%;float:left;color:#fff}
.lecopyright p{line-height:250%;color:#fff;text-align:center}
.social {width:100%;float:left;color:#fff;margin:0% 0% 0% 0%;}
.social {line-height:400%;color:#fff;font-size:115%;text-align:center}
.social a{margin:0% 1.5% 0 1.5%;color:#fff;text-align:center}
.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:98%;margin:5% 1% 5%  1%}
.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 #874D1A;border:3px solid #874D1A;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;width:100%}
.tab button {background-color:#8E6151;float:left;border: none;outline: none;cursor: pointer;width:100%;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:100%;padding: 14px 16px;}
.tabcontent {display: none;padding: 6px 12px;float:left;border: 1px solid #874D1A;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%}
.mobilesonly{display:none}