@charset "utf-8";
body{
  margin: 0px;
  font: normal 100% 'Roboto', sans-serif;
}
.container{
  width: 1200px;
}

.fenetre-modal{
  text-align: justify;
  padding: 2%;
}
.fenetre-modal ol li{
  font-size: 1.41666667em;
}
.tmp{
  height: 300px;
  background-color: #F1F1F1;
  margin-top: 10px;
}

.date{
  color: #E86966;
}

.mobile{
  display: none;
}

.cadre-a-lire-aussi-pied-article{
  height: 300px;
  overflow: hidden;
}

.cadre-a-lire-aussi-pied-article-image{
  height: 60%;
  overflow: hidden;
  margin-bottom: 2%;
}

a .cadre-a-lire-aussi-pied-article-content{
  height: 40%;
  font-size: 1.41666667em;
}


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
/*
couleur lien : #02735E;
*/
a, a:hover{
  text-decoration: none;
}

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

.cadre{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.background-1{
  background-color: #F2F2F2;
}

h1{
  margin-top: 0px;
  text-align: center;
  font-size: 2.125em;
  margin-bottom: 3%;
}
.titre-actualites{
  margin-top: 0px;
  font-size: 2.125em;
  margin-bottom: 3%;
  color: #03A696;
  text-transform: uppercase;
}
p{
  font-size: 15px;
}



.padding-pied{
  padding-top: 1%;
}

/* menu */
.hauteur-menu{
  padding-top: 3%;
}

.banniere-menu{
  padding-bottom: 1%;
  color: #F2F2F2;
  background-color: #323232;
  border: 1px solid #323232;
  padding-top: 1%;
}


#nav {
  float: right;
  margin-bottom: 0px;

}
#nav li{
  float: left;
  margin: 0 0 0 5px;
  list-style-type: none;
}
#nav li a {
  padding: 10px 15px;
  color: #03A696;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  border-radius: 3%;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  font-size: 1.41666667em;
}
#nav li a:hover{
  color: #fff;
  background: rgba(255,255,255, 0.15);
}
/* fin menu */
video{
  width: 100%;
  max-width: 100%;
}
/* début cadre-nos-actualites */
.cadre-nos-actualites{
  height: 550px;
  margin-bottom: 2%;
}

.cadre-nos-actualites-image{
  height: 75%;
  overflow: hidden;
}

