/*

Theme Name: Campagnes Environnement

Theme URI: https://campagnesenvironnement.fr

Author: E-denzo

Author URI: https://e-denzo.fr/

Description: Campagnes & environnement

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: Campagnes Environnement

Tags: Campagnes Environnement



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



* {

    margin: 0;

    padding: 0;

}



html, body {

    height: 100%;

    width: 100%;

    font-family: "Roboto";

    font-size:16px;

    

}



h1, h2, h3, h4,h5, b {

    font-weight: normal;

}



h1 {



}



a {

    text-decoration: none;

}



p {



}



ul li {

/*

    list-style: none;

    list-style: url('images/puces.png');

    list-style-position: inside;

    margin-left: 40px;

*/

}



blockquote {

    display: block;

    width: 100%;

    background: rgba(69,57,67,0.1);

    padding: 20px 0;

}



.container {

    display: block;

    position: relative;

    width: 100%;

    max-width: 1300px;

    margin: auto;

}



.wrapper .container {

/*    top: 5%;*/

    height: 100%;

}



header .container, footer .container {

    height: 100%;

}



.right {float: right!important;}

.left {float: left!important;}

.clear {clear:both!important;}

.clear-l {clear:left!important;}

.clear-r {clear:right!important;}



/* ------------------ HEADER --------------------------- */



.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



a#asia{ width: 100%; background:url(images/salon.jpg) center top no-repeat; height: 143px; display: block; margin-top: 25px; clear: both;  background-size: 100%;  }





header {

    background: #fff;

    height: 140px;

    width: 100%;

    z-index: 10;

    border-bottom: 5px solid #262626;

    overflow: hidden;

}



header #logo {

    background: #fff url(images/logo.png) no-repeat scroll left center;

    width: 25%;

    height: 100%;

    display: block;

    float: left;

    transition: all 0.5s ease 0s;

}





header #top-nav {

    display: block;

    width: 75%;

    height: 67%;

    position: relative;

    float: left;

    margin-bottom: 4px;

}



header #top-nav::after {

    background: url(images/trait.png) no-repeat scroll left bottom;

    content: "";

    display: block;

    position: absolute;

    width: 500%;

    height: 22px;

    bottom: 0;

}



header #header-quote {

    display: block;

    background: url('images/quote.png')no-repeat scroll 80% center;

    width: 100px;

    height: 100%;

    float: left;

}



header h1, header .slogan {

    color: #70ba94;

    font-size: 1.15em;

    text-transform: uppercase;

    float: left;

    width: 30%;

    display: block;

    padding-top: 20px;

    margin-right: 10px;

}



header #searchform {

    display: block;

    float: right;

    padding-top: 5px;

    margin-right: -33px;

}



header #searchform label {

    font-family: "BebasNeue";

    font-size: 1.4em;

    vertical-align: sub;

}



header #searchform input#s{

    border: none;

    border-radius: 0;

    height: 30px;

    padding: 0px 35px 0px 10px;

    background: #ededed;

    border-radius: 5px;

    color: #262626;

    font-family: "Roboto", sans-serif;

    font-size: 0.8em;

    transition: all 0.5s ease 0s;

    border: 1px solid #262626;

    min-width: 220px;

}



header #searchform input#s:focus{

    background: #646464;

    color: #fff;

}



header #searchform input#searchsubmit{

    background:url('images/icon-loupe.png') no-repeat scroll center;

    border-radius: 0;

    border: 0;

    color: #fff;

    height: 30px;

    width: 30px;

    border: none;

    position: relative;

    left: -35px;

    vertical-align: top;

    cursor: pointer;

    text-indent: -99999px;

    

}



header .btn-header {

    background-color: #e48945;

    background-image: url(images/icon-mag.png);

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: 10px center;

    border-radius: 5px;

    display: block;

    float: right;

    font-family: 'BebasNeue';

    font-size: 1.2em;

    color: #fff;

    height: 30px;

    line-height: 30px;

    padding: 0 10px 0 30px;

    margin: 10px 0 0 10px;

    transition: all 0.5s ease 0s;

}



header .btn-header.btn-resp {display: none;}



header .btn-header:hover {

    background-color: #262626;

}



header .btn-header#mag {

    background-color: #70BA94;

    background-image: url(images/icon-mag.png);

}



header .btn-header#mag:hover {

    background-color: #262626;

}



header .btn-header#subscribe {

    background-image: url(images/icon-subscribe.png);

}



header .social-header {

    display: block;

    float: right;

    margin-top: 5px;

    height: 30px;

    width: 30px;

    text-align: center;

}



header .social-header i{

    font-size: 1.5em;

    color: #2d2d2d;

    position: relative;

    top: 4px;

    transition: all 0.5s ease 0s;

}



header .social-header:hover i {

    color: #e48945;

}

/*Menu*/



header nav {

    display: block;

    height: 33%;

    margin: auto;

    position: relative;

    float: left;

    width: 75%;

}



header nav ul {

    list-style-type: none;

    display: inline-block;

    float: right;

}



header nav ul li {

    display: block;

    float: left;

    margin: 0;

}



header nav ul li a {

    color: rgb(38, 38, 38);

    display: block;

    font-size: 0.95em;

    font-weight: bold;

    padding: 0.35em 0.55em;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}



header nav ul li a:hover, header nav ul .current-menu-item a,

header nav ul .current-menu-ancestor a {

    color: #e48945;

}



#burger {

    color: rgb(38,38,38);

    overflow: hidden;

    display: none;

    position: absolute;

    float: left;

    margin-top: 5px;

    transition: all 0.5s ease 0s;

    opacity: 1;

    z-index: 100000;

    bottom: 5px;

    width: 30px;

}



header.clicked #burger {

    color: #e48945;

}



#burger i {

    position: relative;

    transition: all 0.5s ease 0s;

    cursor: pointer;

    font-size: 30px;

    left: 1px;

}



#burger i:hover {

    color: #e48945;

}



/* ------------------ FRONT --------------------------- */



.wrap-une {

    position: relative;

    height: 450px;

    width: 100%;

}



.wrap-une#single{

    height: 125px;

}



.wrap-une ul li {

    list-style: none;

    margin: 0;

    min-height: 450px;

}



.wrap-une .container {

    color: #fff;

}



.wrap-une .container .title {

    font-family: 'BebasNeue';

    text-transform: uppercase;

    font-size: 2.8em;

    background: rgba(38,38,38,0.7);

    display: inline-block;

    padding: 0 0.5em;

    margin: 25px 0;

}



.wrap-une .container .content-une {

    background: rgba(38,38,38,0.7);

/*

    width: 76%;

    padding: 2% 22% 2% 2%;

*/

    width: calc(98% - 300px);

    padding: 2% 300px 2% 2%;

}



.wrap-une .container .content-une.full {

    width: calc(98% - 100px);

    padding: 2% 100px 2% 2%;

}



.content-une #stamp {

    display: block;

    float: right;

    margin-top: -17px;

    position: relative;

}



.wrap-une .container h2{

    font-family: 'BebasNeue';

    text-transform: uppercase;

    font-size: 2.25em;

    line-height: 1em;

}



.wrap-une .container a {

    color: #fff;

}



.wrap-une .container p{

    font-size: 1em;

}



.wrap-une .container #thumb{

    width: 200px;

    height:200px;

    position: absolute;

    right: 50px;

    top: 75px;

    text-align: center;



}



.wrap-une .container .content-une.full #thumb{

    width: 50px;

    right: 2%;

}



.wrap-une .container #thumb .picto-thumb{

    width: 45px;

    height: 45px;

    background-color: #fff;

    position: absolute;

    display: block;

    border-radius: 10px;

    transform:rotate(45deg);

    transition: all 0.5s ease 0s;

}



.wrap-une .container #thumb .picto-thumb img{

    transform: rotate(-45deg);

    top: 28%;

    left: 28%;

    width: auto;

    height: auto;

    min-width: auto;

}



.wrap-une .container #thumb .picto-thumb#camera img {

    width: 60%;

    height: auto;

    left: 22%;

    top: 24%;

}



.wrap-une .container #thumb .picto-thumb#plus {

    left: -10px;

    top: -20px;

}



.wrap-une .container .content-une.full #thumb .picto-thumb#plus {

    left: 0;

    top: 40px;

}



.wrap-une .container #thumb #plus.picto-thumb:hover {

    background-color: #262626;

}



.wrap-une .container #thumb .picto-thumb#camera {

    left: -45px;

    top: 15px;

}



.wrap-une .container .content-une.full #thumb .picto-thumb#camera {

    left: 0;

    top: 100px;

}



.wrap-une .container #thumb #wrap-thumb {

    background-color: rgb(52, 52, 52);

    border: 3px solid rgb(52, 52, 52);

    border-radius: 30px;

    display: block;

    height: 100%;

    overflow: hidden;

    transform: rotate(45deg);

    transform-origin: center center 0;

    vertical-align: middle;

    width: auto;

}



.wrap-une .container #thumb #wrap-thumb img {

    height: 270px;

    position: relative;

    transform: rotate(-45deg);

    transform-origin: 28% 60% 0;

    transition: all 0.5s ease 0s;

    width: auto;

    z-index: auto;

}



.wrap-une .container #thumb #wrap-thumb:hover img {

    height: 150%;

}



.list-une {

    display: block;

    max-width: 1300px;

    width: 100%;

    height: 125px;

    background: #fff;

    position: relative;

    margin: auto;

    margin-top: -125px;

    

}



.bloc-une {

    display: block;

    float: left;

    width: calc(20% - 40px);

    height: 100%;

    padding: 0 20px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

    cursor: pointer;

}



.bloc-une::before {

    display: block;

    content: "";

    display: block;

    width: 0px;

    height: 0px;

    border-left: 17px solid transparent;

    border-right: 17px solid transparent;

    border-bottom: 17px solid transparent;

    position: absolute;

    top: -17px;

    transition: all 0.5s ease 0s;

}



#single .bloc-une::before {

    display: none;

}



.bloc-une:hover, .bloc-une.active {

    background: #262626;

}



.bloc-une:hover::before, .active.bloc-une::before {

    border-bottom: 17px solid #262626;

}



.bloc-une:hover h2, .bloc-une.active h2{

    color: #fff;

}



.bloc-une h2 {

    font-size: 1.2em;

    font-family: 'BebasNeue';

    color: #626262;

    transition: all 0.5s ease 0s;

    line-height: 1em;

}



.bloc-une .tag-une {

    display: inline-block;

    background: #f5c34d;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-size: 0.75em;

    padding: 0.2em 1.5em;

    margin: 15px 0 10px;

}



.bloc-une:nth-child(2n) .tag-une {

    background: #70ba94;

}



.wrap-une .bx-wrapper {

    background: none!important;

    border: none!important;

    box-shadow: none!important;

    margin: 0!important;

}



.wrap-une .bx-wrapper, .bx-viewport {

    height: 100%!important;

}



