*, *:after, *:before { box-sizing: border-box; padding: 0; margin: 0; transition: .5s ease-in-out; /* */ }

ul { list-style: none; }

a { text-decoration: none; outline: none; }

img { display: block; width: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display'; font-weight: normal; letter-spacing: 1px; }

body { font-family: 'Open Sans', arial, sans-serif; font-size: 14px; color: #373737; background-color:#FFFFFF; }

html, body { height: 100%; }
/* */
header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after { content: "";    display: table;
   clear: both; }

.capth_imag { width: 20%; margin: 1px; float: left; }
#p_site {text-transform: lowercase; }

#wrapper { display: table; height: 100%; z-index:1; margin: 0 auto; min-height: 100%;  position: relative; width: 100%;  }
#wrapper2 {display: table; height: 100%; z-index:1; margin: 0 auto; padding-bottom: 100px; width: 100%;   }

header { width: 100%; background: #f7f7f7; box-shadow: 5px 5px 3px rgba(0, 0, 0, .05); padding-bottom:0px; padding-top:5px; 
margin-bottom: 10px; position: relative;  }
/* */
.container { display: table;  margin: 0 auto; width: 100%; max-width: 960px; padding-bottom:10px; padding-left:5px; padding-right:10px;
 padding-top:10px; }

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

.bloc_logo { display: block; float: left; margin-left:0px; width:230px; margin-top:0px;   }
 
.logo { float: left; margin-left:10px;  }
.logo span {  color: white; display: inline-block; font-weight: bold; margin: 0; text-align: center; 
text-shadow: 2px 2px 1px rgba(0,0,0,.4); }
#logo1 {z-index:1; color: #FF0000; float: left; font-family:"Hobo Std"; font-size: 60px; }

.bloc_pub1{ display:block; float: left; margin-top:10px; width:55%; margin-bottom: 10px; margin-left:1%; 
 OVERFLOW: auto; BORDER-TOP: 1px solid; border-radius: 10px; text-align:center;
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid;	BORDER-RIGHT: 1px solid; }

.bloc_pub3{ display:none;  }

.bloc_right { margin-right:0px; margin-top:0px; float: right; margin-left:2%; padding-bottom:10px; padding-left:0px; padding-top:0px; padding-right:0px;}

#icone_right { width: 30px; margin-right:5px; margin-left:5px; float: right; }

.bloc_10 { margin-right:0px; margin-top:0px; padding-right:5px; float: right; padding-top:10px; }
.bloc_aside { margin: 0 auto; width: 100%; float: left; }

.bloc_90 { margin-left:0px;  float: left;  padding-left:10px; }

/* nav-toggle */
.nav-toggle { display: none; position: relative; float: right; width: 40px; height: 40px; margin-right:0px; margin-top:0px;
   cursor: pointer; padding-right:5px; padding-top:0px; }
.nav-toggle span { display: block; position: absolute; top: 19px; left: 8px; right: 8px; height: 2px; background: white;}
.nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; display: block; left: 0; width: 100%;
   height: 2px; background: white; }
.nav-toggle span:before { top: -10px; }
.nav-toggle span:after { bottom: -10px; }
/* menu */
#menu {width:15%; float:left;  padding-bottom:10px; padding-left:10px; padding-top:0px; padding-right:0px; margin-top:0px;  }
#menu li { display: inline-block; border-bottom: 1px solid #EBEBE3; }
#menu a { color: #111; text-transform: none; letter-spacing: 1px; font-weight: 600; line-height: 40px;  }
#menu a:hover { color: #EF5A42; }
#menu.active { max-height: 100%; }

.posts-list { margin-bottom: 30px; margin-left:1%; width: 64%; float: left; margin-top:0px; }
/*  */
aside { width:19%; float:right;  margin-left:1%; padding-bottom:10px; padding-left:0px; padding-top:0px; padding-right:0px; }
/*  */
.post-footer { border-top:  none;	border-bottom: none;	position: relative;	margin-bottom:15px;	}
/* content*/
.widget-menu-gris2 {
font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; BORDER-TOP: #CCCCCC 1px solid;
BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid;	BORDER-RIGHT: #CCCCCC 1px solid; }

.widget-menu-jaune2 {
font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; BORDER-TOP: #FFCC00 1px solid;
BORDER-BOTTOM: #FFCC00 1px solid; BORDER-LEFT: #FFCC00 1px solid; BORDER-RIGHT: #FFCC00 1px solid; }

.widget-menu-vert2 {
font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; BORDER-TOP: #33FF33 1px solid;
BORDER-BOTTOM: #33FF33 1px solid; BORDER-LEFT: #33FF33 1px solid; BORDER-RIGHT: #33FF33 1px solid;}

#icone2 { width: 100px; margin-right:15px; float: left; }

.post-title { display:  inline; margin-bottom: 12px; font-size: 26px; overflow-wrap: break-word; }

#footer {z-index:1; position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; background: #3C3D41;   padding: 30px 0;  color: white;}
.footer-col { width: 23%; float: left; }
.footer-col a { color: white; }
.footer-col:last-child { text-align: right; }

.widget-title-bleu { font-size: 20px; padding: 5px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #ACBEFD 1px solid; background-color: #E2E9FE;}
.widget-menu-bleu { font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #ACBEFD 1px solid;}
.widget-menu-bleu2 {
font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; BORDER-TOP: #ACBEFD 1px solid;
BORDER-BOTTOM: #ACBEFD 1px solid; BORDER-LEFT: #ACBEFD 1px solid; BORDER-RIGHT: #ACBEFD 1px solid;}

.logo_zando { display: block; float: left; font-weight: bold; color: #FFCC00;text-shadow: 2px 2px 1px rgba(0,0,0,.4);}
  
.widget-title-gris { font-size: 20px; padding: 5px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #CCCCCC 1px solid; background-color: #EFEFEF;}
  
.widget-menu-gris { font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #CCCCCC 1px solid;}

.widget-title-jaune { font-size: 20px; padding: 5px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #FFCC00 1px solid; background-color: #FFFFBF; }

.widget-menu-jaune { font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #FFCC00 1px solid; }

.widget-title-vert { font-size: 20px; padding: 5px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #33FF33 1px solid; background-color: #C1FFC1;}

.widget-menu-vert { font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #33FF33 1px solid;}

.widget-title-rouge { font-size: 20px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #FF0033 1px solid; background-color: #FFC6C6;}

.widget-menu-rouge { font-size: 15px; padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-BOTTOM: #FF0033 1px solid; }

/* menuref */
#menuref { float: left; margin-right: 20px; margin-left:0px;}
#menuref li { display: inline-block; }
#menuref a { display: block; }

.widget-posts-list { padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:0px; }

.widget-posts-list li { border-top: 1px solid #EBEBE3; }
.widget-posts-list li:nth-child(1) { border-top: none; }
.widget-post-title { float: left; }





/*  */
.widget { padding: 0px 0px 10px; background: white; font-size: 13px; margin-bottom: 30px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}

.widget_mag {display: table; padding: 10px; background: white; font-size: 13px; margin-bottom: 10px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}




.logozando { display: block; float: left; }
.logozando span { font-size: 60px; color: white; display: inline-block; font-weight: bold; color: #FFCC00; margin: 5px 0; 
text-align: center; text-shadow: 2px 2px 1px rgba(0,0,0,.4); }
.logozando span:nth-child(odd) {
}
.logozando span:nth-child(even) {
}


#cont_content {z-index:1; width:68%; float: left; margin-left:1%; margin-bottom:10px;}






.footer-col-menu { width: 300px; float: left; padding:5px; }
.footer-col-menu a { }
.footer-col-menu:last-child { margin-bottom:10px; BORDER-BOTTOM: #FFCC00 1px solid; width: 100%  }

.footer-col-menuvert { width: 300px; float: left; padding:5px; }
.footer-col-menuvert a { }
.footer-col-menuvert:last-child { margin-bottom:10px; BORDER-BOTTOM: #33FF33 1px solid; width: 100%  }



.social-bar-wrap {
   text-align: center;
}
.social-bar-wrap a {
   padding: 0 7px;
   font-size: 18px;
}





#bloc01 { width:63%; margin-left:0px;   float:left; padding-left:5px;   }
#titrePJ { width:98%; margin:2px; float:left; padding: 2px; FONT-SIZE: 14px; text-align:left;  }


.post-image-small { width: 30%; float: left; margin-right: 5px; margin-bottom:5px; }

.post-image-ste { width: 50px; float: left; margin-right: 5px; }


#icone {
width: 20px;
margin-right:15px;
float: left;
}




#icone_captcha {
width: 100px; text-align:center;
margin-right:15px;
float: left;
}




 

/* ????? ?????? */
#searchform { 
width: 40px;
   float: right;
   margin-left: 46px;
   display: inline-block;
   position: relative;
}
#searchform input {
  
   float: left;
   border: none;
   padding-left: 10px;
   height: 40px;
   overflow: hidden;
   outline: none;
   color: #9E9C9C;
   font-style: italic;
}
#searchform button {
   background: transparent;
   height: 40px;
   border: none;
   position: absolute;
   right: 10px;
   color: #EF5A42;
   cursor: pointer;
   font-size: 18px;
}
#searchform input:focus {
   outline: 2px solid #EBEBE3;
}



#blocVide {z-index:1; margin:0px; float:left; width:99%;  height:2px; border:2px solid; border-color: #FFFFFF;    }


/* ????? ????????? */
.posts-list-jaune {
background-color:#FFFF99;
 margin-bottom: 30px;
   margin-left:1%;
   width: 68%;
   float: left;  }


/* ???? ??? ?????? */
.post {
   margin-bottom: 35px;
}
.post-content p {
   line-height: 1.5;
   padding-bottom: 1em;
}
.post-image {
   margin-bottom: 30px;
}
.category {
   margin-bottom: 15px;
}
.category a {
   color: #F8B763;
   text-transform: uppercase;
}

  

.more-link {
   position: relative;
   display: inline-block;
   font-size: 10px;
   text-transform: uppercase;
   color: white;
   line-height: 44px;
   padding: 0 22px;
   background: #3C3D41;
   letter-spacing: 0.1em;
   white-space: nowrap;
}
.more-link:after {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   top: 0;
   right: 0;
   border: solid transparent;
   border-width: 22px 18px;
   border-left-color: #3C3D41;
   transform: translateX(100%);
}
.post-social {
   position: absolute;
   left: auto;
   top: 50%;
   right: 0;
   text-align: right;
   transform: translateY(-50%);
   padding: 0;
   font-size: 12px;
}
.post-social a {
   display: inline-block;
   margin-left: 8px;
   color: #F8B763;
   width: 25px;
   height: 25px;
   line-height: 23px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid;
}

#font_VERT { padding: 10px; margin-bottom: 10px; text-align: left; OVERFLOW: auto; 
BORDER-LEFT: #CCCCCC 1px solid; 
BORDER-RIGHT: #CCCCCC 1px solid; 
BORDER-TOP: #CCCCCC 1px solid; 
BORDER-BOTTOM: #CCCCCC 1px solid;}





.widget-rouge { padding: 0px 0px; background: white; font-size: 13px; margin-bottom: 30px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}

.widget-jaune { padding: 0px 0px; background-color:#FFFF99; font-size: 13px; margin-bottom: 30px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}

.widget-vert { padding: 0px 0px; background-color: #A5F8A9; font-size: 13px; margin-bottom: 30px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}

.widget-gris { padding: 0px 0px; background-color: white; font-size: 13px; margin-bottom: 30px; box-shadow: 3px 3px 1px rgba(0, 0, 0, .05);
}


.widget-title {
   font-size: 18px;
   padding: 10px;
   margin-bottom: 20px;
   text-align: center;
   border: 2px solid #F8B763;
   box-shadow: 3px 3px 0 0 #F8B763;
}

.widget-category-list li {
   border-bottom: 1px solid #EBEBE3;
   padding: 10px 0;
   color: #c6c6c6;
   font-style: italic;
}
.widget-category-list li:last-child {
   border-bottom: none;
}
.widget-category-list li a {
   color: #626262;
   margin-right: 6px;
   font-style: normal;
}
.widget-category-list li a:before {
   content: "\f105";
   display: inline-block;
   font-family: 'FontAwesome';
   margin-right: 10px;
   color: #c6c6c6;
}


/*  */
#subscribe {
   position: relative;
   width: 100%;
   padding: 15px 0;
}
#subscribe input {
   width: 100%;
   display: block;
   float: left;
   border: 2px solid #EBEBE3;
   padding: 0 0 0 10px;
   height: 40px;
   position: relative;
   outline: none;
   color: #9E9C9C;
   font-style: italic;
}
#subscribe button {
   padding: 0 15px;
   background: transparent;
   height: 40px;
   border: none;
   position: absolute;
   right: 0;
   color: #EF5A42;
   cursor: pointer;
   font-size: 18px;
}
#subscribe input:focus+button {
   background: #EF5A42;
   color: white;
}

/* The grid: Four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8;
    cursor: pointer;
}

.column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container_img {
    position: relative;
    display: none;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}




@media (max-width: 768px) {

.bloc_pub1{ display:block; float: left; margin-top:10px; width:45%; margin-bottom: 10px; margin-left:1%;  
OVERFLOW: auto; BORDER-TOP: 1px solid; border-radius: 10px; text-align:center;
BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid;	BORDER-RIGHT: 1px solid;  }

#cont_content {width:100%; float: left; margin-bottom:10px;}
/*  */
.nav-toggle { display: block; }
    
.logozando span { font-size: 50px;  }
   
header { padding: 10px 0;   }
   
   /*  */
   #menu {
   max-height: 0;
   width:100%;
float: left;
overflow: hidden;
top: 63px;
right: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 3;
}
   /*  */
   #menu li {
  display: block;
text-align: left;
border-bottom: 1px solid #EBEBE3;
margin-bottom:2px;
margin-left:20px;
margin-right:20px;
margin-top:2px; 
padding:0;
  position:relative;
   }

   /* margin-left:0px;*/   

.posts-list, aside { width: 100%; float: none; }
   
   .posts-list-jaune {
   width: 100%;
 }
   .widget-post-title {
      font-size: 1.5em;
   }
   
    #wrapper2 { padding-bottom: 275px; }
   /*  */
   #footer { height: 250px; }
   .footer-col { float: none; margin-bottom: 20px; width: 100%; text-align: center;  }
   }
   

@media (max-width: 480px) {
.posts-list { margin-bottom: 30px;  width: 100%; float: none; margin-top:0px; }
/*  */
aside { width:100%; float: none; }
   /* */
.bloc_pub1{ display:none; }
.bloc_pub3{ display:block; float: left; margin-top:5px; width:96%; margin-bottom: 5px; margin-left:5px;  
OVERFLOW: auto; BORDER-TOP: 1px solid; border-radius: 10px; text-align:center;
BORDER-BOTTOM:1px solid; BORDER-LEFT: 1px solid;	BORDER-RIGHT: 1px solid;  }   
   /*  */
     #icone2 {width: 75px; margin-right:15px; float: left; }
      
#bloc01 { width:63%;  }

.post-title { margin-bottom: 12px; font-size: 14px; }
   
.posts-list-jaune { width: 100%; }
    /*  */
#searchform { float: left; margin-left: 0;   }
   /*  */
   .post-footer { border-top: none; border-bottom: none; text-align: center; }
   /*  */
   .post-social { position: static; text-align: center; transform: none;  margin-top: 20px; }
   .widget-post-title { font-size: 1.2em; }
   #wrapper2 { padding-bottom: 175px; }
   /*  */
   #footer { height: 200px; }
   .footer-col { float: none; margin-bottom: 20px; width: 100%; text-align: center;  }
   }
}