/*
Theme Name: Coco-2bis
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:0px auto;
    }

body {
      font-family: 'PT Serif', serif;
	  margin-top:0px;
	  top:0px;
}		


.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: 'PT Serif', serif;
	 font-weight:300;
	 color:#999999;
	 line-height:1.3em;
}

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

.lcp_catlist a:hover, a:active {
   color: #999999;
   text-decoration: none; 
}	


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

/* Logo et top droite */

/*  Nouveau Header & footer */

.columnTopLarge {
  background-color:#FFFFFF;
  height:100px;
  width: 90%;
  margin-top:0%;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:0%;
  text-align:left;	
}

.columnTop {
  background-color:#ffffff;
  border-bottom:3px;
  height:auto;
  float: left;
  width: 23%;
  text-align:left;
  margin-top:0%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:7%;
}

.cardTop {
  text-align:left;
  padding-left:2%;
  padding-right:2%;
  background-color:#ffffff;	
}

.cardTop p  {
  color: #584a40;
  text-align:left;
  font-size: 0.8em;
  font-family: 'PT Serif', serif;
  font-weight:300;
  margin-bottom:5%;
}

.cardTop h1  {
  color: #584a40;
  text-align: left;
  font-size: 0.9em;
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-bottom:10px;
}

.cardTop a:link {
  color: #584a40;
  text-decoration:none;
}

.cardTop a:visited {
  color: #584a40;
  text-decoration:none;
}

.cardTop a:active {
  color: #584a40;
  text-decoration:none;
}

.cardPied a:hover {
  color: #e8a85b;
  text-decoration:none;
}

a:link, a:visited {
   color: #ecae55;
   text-decoration: none; 
   text-transform:normal;
   text-decoration-style:none;
   font-weight:400;
}

a:hover, a:active {
   color: #584a40;
   text-decoration: none; 
   text-transform:normal;
   text-decoration-style:none;
}	

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


#imgHaut {
	float: left;
	/*position: relative;*/
	width:100%;
	height: auto;
	margin-top:0px;
	margin-bottom:20px;
	/*z-index:100;*/
	left: 0px;
	background-color:#666666;
}
	
.text {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#424141;
    }	    

.centre {
      background:#ffffff;
      text-align:left;
      height:100%;
	  padding-left:5%;
	  padding-right:5%;
	  width : 74%;
	  margin-top:2%;
	  margin-left:13%;
	  margin-right:13%;
	  margin-bottom:5%;
 	  color:#584a40
}

.centre p {
	  letter-spacing:0px;
	  font-size:1.2em;
      text-align:center;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  padding-left:2%;
	  padding-right:2%;
	  color:#424141;
	  line-height:auto;
}

.centre a:link, a:visited {
      color: #584a40;
   	  text-decoration: none; 
	  font-weight:600;
}

.centre a:hover, a:active {
     color: #1f1f1f;
     text-decoration: none; 
	  font-weight:600;
}	

.centre ul li  {
	 letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	 font-weight:300;
	 color:#424141;
}

main {
      background:#ffffff;
      float:left;
      width:40%;
      text-align:left;
      height:100%;
	  padding-left:2%;
	  padding-right:2%;
 	  margin-bottom:30px;
	  margin-left:0%;
	  margin-right:0%;
	  margin-top:0px;
    }

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

main li {
	  letter-spacing:0px;
	  font-size:1.em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#424141;
	  line-height:1.4em;
}

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

main a:hover, a:active {
   color: #584a40;
   text-decoration: none; 
}	

main ol li ul {
	 letter-spacing:0px;
	 font-size:13px;
      font-family: 'PT Serif', serif;
	 font-weight:300;
	 color:#424141;
}

main h2 {
	  font-size:1.4em;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

.legende {
	  letter-spacing:0px;
	  font-size:0.8em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#424141;
    }	    

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

#sidebar {
      float:right;
      width:100%;
      text-align:center;
      height:100%;
      background:#ffffff;
	  padding-left:0px;
	  padding-right:10px;
	  margin-top:0px;
	  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:400;
	  font-size:1.2em;	
      font-family: 'PT Serif', serif;
	  line-height:1.2em;
}