.wrap-une .bx-wrapper li img {

    display: block;

    height: 100%;

    position: absolute;

    width: auto;

    z-index: -1;

    max-width: none;

}





/*BLOCS*/



.wrapper {

    width: 100%;

/*    height: 80%;*/

    height: 800px;

    position: relative;

    clear: both;

} 



.wrapper#wrapper2 .content {

    top: 5%;

}



#dark {

    background: #262626;
    height: 311px;


}



.content {

    display: block;

    position: relative;

    width: 50%;

    height: 90%;

    float: left;

    top: 5%;

}







.entry, .entry2 {

    display: block;

    height: 48%;

    width: 48%;

    border-radius: 20px;

    float: left;

    overflow: hidden;

    position: relative;

    background: #262626;

    margin: 1%;

    cursor: pointer;

}

#dark .entry {
    height: 98%;
}





.entry h3 {

    font-family: 'BebasNeue';

    font-size: 1.4em;

    margin: 0 0 5px;

    padding-top: 8px;

    line-height: 1em;

}



#sponsoring {

    width: calc(100% - 40px);

    padding: 4px 20px;

    color: #037240;

    font-weight: bold;

    background: #fff;

    position: absolute;

    bottom: 0;

    text-transform: uppercase;

    font-size: 0.85em;

}



.picto {

    width: 50px;

    height: 40px;

    display: block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    background-color: #262626;

    background-attachment: scroll;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    bottom: 0;

    right: 20px;

    z-index: 100;

    transition: all 0.5s ease 0s;

}



.entry .top a.picto#oeil:hover {

    background-color: #e69050;

}



.entry .top a.picto#video:hover {

    background-color: #fff;

}



#oeil { background-image: url(images/icon-oeil.png); }



#video { background-image: url(images/icon-video.png); margin-right: 55px; cursor: default;}



.picto-question {background-image: url(images/icon-video-blanc.png)!important; margin-right: 0!important;}



#rectangle #video {

    background-color: #fff;

    background-image: url("images/icon-video.png");

    margin-right: 0;

    right: 20px;

    top: 20px;

    border-radius: 10px;

    height: 50px;

}



#rectangle #video.picto-question, .picto-question {background-image: url(images/icon-video-blanc.png); background-color: #262626; top: 20px; height: 50px; border-radius: 10px;}



.bottom {

    color: #fff;

    height: 50%;

    width: calc(100% - 40px);

    padding: 10px 20px 0; 

    display: block;

}



.entry .bottom h3 a{color:#fff;}



.entry .bottom p {

    color: #b8b8b8;

    font-size: 0.8em;

}

.entry .bottom p a{color:#fff;}



.entry .bottom#beige p, .entry .bottom#vert p { color: #fff; }



.entry .top {

    height: 50%;

    overflow: hidden;

    width: 100%;

    position: relative;

}



.entry.search .top {

    height: 49%;

}



.entry .top img{

    position: absolute;

    width: 100%;

    height: auto;

    transition: all 0.5s ease 0s;

}



.entry:hover .top a img {

    width: 110%;

}





#rectangle.entry .top img{

    width: auto;

    height: 105%;

}



#rectangle.entry .top img.w100 {

    width: 105%;

    height: auto;

}



#rectangle.entry:hover .top a img {

    height: 130%;

}



#rectangle.entry:hover .top img.w100 {

    width: 130%;

    height: auto;

}



#tagarticle {

    background: #262626;

    text-transform: uppercase;

    color: #fff;

    position: relative;

    z-index: 50;

    display: block;

    float: right;

    font-size: 0.7em;

    border-radius: 5px;

    padding: 0.5em 1em;

    margin-top: 20px;

    margin-right: 10px;

    cursor: auto;

}



#date {

    background: #fff;

    font-family: 'BebasNeue';

    color: #262626;

    position: relative;

    z-index: 50;

    display: block;

    float: right;

    border-radius: 5px;

    padding: 0.15em 1em;

    margin-top: 20px;

    margin-right: 20px;

    cursor: auto;

}



#stamp {

      background: url("images/icon-groupe.png") no-repeat scroll top center;

    color: #fff;

    display: block;

    font-family: "BebasNeue";

    font-size: 1em;

/*    height: 70px;*/

    padding: 80px 5px 0;

    position: absolute;

    text-align: center;

    width: 65px;

    z-index: 100;

    top: 15px;

    left: 15px;

}

#wrapper2 #rectangle {
    height: 98%;
}
#rectangle {

    width: 48%;

    margin: 1%;

}



#vert {

    background: #70ba94;

    color: #fff;

}



#beige {

    background: #b6a87f;

    color: #fff;

}



.entry .categorie {

    text-transform: uppercase;

    color: #fff;

    position: relative;

    z-index: 50;

    display: block;

    background-color: rgba(112,186,148,0.6);

    position: absolute;

    bottom: 0;

    padding: 20px;

    font-family: 'BebasNeue';

    font-size: 2em;

    width: calc(100% - 40px);

    margin: auto;

}



.entry .categorie#fourchette {

    background-color: rgba(112,186,148,0.6);

}



.entry .categorie#groupe {

    background-color: rgba(182,168,127,0.6);

}



.entry .categorie span {

    background-image: url('images/icon-fourchette2.png');

    background-position: left center;

    background-attachment: scroll;

    background-repeat: no-repeat;

    display: block;

    float: left;

    height: 75px;

    width: 85px;

}



.entry .categorie#fourchette span{

    background-image: url('images/icon-fourchette2.png');

}



.entry .categorie#groupe span{

    background-image: url('images/icon-groupe.png');

}





.entry .more {

    font-family: 'BebasNeue';

    font-size: 1.25em;

    background: #fff;

    border-radius: 5px;

    padding: 0.1em 0;

    width: auto;

    position: relative;

    text-align: center;

    margin: 50px auto;

    display: block;

    transition: all 0.5s ease 0s;

    padding: 5px;

}



.entry .more:hover {

    background: #262626;

}



.entry #vert .more { 

    color: #70ba94;

    margin: 20px auto;

}



.entry #beige .more { color: #b6a87f; }



.pub {

/*    background: url("images/pub.jpg") no-repeat scroll;*/

    clear: both;

    width: 100%;

    height: auto!important;

    border-radius: 20px;

    position: relative;

    padding: 50px 0 50px 0;

    z-index: 99999;

    cursor: pointer;

}



.pub#pub2{

  padding: 50px 0 0 0;

}



.pub #closed-pub {

    height: auto;

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

    opacity: 1;

    transition: all 0.5s ease 0s;

    z-index: 0;

}



.pub.hover #closed-pub {

    opacity: 0;

    position: absolute;

    height:0;

}



.pub #open-pub {

    height: 0;

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    opacity: 0;

    transition: all 0.5s ease 0s;

    z-index: 1;

}



.pub.hover #open-pub {

    opacity: 1;

    height: auto;

    position: relative;

}



.pub img {

    width: 100%;

    height: auto;

    border-radius: 20px;

}



#cross {

    background: url('images/icon-croix.png') scroll no-repeat center;

    width: 30px;

    height: 30px;

    display: block;

    position: absolute;

    z-index: 1000;

    right: 20px;

    top: 20px;

    opacity: 0.8;

    transition: all 0.5s ease 0s

}



#cross:hover {

    opacity: 1;

}



.pub #open-pub iframe {

    width: 100%;

    height: 730px;

}



.entry-long {

    height: 98%;

}



.ouinon_faux, .ouinon_vrai,
.entry#faux, .entry#vrai {

    padding-top: 65px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    height: 50%;

}

#ouinon .btn_container {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center; 
}
#ouinon .btn_container a.btn {
    font-size: 1.1em;
    font-family: 'BebasNeue';
    color: #fff;
    background: #262626;
    padding: 0.2em 1em;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.5s ease 0s;
}
#ouinon .btn_container a.btn:hover {
    background: #fff;
    color: #262626;
}
.ouinon_faux #video, .ouinon_vrai #video ,
#faux.entry #video, #vrai.entry #video {

    background-color: rgb(255, 255, 255);

    border-radius: 10px;

    height: 50px;

    position: absolute;

    right: 20px;

    top: 20px;

    margin: 0;

    width: 50px;

}



.ouinon_faux #video, 
#faux.entry #video  {background-image: url("images/icon-video.png")}



.ouinon_vrai #video,
#vrai.entry #video {background-image: url("images/icon-video-vert.png")}



.ouinon_vrai , 
.entry#vrai {

    background: #70ba94 url('images/icon-ouimais.png') no-repeat scroll 20px 20px / 65% auto;

    color: #fff;

    transition: all 0.5s ease 0s; 
}



.ouinon_faux, 
.entry#faux {

    background: #e69050 url('images/icon-noncar.png') no-repeat scroll 20px 20px / 65% auto;

    color : #fff;

    transition: all 0.5s ease 0s;
}



.ouinon_vrai:hover, .ouinon_faux:hover, 
.entry#vrai:hover, .entry#faux:hover {

   background-color: #646464; 

}


.entry#faux h2, .entry#vrai h2, .entry#faux h3, .entry#vrai h3, .entry#faux p, .entry#vrai p, #chronique.entry #image-chronique, #chronique.entry h3, #chronique.entry p,
.ouinon_faux h2, .ouinon_vrai h2, .ouinon_faux h3, .ouinon_vrai h3, .ouinon_faux p, .ouinon_vrai p, #chronique.entry #image-chronique, #chronique.entry h3, #chronique.entry p {

    width: calc(100% - 40px);

    margin: auto;

}



.ouinon_faux h2, .ouinon_vrai h2 {

    font-family: 'BebasNeue';

    font-size: 1.3em;

    margin: 15px auto 0;
    padding-bottom: 15px;
    line-height: 1em;

}
.entry#faux h2, .entry#vrai h2 {

    font-family: 'BebasNeue';

    font-size: 1.3em;

    margin-top: 15px;

    line-height: 1em;

}




.ouinon_faux h3, .ouinon_vrai h3 , .entry#faux h2, .entry#vrai h2 {

    padding-top: 0;

}



.ouinon_faux h3, .ouinon_vrai h3, 
.entry#chronique h3, .entry#questions h3 {

    font-family: 'BebasNeue';

    font-size: 1.3em;

}



.ouinon_faux a , .ouinon_vrai a,
.entry#faux a , .entry#vrai a{

    color: #fff;

}



.ouinon_faux a.btn, .ouinon_vrai a.btn,
.entry#faux a.btn, .entry#vrai a.btn  {

    background-color: #fff;

    border-radius: 5px;

    padding: 5px 0;

    color: #262626;

    display: block;

    width: calc(100% - 40px);

    margin: 10px auto 0;

    font-family: 'BebasNeue';

    text-transform: uppercase;

    text-align: center;

    font-style: 1.25em;

    transition: all 0.5s ease 0s;

}



