/*
Theme Name: Dossier wp-APBM-NV41
Theme URI: http://www.epikdev.com/
Adaptation ak & epikdev.com.
Version: 0.1
Author: Akam
Creation adaptation epikdev.com*/

/* Définition des balise HTML5 pour vieux navigateurs */
    aside, footer, header, main {display: block;}

    /* Définition des balise HTML5 pour vieux navigateurs */

    .conteneur {
      /* Largeur Fluide et liquide, changer le 1000px par 100% */
      max-width:100%;
      /* Centre le conteneur dans la page */
      margin: auto;
    }

body {
  margin-left:5%;
  margin-top:0%;
  margin-right:5%;
  margin-bottom:0%;	 
  font-family: "Noto Sans", serif;
  background-color;#FFFFFF;
}	


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="submit"],
.wpcf7 textarea {
    background-color: #f1efec;
    color: #584a40;
	border:none;
}

/* list post */

.lcp_catlist {
	 letter-spacing:0px;
	 font-size:1.4em;
     font-family: 'Noto Sans', sans-serif;
	 font-weight:300;
	 color:#999999;
	 line-height:1.3em;
}


.lcp_catlist a:link, a:visited {
 	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.lcp_catlist a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	


.lcp_catlist ul {
	 letter-spacing:0px;
	 font-size:1.4em;
     font-family: 'Noto Sans', sans-serif;
	 font-weight:300;
	 color:#999999;
	 line-height:1.3em;
}

.button {
  background-color: #69976d;
  font-size:1.2em;
  width:85%;
  font-weight:400;
  font-family: 'Noto Sans', sans-serif;
  border: none;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-left:7%;
  display: inline-block;
  cursor: pointer;
  border-radius: 3%;
  padding-top:4%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:4%;
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #d4a94c; /* jaune logo */
  color: white;
}

/* Logo et top droite */

.top {
      padding-top:10px;
	  margin-top:0px;
  	  text-align:left;	
	  width:100%;
}	

a:link, a:visited {
   color: #69976d;
   text-decoration: none; 
	  font-weight:400;
}

a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	width:100%;
	max-width:1920px;
}

#imgHaut {
	float: left;
	/*position: relative;*/
	width:100%;
	height: auto;
	margin-top:0px;
	margin-bottom:20px;
	/*z-index:100;*/
	left: 0px;
}

.filariane {
	  letter-spacing:0px;
	  font-size:0.5em;
  	  font-family: "Noto Sans", serif;
	  font-weight:300;
	  color:#424141;
    }	    

.text {
	  letter-spacing:0px;
	  font-size:1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  padding-right:2%;
}	    

.tel {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:300;
	  text-align : center;
	  color:#424141;
    }	    

.textpied {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
}

main {
	width:100%;
}

main p {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

main li ol ul {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:300;
	  color:#424141;
	  line-height:auto;
}

main a:link, a:visited {
      color: #69976d;
   	  text-decoration: none; 
	  font-weight:400;
}

main a:hover, a:active {
     color: #b5bbb6;
     text-decoration: none; 
	  font-weight:400;
}	

.left {
	  float:left;
      width:25%;
 	  margin-bottom:0%;
	  margin-left:0%;
	  margin-right:0%;
	  margin-top:0%;      
	  text-align:left;
      height:auto;
	  padding-left:0%;
	  padding-right:2%;
	  padding-bottom:1%;
}

.left p {
	  letter-spacing:0px;
	  font-size:0.8em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
	  padding-left:7%;
	  padding-right:10%;
}

.left h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:7%;
	  padding-right:7%;
	  color:#424141;
	  line-height:auto;
	  text-transform: uppercase;
}

.titreLeft {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:7%;
	  padding-right:7%;
	  padding-top:3%;
	  padding-bottom:2%;	  
	  color:#f1d78f;
	  line-height:auto;
	  text-transform: uppercase;
}


.left a:link, a:visited {
   	  color: #69976d;
   	  text-decoration: none; 
	  font-weight:400;
}

.left a:hover, a:active {
      color: #b5bbb6;
      text-decoration: none; 
	  font-weight:400;
}	

.centre {
	  float:left;
	  background-color:#ffffff;
      width:50%;
	  margin-top:0%;
 	  margin-bottom:1%;
	  margin-left:0%;
	  margin-right:0%;      
	  text-align:left;
      height:auto;
	  padding-left:0%;
	  padding-right:0%;
	  padding-bottom:2%;
}