article li {
  	  font-weight:300;
	  font-size:1.1em;	
      font-family: 'PT Serif', serif;
	  padding-left:2%;
	  line-height:1.2em;
}

article ul ol {
  	  font-weight:300;
	  font-size:1.1em;	
      font-family: 'PT Serif', serif;
	  padding-left:2%;
	  line-height:1.2em;
}

.rubactuLeft {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:1.5em;	
	  font-weight:400;
	  text-decoration: uppercase;
	  border: 1px #d69F52 dotted;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:0px;
      background:#ffffff;
	  padding-left:5px;
	  padding-right:5px;
	  padding-bottom:8px;
	  padding-top:10px;
	  margin-bottom:25px;
	  margin-top:0px;
}

.rubactu {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:1.5em;	
	  font-weight:400;
	  text-decoration: uppercase;
	  border: 1px #d69F52 dotted;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:0px;
      background:#ffffff;
	  padding-left:5px;
	  padding-right:5px;
	  padding-bottom:8px;
	  padding-top:10px;
	  margin-bottom:25px;
	  margin-top:0px;
}

.rubactu a:link, a:visited {
	  color:#584a40;   
	  font-weight:400;
}

.rubactu a:hover, a:active {
   color: #ecae55;
   text-decoration: none; 
}	

.titreT {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:2em;	
	  font-weight:400;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:0%;
      background:#FFFFFF;
	  padding-left:0px;
	  padding-right:0px;
	  padding-bottom:2%;
	  padding-top:0%;
	  margin-bottom:0%;
	  margin-top:0%;
}

.titreC {
      float:left;
      text-align:center;
      width:100%;
	  color:#584a40;
	  font-size:2.6em;	
	  font-weight:400;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:0%;
      background:#FFFFFF;
	  padding-left:0px;
	  padding-right:0px;
	  padding-bottom:2%;
	  padding-top:0%;
	  margin-bottom:0%;
	  margin-top:0%;
}

/* 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: #ecae55;
      margin-top:0%;
	  width:100%;
}

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

/* Edito */

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

.blocl2G {
      text-align:left;
	  float:left;
	  width:70%;
	  padding-top:5%;
	  padding-bottom:5%;
	  padding-left:5%;
      background-color: #eaebf0;
}	

.blocl2G p {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  padding-left:5%;
	  line-height:1.6em;
}	

.blocl2G h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: 'Bowlby One SC', serif;
	  font-weight:400;
	  color:#584a40;
	  padding-left:5%;
	  line-height:1.4m;
}	

.blocl2G a:link, a:visited {
	  font-weight:600;
	  color:#584a40;
	  font-size:1em;
   	  text-decoration: none; 	
	  margin-bottom:20%;
}

.blocl2G a:hover, a:active {
   color: #ffffff;
   text-decoration: none; 
}	

.blocl2D {
      text-align:center;
	  float:right;
	  width:30%;
	  margin-left:0%;
	  padding-top:5%;
	  padding-bottom:5%;
	  padding-left:5%;
	  padding-right:10%;
      background-color: #eaebf0;
}	

/* Bloc Actu  */

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

.bloca2G {
      text-align:left;
	  float:left;
	  width:70%;
	  padding-top:5%;
	  padding-bottom:5%;
	  padding-left:5%;
      background-color: #eaebf0;
}	

.bloca2G p {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  padding-left:5%;
	  line-height:1.6em;
}	

.bloca2G h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: 'Bowlby One SC', serif;
	  font-weight:400;
	  color:#584a40;
	  padding-left:5%;
	  line-height:1.4m;
}	

.bloca2G a:link, a:visited {
	  font-weight:300;
	  color:#584a40;
	  font-size:0.8em;
   	  text-decoration: none; 	
	  margin-bottom:20%;
}

.bloca2G a:hover, a:active {
   color: #ffffff;
   text-decoration: none; 
}	