.ouinon_faux a.btn:hover, .ouinon_vrai a.btn:hover,
.entry#faux a.btn:hover, .entry#vrai a.btn:hover {

    background-color: #262626;

    color: #fff;

}





.entry#chronique p, .ouinon_faux p, .ouinon_vrai p, .entry#chiffres p, .entry#chiffres strong,
.entry#chronique p, .entry#faux p, .entry#vrai p, .entry#chiffres p, .entry#chiffres strong{


    font-size: 0.9em;

    display: block;

}



.entry#chronique{

    background: #b6a87f;

    float: right;

    color: #626262;

    cursor: default;

}
#first-black .entry#chronique{
    background: #fff;
}

#first-black .entry#chronique h3{
    font-size: 2.6em;
}

#mix .entry#chronique{

    background: #000;

    float: left;

    color: #626262;

}



.entry#chronique h2{

    font-family: "BebasNeue";

    color: #262626;

    font-size: 3.3em;

    line-height: 0.8em;

    margin: 15px 20px;

    padding-top: 15px;

    transition: all 0.5s ease 0s;

}



.entry#chronique a:hover h2 {

    color: #646464;

}



.entry#chronique h2::before{

    content: "";

    display: block;

    float: left;

    background: url('images/icon-coq.png') no-repeat scroll;

    background-size: 100% auto;

    width: 80px ;

    height: 77px;

    margin-right: 15px;

    position: relative;

    top: -11px;

}



#chronique .bdc-subtitle {

    background-color: rgb(38, 38, 38);

    color: rgb(255, 255, 255);

    font-weight: bold;

    padding: 2px 0;

    text-align: center;

    text-transform: uppercase;

    clear: both;

}



.entry#chronique #wrap-champslibre {

    /*background: rgba(0,0,0,0.03);*/

    width: 100%;

    padding: 15px 0;

    cursor: pointer;

}



#chronique.entry #champslibre {

    background: rgba(0, 0, 0, 0) url("images/logo-champslibrepng.png") no-repeat scroll center center / auto 100%;

    display: block;

    height: 80px;

    width: 100%;

}



.entry#chronique #wrap-champslibre a:last-child {

    background: #262626 none repeat scroll 0 0;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    font-family: "BebasNeue";

    font-size: 1.1em;

    padding: 0.2em 1em;

    margin: 5px 0 0 20px;

    transition: all 0.5s ease 0s;

}



.entry#chronique #wrap-champslibre a:last-child:hover {

    background: #57af64;

}



.entry#chronique #image-chronique{

    display: block;

    height: 15%;

    overflow: hidden;

}



.entry#chronique #image-chronique img{

    width: 100%;

    height: auto;

}



#chronique.entry .widget {

    

    margin-top: 20px;

    padding: 10px 30px 0;

}



.entry#chronique .widget li {

    font-size: .9em;

    padding: 5px 0;

}



.entry#chronique .widget a{

    text-transform: uppercase;

    font-size: 1.5em;

    color: #70BA94;

    font-family: "BebasNeue";

    margin: auto;

    transition: all 0.5s ease 0s;

}



.entry#chronique .widget a:hover{

    color: #262626;

}



.entry-large {

    width: 98%;

}



.entry#chiffres{

    background: #b6a87f;

    color: #fff;

    cursor: default;

}



.entry#chiffres h2 {

    font-family: 'BebasNeue';

    font-size: 6em;

    padding: 40px 20px 0;

    width: calc(40% - 40px);

    float: left;

    text-align: center;

}



.entry#chiffres h2 a {

    color: #fff;

}



#chiffres.entry h2 small {

    display: block;

    font-size: 0.25em;

    line-height: 1;

    padding: 0;

    width: 100%;

}



#chiffres.entry #txt-chiffres {

    display: block;

    padding: 60px 20px 0 0;

}



.entry#chiffres #txt-chiffres p.source {

    margin-top: 10px;

    font-size: .8em;

}



.entry#chiffres #txt-chiffres p.source > a {

    font-weight: bold;

    color: #fff;

}



.entry#chiffres #txt-chiffres p.source > a:hover {

    background-color: transparent;

    color: #000;

}



.entry#chiffres #txt-chiffres > a {

    background-color: #fff;

    border-radius: 5px;

    padding: 0.2em 1em;

    color: #262626;

    display: inline-block;

    margin: 10px auto 0;

    font-family: 'BebasNeue';

    text-transform: uppercase;

    text-align: center;

    font-style: 1.25em;

    transition: all 0.5s ease 0s;

}



.entry#chiffres #txt-chiffres > a.plus {

    background-color: #262626;

    color: #fff;

}



.entry#chiffres #txt-chiffres a:hover {

    background-color: #262626;

    color: #fff;

}



.entry#chiffres #txt-chiffres > a.plus:hover {

    color: #262626;

    background-color: #fff;

}



#cont-chiffre {

    padding: 30px 0;

    overflow: hidden;

}



/* Page chiffres du jour */



.page #chiffres.entry {

    min-height: 180px;

    transition: all 0.5s ease 0s;

}



.page #chiffres.entry:hover {

    background-color: #CDBB8A;

}



.page #chiffres.entry h2 {

    font-size: 5.5em;

    width: calc(35% - 40px);

}



.page #chiffres.entry h2 a {

    color: rgb(255, 255, 255);

    font-size: .8em;

    transition: all 0.5s ease 0s;

}



.page #chiffres.entry:hover h2 a {

    color: #000;

}



.page #chiffres.entry #txt-chiffres {

    display: inline-block;

    float: right;

    width: 60%;

}



.page #chiffres.entry #txt-chiffres a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: rgb(255, 255, 255);

    font-family: "Roboto",sans-serif;

    font-size: 0.8em;

    margin: 0;

    padding: 0;

    text-align: left;

    text-transform: none;

}



.page #chiffres.entry #txt-chiffres a p {

    font-size: 1em;

}



.page #chiffres.entry #txt-chiffres .source {

    line-height: 0.9;

    margin-bottom: 15px;

}



/* Questions de fond */



.entry#questions{

    background: #f5c34d;

    color: #fff;

}





.entry#questions h2 {

    padding: 20px 20px 0;

    text-align: center;

    font-size: 2.3em;

    font-family: 'BebasNeue';

    line-height: 1em;

}



.entry#questions h3 {

    padding: 20px;

}



.entry#questions p {

    color: #626262;
    padding: 0 20px;
    font-size: 0.87;
    text-align: center;

}



.entry#questions h2 #logo-question{

    display: block;

   background: url('images/icon-qdefond2.png') no-repeat scroll center;

    width: 100%;

    height: 100px;

    margin-bottom: 20px;

}



.entry#questions a {

    font-size: 1.1em;

    font-family: 'BebasNeue';

    color: #fff;

    background: #262626;

    padding: 0.2em 0.3em;

    border-radius: 5px;

    display: inline-block;

    transition: all 0.5s ease 0s;

}



.entry#questions a:hover {

    background: #fff;

    color: #262626;

}



#breves {

    background: #ededed;

    border-radius: 20px; 

    position: relative;

}



#breves h2{

    font-family: 'BebasNeue';

    font-size: 3.8em;

    padding: 0 20px;

    text-align: center;

    margin-top: 20px;

}



#breves h2 a {

    color: #70BA94;

    transition: all 0.5s ease 0s;

}



#breves h2 a:hover {

    color: #000;

}



#breves .bx-wrapper{

    width: calc(100% - 80px);

    padding: 10px 40px;

    border: 0;

    box-shadow: none;

    margin: 0;

    background: none;

    float: left;

    

}



#breves .bx-wrapper a h3 {

    font-family: 'BebasNeue';

    font-size: 1.4em;

    color: #626262;

    margin-top: 15px;

    transition: all 0.5s ease 0s;

}



#breves .bx-wrapper a:hover h3 {

    color: #E48945;

}



#breves .bx-wrapper p {

    font-size: 0.9em;

    color: #444;

}



/* ------------------ SINGLE --------------------------- */



.wrap-une#single .bx-wrapper li img {

    display: block;

    max-width: inherit!important;

    position: relative;

    z-index: auto;

}



#single-chiffre h1 span {

    color: #B6A87F;

}



.breadcrumbs {

    font-family: 'BebasNeue';

    font-size: 1.3em!important;

    color: rgba(38,38,38,0.2)!important;

    display: inline-block;

    margin-bottom: 10px;

}



.breadcrumbs a{

    font-family: 'BebasNeue';

    font-size: 1em!important;

    color: rgba(38,38,38,0.2)!important;

    font-weight: normal!important;

}



.breadcrumbs a:hover {

    color: rgba(38,38,38,1)!important;

} 



.container.single .tag {

    font-size: 0.75em;

    font-weight: bold;

    color: #fff;

    background: #262626;

    text-transform: uppercase;

    border-radius: 5px;

    padding: 0.3em 1em;

    margin-right: 10px;

    display: inline-block;

    vertical-align: 3px;

}



.container.single .tag.vrai {background:#70ba94;} 

.container.single .tag.faux {background:#e69050;} 



.container.single {

    max-width: 1000px;

    padding-top:50px;

    padding-bottom: 50px;

}



.container.single h1 {

    font-family: 'BebasNeue';

    font-size: 4em;

    color: #000;

    clear: both;

    margin: 20px 0;

    line-height: 1em;

}



.container.single #image-entete {

    border-radius: 10px;

    background: #262626;

    overflow: hidden;

}



.container.single #image-entete img{

    width: 100%;

    height: auto;

}



.container.single #image-entete p {

    color: #fff;

    font-size: 0.8em;

    font-style: italic;

    padding: 10px 20px;

}



.container.single #txt-entete {

    color: rgb(98, 98, 98);

    font-size: 1.4em;

    font-style: italic;

    line-height: 1.3em;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.container.single #author {

    background-color: rgba(176,176,176,0.2);

    position: relative;

    height: 60px;

    margin: 50px 0;

    border-radius: 10px;

}



#author .wrap-losange {

    display: block;

    float: left;

    width: 40px;

    height: 40px;

    transform: rotate(45deg);

    overflow: hidden;

    border-radius: 5px; 

    top: 10px;

    position: relative;

}



.wrap-losange#avatar {

    margin: 0 20px;

}



#author .wrap-losange img{

    display: block;

    transform: rotate(-45deg);

    height: 150%;

    width: auto;

    transform-origin: 20% 60%;

}



.container.single #author p{ 

    color: #b0b0b0;

    font-size: 16px;

    float: left;

    line-height: 60px;

}



.container.single #author p strong{

    color: #262626;

    font-family: 'BebasNeue';

    font-size: 1.4em;

}



.container.single p {

    text-align: justify;

    padding: 10px 0;

}



.container.single p, .container.single li {

    color: rgb(38, 38, 38);

    font-size: 1.2em;

    line-height: 1.5em;

}



.container.single #author #commenter {

    background: #f5c34d;

    color: #262626;

    border-radius: 10px;

    display: block;

    float: right;

    padding: 5px 15px;

    margin: 16px 20px 0 5px;

    font-size: 0.88em;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}