.centre p {
	  letter-spacing:0px;
	  font-size:0.9em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:0%;
	  padding-left:0.5%;
	  padding-right:0.5%;
	  
}

.centre h1 {
	  width:100%;
	  letter-spacing:0px;
	  font-size:2em;
	  text-align:center;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:0%;
	  padding-right:2%;
	  color:#424141;
	  line-height:auto;
	  text-transform: uppercase;
}

.centre a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.centre a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 	  
	font-weight:400;
}	

.centre ol ul li  {
	 letter-spacing:0px;
	  font-size:1em;
  	  font-family: "Noto Sans", serif;
	 font-weight:300;
	 color:#424141;
}

.centre responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	height:auto;
	width:auto;
}

.right {
	  float:right;
      width:24%;
 	  margin-bottom:0%;
	  margin-left:0%;
	  margin-right:0%;
	  margin-top:0%;      
	  text-align:left;
      height:auto;
	  padding-left:0%;
	  padding-right:0%;
	  padding-bottom:1%;
}

.right p {
	  letter-spacing:0px;
	  font-size:0.8em;
      font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
	  padding-left:7%;
	  padding-right:7%;
}

.right h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:7%;
	  padding-right:7%;
	  color:#424652;
	  line-height:auto;
	  text-transform: uppercase;
}

.right a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
	font-size:0.9em;
}

.right a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.right ol ul li  {
	 letter-spacing:0px;
	  font-size:1em;
      font-family: "Noto Sans", serif;
	 font-weight:300;
	 color:#424141;
}

.titreRight {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:1%;
	  padding-right:4%;
	  padding-top:3%;
	  padding-bottom:2%;	  
	  color:#424141;
	  line-height:auto;
	  text-transform: uppercase;
}

.titrebloc {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: "Noto Sans", serif;
	  font-weight:800;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
	  padding-left:1%;
	  padding-right:4%;
}

aside {
      float:left;
      width:20%;
      text-align:center;
      height:100%;
      background:#ffffff;
	  padding-left:10px;
	  padding-right:0px;
	  margin-top:30px;
	  margin-bottom:10px;
    }

#sidebar {
      float:right;
      width:100%;
      text-align:center;
      height:100%;
      background:#ffffff;
	  padding-left:0px;
	  padding-right:10px;
	  margin-top:10px;
	  margin-bottom:10px;
}

article {
      float:left;
      width:100%;
      text-align:left;
      height:auto;
      background:#fff;
	  padding-left:0px;
	  padding-right:10px;
	  line-height:1em;
}

article p {
  	  font-weight:300;
	  font-size:1em;	
      font-family: "Noto Sans", serif;
	  line-height:auto;
}

.titreC {
      float:left;
      text-align:center;
      width:96%;
	  color:#584a40;
	  font-size:2.4em;	
	  font-weight:400;
      font-family: "Anton SC", serif;
	  letter-spacing:0em;
	  padding-left:4%;
	  padding-right:2%;
	  padding-bottom:2%;
	  padding-top:0%;
	  margin-bottom:15px;
	  margin-top:30px;
	  text-transform: uppercase;
}

.StitreC {
      float:left;
      text-align:center;
      width:96%;
	  color:#584a40;
	  font-size:7em;	
	  font-weight:300;
  	  font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  padding-left:2%;
	  padding-right:9%;
	  padding-bottom:2%;
	  padding-top:0%;
	  margin-bottom:0%;
	  margin-top:0;
}

.BasC {
	  letter-spacing:0px;
	  font-size:0.7em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#767676;
    }

/* Scroll to top */
.scrolltotop {
	background-color: #F1F1F1;
	border: 1px solid darkGray;
	border-radius: 100px 100px 100px 100px;
	display: none;
	height: 36px;
	opacity: 0.6;
	position: fixed;
	right: 2%;
	top: 50%;
	width: 36px;
	z-index: 33;
}

.scrolltotop span {
	left: 10px;
	position: relative;
	top: 37px;
}


/* touchTouch Description */
.placeholder span {
	color: #FFFFFF;
	display: block;
	margin: 15px 0 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}


/* footer */
footer {
/* forcer l’affichage sous le contenu et la colonne */
      clear:both;
      background: #ffffff;
      margin-top:1%;
	  width:100%;
}

.section{
	display:flex;
	justify-content:center;
	text-align:center;
	height:auto-flow;
}