a .cadre-nos-actualites-titre{
  height: 25%;
  background-color: #323232;
  padding: 2%;
  overflow: hidden;
  color: #F1F1F1;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

a:hover .cadre-nos-actualites-titre{
  background-color: #03A696;
}

a:hover>.cadre-nos-actualites-titre{
  text-shadow: 1px 2px 2px #323232;
}

.cadre-nos-actualites-titre>h2{
  font-size: 1.995em;
}

.cadre-nos-actualites-fil-1{
  height: 49%;
  margin-bottom: 3%;
}

.cadre-nos-actualites-fil-2{
  height: 49%;
}

.cadre-nos-actualites-fil-1-image{
  height: 75%;
  background-color: #323232;
  overflow: hidden;
}

a .cadre-nos-actualites-fil-1-titre{
  height: 25%;
  background-color: #323232;
  overflow: hidden;
  padding: 1%;
  transition: all 0.3s ease-in-out;
  text-transform: lowercase;

}

a:hover .cadre-nos-actualites-fil-1-titre{
  background-color: #03A696;
}

a>.cadre-nos-actualites-fil-1-titre>p{
  color: #F1F1F1;

}
a>.cadre-nos-actualites-fil-1-titre>h3{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 2%;
}
a:hover>.cadre-nos-actualites-fil-1-titre>h3{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 2%;
  text-shadow: 1px 2px 2px #323232;
}
/* fin cadre-nos-actualites */

/* début cadre-alleurs-sur-le-web */
.cadre-alleurs-sur-le-web{
  height: 300px;
  margin-bottom: 2%;
}

.cadre-alleurs-sur-le-web-image{
  height: 75%;
  background-color: #323232;
  overflow: hidden;
}

a .cadre-alleurs-sur-le-web-content{
  height: 25%;
  background-color: #323232;
  overflow: hidden;
  padding: 2%;
  transition: all 0.3s ease-in-out;
  text-transform: lowercase;
}

a:hover .cadre-alleurs-sur-le-web-content{
  background-color: #03A696;
}

a .cadre-alleurs-sur-le-web-content p {
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
}
a:hover .cadre-alleurs-sur-le-web-content p{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
  text-shadow: 1px 2px 2px #323232;
}

a .cadre-alleurs-sur-le-web-content h3 {
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
}
a:hover .cadre-alleurs-sur-le-web-content h3{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
  text-shadow: 1px 2px 2px #323232;
}
/* fin cadre-alleurs-sur-le-web */

/* début cadre-a-lire-aussi */
.cadre-a-lire-aussi{
  margin-bottom: 2%;
}

a .cadre-a-lire-aussi-font{
  background-color: #323232;
  font-size: 0.9375em;
  color: #F1F1F1;
  padding: 2%;
  height: 150px;
  overflow: hidden;
  margin-bottom: 2%;
  transition: all 0.3s ease-in-out;
  text-shadow: 1px 2px 2px #323232;
}

a:hover .cadre-a-lire-aussi-font{
  background-color: #03A696;
}

.cadre-a-lire-aussi-image{
  width: 30%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
}

.cadre-a-lire-aussi-contant{

}
/* fin cadre-a-lire-aussi */

/* début talens*/
.talens{
  margin-bottom: 2%;
}

.talens-images1{
  width: 25%;
  height: 130px;
  float: left;
  border: 1px solid #03A696;
  background-color: #323232;
  overflow: hidden;
}

/* fin talens */

/* début retrouvez la lucha */
.retrouvez-la-lucha{
  height: 450px;
  margin-bottom: 3%;
}
/* fin retrouvez la lucha */

/* début contactez nous */
.contactez-nous{
  margin-bottom: 3%;
}
/* fin contactez nous */

@media (max-width: 1200px) {
.container{
  width: auto;
}
.img{
  width: 100%;
  height: auto;
}
.hauteur-menu{
  padding-top: 20px;
}

.banniere-menu{
  height: auto;
  color: #F2F2F2;
  background-color: #323232;
  border: 1px solid #323232;
  padding-top: 1%;
}

.background-1{
  background-color: #F2F2F2;
}

.cadre{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 0px;
}

.banniere-menu{
  height: auto;
}

.menu{
  height: auto;
  background-color: #000;
}

.menu-mobile>li>a{
  font-size: 1.41666667em;
}

/* début cadre-alleurs-sur-le-web */
.cadre-alleurs-sur-le-web{
  height: 300px;
  margin-bottom: 2%;
}

.cadre-alleurs-sur-le-web-image{
  height: 75%;
  background-color: #323232;
  overflow: hidden;
}

.cadre-alleurs-sur-le-web-content{
  height: 25%;
  background-color: #03A696;
  overflow: hidden;
  padding: 2%;
}

a .cadre-alleurs-sur-le-web-content p {
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
}
a:hover .cadre-alleurs-sur-le-web-content p{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
  text-shadow: 1px 2px 2px #323232;
}

a .cadre-alleurs-sur-le-web-content h3 {
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
}
a:hover .cadre-alleurs-sur-le-web-content h3{
  font-size: 1.25em;
  color: #F1F1F1;
  margin-top: 1%;
  text-shadow: 1px 2px 2px #323232;
}
/* fin cadre-alleurs-sur-le-web */

/* fin format mobile*/
}
@media (max-width: 768px){
  .desktop{
    display: none;
  }
  .mobile{
    display: inline-block;
  }

  /* début cadre-nos-actualites */
  .cadre-nos-actualites{
    height: auto;
    margin-bottom: 2%;
  }

  .cadre-nos-actualites-image{
    height: auto;
  }

  .cadre-nos-actualites-titre{
    height: auto;
    background-color: #03A696;
    padding: 2%;
    overflow: hidden;
    color: #F1F1F1;
  }

  .cadre-nos-actualites-titre>h2{
    font-size: 1.875em;
  }

  .cadre-nos-actualites-fil-1{
    height: auto;
    margin-bottom: 2%;
  }

  .cadre-nos-actualites-fil-2{
    height: auto;
  }

  .cadre-nos-actualites-fil-1-image{
    height: auto;
    background-color: #323232;
    overflow: hidden;
  }

  .cadre-nos-actualites-fil-1-titre{
    height: auto;
    background-color: #03A696;
    overflow: hidden;
    padding: 1%;
  }

  .cadre-nos-actualites-fil-1-titre>h3{
    font-size: 1.875em;
    color: #F1F1F1;
    margin-top: 2%;
  }
  /* fin cadre-nos-actualites */
  /* début cadre-alleurs-sur-le-web */
  .cadre-alleurs-sur-le-web{
    height: auto;
    margin-bottom: 2%;
  }

  .cadre-alleurs-sur-le-web-image{
    height: auto;
    background-color: #323232;
    overflow: hidden;
  }

  .cadre-alleurs-sur-le-web-content{
    height: auto;
    background-color: #03A696;
    overflow: hidden;
    padding: 2%;
  }

  a .cadre-alleurs-sur-le-web-content p {
    font-size: 1.25em;
    color: #F1F1F1;
    margin-top: 1%;
  }
  a:hover .cadre-alleurs-sur-le-web-content p{
    font-size: 1.25em;
    color: #F1F1F1;
    margin-top: 1%;
    text-shadow: 1px 2px 2px #323232;
  }

  a .cadre-alleurs-sur-le-web-content h3 {
    font-size: 1.25em;
    color: #F1F1F1;
    margin-top: 1%;
  }
  a:hover .cadre-alleurs-sur-le-web-content h3{
    font-size: 1.25em;
    color: #F1F1F1;
    margin-top: 1%;
    text-shadow: 1px 2px 2px #323232;
  }
  /* fin cadre-alleurs-sur-le-web */
  /* début talens*/
  .talens{
    margin-bottom: 2%;
  }

  .talens-images1{
    width: 25%;
    height: 70px;
    float: left;
    border: 1px solid #03A696;
    background-color: #323232;
    overflow: hidden;
    margin-bottom: 2%;
  }

  /* fin talens */

  .cadre-a-lire-aussi-pied-article{
    height: auto;
    overflow: hidden;
  }

  .cadre-a-lire-aussi-pied-article-image{
    height: auto;
    overflow: hidden;
    margin-bottom: 2%;
  }

  a .cadre-a-lire-aussi-pied-article-content{
    height: auto;
    font-size: 1.41666667em;
  }
}