.container.single #author #commenter:hover {

    background: #262626;

    color: #f5c34d;

}



.container.single #author #share {

    float: right;

    margin-right: 15px;

}





.container.single #author .addtoany_list {

    float: right;

    margin-top: 15px;

}



.container.single #author .addtoany_list a {

    margin: 0 10px 0 0;    

}



.container.single #author .addtoany_list a span {

    background: #262626!important;

    transition: all 0.5s ease 0s;

    transform: rotate(45deg);

} 



.container.single #author .addtoany_list a:hover span {

    background: #f5c34d!important;

    opacity: 1;

} 



.container.single #author .addtoany_list a span svg {

    transform: rotate(-45deg)!important;

}



.container.single .video-wrapper {

    position: relative;

    padding-bottom: 56.25%; /* 16:9 */

    padding-top: 25px;

    height: 0;

    margin-bottom: 50px;

}



.container.single .video-wrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.container.single h2 {

  /*  font-family: 'BebasNeue';

    font-size: 2.5em;

    color: #70ba94;

    text-transform: uppercase;

    margin: 30px 0;*/

	    font-size: 1.3em;

    text-transform: uppercase;

    color: #70ba94;

    font-weight: bolder;

    margin: 15px 0;

}



.container.single h3 {

    font-size: 1.2em;

    text-transform: uppercase;

    color: #000;

    font-weight: bolder;

    margin: 15px 0;

}



.container.single h4 {

    font-size: 1em;

    text-transform: uppercase;

    color: #000;

    font-weight: bolder;

    margin: 15px 0;

}



.container.single blockquote {

    border-radius: 16px;

    font-style: italic;

    margin-bottom: 22px;

    padding: 15px 40px 15px 150px;

    width: auto;

    background: #ECEBEC url("images/quote.png") no-repeat scroll 55px center;

}



.container.single blockquote p {

    font-size: 1.0em;

}



.container.single .encadre {

    border: 2px solid rgb(228, 137, 69);

    margin: 20px 30px;

    padding: 15px 40px;

}



.container.single .encadre p {

    color: rgb(228, 137, 69);

    font-size: 1.0em;

}



.container.single ul, .container.single ol {

    margin: 25px 0 25px 75px;

}



.container.single ul li{

    list-style: none;

    list-style-image: url('images/puces.png');

}



.container.single strong{

    font-weight: bold;

}



.container.single a {

    color: #e48945;

    font-weight: bold;

    transition: all 0.5s ease 0s;

}



.container.single a:hover {

    color: #b0b0b0;

}



.container.single hr {

    clear: both;

    margin-top: 70px;

}



.container.single #conclusion {

    padding: 50px;

    background: #262626;

    clear: both;

    margin: 30px 0 ;

}



.container.single #conclusion h2{

    color: #fff;

    margin: 0 0 15px 0;

}



.container.single #conclusion p{

    color: #b2b2b2;

    font-style: italic;

}



.container.single #sponso {

    padding: 10px 20px;

    background-color: #ECEBEC;

    margin-top: 15px;

    overflow: hidden;

    clear: both;

}



.container.single #sponso p {

    display: inline-block;

    font-size: 0.98em;

    line-height: 28px;

    padding: 0;

}



.container.single #sponso a {

    background: rgb(245, 195, 77) none repeat scroll 0 0;

    border-radius: 10px;

    color: #343434;

    display: block;

    float: right;

    font-size: 0.88em;

    padding: 5px 15px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}



.container.single #sponso a:hover {

    background: #343434;

    color: rgb(245, 195, 77);

}



/* Related posts */



#other{

    background: #272727;

    width: 100%;

    padding: 50px 0;

}



#other .content{

    margin-bottom: 50px;

}



#other h2 {

    color: #fff;

    font-family: "BebasNeue";

    font-size: 3.5em;

    margin:0 0 30px 0;

    text-transform: uppercase;

}



#other .yuzo_related_post .relatedthumb {

    border-radius: 15px;

    margin: 5px 1%;

    padding: 0;

    max-width: 22%;

}



#other .relatedthumb .yuzo-img {

    max-height: 150px;

    transition: all 0.5s ease 0s;

    -webkit-background-size: 115% auto !important;

    background-size: 115% auto !important;

}



#other .relatedthumb:hover .yuzo-img {

    -webkit-background-size: 130% auto !important;

    background-size: 130% auto !important;

}



#other .yuzo__text--title {

    font-family: "bebasneue";

    font-size: 1.2em !important;

    padding: 6px 20px 10px;

    display: block;

    line-height: 1;

} 



#other .yuzo_related_post.style-1 .yuzo_text {

    display: block;

    font-size: 0.8em !important;

    padding: 0 20px 12px;

}



/* AGENDA */



#page-251 .bg-page {

    background-attachment: scroll;

    background-image: url("images/photos/bg-agenda.jpg");

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 100% auto;

    display: block;

    height: auto;

    padding-top: 150px;

}



#page-251 .bg-page .container {

    background: rgb(255, 255, 255) none repeat scroll 0 0;

    box-sizing: border-box;

    overflow: hidden;

    padding: 20px 150px 70px;

    position: relative;

    top: auto;

}



.entry.search .timely.ai1ec-excerpt {

    color: rgb(255, 255, 255);

}



.ai1ec-btn, .ai1ec-calendar-toolbar {

    background-color: rgb(237, 237, 237);

    background-image: none;

    border: 0 solid rgba(0, 0, 0, 0.1);

    margin-bottom: 30px;

}



.ai1ec-dropdown-toggle {

    font-family: "BebasNeue";

    font-size: 22px;

}



.ai1ec-pagination a.ai1ec-btn-default.ai1ec-btn {

    background-color: rgb(237, 237, 237);

    border: 0 none;

}



.ai1ec-agenda-view {

    margin: 20px 0 26px;

}



.ai1ec-agenda-view .ai1ec-date, .ai1ec-agenda-widget-view .ai1ec-date {

    background: rgb(237, 237, 237) none repeat scroll 0 0;

    border-radius: 10px;

    border-top: 0 dotted rgb(214, 214, 214);

    margin: 10px 0 15px;

    padding: 4px;

}



.ai1ec-agenda-view .ai1ec-event {

    border: 0;

}



.ai1ec-agenda-view .ai1ec-event .ai1ec-event-title {

    color: rgb(112, 186, 148);

    font-family: "BebasNeue";

    font-size: 16.5pt;

    font-weight: normal;

}



.ai1ec-agenda-view .ai1ec-date-title, .ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-week-view .ai1ec-week .ai1ec-event-container, .ai1ec-oneday-view .ai1ec-oneday .ai1ec-event-container {

    background-color: rgb(255, 255, 255);

    border: 0 none;

}



.ai1ec-agenda-widget-view .ai1ec-day, .ai1ec-agenda-view .ai1ec-day {

    font-family: "bebasneue";

    font-size: 2.3em;

}



.ai1ec-read-more.ai1ec-btn.ai1ec-btn-default.ai1ec-load-event {

    background-color: rgb(228, 137, 69);

    border: medium none rgba(0, 0, 0, 0);

    color: rgb(255, 255, 255);

    font-family: "bebasneue";

    font-size: 1.2em;

    transition: all 0.5s ease 0s;

}



.ai1ec-read-more.ai1ec-btn.ai1ec-btn-default.ai1ec-load-event:hover {

    background-color: #343434;

}



.ai1ec-agenda-view .ai1ec-event-description {

    font-family: 'roboto', sans-serif;

    font-size: 10pt;

    line-height: 1.5em;

    margin-top: 9px;

}



.ai1ec-event-details-ready .addtoany_share_save_container {

    clear: both;

    display: none;

    margin: 16px 0;

}



.ai1ec-event-details-ready .ai1ec-col-sm-3 {

    min-width: 80px;

    width: auto;

}



.ai1ec-single-event .ai1ec-actions .ai1ec-btn {

    background-color: rgb(255, 165, 0);

    border: 0 none;

    color: #E48945;

    font-size: 12px;

    text-align: left;

}



/* Page neweletter */



#page-18947 .single .mailpoet_form {

    background-color: #EDEDED;

    padding: 20px 40px;

    border-radius: 15px;

    max-width: 600px;

    margin: 20px auto;

    text-align: center;

}



#page-18947 .single .mailpoet_text {

    border: 0 none;

    border-radius: 10px;

    box-sizing: border-box;

    color: rgb(116, 116, 116);

    display: block;

    font-family: "Roboto";

    font-size: 1.3em;

    padding: 10px 30px;

    width: 100%;

}



#page-18947 .single .mailpoet_form .mailpoet_submit {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #E48945;

    border: 0;

    border-radius: 10px;

    font-family: 'bebasneue', sans-serif;

    padding: 10px 20px;

    color: #fff;

    font-size:  1.8em;

    cursor: pointer;

    margin: 5px auto 0;

    transition: all 0.5s ease 0s;

}



#page-18947 .single .mailpoet_form .mailpoet_submit:hover {

    background-color: #343434;

}



/* COMMENTAIRE */



.container.single ul.comment-list {

    margin: 0;

}



.comments-area h2.comments-title, #respond h3  {

    font-size: 3.5em;

    color: #262626;

    font-family: 'BebasNeue';

}



.container.single .comments-area ul li {

    margin-bottom: 75px;

    clear: both;

    color: inherit;

    font-size: inherit;

    line-height: inherit;

    list-style: none;

}





.comments-area li .comment-body{

    height: 100%;

    min-height: 100px;

    background: #efefef;

    border-radius:10px;

    position: relative;

    border-bottom-right-radius: 0;

}



.comments-area li .comment-author{

    position: relative;

    float: right;

    border-radius: 10px;

    overflow: hidden;

    width: 100px;

    height: 100px;

    transform:rotate(45deg);

    margin-right: 35px;

    z-index: 50;

}



.comments-area li .comment-author img{

    transform: rotate(-45deg);

    height: 150%;

    width: auto;

    transform-origin: 20% 60%;

}



.comments-area li .comment-author .fn, .comments-area li .comment-author .says{

    display: none;

}



.comments-area li .comment-meta{

    float: left;

    background: #70ba94;

    width: 100px;

    height: 100%;

    min-height: 100px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    position: absolute;

}



.comments-area li .comment-meta a {

    color: #fff;

    display: block;

    font-family: "BebasNeue";

    font-size: 2em;

    text-align: center;

    cursor: default;

    padding-top: 11px;

}



.comments-area li .comment-meta a:hover {

    color: #fff;

}



.comments-area li .comment-meta .comment-edit-link {

    cursor: pointer;

    background: url('images/icon-crayon.png') no-repeat scroll bottom;

    background-size: auto 200%;

    width: 15px;

    height: 15px;

    display: block;

    padding: 0;

    position: absolute;

    left: 80px;

    bottom: 5px;

    text-indent: -999999999px;

    transition: none;

}