.blocl2 {
	  position: relative;
	  width:100%;
      color:#fff;
      padding:0px;
	  margin-bottom:2%;	
	  margin-top:2%;
	  margin-left:0%;
	  margin-right:0%;
      background-color: #efe6d3;
	  overflow-y: auto;
}	

.blocl2G {
      text-align:left;
	  float:left;
	  width:20%;
	  padding-top:3%;
	  padding-bottom:2%;
	  padding-left:0%;
      background-color: #efe6d3;
}	

.blocl2G h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight:600;
	  color:#584a40;
      text-align:right;
	  line-height:1.4m;
}	

.blocl2C {
      text-align:left;
	  float:left;
	  width:56%;
	  height:auto;
	  margin-left:0;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:2%;
	  padding-right:2%;
      background-color: #efe6d3;
}	

.blocl2C p {
	  letter-spacing:0px;
	  font-size:1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.2em;
}	

.blocl2C h1 {
      text-align:left;
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.4m;
}	

.blocl2C a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:600;
}

.blocl2C a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:600;
}	

.blocl2D {
      text-align:left;
	  float:right;
	  width:20%;
	  padding-top:27%;
	  padding-bottom:2%;
	  padding-left:0%;
	  padding-right:0%;
      background-color: #efe6d3;
}	

.blocl2D p {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:left;
	  line-height:1.4em;
}	

.blocl2D h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight:600;
	  color:#584a40;
      text-align:left;
	  line-height:1.4m;
}

.blocl2D a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.blocl2D a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.chapoedito {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
  	  font-weight:400;
	  font-size:0.6em;	
      font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:2%;
}

/* Actu */

.bloca2 {
	  position: relative;
	  width:100%;
      color:#fff;
      padding:0px;
	  margin-bottom:2%;	
	  margin-top:2%;
	  margin-left:0%;
	  margin-right:0%;
      background-color: #efefef;
	  overflow-y: auto;
}	

.bloca2G {
      text-align:left;
	  float:left;
	  width:25%;
	  padding-top:3%;
	  padding-bottom:2%;
	  padding-left:0%;
      background-color: #efefef;
}	

.bloca2G h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:right;
	  line-height:1.4m;
}	

.bloca2C {
      text-align:left;
	  float:left;
	  width:46%;
	  height:auto;
	  margin-left:0;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:2%;
	  padding-right:2%;
      background-color: #efefef;
}	

.bloca2C p {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.2em;
}	

.bloca2C h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.4m;
}	

.bloca2C a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.bloca2C a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.bloca2D {
      text-align:left;
	  float:right;
	  width:25%;
	  padding-top:27%;
	  padding-bottom:2%;
	  padding-left:0%;
	  padding-right:0%;
      background-color: #efefef;
}	

.bloca2D p {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:left;
	  line-height:1.4em;
}	

.bloca2D h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight=400;
	  color:#584a40;
      text-align:left;
	  line-height:1.4m;
}

.bloca2D a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.bloca2D a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	


/* ref */

.blocr2 {
	  position: relative;
	  width:100%;
      color:#fff;
      padding:0px;
	  margin-bottom:2%;	
	  margin-top:2%;
	  margin-left:0%;
	  margin-right:0%;
      background-color: #ededed;
	  overflow-y: auto;
}	

.blocr2G {
      text-align:left;
	  float:left;
	  width:7%;
	  padding-top:3%;
	  padding-bottom:2%;
	  padding-left:0%;
      background-color: #ededed;
}	

.blocr2G h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:right;
	  line-height:1.4m;
}	

.blocr2C {
      text-align:left;
	  float:left;
	  width:90%;
	  height:auto;
	  margin-left:0;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:2%;
	  padding-right:2%;
      background-color: #ededed;
}	

.blocr2C p {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.2em;
}	

.blocr2C h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.4m;
}	

.blocr2C a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.blocr2C a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.blocr2C img {
      text-align:left;
	  padding-top:0.5%;
	  padding-bottom:0%;
	  padding-left:0%;
	  padding-right:0.5%;
	  line-height:0.8em; 
}

.blocr2D {
      text-align:left;
	  float:right;
	  width:3%;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:0%;
	  padding-right:0%;
      background-color: #ededed;
}	

.blocr2D p {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:left;
	  line-height:1.4em;
}	

.blocr2D h1 {
	  letter-spacing:0px;
	  font-size:3.8em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
      text-align:left;
	  line-height:1.4m;
}

.blocr2D a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.bloclr2D a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.chapoactu {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
  	  font-weight:400;
	  font-size:0.6em;	
      font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:2%;

}