.bloca2D {
      text-align:center;
	  float:right;
	  width:30%;
	  margin-left:0%;
	  padding-top:5%;
	  padding-bottom:5%;
	  padding-left:5%;
	  padding-right:10%;
      background-color: #eaebf0;
}	

.titreactu {
      float:left;
      text-align:left;
      width:100%;
	  color:#584a40;
  	  font-weight:600;
	  font-size:1.4em;	
	  font-family: 'PT Serif', serif;
	  letter-spacing:0px;
	  margin-top:0px;
	  padding-left:5%;
}

.PictoActu  {
	  letter-spacing:0px;
	  font-size:3em;
	  font-weight:300;
	  color:#ffffff;
	  line-height:1.4m;
}	


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

.column {
    width: 100%;
}

	
.columnTopLarge {
  background-color:#FFFFFF;
  height:100px;
  width: 90%;
  margin-top:8%;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:0%;
  text-align:left;	
}

.columnTop {
  background-color:#ffffff;
  border-bottom:3px;
  height:auto;
  float: left;
  width: 100%;
  text-align:left;
  margin-top:0%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:7%;
  z-index:999;
}
	
.column p{
	  color:#584a40;
      font-family: 'PT Serif', serif;
	  font-weight:300;
  	  text-align:left;
	/* colonnes footer */
}
	
.blocl2D {
      text-align:center;
	  float:left;
	  width:100%;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:4%;
      background-color: #efe6d3;
}

.blocl2G {
      text-align:left;
	  float:right;
	  width:100%;
	  height:auto;
	  margin-left:0;
	  padding-top:2%;
	  padding-bottom:2%;
      background-color: #efe6d3;
}	
	
.blocl2G p {
	  letter-spacing:0px;
	  font-size:1.1em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  padding-left:5%;
	  padding-right:5%;
	  line-height:1.6em;
}	

.blocl2G h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: 'Bowlby One SC', serif;
	  font-weight:400;
	  color:#584a40;
	  padding-left:4%;
	  padding-right:4%;
	 line-height:auto;}		

/* actu */	

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

article p {
  	  font-weight:400;
	  font-size:1.2em;	
      font-family: 'PT Serif', serif;
	  line-height:1.2em;
}
	
.titreactu {
      float:left;
      text-align:left;
      width:100%;
	  color:#584a40;
  	  font-weight:600;
	  font-size:1.3m;	
      font-family: 'PT Serif', serif;
	  letter-spacing:0px;
	  margin-top:4%;
	  margin-bottom:4%;
}
		
/*centre */	

	
main {
      background:#ffffff;
      float:left;
      width:90%;
      text-align:left;
      height:100%;
 	  margin-bottom:30px;
	  margin-left:4%;
	  margin-right:10%;
	  margin-top:0px;
    }

main p {
	  letter-spacing:0px;
	  font-size:1.1em;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  padding-left:2%;
	  padding-right:4%;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}
	
.titreT {
      float:left;
      text-align:center;
      width:90%;
	  color:#584a40;
	  font-size:1.4em;	
	  font-weight:400;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:1px;
      background:#FFFFFF;
	  padding-left:2%;
	  padding-right:2%;
	  padding-bottom:2%;
	  padding-top:1%;
	  margin-bottom:2%;
	  margin-top:0px;
}
	
.titreC {
      float:left;
      text-align:center;
      width:90%;
	  color:#584a40;
	  font-size:2.2em;	
	  font-weight:400;
      font-family: 'Bowlby One SC', serif;
	  letter-spacing:1px;
      background:#FFFFFF;
	  padding-left:2%;
	  padding-right:2%;
	  padding-bottom:2%;
	  padding-top:1%;
	  margin-bottom:2%;
	  margin-top:0px;
}
	
.PictoActu  {
	  letter-spacing:0px;
	  text-align:center;
	  padding-top:5%;
	  font-size:4.8em;
	  font-weight:300;
	  color:#ffffff;
	  line-height:1.4m;
}	
		
.bloca2D {
      text-align:left;
	  float:left;
	  width:100%;
	  padding-top:2%;
	  padding-bottom:2%;
	  padding-left:4%;
	  padding-right:4%;
      background-color: #fef4ee;
}	