.comments-area li .comment-meta .comment-edit-link:hover {

    background-position: top;;

} 



.comments-area li .reply a {

    background: #262626 none repeat scroll 0 0;

    bottom: -17px;

    color: #fff;

    font-size: 0.7em;

    right: 00px;

    padding: 2px 5px;

    position: absolute;

    text-transform: uppercase;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    font-weight: normal;

}



.comments-area li .reply a:hover {

   background: #646464;

    color: #fff;

}



.comments-area li .comment-body p{

    

    font-size: 1em;

    color: #717171;

    padding: 10px 170px 10px 120px;

}



.comments-area .children {

    width: 95%;

    float: right;

}



.comments-area .children li{

    margin: 50px 0;

}



#commentform label {

    color: #262626;

    font-family: "BebasNeue";

    font-size: 1.5em;

    display: block;

    margin: 30px 0 10px 0;

}



#commentform input {



    background: #efefef;

    border: none;

    color: #262626;

    font-family: "Roboto", sans-serif;

    box-sizing: border-box;

    padding: 20px;

    height: auto;

    margin: 0!important;

    border-radius: 10px;

    margin-bottom: 20px;



}



#commentform .comment-form-comment  {

    float: right;

    width: 60%;

}



#commentform .comment-form-comment textarea{

    width: 100%;

    background: #efefef;

    border: none;

    color: #262626;

    font-family: "Roboto", sans-serif;

    box-sizing: border-box;

    padding: 20px;

    border-radius: 10px;

    margin-bottom: 20px;

    height: 315px;

}



#commentform .form-submit {

    margin-top: 30px;

}



.form-submit #submit {

    background: #70ba94;

    color: #fff;

    font-family: 'BebasNeue';

    font-size: 2em;

    border: none;

    border-radius: 10px;

    cursor: pointer;

    transition: all 0.5s ease;

    padding: 4px 20px 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.form-submit #submit:hover {

    background: #272727;

}



.logged-in-as + p {

    float: none!important;

}



/* ------------------ CATEGORY --------------------------- */



.entry.listing {

    width: 24%;

    height: 350px;

    margin: 0.5%;

}



.entry.listing.breves {

    background-color: #e7e7e7;

    transition: all 0.5s ease 0s;

}



.entry.listing.breves:hover {

    background-color: #d7d7d7;

}



.entry.listing.breves a h3 {

    color: #70BA94;

    transition: all 0.5s ease 0s;

    font-size: 1.8em;

}



.entry.listing.breves a:hover h3 {

    color: #E58F4F;

}



.entry.listing.breves a {

    display: block;

    padding: 20px 30px;

}



.entry.listing.breves p {

    color: rgb(52, 52, 52);

    font-size: 0.9em;

    padding-top: 20px;

}



.entry.listing#rectangle {

    height: 550px;

    width: 24%;

    margin: 0.5%;

}



.entry.listing#rectangle .top {

    height: 50%;

}



.entry.listing#rectangle .bottom {

    height: 50%;

}



.entry.listing#faux, .entry.listing#vrai {

    height: 250px;

    cursor: pointer;

}



.entry.listing#vrai:hover, .entry.listing#faux:hover {

   background-color: #262626; 

}



.entry.listing#faux h3 , .entry.listing#vrai h3{

    font-size: 1.5em;

    padding-top: 20px;

}



.entry.listing#faux span , .entry.listing#vrai span{

    width: 85%;

    margin-top: 10px;

    font-family: "BebasNeue";

    font-size: 1.5em;

    margin-top: 15px;

    display: block;

    margin: auto;

}



.entry.listing .bottom#b-questions {margin-top: 20px;}

.entry.listing .categorie#questionsfond {background: rgba(38,38,38,0.5);}

.entry.listing .categorie#questionsfond a {color: #fff;}

.entry.listing .bottom .more.jaune {background: #f5c34d; color: #fff; margin: 30px auto;}

.entry.listing .bottom .more.jaune:hover {background: #fff; color: #f5c34d;}



.entry.listing.chronique .categorie {background: rgba(255,255,3255,0.5); color: #262626;}

.entry.listing.chronique .categorie a {color: #262626;}

.entry.listing.chronique .bottom .more.jaune {background: #fff; color: #262626;}

.entry.listing.chronique .bottom .more.jaune:hover {background: #646464; color: #fff;}



.bg-page {

    height: 500px;

    width: 100%;

    display: block;

    background-image: url('images/photos/bg1.jpg');

    background-size: 100%;

    background-attachment: scroll;

    background-position: top center;

    background-attachment: scroll;

    background-repeat: no-repeat;

    position: relative;

}



#page-25890 .bg-page .container h1 {

    background: rgb(255, 255, 255) url("images/logo-champslibrepng.png") no-repeat scroll right -12px / auto 90px;

}



#page-159 .bg-page {

    background-image: url('images/photos/bg-vraifaux.jpg');

    background-position: center center;

}



#page-fourche.bg-page {

    background-image: url('images/photos/bg-fourche.jpg');

    background-position: center center;

}



#page-question.bg-page {

    background-image: url('images/photos/questionsdefond.jpg');

    background-position: center center;

}



#page-question, #page-fourche {

    min-height: 565px;

}



.bg-page .container {

    background: #fff;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 20px 150px 0px 150px;

    box-sizing: border-box;

    -o-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    overflow: hidden; 

}



.bg-page h1 {

    font-size: 4.4em;

    color: #262626;

    font-family: 'BebasNeue';

    text-transform: uppercase;

    line-height: 1em;

}



.bg-page em {

    font-size: 1.4em;

    color: #646464;

    

    text-transform: uppercase;

}



.controls {

    background: rgb(230, 144, 80) none repeat scroll 0 0;

    margin-top: 12px;

    overflow: auto;

    padding: 20px;

    position: relative;

    text-align: center;

}



.controls .button, .controls button {

    background: rgb(255, 255, 255) none repeat scroll 0 0;

    border: medium none;

    border-radius: 5px;

    color: rgb(38, 38, 38);

    cursor: pointer;

    display: inline-block;

    font-size: 0.6em;

    font-weight: bold;

    margin-right: 7px;

    margin-top: 7px;

    padding: 0.5em;

    position: relative;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}



.controls .button:hover, .controls button:hover {

    background: #262626;

    color: #fff;

}



.controls h2 {

    font-family: 'BebasNeue';

    font-size: 2.5em;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 5px;

    line-height: 1em;

}



.controls#fourche {

    background: #70ba94;

}



.controls#ctrl-questions {

    background: #f5c34d;

}



#ctrl-chiffre h2 {

    margin-bottom: 0;

}



.controls.chronique {

    background: #262626;

    padding-top: 50px;

}



.controls form {

    clear: both;

    padding-top: 20px;

    text-align: center;

}



.controls form label, .controls form input {

    display: inline-block;

    vertical-align: middle;

}



.controls form label {

    text-transform: uppercase;

    font-family: 'BebasNeue';

    color: #fff;

    font-size: 2em;

    margin-top: 10px;

}



.controls form input[type="text"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #fff;

    border-radius: 10px;

    color: #aaa;

    padding: 10px;

    border: 0;

    text-align: left;

    min-width: 400px;

    font-size: 1em;

    font-family: "Roboto", sans-serif;

}



.controls form input[type="submit"] {

    background-color: #000;

    color: #fff;

    border: 0;

    padding: 10px 20px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 10px;

    font-family: 'BebasNeue';

    font-size: 1.25em;

    cursor: pointer;

    margin-left: 10px;

}



.controls form input[type="submit"]:hover {

    background-color: #fff;

    color: #262626

}



#mix.container {

    padding: 50px 0;

    overflow: auto;

}



#page-97 .controls {background: #e69050;}

#page-54 .controls {background: #70ba94;}



/* PAGINATION */



.page-numbers {

    clear: both;

    text-align: center;

    padding-top: 40px;

}



.page-numbers li {

    display: inline-block;

    vertical-align: middle;

}



.page-numbers a, .page-numbers span {

    color: #343434;

    padding: 5px 10px;

    border-radius: 3px;

    transition: all 0.5s ease 0s;

}



.page-numbers a:hover {

    color: #E69050;

}



.page-numbers span.current {

    background-color: #70BA94;

    color: #fff;

    font-weight: bold;

}



/* ------------------ CONTACT --------------------------- */*



.controls#contact {



}



.controls#contact h2{

    margin-bottom: 0;

}









.txt-contact {

    width: 40%;

}



div.wpcf7 {

    

}



form.wpcf7-form {

    width: 50%;

    float: right;

}



.wpcf7-form input, .wpcf7-form textarea{

    font-family: "Roboto", sans-serif;

    background: #efefef;

    border: none;

    border-bottom: 0px solid #70ba94;

    color: #fff;

    width: calc(100% - 40px);

    margin-bottom: 20px;

    padding: 10px 20px;

    transition: all 0.5s ease 0s;

}



.wpcf7-form textarea {

    height: 150px;

}



.wpcf7-form input:focus, .wpcf7-form textarea:focus {

    border-bottom: 5px solid #262626;



}



.wpcf7-form label {

    font-family: 'BebasNeue';

    color: #262626;

    font-size: 1em;

}



.wpcf7-form .wpcf7-submit {

    background: #70ba94;

    color: #fff;

    font-family: 'BebasNeue';

    font-size: 1.5em;

    line-height: 1.5em;

    border: none;

    transition: all 0.5s ease 0s;

    cursor: pointer;

    border-radius: 15px;

    padding: 0 40px;

    display: block;

    width: auto;

    margin: auto;

}



.wpcf7-form .wpcf7-submit:focus, .wpcf7-form .wpcf7-submit:hover {

    background: #262626;

    border: none;

}



/* ------------------ CATEGORY --------------------------- */



.entry.search {

    height: 350px;

}



.container#cont-search {

    padding:  50px 0;

    overflow: auto;

}



/* ------------------ Abonnement --------------------------- */



.controls#abonnement {

    background: #70ba94;

}



#wpcf7-f151-p152-o1 .wpcf7-form {

    float: none;

    margin: auto;

}



/* ------------------ ERROR --------------------------- */



h1#error {

    text-align: center;

    font-size: 6em;

    color: #e69050;



}



h1#error small{

   display: block;

    font-family: "Roboto", sans-serif;

    color: #70ba94 ;



}



/* ------------------ SEARCH --------------------------- */



.controls#search {

    background: #f5c34d;

}



h3#sorry {

   

    font-size: 4em;

    color: #262626;

    font-family: "BebasNeue";

    margin: 50px 0;

}



h3#sorry small{

   display: block;

    font-family: "Roboto", sans-serif;

    color: #262626 ;



}



/* ------------------ FOOTER --------------------------- */



footer {

    background: #ededed;

    clear: both;

}



#top-footer {

    background: #262626;

    clear: both;

    height: 50px;

    line-height: 50px;

}



.content_top-footer {

    width: 50%;

    float: left;

    text-align: center;

    height: 100%;

}