.titreactu {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
  	  font-weight:400;
	  font-size:1.8m;	
  	  font-family: "Noto Sans", serif;
	  letter-spacing:0px;
	  margin-top:0px;
}

/* 3e bloc */

.blocl3 {
      background-color: #584a40;
      margin-top:1%;
      margin-bottom:1%;
	  margin-left:0%;
	  margin-right:0%;
	  width:100%;
	  height:80px;
}

.blocl3G {
  	  float: left;
  	  text-align:center;
  	  width: 21%;
	  margin-left:3%;
      background-color: #584a40;
  	  min-height:80px;
}

.blocl3G p {
  	  text-align:center;
  	  margin-left:0%;
  	  margin-top:3%;
	  margin-bottom:1%;
  	  font-family: "Noto Sans", serif;
	  color:#FFFFFF;
	  font-weight:400;
}	

.bas {
      padding-top:10px;
	  background-color:#d4dcce;
	  margin-top:0px;
  	  text-align:left;	
}	


.more-link{
	margin-bottom: 0px;
}







/* Responsive layout - A modifier pour smartphone */
@media screen and (max-width: 600px) {


.button {
  background-color: #69976d;
  font-size:1em;
  width:99%;
  font-weight:400;
  font-family: 'Noto Sans', sans-serif;
  border: none;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-left:0.5%;
  margin-right:0.5%;
  display: inline-block;
  cursor: pointer;
  border-radius: 3%;
  padding-top:4%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:4%;
  transition-duration: 0.4s;
}


.button:hover {
  background-color: #d4a94c; /* jaune logo */
  color: white;
}	
	
main {
	width:100%;
}

.column {
    width: 100%;
  }
	
aside {
        width:100%;
}

.top {
      padding:0px;
	  background-color:#ffffff;
	  height:300px;
}	
	
.bas {
      padding-top:10px;
	  background-color:#ffffff;
	  margin-top:0px;
  	  text-align:left;	
}	

.titreLeft {
	  letter-spacing:0px;
	  font-size:0.9em;
      font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:2%;
	  padding-right:2%;
	  padding-top:3%;
	  padding-bottom:2%;	  
	  color:#FFFFFF;
	  line-height:auto;
	  background-color:#FFFFFF;
}
	
.text {
	  letter-spacing:0px;
	  font-size:0.8em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  padding-left:4%;
	  padding-right:4%;
}	


.left {
	  float:left;
      width:98%;
      text-align:left;
      height:auto;
	  padding-left:0%;
	  padding-right:0%;
	  padding-bottom:0%;
 	  margin-bottom:0%;
	  margin-left:0%;
	  margin-right:2%;
	  margin-top:2%;
    }

.left p {
	  letter-spacing:0px;
	  font-size:0.8em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  padding-left:0%;
	  padding-right:0%;
	  margin-top:2%;
}

.left h1 {
	  letter-spacing:0px;
	  font-size:1.6em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:4%;
	  padding-right:4%;
	  color:#424141;
	  line-height:auto;
}

.centre {
      background:#ffffff;
      width:98%;
      text-align:left;
      height:100%;
	  padding-left:0%;
	  padding-right:0%;
 	  margin-bottom:2%;
	  margin-left:0%;
	  margin-right:2%;
	  margin-top:1%;
    }	

.centre p {
	  letter-spacing:0px;
	  font-size:1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-left:0;
	  margin-right:0;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:0%;
	  padding-right:0%;
	  color:#424141;
	  line-height:auto;
}
	
.right {
	  float:right;
	  background-color:#ededed;
      width:99%;
      text-align:left;
      height:auto;
 	  margin-bottom:2%;
	  margin-left:0.5%;
	  margin-right:0.5%;
	  margin-top:2%;
}
	
.right p {
	  letter-spacing:0px;
	  font-size:0.9em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  line-height:auto;
	  padding-left:4%;
	  padding-right:4%;
	  margin-top:2%;
}

.right h1 {
	  letter-spacing:0px;
	  font-size:1.6em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:4%;
	  padding-right:4%;
	  color:#424141;
	  line-height:auto;
	  text-transform: uppercase;
}	

.titreRight {
	  letter-spacing:0px;
	  font-size:0.9em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:1%;
	  padding-right:1%;
	  padding-top:3%;
	  padding-bottom:2%;	  
	  color:#424141;
	  line-height:auto;
	  text-transform: uppercase;
}

.titrebloc {
	  letter-spacing:0px;
	  font-size:1em;
      font-family: "Noto Sans", serif;
	  font-weight:800;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
	  padding-left:1%;
	  padding-right:4%;
}

.column p{
	  color:#584a40;
  	  font-family: "Noto Sans", serif;
	  font-weight:300;
  	  text-align:left;
	/* colonnes footer */
}
	
.blocl2G {
      text-align:center;
	  float:left;
	  width:100%;
	  padding-top:10%;
	  padding-bottom:2%;
	  padding-left:0%;
      background-color: #efe6d3;
}

.blocl2G p {
	  letter-spacing:0px;
	  font-size:0.9em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocl2G h1 {
	  text-align:left;
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	 line-height:auto;
}		

.blocl2C {
      text-align:left;
	  width:100%;
	  height:auto;
      background-color: #efe6d3;
}	

.blocl2C p {
      width:100%;
	  font-size:0.9em;
      text-align:left;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;	 
}	
	
.blocl2C h1 {
	  font-size:2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:left;
	  margin-top:4%;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;	 
}

.blocl2D {
      text-align:left;
	  float:right;
	  width:100%;
	  height:auto;
	  margin-left:0;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;
      background-color: #efe6d3;
}	

.blocl2D p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocl2D h1 {
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
}		

.chapoedito {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
	  font-size:0.6em;	
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:5%;
	  padding-left:5%;
}
			
/* Ref */	

.titreactu {
      float:left;
      text-align:left;
      width:100%;
	  color:#584a40;
  	  font-weight:600;
	  font-size:1.8m;	
  	  font-family: "Noto Sans", serif;
	  letter-spacing:0px;
	  margin-top:0px;
}

.blocr2 {
	  background-color:#ffffff;
}	
	
.blocr2G {
      text-align:center;
	  float:left;
	  width:100%;
	  margin-right:0%;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
}

.blocr2G p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocr2G h1 {
	  text-align:center;
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
  	  line-height:auto;
}		

.blocr2C {
      text-align:left;
	  width:100%;
	  height:auto;
      background-color: #ffffff;
}	

.blocr2C p {
	  font-size:1.1em;
      text-align:left;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
	  padding-right:0%;	 
}	

.blocr2C img {
      width:24%;
	  font-size:1.1em;
      text-align:left;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:0.8em; 
	  padding-left:0.2%;
}	

.blocr2C h1 {
	  font-size:2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
	  margin-top:4%; 
}		
	
.blocr2D {
      text-align:left;
	  float:right;
	  width:100%;
	  height:auto;
	  margin-left:0;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
	  padding-right:0%;
      background-color: #ffffff;
}	

.blocr2D p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocr2D h1 {
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
}	
	
.text {
	  letter-spacing:0px;
	  font-size:0.8em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  padding-left:4%;
	  padding-right:4%;
}	

.centre {
      background:#ffffff;
      width:98%;
      text-align:left;
      height:100%;
	  padding-left:0%;
	  padding-right:0%;
 	  margin-bottom:2%;
	  margin-left:0%;
	  margin-right:2%;
	  margin-top:1%;
    }	

.centre p {
	  letter-spacing:0px;
	  font-size:1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-left:0;
	  margin-right:0;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:0%;
	  padding-right:0%;
	  color:#424141;
	  line-height:auto;
}

.centre a:link, a:visited {
	color: #69976d;
	text-decoration: none; 
	font-weight:400;
}

.centre a:hover, a:active {
	color: #b5bbb6;
	text-decoration: none; 
	font-weight:400;
}	

.centre ul li  {
	 letter-spacing:0px;
	 font-size:1.2em;
  	 font-family: "Noto Sans", serif;
	 font-weight:400;
	 color:#424141;
}

.StitreC {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:2.8em;	
	  font-weight:400;
  	  font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  padding-left:5%;
	  padding-right:5%;
	  padding-bottom:2%;
	  padding-top:2%;
	  margin-bottom:1%;
	  margin-top:0%;
}
	

	
.responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	height:auto;
	width:auto;
}
}