.bloca2D p {
	  letter-spacing:0px;
	  font-size:1.1em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  line-height:1.1em;
}	

.bloca2G h1 {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  color:#584a40;
	 line-height:auto;
}		

.bloca2G {
      text-align:left;
	  float:left;
	  width:100%;
	  padding-top:2%;
	  padding-bottom:2%;
      background-color: #fef4ee;
}	

.bloca2G p {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  padding-left:4%;
	  padding-right:4%;
	  line-height:1.1em;
}	

.bloca2G h2 {
	  letter-spacing:0px;
	  font-size:1.5em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  color:#584a40;
	  padding-left:4%;
	  padding-right:4%;
	 line-height:auto;
}		
	
.bloca2G h1 {
	  letter-spacing:0px;
	  font-size:1.8em;
      font-family: 'Bowlby One SC', serif;
	  font-weight:400;
	  color:#584a40;
	  padding-left:4%;
	  padding-right:4%;
	 line-height:auto;
}		
	
.centre {
      background:#ffffff;
      width:90%;
      text-align:left;
      height:100%;
	  padding-left:5%;
	  padding-right:5%;
 	  margin-bottom:2%;
	  margin-left:5%;
	  margin-right:5%;
	  margin-top:1%;
    }	

.centre p {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  padding-left:2%;
	  padding-right:2%;
	  color:#424141;
	  line-height:auto;
}

.centre a:link, a:visited {
      color: #584a40;
   	  text-decoration: none; 
	  font-weight:600;
}

.centre a:hover, a:active {
     color: #1f1f1f;
     text-decoration: none; 
	  font-weight:600;
}	

.centre ul li  {
	 letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	 font-weight:300;
	 color:#424141;
}
	
.responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	height:auto;
	width:auto;
}	

.legende {
	  letter-spacing:0px;
	  font-size:0.7em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#424141;
    }		
}


@media all and (max-width: 600px ) {

main {
      background:#ffffff;
      float:left;
      width:90%;
      text-align:left;
      height:100%;
 	  margin-bottom:30px;
	  margin-left:4%;
	  margin-right:10%;
	  margin-top:0px;
    }

main p {
	  letter-spacing:0px;
	  font-size:1.1em;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  padding-left:2%;
	  padding-right:4%;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

.column p{
	  color:#584a40;
      font-family: 'PT Serif', serif;
	  font-weight:300;
  	  text-align:left;
	/* colonnes footer */
}

aside {
        width:100%;
      }

.top {
      padding:0px;
	  background-color:#ffffff;
	  height:600px;		
	  position: relative;
}	

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

@media all and (max-width: 767px) and (min-width: 600px) {

main {
	width:100%;
      }

.legende {
	  letter-spacing:0px;
	  font-size:0.7em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#424141;
    }	

.saut {
        width:100%;
      }
			
.column p{
	  color:#584a40;
      font-family: 'PT Serif', serif;
	  font-weight:300;
  	  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;	
}	

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

.blocl2D h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  padding-left:5%;
	  padding-right:5%;
	  color:#584a40;
	 line-height:auto;
}		

.bloca2G p {
	  letter-spacing:0px;
	  font-size:1.1em;
      font-family: 'PT Serif', serif;
	  font-weight:300;
	  color:#584a40;
	  line-height:1.1em;
}	

.bloca2G h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  color:#584a40;
	 line-height:auto;
}	

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

.centre p {
	  letter-spacing:0px;
	  font-size:1.2em;
      font-family: 'PT Serif', serif;
	  font-weight:400;
	  color:#424141;
	  line-height:auto;
	  margin-top:2%;
}

.centre h1 {
	  letter-spacing:0px;
	  font-size:1.4em;
      font-family: 'PT Serif', serif;
	  font-weight:600;
	  padding-left:2%;
	  padding-right:2%;
	  color:#424141;
	  line-height:auto;
}
	
.responsive { 
	overflow:hidden; 
	margin-top:0px;
	position:relative; 
	height:auto;
	width:auto;
}			
}

/* Style Fond large */