.content_top-footer h2 {

    color: #fff;

    font-family: 'BebasNeue';

    font-size: 2em;

    height:100%;

    display: inline-block;

    vertical-align: top;

    margin-right: 20px;

}



.content_top-footer .fa-stack {

    color: #70ba94;

    vertical-align: top;

    padding-top: 3px;

}



.content_top-footer .fa-stack .fa-stack-1x {

    color: #fff;

    font-size: 1.3em;

    transition: all 0.5s ease 0s;

}



.content_top-footer .fa-stack:hover .fa-stack-1x{

    color: #262626;

}



.icon_top-footer {

    display: inline-block;

    background-image: url('images/icon-newsletter.png');

    background-attachment: scroll;

    background-position: center;

    background-repeat: no-repeat;

    height: 100%;

    width: 50px;

    vertical-align: middle;

}



#foot-news .mailpoet_form {
    display: inline-block;
}



 #foot-news .mailpoet_paragraph {

    display: inline-block;

}



#foot-news .mailpoet_text {

    border: 1px solid rgb(228, 137, 69);

    border-radius: 5px 0 0 5px;

    color: rgb(85, 85, 85);

    padding: 5px 10px 5px;

    -webkit-appearance: none;

    -moz-appearance:none;

    appearance: none;

    min-height: 17px;

}



#foot-news .mailpoet_form .mailpoet_submit {

    background-color: rgb(228, 137, 69);

    border: 0 none;

    border-radius: 0 5px 5px 0;

    color: rgb(255, 255, 255);

    display: inline-block;

    font-family: "BebasNeue";

    font-size: 17px;

    margin-left: -5px;

    margin-top: 0;

    padding: 3px 10px 3px;

    cursor: pointer;

    transition: all 0.5s ease 0s;

    -webkit-appearance: none;

    -moz-appearance:none;

    line-height: normal;

    appearance: none;

}



#foot-news .mailpoet_form .mailpoet_submit:hover {

    background-color: #CD5900;

}

#foot-news .mailpoet_validate_success,
#foot-news .mailpoet_validate_error { position: absolute; }


#foot-news .formError {

    top: 40px !important;

}



#foot-news .formError .formErrorContent {

    margin-left: -160px;

    border: 0;

    border-radius: 10px;

    line-height: 2;

}



#follow { background-image: url('images/icon-suiveznous.png'); }



aside {

    clear: both;

    overflow: auto;

    margin: 40px 0 20px;

}



aside #nav_menu-2{

    background: #70ba94;

    font-family: 'BebasNeue';

    color: #fff;

    border-radius: 10px;

    margin-bottom: 40px;

}



aside #nav_menu-2 ul{

    display: block;

    height: 70px;

    width: 100%;

}



aside #nav_menu-2 ul li{

    display: block;

    float: left;

    margin: 0;

    list-style: none;

    background-image: url('images/icon-actu.png');

    background-attachment: scroll;

    background-position: 10% bottom;

    background-repeat: no-repeat; 

    transition: all 0.5s ease 0s;

    width: 16.65%;

    text-align: center;

    height: 70px;

}



aside #nav_menu-2 a {

    color: rgb(255, 255, 255);

    display: block;

    font-size: 1.2em;

    height: 70px;

    line-height: 20px;

    padding: 25px 5% 0 40%;

    text-align: left;

    transition: all 0.5s ease 0s;

    width: 55%;

}



aside #nav_menu-2 ul li:hover{

    background-position: 10% top;

}



aside #nav_menu-2 li:hover a{

    color: #262626;

}



aside #nav_menu-2 ul li#menu-item-225 a { padding: 15px 5% 0 40%; }



aside #nav_menu-2 ul li#menu-item-62 { background-position: 20% bottom;}

aside #nav_menu-2 ul li#menu-item-62 a{ padding-left: 50%; width: 45%;}

aside #nav_menu-2 ul li#menu-item-62:hover{background-position: 20% top;}



aside #nav_menu-2 ul li#menu-item-225 { background-image: url('images/icon-frouche.png');}

aside #nav_menu-2 ul li#menu-item-63 a {

    line-height: normal;

    padding: 11px 10% 11px 40%;

    height: auto;

    width: 50%;

}



aside #nav_menu-2 ul li#menu-item-192 { background-image: url('images/icon-vraifaux.png'); background-position: 20% bottom;}

aside #nav_menu-2 ul li#menu-item-192 a{ padding-left: 50%; width: 45%;}

aside #nav_menu-2 ul li#menu-item-192:hover{background-position: 20% top;}



aside #nav_menu-2 ul li#menu-item-191 { background-image: url('images/icon-question.png'); background-position: 5% bottom;}

aside #nav_menu-2 ul li#menu-item-191 a{ padding-left: 35%; width: 60%;}

aside #nav_menu-2 ul li#menu-item-191:hover{background-position: 5% top;}



aside #nav_menu-2 ul li#menu-item-293 { background-image: url('images/icon-agenda.png'); background-position: 25% bottom;}

aside #nav_menu-2 ul li#menu-item-293 a{ padding-left: 50%; width: 45%;}

aside #nav_menu-2 ul li#menu-item-293:hover{background-position: 25% top;}



aside #nav_menu-2 ul li#menu-item-61 { background-image: url('images/icon-contact.png'); background-position: 25% bottom;}

aside #nav_menu-2 ul li#menu-item-61 a{ padding-left: 50%; width: 45%;}

aside #nav_menu-2 ul li#menu-item-61:hover{background-position: 25% top;}







aside .widget_tag_cloud, aside .widget_text {

    width: 49%;

    display: block;

    position: relative;

    float: left;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

}



aside .widget_tag_cloud h3, aside .widget_text h3{

    background: #262626;

    font-family: 'BebasNeue';

    font-size: 1.25em;

    color: #fff;

    padding: 0.5em 2em;

}



aside .widget_tag_cloud .tagcloud, aside .widget_text .textwidget {

    padding: 1em 2em;

}





aside .widget_tag_cloud a{

    font-size: 0.75em!important;

    color: #626262;

    transition: all 0.3s ease 0s;

}



aside .widget_tag_cloud a:hover{

    font-size: 0.75em!important;

    color: #e69050; 

}





aside .widget_tag_cloud a::before{

    content: "•";

    color: #e69050;

    display: block;



    position: relative;

    display: inline-block;

    font-size: 1.75em;

    vertical-align: middle;

    width: 10px;

}



aside .widget_tag_cloud a.tag-link-position-1::before{

    display: none;

}



aside .widget_tag_cloud {

    margin-right: 2%;

}



#list-footer {

    display: block;

    clear: both;

    text-align: center;

    margin-bottom: 20px;

}



#list-footer li{

    display: inline-block;

    background: url('images/puces-footer.png') no-repeat scroll left center;

    opacity: 0.5;

}



#list-footer li:first-child {

    background:none;

}



#list-footer a{

    font-family: 'BebasNeue';

    font-size: 1.25em;

    color: rgba(98,98,98,1);

    padding: 0 0 0 10px;

    display: inline-block;

    transition: all 0.3s ease 0s;

}



#list-footer li:hover{

    opacity: 1;

    

}



#bottom-footer {

    background: #fff;

    font-size: 0.75em;

    text-align: center;

    color: #2d2d2d;

    padding: 1.5em ;

    clear: both;

}



#bottom-footer a {

    color: #e69050;

    transition: all 0.5s ease 0s;

}



#bottom-footer a:hover {

    color: #b0b0b0;

}