@media all and (max-width: 1280px) and (min-width: 1024px) {

	
.button {
  background-color: #69976d;
  font-size:1.2em;
  width:100%;
  font-weight:400;
  font-family: 'Noto Sans', sans-serif;
  border: none;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-left:0%;
  margin-right:0%;
  display: inline-block;
  cursor: pointer;
  border-radius: 3%;
  padding-top:4%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:4%;
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #d4a94c; /* jaune logo */
  color: white;
}	
	
main {
	width:100%;
      }

.saut {
        width:100%;
      }
			
.column p{
	  color:#584a40;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
  	  text-align:left;
	/* colonnes footer */
}

.top {
      padding:0px;
	  background-color:#ffffff;
	  height:300px;
}	

.bas {
      padding-top:10px;
	  background-color:#ffffff;
	  margin-top:0px;
  	  text-align:left;	
}	
	
.blocl2G {
      text-align:center;
	  float:left;
	  width:100%;
	  padding-top:10%;
	  padding-bottom:2%;
	  padding-left:0%;
      background-color: #efe6d3;
}

.blocl2G p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocl2G h1 {
	  text-align:left;
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	 line-height:auto;
}		

.blocl2C {
      text-align:left;
	  width:100%;
	  height:auto;
      background-color: #efe6d3;
}	

.blocl2C p {
      width:100%;
	  font-size:0.9em;
      text-align:left;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;	 
}	
	
.blocl2C h1 {
	  font-size:2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:left;
	  margin-top:4%;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;	 
}

.blocl2D {
      text-align:left;
	  float:right;
	  width:100%;
	  height:auto;
	  margin-left:0;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:10%;
	  padding-right:10%;
      background-color: #efe6d3;
}	

.blocl2D p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocl2D h1 {
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
}		

.chapoedito {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
	  font-size:0.6em;	
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:5%;
	  padding-left:5%;
}
			
/* Ref */	

.titreactu {
      float:left;
      text-align:left;
      width:100%;
	  color:#584a40;
  	  font-weight:600;
	  font-size:1.8m;	
  	  font-family: "Noto Sans", serif;
	  letter-spacing:0px;
	  margin-top:0px;
}

.blocr2 {
	  background-color:#ffffff;
}	
	
.blocr2G {
      text-align:center;
	  float:left;
	  width:100%;
	  margin-right:0%;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
}

.blocr2G p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocr2G h1 {
	  text-align:center;
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
  	  line-height:auto;
}		

.blocr2C {
      text-align:left;
	  width:100%;
	  height:auto;
      background-color: #ffffff;
}	

.blocr2C p {
	  font-size:1.1em;
      text-align:left;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
	  padding-right:0%;	 
}	

.blocr2C img {
      width:24%;
	  font-size:1.1em;
      text-align:left;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:0.8em; 
	  padding-left:0.2%;
}	

.blocr2C h1 {
	  font-size:2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
	  margin-top:4%; 
}		
	
.blocr2D {
      text-align:left;
	  float:right;
	  width:100%;
	  height:auto;
	  margin-left:0;
	  padding-top:0%;
	  padding-bottom:0%;
	  padding-left:0%;
	  padding-right:0%;
      background-color: #ffffff;
}	

.blocr2D p {
	  letter-spacing:0px;
	  font-size:1.1em;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:1.1em;
}	
	
.blocr2D h1 {
	  letter-spacing:0px;
	  font-size:2.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
	  line-height:auto;
	  text-align:center;
}	
.chapoedito {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
  	  font-weight:400;
	  font-size:0.6em;	
	  font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:5%;
	  padding-left:5%;
}

.left {
	  width:100%;	
	  margin-left:0%;
	  margin-right:0%;
	  margin-top:1%;
	  margin-bottom:1%;
}		

.centre {
	  margin-left:5%;
	  margin-right:5%;
	  margin-top:1%;
}

.right {
	  width:96%;	
	  margin-left:2%;
	  margin-right:2%;
	  margin-top:1%;
}

.centre p {
	  letter-spacing:0px;
	  font-size:1em;
	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-left:0;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  padding-left:2%;
	  padding-right:2%;
	  color:#424141;
	  line-height:auto;
}

.StitreC {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:2.8em;	
	  font-weight:400;
  	  font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  padding-left:0%;
	  padding-right:0%;
	  padding-bottom:2%;
	  padding-top:2%;
	  margin-bottom:2%;
	  margin-top:2%;
}
	
.responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	height:auto;
	width:auto;
}

.chapoedito {
      float:left;
      text-align:left;
      width:100%;
	  color:#504e4e;
  	  font-weight:400;
	  font-size:0.6em;	
  	  font-family: "Noto Sans", serif;
	  letter-spacing:1px;
	  text-transform: uppercase;
	  margin-top:5%;
	  margin-bottom:2%;
	  padding-left:2%;
}	 
	
}

/* Style Fond large */