.juiz_last_tweet_inside {background: #fff;}

.juiz_last_tweet_inside .juiz_last_tweet_tweetlist {padding: 0;}

div.juiz_last_tweet_inside .juiz_lt_content a { font-weight: bold; color: #70ba94; transition: all 0.5s ease;}

div.juiz_last_tweet_inside .juiz_lt_content a:hover { color: #b0b0b0;}

.juiz_last_tweet_inside .juiz_lt_content { line-height: 1.5em; font-size: 13px; border-bottom: 2px solid #ededed; padding-bottom: 15px;}

.juiz_last_tweet_inside .juiz_last_tweet_footer_item {display: none;}



.juiz_last_tweet_inside .juiz_last_tweet_item + .juiz_last_tweet_item {padding-top: 15px;}



/* =Images

------------------------------*/





/* Images */

.alignleft {

    float: left;

}



.alignright {

    float: right;

}



.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.clearleft {

    clear: left;

}



div.wp-caption.alignleft,

figure.wp-caption.alignleft,

img.alignleft, .single table[align="left"] {

    margin: 20px 20px 20px -60px;

}



figure.wp-caption.alignright,

div.wp-caption.alignright,

img.alignright, .single table[align="right"] {

    margin: 20px -60px 20px 20px;

}



img.aligncenter {

    margin: 5px auto;

}



img.alignnone {

    margin: 5px 0;

}



.wp-caption .wp-caption-text, .entry-caption, .gallery-caption,

.single table td .legende {

    color: #b0b0b0!important;

    font-size: 1em!important;

    font-style: normal;

    line-height: normal!important;

}



div.wp-caption.alignright img[class*="wp-image-"] {

    float: right;

}



.container.single .wp-caption .wp-caption-text {

    padding: 10px;

    clear: both;

    text-align: left;

}



img.wp-smiley,

.rsswidget img {

    border: 0;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}



.wp-caption.alignleft + ul,

.wp-caption.alignleft + ol {

    list-style-position: inside;

}



/*********************************

        RESPONSIVE

*********************************/



@media screen and (min-width: 1800px) {

    .wrap-une .bx-wrapper li img {

        min-width: 100%;

    }

}



@media screen and (max-width: 1400px) {

    /*header*/

    .container, .list-une { max-width: inherit; width: 90%;}

    header #logo {background-size: 95% auto;}

    header #header-quote {width: 75px;}

    header nav ul li a {font-size: 0.9em;}

    

    .bloc-une {width: calc(25% - 40px); }

    .post-4 {display: none;}

    

    /*bloc actus*/

    #tagarticle{clear: both; margin-top: 5px; margin-right: 20px;}

    .entry .categorie span {height: 100px;}

    

    #chronique.entry h2::before {width: 70px;}

    #chronique.entry h2 {font-size: 2.35em;}

        

    /*page*/

    .controls form input[type="text"] {min-width: 300px;}

    

    /*footer*/

    aside #nav_menu-2 ul li#menu-item-63{background-position: 2% bottom;}

    aside #nav_menu-2 ul li#menu-item-63:hover{background-position: 2% top;}

    aside #nav_menu-2 ul li#menu-item-63 a {padding: 11px 5% 11px 35%; width: 60%;}

    aside #nav_menu-2 a {font-size: 1.1em;}

}



@media screen and (max-width: 1280px) {

	

	a#asia{ height: 130px;}

	

    /*header*/

    .menu-menu-principal-container {position: relative; text-align: center;}

    

    header #logo {width: 20%; height: 70%; background-size: 90% auto; background-position: center;}

    header #top-nav {height: 75%; width: 80%;}

    header nav {height: 25%; width: 100%;}

    header nav ul {float: none;}

    header #top-nav::after {left: -30%}

    header nav ul li a {font-size: 0.95em; padding: 0.3em 0.5em;}

    header h1, header .slogan { width: 27%; font-size: 1em; padding-top: 25px;}

    header #header-quote {width: 55px; background-size: 70% auto; background-position: center 45%;}

    

    .wrap-une .container .content-une {padding: 2% 250px 2% 2%; width: calc(98% - 250px);}

    .wrap-une .container #thumb{height: 175px; width: 175px; right: 40px;}

    .wrap-une .container #thumb #wrap-thumb {border-radius: 20px;}

    .wrap-une .container #thumb #wrap-thumb img { height: 235px; }

    .wrap-une .container #thumb #camera.picto-thumb {top: 10px;}

    .wrap-une .container #thumb #plus.picto-thumb {top: -25px;}

    .entry .top img { width: 120%; height: auto;}

    .entry:hover .top a img { width: 130%; height: auto;}





    

    /*bloc actus*/



    .entry .categorie span {height: 75px; float: none; width: 100%; background-position: center;}

    .picto, #rectangle #video {height: 40px; width: 40px; background-size: 60% auto; right: 15px;}

    #video {margin-right: 45px;}

    #sponsoring{font-size: 0.70em; width: calc(100% - 30px); padding: 4px 15px;}

    .bottom{width: calc(100% - 30px); padding: 0 15px;}

    #date, #tagarticle {margin-right: 15px;}

    

    .ouinon_faux h2, .ouinon_vrai h2, .ouinon_faux h3, .ouinon_vrai h3, .ouinon_faux p, .ouinon_vrai p, #chronique.entry #image-chronique, #chronique.entry h3, #chronique.entry p { width: calc(100% - 30px)!important;}

    #faux.entry a.btn, #vrai.entry a.btn {width: calc(100% - 30px);}

    #vrai.entry, #faux.entry { background-position: 15px 20px;}

    #chronique.entry h2 { margin: 15px; font-size: 2.05em;}

    #chronique.entry h2::before {margin-right: 10px; width: 60px;}

    #chronique.entry #champslibre {background-size: auto 70%;}

    .menu-liens-blogs-amis-container a{ width: calc(100% - 30px); padding: 0.5em 15px;}

    #chronique.entry #wrap-champslibre a:last-child {margin-left: 15px;}

    

    .entry#questions h2 { padding: 5% 15px 0; font-size: 2em;}

    .entry#questions p {padding-right: 15px;}
    

    #chiffres.entry #txt-chiffres {padding: 20px 15px 0 0;}

    #chiffres.entry h2 {font-size: 5em; padding: 20px 15px; width: calc(40% - 30px);}

    

    #breves h2{padding: 0 15px; width: calc(20% - 30px);}



    /*page*/

    .controls form input[type="text"] {min-width: 200px;}

    .bg-page {background-size: 115% auto;}

    .bg-page h1 {font-size: 4em;}

    .bg-page em {font-size: 1.2em;}

    #rectangle #video.picto-question {height: 40px; right: 15px;}

    

    #faux.entry #video, #vrai.entry #video { right: 15px; width: 40px; height: 40px; }

    #faux.entry, #vrai.entry {padding-top: 55px;}

    

    /*footer*/

    aside #nav_menu-2 ul li#menu-item-63 a {padding: 0 5% 0 40%;width: 55%;}

    aside #nav_menu-2 ul li {background-size: 30% auto;}

    

/*

    aside #nav_menu-2 a {width: 100%!important; padding-left: 10px!important; padding-right: 10px!important; text-align: center; padding-top: 45px!important;}

    

    aside #nav_menu-2 ul li {background-position: center -66px!important;}

*/

}



@media screen and (max-width: 1200px) {

	

	a#asia{ height: 110px;}

    #questions.entry p {

        font-size: 0.9em;

    }

}



@media screen and (max-width: 1160px) {



div.wp-caption.alignleft,

figure.wp-caption.alignleft,

img.alignleft, .single table[align="left"] {

    margin: 20px 20px 20px 0px;

}



figure.wp-caption.alignright,

div.wp-caption.alignright,

img.alignright, .single table[align="right"] {

    margin: 20px 0px 20px 20px;

}



}





@media screen and (max-width: 1024px) {

	a#asia{ height: 95px;}

    /*menu*/

    header { background: rgb(255, 255, 255) url("images/trait.png") no-repeat scroll -3% 80px; }

    header #logo { height: 55%; }

    header #burger {display: block;}

    header nav {visibility: hidden; position: absolute; bottom: -40px; z-index: 10000; height: auto; top: 140px; left: -150%; transition: all 0.5s ease 0s;}

    header nav ul {display: block;}

    header nav ul li {float: none;}

    header nav ul li a {color: #fff; background: #262626; padding: 15px 30px;}

    header nav ul li a:hover {background: #fff;}

    header .menu-menu-principal-container {text-align: left;}

    header.clicked nav { visibility: visible; left: 0;}

    header {overflow:inherit;}

    header h1, header .slogan {width: 45%;}

    header #logo {width: 180px; background-position: left center;}

    header #top-nav {height: 100%; width: calc(100% - 180px);}

    header #top-nav::after {display: none;}

    header .btn-header{clear: left; margin-top: 5px;}

    header #header-quote {height: 70%;}

    header #searchform input#s {min-width: inherit; width: 80px;}

    .social { float: right;}

    header #searchform {clear: right;}

    header #top-nav::after {left: -200px;}



    /*blocs actus*/

    .wrapper {height: 1200px;}

    .entry, #rectangle{ width: 98%;}

    .entry {height: 24%;}


    #dark { height: 530px; }

    #dark .content {width: 100%; height: auto; top: 0;}

    #vrai.entry, #faux.entry {width: 49%; height: 48%; margin: 0.5%;}

    #chronique.entry { margin: 0.5%;}

    #chronique.entry h2::before {top: -21px;}

    #breves, #chiffres, #questions {top: auto; overflow: hidden; clear: both; height: 24%; float: none; position: relative;}

    #breves h2 {font-size: 3em; }

    #dark {padding-top: 5%;}

    #questions.entry h2 #logo-question {margin-bottom: 10px; background-size: auto 75%;height: 64px;}

    #ouinon .btn_container {display: none;}
    .ouinon_vrai {
        background: #70ba94 url(images/icon-ouimais.png) no-repeat scroll 20px 20px / 55% auto;
    }
    .ouinon_faux {
        background: #e69050 url(images/icon-noncar.png) no-repeat scroll 20px 20px / 55% auto;
    }
    /* related posts */

    #other .yuzo_related_post .relatedthumb { min-width: 46%; width: 46% !important; max-width: auto; }

    #other .relatedthumb .yuzo-img { width: 100% !important; }

    #first-black .entry#chronique {
        margin-bottom: 20px;
    }

    #wrapper2 #rectangle {
        height: 49%;
    }
    /*page*/

    .bg-page {background-size: auto 110%;}

    .bg-page .container {padding-left: 50px; padding-right: 50px;}

    .entry.listing, #rectangle.entry.listing {width: 48%;}

    .entry.listing {height: 300px;}

    #rectangle.entry.listing {height: 500px;}

    #faux.entry, #vrai.entry {padding-top: 80px;}

    #share {display: none;}

    

    /*footer*/

    aside #nav_menu-2 ul li, aside #nav_menu-2 ul li#menu-item-225, aside #nav_menu-2 ul li#menu-item-192, aside #nav_menu-2 ul li#menu-item-191, aside #nav_menu-2 ul li#menu-item-293, aside #nav_menu-2 ul li#menu-item-61 {background-image: none;}

    

    aside #nav_menu-2 a, aside #nav_menu-2 ul li#menu-item-225 a, aside #nav_menu-2 ul li#menu-item-62 a, aside #nav_menu-2 ul li#menu-item-192 a, aside #nav_menu-2 ul li#menu-item-191 a, aside #nav_menu-2 ul li#menu-item-293 a, aside #nav_menu-2 ul li#menu-item-61 a {width: calc(100% - 20px); padding: 26px 10px; height: auto;}

    

    aside #nav_menu-2 a {text-align: center; font-size: 1em;}

    

    aside #nav_menu-2 ul li#menu-item-225 a {padding-top: 15px;}

    

    /*agenda*/

    #page-251 .bg-page .container {padding-left: 50px; padding-right: 50px;}

    #foot-news .wysija-input { width: 80px; }

}



@media screen and (max-width: 800px) { 

    /*header*/

	a#asia{ height: 75px;}

    .post-3 {display: none;}

    .bloc-une { width: calc(33.33% - 40px);}

    header h1, header .slogan {width: auto; padding-top: 10px; float: none; margin-right: 50px;}

    header #header-quote {background-position: center 22%;}

    header #searchform {clear: none;}

    .social {display: none;}

    header #searchform { margin-right: -14px; }

    header #searchform input#searchsubmit { left: auto; width: 50px; background-position: left center; }

    header #searchform input#s { margin-right: -40px;}

    header .btn-header {font-size: 1.1em;}

    

    #vrai.entry, #faux.entry {background-size: 55% auto; padding-top: 9%;}

    

    #questions.entry h2 #logo-question {margin-bottom: 10px; background-size: auto 75%; width: 70%;margin: 0 auto;}

    #questions.entry p {font-size: 0.9em;}

    

    #chronique.entry h2::before {top: 0px;}

    

    #breves h2 {float: none; width: calc(100% - 30px); height: auto; width: auto; padding-top: 10px; margin: 0;}

    #breves .bx-wrapper {width: calc(100% - 80px); padding-top: 0}

    #breves .bx-wrapper h3{margin-top: 0;}



    #breves .bx-wrapper p {font-size: 0.8em; }



    /* related posts */

    #other .yuzo_related_post .relatedthumb { min-width: 100%; width: 100% !important; margin-bottom: 20px; }

    #other .relatedthumb .yuzo-img { width: 100% !important; }

    

    /*single*/

    .container.single #author #commenter {clear: both; float: left; margin-left: 20px; margin-right: 40px;}

    .container.single #author .addtoany_list {float: left;}

    .container.single #author {height: auto; min-height: 140px;}

    .bg-page em {font-size: 1em;}

    .bg-page h1 {font-size: 3.4em;}

    .controls h2 {font-size: 2em;}

    .controls form label {font-size: 1.5em;}

    .controls form input[type="text"] {padding: 5px 10px; width: 110px; min-width: inherit; margin-bottom: 5px;}

    .controls form input[type="submit"] {padding: 5px 10px;}

    .form-submit #submit { font-size: 1.7em; }

    

    aside #nav_menu-2{display: none;}

    

    .content_top-footer {width: 100%;}

    #top-footer {height: auto; overflow: auto; padding: 10px 0;}

    .icon_top-footer {height: 38px;}

}



@media screen and (max-width: 700px) { 

	a#asia{ background:url(images/salon2.jpg) center top no-repeat; height: 123px;  background-size: 100%; }

    header #searchform input#s {width: 134px;}

    header .btn-header {display: none;}

    header .btn-header.btn-resp {display: block;}

    header h1, header .slogan {margin-right: 0;}

    .wrap-une {
        height: 340px;
    }
    .wrap-une .container .content-une {
        padding: 2% 190px 2% 2%;
        width: calc(98% - 200px);
    }
    .wrap-une .container .content-une h2 {font-size: 1.5em;}
    .wrap-une .container .content-une p {display: none;}
    .list-une {display: none;}
    .wrap-une .container #thumb {
        height: 130px;
        width: 130px;
    }
}



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

	a#asia{ height: 103px; }

    header #searchform label {display: none;}

    header #header-quote {width: 53px;}



    .breadcrumbs { margin-top: 10px; }

    /*bloc actus*/

    .content {width: 100%; top: 0; height: auto; }

    .entry, #rectangle {width: 100%; margin: 20px 0 0; }

    .entry#rectangle .top img { width: 120%; height: auto;}

    .entry#rectangle:hover .top a img { width: 130%; height: auto;}

    .entry .top { min-height: 120px; }

    .entry .bottom { padding: 15px; }

    .entry .categorie { padding: 0 20px }

    .entry .categorie span { margin: 0 20px 0 0; display: inline-block; width: 63px; vertical-align: middle; }



    .pub { padding: 50px 0; }



    .wrapper { height: auto; overflow: hidden; }

    #wrapper2 { padding: 30px 0; }



    #dark.wrapper { height: auto; padding: 40px 0; }

    #dark .content { float: none; height: auto; top: auto; }

    #dark .content .entry { margin: 10px auto; height: auto; }



    #chronique.entry { width: 100%; padding-bottom: 20px; }

    #chronique.entry h2 { padding: 20px 30px 10px; }

    #chronique.entry h2::before { margin-top: -21px; }

    #chronique.entry #wrap-champslibre { text-align: center; }

    #menu-liens-blogs-amis li { border-bottom: 1px solid rgb(231, 231, 231); }

    #menu-liens-blogs-amis li:last-child { border: 0; }

    .menu-liens-blogs-amis-container a { padding: 7px 35px; width: auto; }



    #vrai.entry, #faux.entry { padding: 50px 20px 20px; background-position: 34px 20px; }



    #questions.entry { padding: 0 30px 20px; width: auto; }

    #questions.entry h2 { float: none;  width: auto; height: auto; font-size: 3em; padding: 10px 20px 0; }

    #questions.entry h2 #logo-question { width: 80px; height: 80px; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}

    #questions.entry h3 { padding: 20px 0 0; }

    

    #dark .content #chiffres.entry { padding: 0 30px 20px; width: auto; margin-bottom: 20px;}

    #chiffres.entry h2 { width: auto; float: none; font-size: 4em; padding: 10px 0 0; text-align: left; }

    #chiffres.entry h2 small { font-size: 1em; display: inline; }

    #chiffres.entry #txt-chiffres { padding: 0; }

    #chiffres.entry #txt-chiffres > a { margin-top: 20px; }



    #breves { height: auto; top: auto; margin: 10px auto; }

    #breves .bx-wrapper { float: none; }

    .ouinon_vrai {
        background: #70ba94 url(images/icon-ouimais.png) no-repeat scroll 20px 20px / 45% auto;
    }
    .ouinon_faux {
        background: #e69050 url(images/icon-noncar.png) no-repeat scroll 20px 20px / 45% auto;
    }
    .entry#chronique #wrap-champslibre {
        /* background: rgba(0,0,0,0.03); */

        padding: 0;

    }
    /*single*/

    .container.single h1 { font-size: 3em; }

    .container.single p, .container.single li {font-size: 1em;}

    .container.single #author { min-height: auto; overflow: hidden; padding: 10px 20px; }

    .container.single #author #avatar { display: none;}

    .container.single #author p { float: left; font-size: 14px; line-height: normal; }

    .container.single #author #commenter { clear: none; margin: 5px; float: right; }

    .container.single #author .addtoany_list { clear: both; display: block; float: none; text-align: center; }

    

    /*cat*/

    .bg-page, #page-251 .bg-page { background-image: none; height: auto; padding: 0; }

    .bg-page .container, #page-251 .bg-page .container { width: auto; position: relative; }

    .entry.listing, #rectangle.entry.listing {width: 100%; margin: 1% 0;}

    #vrai.entry, #faux.entry {width: 100%; margin: 1% 0; background-size: auto 18%; padding-top: 50px;}

    

    /* Other */

    #other { padding: 50px 0 0; }

    #other h2 { font-size: 2.3em; text-align: center; }

    #other .content { margin: 0px; }

    #other .content .entry { margin-bottom: 20px; }



    /*Comments*/

    .comments-area h2.comments-title, #respond h3  { font-size: 3em; }

    #commentform .comment-form-comment { float: none; width: auto; }

    #commentform .comment-form-comment textarea { height: 150px; margin-bottom: 0; }

    #commentform .comment-form-author label { margin-top: 0; }

    .container.single #author { text-align: left; }

    #commentform label { margin: 10px 0; }

    #commentform input { padding: 10px 20px; }



    /*contact*/

    .txt-contact {width: 100%;}

    form.wpcf7-form {width: 100%; margin-top: 20px;}

    

    /*footer*/

    aside .widget_tag_cloud, aside .widget_text {width: 100%; margin-right: 0;}

    

    aside .widget_tag_cloud {margin-bottom: 20px;}

}



@media screen and (max-width: 500px) {

	a#asia{ height: 93px;  }

    header h1, header .slogan {display: none;}

    header #header-quote {display: none;}

    header #searchform input#s {height: 28px;}

    header #searchform {margin-top: 15px;}

    header #logo {width: 150px; background-size: 100% auto;}

    header #top-nav {width: calc(100% - 150px);}

    header #top-nav::after {left:-160px;}

    

    #questions.entry h2 { font-size: 2.7em; }

    #questions.entry h2 #logo-question { width: 70px; height: 70px; }



    /*single*/

    .container.single #author p {clear: both; text-align: center; float: none;}

    #avatar.wrap-losange {margin: auto; float:  none;}

    .container.single #author #commenter {display: inline-block;}

    .container.single #author .addtoany_list {float: right; display: inline-block; margin-left: 20px; margin-right: 10px;}

    .container.single #author { text-align: center; }

    .container.single #author p, .container.single #author #commenter { float: none; }

    .container.single #conclusion { padding: 15px 30px; }

    .alignright, .alignleft { float: none; }

    figure.wp-caption.alignright, div.wp-caption.alignright, img.alignright, .single table[align="right"],

    figure.wp-caption.alignleft, div.wp-caption.alignleft, img.alignleft, .single table[align="left"] { margin: 20px auto; }

    .single table { width: 100%; }

    .single table .photo, .single table img { height: auto !important; width: 100% !important; }



    /* CAT */

    .bg-page .container { padding: 20px 30px 0; }

    #page-question, #page-fourche { min-height: auto; }

    .bg-page h1 { font-size: 2.7em; }

    .bg-page em { font-size: .9em; }

    .controls h2 { font-size: 1.5em; }

    .controls button { font-size: .6em; }

    .controls form label { font-size: 1.2em; }

    .controls form input[type="text"] { width: auto; }

    .controls form input[type="submit"] { margin: 5px 0 0; }

    .entry .categorie { font-size: 1.3em; }

    .entry.listing .bottom .more.jaune { margin: 20px auto; }

    .entry.listing, #rectangle.entry.listing { margin-bottom: 20px; }

    .bottom { padding: 10px 15px 0; }



    /*Chiffres */

    .page #chiffres.entry h2 { float: none; font-size: 4em; line-height: .9em; width: auto; padding: 20px 30px 10px;}

    .page #chiffres.entry h2 small { display: inline; font-size: 1em;}

    .page #chiffres.entry #txt-chiffres { display: block; float: none; padding: 0 30px 10px; width: auto; }

    .page #chiffres.entry { margin-bottom: 20px; }



    /*Breves */

    .entry.listing.breves { height: auto; margin-bottom: 20px; }



    /*Agenda */

    #page-251 .bg-page .container { padding: 20px 30px 30px }



    /* Vrai faux */

    #faux.entry.listing, #vrai.entry.listing { margin-bottom: 20px; padding-bottom: 20px; height: auto; }

    

    /* campage, fourchettes, questions */

    #rectangle.entry.listing { height: auto; margin-bottom: 20px; height: 400px; }

    #rectangle.entry.listing .bottom { padding-top: 15px; }

    .entry.listing #b-questions.bottom { margin-top: 0; }



    /*single */

    .container.single h1 { font-size: 2.3em; }

    .container.single #txt-entete { font-size: 1em; margin-bottom: 0; text-align: left; line-height: 1.5em; }

    .container.single #author { margin-top: 20px; }



}



@media screen and (max-width: 400px) {

	a#asia{ height: 73px;  }

    header #searchform {margin-top: 98px; position: absolute; right: 0;}

    header #subscribe.btn-header {margin-top: 15px }

    header .btn-header {clear: both;}

    header #searchform input#s { width: 61px;}



    .entry#rectangle:hover .top a img { width: auto; height: 130%;}

    .entry h3 { font-size: 1.3em; }

    .entry .categorie { font-size:  1.2em; }

    .entry .categorie span { width: 40px; background-size: 100% auto; margin: 0 10px 0 0; }



    #rectangle.entry .top img { height: auto; width: 100%; }

    #vrai.entry, #faux.entry { padding-top: 60px; }

    #questions.entry a { font-size: 1em; }

    #breves { padding-bottom: 10px; }

    #breves .bx-wrapper a h3 { font-size: 1em; }

    #breves .bx-wrapper p { font-size: 0.5em !important; }

    

    /*single*/

    .container.single #author {text-align: center;}

    .container.single #author p {line-height: inherit;}

    .container.single #author #commenter { display: inline-block; float: none; margin-top: 0;}

    .container.single #author .addtoany_list {float: none;}



    /* cat */

    .controls form input[type="text"] { box-sizing: border-box; width: 100%; }



    /* footer */

    #top-footer .container .content_top-footer:nth-child(2) h2 { display: block; }

    #foot-news .wysija-input { width: 120px; font-family: 'roboto'; }

}

@media screen and (max-width: 300px) {

	a#asia{ height: 53px;   }

    header #logo {width: 130px;}

    header #top-nav {width: calc(100% - 130px);}

}
#single-chiffre h2 {
    font-family: 'BebasNeue';
    font-size: 4em;
    color: #B6A87F;
    clear: both;
    margin: 0;
    line-height: 1em;
    margin-bottom: -20px;
    font-weight: 400;
}