/*
 Theme Name:     DEFI-Écologique : le blog
 Theme URI:      https://blog.defi-ecologique.com
 Description:    Thème pour le blog de DEFI-Écologique
 Author:         Grégoire Llorca
 Author URI:     https://www.marketingmalin.fr
 Template:       defi-ecologique
 Version:        1.0.0
*/

/*
Couleurs DE :
white : #fff
red : #b3323c
Orange : #ffa001
limegreen: #81a26e
gold : ffcc66
background : #f3f5f6
Light Primary : #d8ded3
Primary : #879a77
Dark Primary : #5c775b
Darkest Primary : #435643
Accent : #ffa000
Dark Accent: #cc8000
Primary text : #666
Secondary text : #444
Light text : #aaa;
Text contrast : #688B88 - 104, 139, 136
Divider color : #bdbdbd
Light divider color : #eaeaea
Lightest divider color : #f3f5f6
Hero_shot gradient : #4f1c0d - rgba(79, 28, 13, 1)

SSC : #9fc75e - 159, 199, 94
SSC - light : #e5e9e2
SSC - blog : #4fa472 - 79, 164, 114
SSC - blog - light : #ddeee4 - 79, 164, 114
SSC - ebook : #48868f - 72, 134, 143
SSC - ebook - light : #ddecee - 72, 134, 143

*/


/* DEBUG 
header,
footer,
#pre_post,
.sidebar,
.contenu,
.post_title,
.post_meta,
.question,
#contenu,
.content.post .video_div_container,
.content.post .alertelm_container ,
.content.post .apester_container ,
.content.post .intro,
.content.post .conclusion,
.content.post .cqvaa,
.content.post .guest_bio,
.content.post .encart,
.content.post .art_img,
.content.post .produits,
.content.post .onp-sl ,
.content.post h2,
.content.post h3,
.content.post h4,
.content#cta,
.content.post #influenceurs,
.content.post .tags,
.content.post .comments-area,
.content.post .articles_loop,
.content.post .quote
{
	display: none !important;
}*/

/* GESTION DES FONDS IMAGES */
.html-mobile-background {
    *background-image: url(images/hero_shot_1000x700.png);
    background: #380b23  !important;
}
/* Couleurs */
.guest_bio a,
.ebooks_loop .ebook_container a, .articles_loop .art_container a,
.lm_box h3,
.quote:hover span a, .quote blockquote:before,
#categories_menu label:before,
.archive .pagination #pages_list a,
.ssc{
	color: #4fa472;
}
.post .influenceur #social span a,
#categories_menu label:after,
#categories_loop .cat_loop:hover,
.contact_menu > li > a:hover,
.ssc_background{
	background-color: #4fa472;
}
.ssc_border{
	border-color: #4fa472 !important;
}
.ssc_background_light{
	background-color: #ddeee4;
}
.ssc_gradient{
	background: #4fa472;
    background: -webkit-linear-gradient(#5c775b, #4fa472);
    background: -o-linear-gradient(#5c775b, #4fa472);
    background: -moz-linear-gradient(#5c775b, #4fa472);
    background: linear-gradient(#5c775b, #4fa472);
}
.ssc_gradient_h{
	background: #5b765a;
	background: -moz-linear-gradient(left, #5b765a 0%, #4fa472 100%);
	background: -webkit-linear-gradient(left, #5b765a 0%,#4fa472 100%);
	background: linear-gradient(to right, #5b765a 0%,#4fa472 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b765a', endColorstr='#4fa472',GradientType=1 );
}
.cta_ssc_ghost{
	color:#4fa472  !important;
	background-color: transparent !important;
	border-color: #4fa472  !important;
}
.cta_ssc_ghost:hover{
	color:#fff !important;
	background-color: #4fa472  !important;
	border-color: #4fa472  !important;
}

footer{
	border-color: #5c775b ;
}
footer .footer_rs #rs li:hover{
	border-color: #380b23 ;
}
footer .footer_contacts address ,
footer .footer_contacts p ,
footer .footer_contacts h3,
footer #footer_navigation .footer_navigation_item li a:hover,
footer .footer_rs #rs li:hover a,
footer .footer_rs #rs li a:hover,
footer #footer_navigation .footer_navigation_item li:hover:before{
    color: #380b23;
}
footer #footer_navigation .footer_navigation_item li:before{
    color: #5c775b ;
}
#copyright {
	background-color: #5c775b ;
}
#copyright a{
	color: #ffa000;
}

	
/* HOME */
.hustle-inline{
	opacity: 1 !important;
}
.hustle_module_shortcode_wrap  .hustle-modal-close,
#home #home_form .hustle-modal-close{
	display: none !important;	
} 
#home #home_form .hustle-modal{
	margin-left: 0;
} 
#home #home_form .hustle-modal .hustle-modal-optin_form{
	padding: 0;
} 
#home #home_form .module_id_4 .hustle-modal .hustle-modal-body,
#home #home_form .module_id_4 .hustle-modal footer{
	background: none;
} 
#home #home_form .hustle-modal .hustle-gdpr-box .hustle-gdpr-content *{
	color: #fff;
}
/* TESTIMONIALS */
#testimonials{
	background: #ddeee4;
	background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
#avis_overlay{
	*background:rgba(135, 154, 119, 0.2);
}
.avis_facebook{
	display: inline-block;
	vertical-align: middle;
	margin: 1em;
}
/* MENU CATEGORIES */
#categories_menu nav {
	padding:1px;
}
#categories_menu nav .menu-categories-container {
	display: none;
}
#categories_menu label {
    display: table;
    margin: 0.5em auto;
    cursor: pointer;
    font-size: 2em;
    padding: 0 0 0 0.5em;
    border: 2px solid #4fa472;
    border-radius: 2.5em;
}  
#categories_menu label:before{
	content: "Catégories";
	color:#4fa472;
	padding-right: 0.5em;
	font-size: 0.5em;
	display: table-cell;
	vertical-align: middle;
}
#categories_menu label:after{
    content: "\f063";
    font-family: 'Font Awesome 5 Free';
    font-size: 0.7em;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    border-radius: 2.5em;
    padding: 0.4em 0.3em 0.3em 0.34em;
    font-weight: 900;
}
#categories_menu #nav_cat{
	display:none;
}
#categories_menu [type="checkbox"]:checked ~ .menu-categories-container {
	display: block;
	z-index: 999;
	position: absolute;
	right: 0px;
	left: 0%;
    padding: 0;
    height: 90vh;
	background: #fff;
}
#categories_menu [type="checkbox"]:checked ~ label:after{
    content: "\f062";
	padding: 0.3em 0.3em 0.4em 0.35em;
}
#categories_menu nav ul{
	display: block;
	position: relative;
	width: 100%;
	z-index: 9999;
	float: none;
	text-align: center;
	text-transform: uppercase;
}
#categories_menu nav ul li {
	display: block;
	width:100%;
	line-height: 3em;
	border-bottom: 1px solid rgba(79, 164, 114,0.4);
	margin: 0;
}
#categories_menu li a{
	*color: #879a77;
	transition: 200ms ease-in-out;
}
#categories_menu li a:hover{
	color: #5c775b;
}
#categories_menu li a > span{
	display: inline-block;
	vertical-align: middle;
	max-width: calc( 100% - 2em - 2px );
}
#categories_menu li a > .iso svg {
	width: 2em;
	margin-right: 2px;
}
/* BREADCRUMBS */
#breadcrumbs{
	padding: 0.25em 0.5em;
    margin: 0.5em auto;
	letter-spacing: -.015em;
	border-radius: 0.5em;
}
#breadcrumbs strong span{
	font-weight: 400;
}
#breadcrumbs a{
	color: #5c775b;
}
#breadcrumbs a:hover{
	color: #ffa000;
}
/* CTA */
#cta{
	*background: #d8ded3;
	padding: 4em 2em !important;
	color: #435643;
	max-width: 80%;
}
#cta:hover{
	background: #4fa472;
	*background: #879a77;
	color: #fff;	
}
.stripe_cta #cta{
	background: transparent;
	color: #fff;	
}
#cta h2{
	color:#435643;
	margin: 0 auto 2em;
}
#cta:hover h2,
.stripe_cta #cta h2{
	color:#fff;
}
#cta .cta_service h3{
	color:#435643;
	font-size: 2em;
}
#cta:hover .cta_service h3,
.stripe_cta #cta .cta_service h3{
	color:#fff;
}
#cta .cta_small{
	color:#5c775b !important;
	background-color: transparent !important;
	border-color: #5c775b !important;
	margin-left: 5em;
}
#cta:hover .cta_small,
.stripe_cta #cta .cta_small{
	color:#fff !important;
	background-color: transparent !important;
	border-color: #fff !important;
}
#cta:hover .cta_small:hover,
.stripe_cta #cta .cta_small:hover{
	color:#5c775b !important;
	background-color: #fff !important;
	border-color: #fff !important;
}
#cta .cta{
    margin: 4em auto 0;
}
#cta .cta_big{
    margin: 2em auto;
    min-width: 40%;
    padding: 0.5em 1em;
    font-size: 1.3em;
}
#cta #formulaire,
#cta #formulaire > .content,
#cta .mm_form{
	width: 100%;
}
#cta:hover .mm_form textarea,
.stripe_cta #cta .mm_form textarea,
#cta:hover .mm_form input,
.stripe_cta #cta .mm_form input{
	border-color: #879a77;
}
#cta:hover .mm_form input:focus,
.stripe_cta #cta .mm_form input:focus {
	border-color: #d8ded3;
}

/* GLOBAL */
/* ART IMG */
.art_img{
	display: table;
	margin: 1em auto;
	clear: both;
}
.art_img.feat_img{
	margin:0 auto;
}
.art_img figure{
	text-align: center;
	display: table;
	margin: 0 auto;
}
.art_img img{
	max-height: 450px;
	margin: 0 auto;
}
.art_img.v_img img{
	max-height: 100vh;
	margin: 0 auto;
}
.art_img figcaption{
	font-size: 0.8em;
	color: #aaa;
	font-style: italic;
	display: table-caption;
    caption-side: bottom;
	padding: 0 1%;
	line-height: 1.5;
}
.art_img .copyright {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.5;
}
.art_img .copyright:before{
	margin-right:2px;    
	font-family: 'Font Awesome 5 Free';
    font-style: normal;
	content: "\f1f9";
}
.art_img .copyright a {
	text-decoration:none;
	color: #aaa;
}
/* STATISTIQUES */
#statistiques_sponsors > .number,
#statistiques_sponsors > div{
	border-color: #4fa472 !important;
	color: #4fa472;
}
/* FIN GLOBAL */

/* SINGLE */
.single_post footer{
	margin-bottom: 2.3em;
}
/* PRE POST */
#pp_optin{
	*background: #d8ded3;
	padding: 1em;
	color: #435643;
}
#pp_optin > .content{
	min-width: 50%;
	max-width: 800px !important;
}
.wpoi-success-message {
	min-height: 180px;
	top: initial;
	bottom: -54px;
}
.post .alertelm_container .wpoi-success-message {
	height: 107px; top: -16px;
}
.hustle-modal{
	margin: 0 auto;
}
.hustle-slidein-content,
.inc_opt_slidein .hustle-modal{
	margin: 0 1.5em 1.5em auto !important;
}
.hustle-modal .hustle-modal-optin_button{
    min-width: 10em;
}
.hustle-modal .hustle-modal-optin_button button{
    font-size: 1em !important;
    width: 100% !important;
}
.hustle-modal .hustle-modal-optin_button button,
.hustle-modal form .hustle-modal-optin_field,
.hustle-modal .hustle-modal-optin_form .hustle-modal-optin_field input[type="email"] {
	height: 60px;
}
.hustle-modal-body footer{
	border-top: none;
	text-align: left;
}
.hustle-modal .hustle-gdpr-box .hustle-gdpr-content{
	padding-top: 5px;
}
#pp_optin p.note,
.post .alertelm_container p.note{
	margin-top: 0.3em;
}
.inc_opt_shortcode_wrap{
	margin: 0 auto !important;
}
.post .alertelm_container form,
#pp_optin form{
	padding: 0;
}
#pp_optin .module_id_4 .hustle-modal footer{
	background-color: #ddeee4;
}
.post .alertelm_container input,
#pp_optin input{
	border: 1px solid #879a77 !important;
	height: 100%;
}
.post .alertelm_container input:focus,
#pp_optin input:focus{
	border: 1px solid #ffa000 !important;
	outline: none;
}
.post .alertelm_container input{
	*border: 1px solid #d8ded3 !important;
	border: 1px solid #ddeee4 !important;
	height: 100% !important;
}
.post .alertelm_container form label i,
#pp_optin form label i{
	color: #ffa000;
}
.hustle-modal-close,
.hustle-button-close{
	*padding: 7px;
    background: #fff !important;
	border: 1px solid #eaeaea !important;
    display: table !important;
    margin: 0 7px 0 auto !important;
}
.hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox span[aria-hidden="true"],
.alertelm_container  .hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox span[aria-hidden=true],
#pp_optin  .hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox span[aria-hidden=true],
.hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox span{
	border: 1px solid #4fa472 !important;
	margin-top: 5px;
}
.hustle-modal .hustle-gdpr-box .hustle-gdpr-content{
	font-size: 0.7em;
	font-style: italic;
}
.wpoi-submit-failure{
    color: #fff !important;
    background-color: #b3323c !important;
    font-size: 1em !important;
}
/* POST HEAD */
#post_gradient{
	background: -webkit-linear-gradient(#5c775b, #4fa472);
    background: -o-linear-gradient(#5c775b, #4fa472);
    background: -moz-linear-gradient(#5c775b, #4fa472);
    background: linear-gradient(#5c775b, #4fa472);
	*background-size: 100% 80%;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
.post_title{
	padding: 2em 1em;
	text-align: center;
}
.post_title h1{
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: 300;
	text-transform: inherit;
	font-size: 1.5em;
}
.post_title h1 a,
.post_title h1 i,
.post_title h1 span,
.post_title h1 em{
	font-weight: 300;
}
.post_meta{
    background-image: linear-gradient(to bottom, transparent, transparent 70%, white 70%);
	background-image: -o-linear-gradient(to bottom, transparent, transparent 70%, white 70%);
	background-image: -moz-linear-gradient(to bottom, transparent, transparent 70%, white 70%);
	background-image: -webkit-linear-gradient(to bottom, transparent, transparent 70%, white 70%);
	background-image: -ms-linear-gradient(to bottom, transparent, transparent 70%, white 70%);	
    background-repeat: no-repeat;
}
.post_meta .art_img figcaption{
	padding: 2%;
}
.post_meta .content{
	background: #fff;
	color: #aaa;
	border: 1px solid #bdbdbd;
}
.post_meta .meta_box{
	border-top: 1px solid #bdbdbd;
	width: 100%;
}
.post_meta .meta_box > div{
	display: table-cell;
	vertical-align: middle;
	padding: 0.2em 5%;
}
.post_meta .meta_box > div li,
.post_meta .meta_box > div p{
	margin-bottom: 0;
}
.post_meta .meta_box a{
	color: #aaa;
	transition: 200ms ease-in-out;
}
.post_meta .meta_box a:hover{
	color: #444;
}
.post_meta .article_auteur{
	color: #666;
	margin: 1em auto;
	padding: 0 1em;
}
.post_meta .article_auteur a{
	color: #666;
}
.post_meta .misc ul{
	text-align: right;
}
.post_meta .misc i{
    margin-right: 0.2em;
}
.post_meta .date,
.post_meta .misc ul{
	font-size: 0.8em;
}
/* POST CONTENT */
.post #contenu{
	padding: 0 2%;
}
.post #post_center_content{
	max-width: 50em;
}
#post_center_content p a:hover{
	background-color: #ffa000;
	color: #fff;
}
.post.content .intro{
	margin-top: 1em;
}
.post.content .intro p,
.post.content .conclusion h2,
.post.content .conclusion li,
.post.content .intro li,
.post.content .conclusion p{
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.5;
	color: #4fa472;
}
.post.content .intro li em,
.post.content .conclusion li em,
.post.content .intro li a,
.post.content .conclusion li a,
.post.content .intro p em,
.post.content .intro p i.taxonomy,
.post.content .conclusion p em,
.post.content .conclusion p i.taxonomy,
.post.content .intro p a,
.post.content .conclusion p a{
	font-weight: 600;
}
.post.content .conclusion li p,
.post.content .intro li p{
	font-size: 1em;
}
.post.content .cqvaa{
	margin: 3em auto;
    padding: 1px 1em 1.5em;
    background: #eaeaea;
	border-radius: 1em;
}
.post.content .cqvaa h2{
	color: #4fa472;
}
.post.content .cqvaa ul{
	list-style: square;
	margin: 0.5em auto;
	color: #757575;
}
.post.content .cqvaa ul span{
	color: #263238
}
.post.content .contenu h2,
.post.content .conclusion h2{
	background: #4fa472;
	padding: 0.2em 0.4em;
	color:#fff;
    letter-spacing: 0.05em;
    font-weight: 300;
}
.post.content .contenu h3,
.post.content .conclusion h3{
	color: #4fa472;
}
.post.content .contenu h2 i,
.post.content .conclusion h2 i,
.post.content .contenu h2 em,
.post.content .conclusion h2 em{
    font-weight: 300;
}
.post.content .contenu.interview h2,
.post.content .contenu .video_div_container h2,
.post.content .contenu .encart h2{
	color: #4fa472;
	background: transparent;
    font-weight: 700;
    line-height: 1.3;
	padding: 0;
}
.post.content .contenu.interview h2 em,
.post.content .contenu .video_div_container h2 em,
.post.content .contenu .encart h2 em{
    font-weight: 700;
}
.post.content .contenu.interview h3,
.post.content .contenu .video_div_container h3{
	color: inherit;
}
.post.content .conclusion .question{
	padding: 1em;
	font-size: 0.8em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background: #eaeaea;
}
.post.content .conclusion .question > div {
	display: table-cell;
	vertical-align:top;
}
.post.content .conclusion .question img {
    border-radius: 50%;
}
.post.content .conclusion .question p {
    font-style: italic;
	font-weight: 400;
    position: relative;
	padding: 0 0.8em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	color: #666;
}
.post.content .conclusion .question span {
    text-align: right;
    display: block;
}
.post.content .conclusion .question span a{
	font-size:1.2em;
}
.post.content .conclusion .question span a i {
    margin-left: 5px;
}
.post.content .comments-area #wpcomm div.wpd-tooltip wpdtip{
	left: -120px;
}
/* POST CONTENT TABLES */
.post.content table{
	text-align: center;
	width: 100%;
	border: 1px solid #435643;
	margin: 1em auto;
	word-wrap: break-word;
    table-layout: fixed;
}
.post.content table tr:nth-child(even){
	background: #f3f5f6;
}
.post.content table td{
	padding: 0.4em;
}
.post.content table thead td{
	font-weight: 600;
	color: #435643;
	*background-color: #d8ded3;
	background-color: #ddeee4;
}
/* COMPARAISON */
.comparaison{
	display:inline-block;
	vertical-align: top;
	margin: 1em;
	text-align: left;
	max-width: 8em;
}
.comparaison h4{
	min-height: 2em;
}
.comparaison i{
	margin: 0 0.2em;
	color:#4fa472;
}
/* SHARE BAR */
#share_bar{
	position: fixed;
	margin:0;
	left:0;
	bottom:0;
	background: #fff;
    border-top: 1px solid #878a77;
	z-index: 999;
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
	right: 0;
	padding: 0.2em;
}
#share_bar #btt{
	right: 1rem;
    top: -5.5rem;
    font-size: 3.5em;
}
body.mobile #share_bar,
body.mobile #share_bar #btt{
	display: none;
}
#share_bar #btt a{
	color: rgba(79, 164, 114,0.4);
}
#share_bar #btt a:hover{
	color: rgba(79, 164, 114,1);
}
#share_bar > div > div{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
#share_bar .hustle-ui .hustle-social{
	padding: 0;
}
#share_bar ul{
	display: table;
	margin: 0 auto;
}
#share_bar ul li{
	display: inline-block;
}
#share_bar #comment_widget a{
	*color:#5c775b;
	border: 1px solid #879a77;
	border-radius: 99em;
	padding: 0 4px;
	text-align: left;
    min-height: 28px;
}
#share_bar #comment_widget a:hover{
	background-color:#5c775b;
	border-color:#5c775b !important;
	color:#fff;
}
#share_bar #comment_widget a:hover i{
	color:#fff;
}
#share_bar #comment_widget a > *{
	display: table-cell;
	vertical-align: middle;
}
#share_bar a.hustle-share-icon i{
	color:#fff;
}
#share_bar a .hustle-screen-reader{
	display: hidden;
}
#share_bar a.hustle-share--linkedin:hover,
#share_bar a.hustle-share--twitter:hover,
#share_bar a.hustle-share--facebook:hover{
	background-color: #fff;
}
#share_bar a.hustle-share--facebook{
	background-color: #2D5F9A;
}
#share_bar a.hustle-share--facebook:hover i{
	color: #2D5F9A;
	border-color: #2D5F9A;
}
#share_bar a.hustle-share--linkedin{
	background-color: #0077B5;
}
#share_bar a.hustle-share--linkedin:hover i{
	color: #0077B5;
	border-color: #0077B5;
}
#share_bar a.hustle-share--twitter{
	background-color: #00C3F3;
}
#share_bar a.hustle-share--twitter:hover i{
	color: #00C3F3;
	border-color: #00C3F3;
}
/* POST CHECKLIST */
#post_checklist{
	display: none;
}
#post_checklist > div{
	min-width: 80%;
}
#post_checklist li{
	table-layout: fixed;
}
#post_checklist li span{
	display: table-cell;
	padding: 0 0.25em;
}
/* BOUTON OPTIN */
#optin_widget{
	background: -webkit-linear-gradient( #4fa472 , #5c775b );
    background: -o-linear-gradient( #4fa472 , #5c775b );
    background: -moz-linear-gradient( #4fa472 , #5c775b );
    background: linear-gradient( #4fa472 , #5c775b );
	color: #fff;
	margin: 2em auto;
	width: 100%;
	display: none;
	font-size: 0.9em;
}
#optin_widget #ow_container{
	padding: 1.5em;
}
#optin_widget p{
	margin-bottom: 1em;
}
#optin_widget h3{
	margin: 0;
}
#optin_widget .cta{
	margin-top: 1em;
	margin-bottom: 0;
	padding: 1em 1.5em;
}
/* APESTER */
.apester_container{
	margin: 3em auto;
	clear: both;
}
/* ENCARTS */
.encart{
	border:#fff 1px solid;
	padding: 1em 2em;
    overflow: auto;
	clear:both;
	border-radius: 1em;
	margin: 3em auto;
}
.encart:before{
	float:right;
}
.encart h2,
.encart h4,
.encart h3{
	margin-top: 1em;
	clear: none;
}
.encart iframe{
	display:table;
	margin:0 auto;
}
.encart.fvlv{
	border-color:#8bc34a;
}
.encart.fvlv:before{
	content:url('images/facilitez-100.png');
}
.encart.astuce{
	border-color:#ffa726;
}
.encart.astuce:before{
	content:url('images/astuce-100.png');
}
.encart.attention{
	border-color:#ff5722;
}
.encart.attention:before{
	content:url('images/attention-100.png');
}
.encart.focus{
	border-color:#757575;
}
.encart.focus:before{
	content:url('images/focus-100.png');
}
.lesaviezvous{
	*background: #d8ded3;
	background: #ddeee4;
	padding: 1em;
	border-radius: 1.5em;
	margin: 1em auto;
	max-width: 95%;
	overflow: auto;	
	clear:both;
}
.post.content .contenu .lesaviezvous h2,
.lesaviezvous h2{
	margin: 1em auto !important;
	color: #5c775b;
	display: table;
	background: transparent;
	padding: 0;
}
.lesaviezvous h3{
	color: #5c775b;
}
.lesaviezvous ul h3{
	margin: 1em 0;
}
/* TRADUCTION */
.traduction > *{
	display: inline-block;
	vertical-align: top;
	max-width: calc( 100% - 3em );
}
.traduction_flag{
	max-height: 1em;
	max-width: 2em;
    margin-top: 0.3em;
}
.traduction > p{
	padding-left: 0.5em;
}
/* TAGS */
.tags{
	font-size: 0.8em;
}
.tags a{
	margin: 0.5em;
	padding: 0.2em 0.5em;
	border-radius: 0.5em;
	*background-color: #d8ded3;
	background-color: #ddeee4;
	color: #435643;
	display: inline-block;
	vertical-align: middle;
	transition: 200ms ease-in-out;
}
.tags a:hover{
	*background-color: #879a77;
	background-color: #4fa472;
	color: #fff;
}
/* VIDEOS */
.video_div_container{
	max-width: 96%;
	clear:both;
}
.video_div{
	*background: #d8ded3;
	background: #ddeee4;
	padding: 2em;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
	border-radius: 1em;
}
.video_div h2{
	margin: 0;
}
.video_div .iframe_container{
	margin: 3em auto 1em;
}
.video_div .iframe_container iframe{
    width: 800px;
    height: 450px;
    max-width: 100%;
    max-height: 100%;
}
/* ALERTE LM */
.alertelm_container{
	padding: 1em;
	transition: 200ms ease-in-out;
	min-width: 90%;
	*border: 1px solid #d8ded3;
	border: 1px solid #ddeee4;
    -moz-box-shadow: 0 0 40px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.08);
    box-shadow: 0 0 40px rgba(0,0,0,.08);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #f3f5f6;
}
.alertelm_container:hover{
	*border-color: #879a77;
	border-color: #4fa472;
	*background-color: #d8ded3;
	background-color: #ddeee4;
}
.alertelm_container .hustle_module_shortcode_wrap{
	padding: 0 1em;	
}
#pp_optin .hustle_module_shortcode_wrap .hustle-modal-close,
.alertelm_container .hustle_module_shortcode_wrap .hustle-modal-close{
	display: none !important;
}
#pp_optin .hustle-modal .hustle-modal-body,
.alertelm_container .hustle-modal .hustle-modal-body{
	background-color: transparent !important;
}
.alertelm_container .hustle-modal footer{
	background: transparent !important;
	transition: 200ms ease-in-out;
}
.alertelm_container:hover .hustle-modal footer{
	background: #ddeee4 !important;
}
.alertelm_container p{
	margin: 0;
	padding: 0 1em;
}
.alertelm_container > .center {
	width: 100%;
}
.alertelm_container > .center > div > * {
	margin: 0 auto;
}
.alertelm_container > .center > div:first-child{
	margin: 1em auto;
}
.alertelm_container > .center > div:first-child img{
	max-height: 200px;
}
.alertelm_container > .center #lm_title{
	margin-bottom: 1em;
}
/* FORMATS */
.rubrique,
.interview{
	clear: both;
}
.rubrique > li,
.interview > li{
	clear: both;
	margin-top: 1em;
}
.rubrique li p,
.interview li p{
	margin-bottom: 1em;
}
.post.content .contenu .rubrique h2{
	color:#4fa472;
	background: transparent;
	padding:0;
}
.rubrique h3,
.interview h3{
	margin-top: 1em !important;
}
/* SPONSOR */
.single_sp{
	font-style: italic;
	padding: 1em;
	border-bottom: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	overflow: auto;
}
#partenaires_widget{
	font-size: 0.9em;
}
.sp_lp_link{
	font-style: normal;
	text-align: right;
    text-transform: uppercase;
	font-size: 0.7em;
	margin: 0;
}
.sp_lp_link:after{
	margin-left: 5px;
    content: "[?]";
    font-weight: bold;
}
#partenaires_widget img{
	max-width: 220px;
	max-height: 220px;
}
/* PRODUITS */
.post .produits{
	text-align: center;
	margin: 3em auto;
	display: table;
	padding: 1em;
	border: 1px solid #ffa000;
	border-radius: 1em;
}
.post .produits h2,
.post .produits h3{
	margin-top: 0.5em;
}
.post .produits p{
	text-align: left;
}
/*
.post .produits:before{
	content: "Pour en apprendre plus";
	display: block;
	text-align: left;
	color: #4fa472;
	font-size: 1.3em;
	font-weight: 400;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
	font-style: italic;
}
*/
.produit_simple{
	float: right;
	padding: 0.2em;
	border: 1px solid #ffa000;
}
.produit{
	text-align: left;
	margin: 1em;
}
.produit > div{
	position: relative;
}
.produit img{
	max-height: 250px;
}
.produit span{
	position: absolute;
    top: 10px;
    right: -6px;
    background: none repeat scroll 0% 0% #ffa000;
	color: #fff;
    padding: 0px 12px 0px 8px;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);
	line-height: 2;
}
.produit span::before {
    content: "";
    border-width: 14px 2px 14px 14px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #ffa000 #ffa000 #ffa000 transparent;
    position: absolute;
    top: 0px;
    left: -14px;
}
.produit span::after {
    content: "";
    border-width: 6px 6px 6px 0px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #996000 transparent transparent;
    position: absolute;
    right: 0px;
    bottom: -12px;
}
.produit a{
	transition: 200ms ease-in-out;
}
.produit a:hover{
	opacity: 0.9;
}
/* INFLUENCEURS */
.post #influenceurs{
	width: 100%;
	font-size: 0.8em;
}
#wc-comment-header,
.post #contenu_suggere h4,
.post #influenceurs h3{
	text-align: left;
	color: #4fa472;
	font-size: 1.5em;
	font-weight: 700;
}
.post #contenu_suggere i{
	margin: 0 0.25em 0;
}
.post .influenceur{
	border: 1px solid #eaeaea;
	margin: 1em 0;
	padding: 1em 0;
	text-align: left;
	transition: 200ms ease-in-out;
}
.post .influenceur:hover{
	border-color: #bdbdbd;
}
.post .influenceur > div{
	display: table-cell;
	vertical-align: top;
	padding-left: 1em;
}
.post .influenceur h4{
	margin: 0;
}
.post .influenceur .left{
	margin: 0 1em 0 0;
}
.post .influenceur img{
	width: auto;
	height: auto;
	max-width: 50px;
	max-height: 50px;
}
.post .influenceur #social{
	margin: 0.5em 0 0 0;
}
.post .influenceur #social span a{
	padding: 0.3em 0;
	text-align:center;
	margin-right: 1em;
	*background-color: #879a77;
    border-radius: 3px;
	color:#fff;
	display: inline-block;
	min-width: 2em;
	transition: 200ms ease-in-out;
}
.post .influenceur #social span a:hover{
	background-color: #5c775b;
	color:#fff;
}
/* COMMENTAIRES */
.post #wpcomm .wc-comment-link{
	float: none;
}
.post #wpcomm .wc-comment a{
	word-break: break-all;
}
/* FIN SINGLE */
/* ARCHIVE */
.archive .h1_stripe{
	background: -webkit-linear-gradient(#5c775b, #4fa472);
    background: -o-linear-gradient(#5c775b, #4fa472);
    background: -moz-linear-gradient(#5c775b, #4fa472);
    background: linear-gradient(#5c775b, #4fa472);
    background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fff;
	padding: 3em;
}
.archive .h1_stripe #breadcrumbs{
	float: right;
}
.archive .h1_stripe h1{
	color: #fff;
	margin: 1em auto;
	clear: both;
	min-height: 2.5em;
}
.archive .h1_stripe p{
	margin-bottom: 0;
}
.lm_box_stripe_light,
.archive .optin_stripe{
	*background: #d8ded3;
}
.lm_box .hustle-layout .hustle-layout-body{
	background: transparent;
}
.lm_box{
	background: transparent;
	color: #5c775b;
}
.lm_box h2{
	color: #435643;
}
.lm_box h3{
	font-style: italic;
	*color: #879a77;
}
.lm_box input{
	border-color: #5c775b;
}
.arrow_ul li,
.archive.author #cta ul li ,
.lm_box ul li{
	padding-left: 1em;
}
.arrow_ul li:before,
.archive.author #cta ul li:before ,
.lm_box ul li:before {
    content: '\f30b';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    color: #ffa000;
    margin-right: 0.4em;
	padding-left: 0.5em;
}
/* AUTEUR */
.h1_stripe .guest_bio{
	border-top: none;
	color: #fff;
	clear:both;
}
.h1_stripe .guest_bio a,
.h1_stripe h2{
	color: #fff;
}
.h1_stripe .guest_bio .img_container{
	background: transparent;
	margin: 1em auto;
}
#list_auteurs > .guest_bio{
	display: inline-block;
	vertical-align: top;
	margin: 2em;
}
/* FILTRES */
#options_tri p{
	margin: 1em 0 0;
	text-align: right;
}
/* LOOP *//* PAGINATION */
.archive .pagination {
	*font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
	line-height: 1em; 
	font-size: 0.8em; 
	color: #aaa;
}
.archive .pagination p.pages{
	padding: 0.5em 0;
}
.archive .pagination p.pages:before{
    content: "\f15c";
    font-family: 'Font Awesome 5 Free';
    margin-right: 0.2em;
}
.archive .pagination #pages_list a,
.archive .pagination #pages_list span { 
	padding: 0.5em;
	*border: 1px solid #d8ded3;
	border: 1px solid #ddeee4;
	transition: 200ms ease-in-out;
	margin: 0.5em;
}
.archive .pagination #pages_list span.current { 
	font-weight: 700;
	color: #435643; 
	border-color: #435643;
}
.archive .pagination #pages_list a { 
	*color: #879a77; 
}
.archive .pagination #pages_list a:hover,
.archive .pagination #pages_list a:active{ 
	color: #435643; 
	border-color: #435643;
}
/* FIN LOOP */
/* FIN ARCHIVE */

/* CITATIONS */
.citations_archive .hustle-ui .hustle-social,
.citation .hustle-ui .hustle-social,
.glossaire_archive .hustle-ui .hustle-social,
.definition .hustle-ui .hustle-social{
	display: block;
}
.citations_loop .citation_item{
	display: inline-block;
	margin: 1em;
}
.citations_archive .h1_stripe  h1{
	min-height: 1em;
	padding: 1.5em;
}
.hustle_table{
	margin-left: 0 !important;
}
.hustle_table > div{
	display: table-cell;
	vertical-align: middle;
	min-width: 12em;
}
/* FIN CITATIONS */
/* GLOSSAIRE */
ul.glossaire li{
	display: inline-block;
	margin: 0;
	margin-right: 3%;
}
ul.glossaire li:last-item{
	margin-right: 0;
}
ul.glossaire{
	font-size: 1.5em;
}
.glossaire_loop h2{
	margin: 1.5em 0 0 !important;
}
.glossaire_item h3{
	margin: 1em 0 0.5em;
}
.glossaire_archive .h1_stripe{
	padding: 5em 3em;
}
.glossaire_archive .h1_stripe h1{
	min-height: 1px;
}
/* FIN GLOSSAIRE */



@media screen and (min-width: 600px) {
	#home #hero_shot,
	#home #equipe,
	#testimonials,
	.h1_stripe{
		*background-image: url(images/hero_shot_1000x700.png);
		 background: #380b23  !important;
	}
}/*
@media screen and (min-width: 700px) {
	#home #hero_shot,
	#testimonials,
	.h1_stripe{
		background-image: url(images/hero_shot_1000x1000.png);
	}
}
@media screen and (min-width: 1000px) {
	#home #hero_shot,
	#testimonials,
	.h1_stripe{
		background-image: url(images/hero_shot_1000x1500.png);
	}
}
@media screen and (min-width: 1500px) {
	#home #hero_shot,
	#testimonials,
	.h1_stripe{
		background-image: url(images/hero_shot_1000x2000.png);
	}
}*/
@media screen and (min-width: 35em) {
	#home #hero_shot h1{
		font-size: 2.8em;
	}
	#home #hero_shot p{
		margin: 3.5em 0 0;
	}
	#home #hero_shot .cta_big{
		margin: 0 0.5em;
		display: inline-block;
	}
	#home #hero_shot .cta_big:last-child{
		margin-right: 0;
	}
	.post_meta .meta_box{
		min-width: 15em;
	}
	.post.content .conclusion h2{
		font-size: 1.5em;
	}
	.post.content table{
		word-wrap: normal;
		table-layout: auto;
	}
	/* PADDINGS */
	#pp_optin{
		padding: 1em 0;
	}
	/* FORMATS DANS POSTS */
	.rubrique h3,
	.interview h3{
		font-size: 1.2em;
	}
	/* PRODUITS */	
	.post .produits{
		min-width: 94%;
	}
	.produit{
		display: table-cell;
		vertical-align: middle;
		width: 30%;
	}
	/* ART IMGS */
	.art_img{
		clear: right;
	}
	.art_img.deux_img{
		display: inline-block;
		margin: 1em 0;
		vertical-align: middle;
		width: 48%;
	}
	.p_img, .lsv_img{
		max-width: 50%;
		margin-top: 0;
		margin-bottom: 0.5em;
		display: block;
	}
	.p_img{
		float: right;
		margin-left: 1em;
	}
	.lsv_img{
		float: left;
		margin-right: 1em;
		margin-top: 0.5em;
	}
	.lsv_img figure{
		padding-right: 0.5em;
	}
	/*.p_img figure,
	.lsv_img figure{
		position: relative;
		display: inline-block;
	}
	.p_img figcaption,
	.lsv_img figcaption{
		position: absolute;
	}*/
	/* ALERTE LM */
	.alertelm_container .center > div{
		display: table-cell;
		vertical-align: top;
		width: 70%;
	}
	.alertelm_container .center > div:first-child{
		width: 30%;
		margin: 0;
	}
	/* ELARGISSEMENT */	
	.post.content .conclusion .question{
		background: transparent;
	}
	.post.content .conclusion .question > div{
		float: none;
		min-width: 70px;
	}
	.post.content .conclusion .question > div:first-child{
		padding-right: 0.5em;
	}
	.post.content .conclusion .question p {
		background: #eaeaea;
		padding: 1em 2em;
		margin:0 0 0 50px;
	}
	.post.content .conclusion .question p:after {
		top: 25px;
		left: -50px;
		bottom: auto;
		border-width: 10px 50px 10px 0;
		border-color: transparent #eaeaea;
		display: block;
		width: 0;
		border-style: solid;
		content: "";
		position: absolute;
	}
}
@media screen and (min-width: 45em) {
	.post_title{
		padding: 2em 0 4em;
	}
	.post_title h1{
		font-size: 2.5em;
		*margin: 1em 0 0;
	}
	.post.content .conclusion h2{
		font-size: 2em;
	}
	#pp_optin .cta{
		display: inline-block;
		margin: 1em 0.5em;
	}
	#pp_optin .cta:first-child{
		margin-left: 0;
	}
	#pp_optin .cta:last-child{
		margin-right: 0;
	}
	/* GESTION DES SIDEBARS DANS SINGLE */
	.sticky:before,
	.sticky:after {
		content: '';
		display: table;
	}
	.sticky {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 6em;
	}
	.post #contenu{
		padding: 0;
	}
	#contenu #contenu_mobile{
		width: 100%;
		padding: 0;
	}
	#contenu #contenu_mobile > *{
		display: table-cell;
		vertical-align: top;
		width: 100%;
	}
	#contenu #left{
		width:80px;
	}
	#contenu .content{
		padding: 0 1%;
		max-width: 98% !important;
	}
	/* ARCHIVE */
	.archive .h1_stripe .archive_meta{
		width: 100%;
	}
	.archive .h1_stripe .archive_meta > *{
		display: inline-block;
		vertical-align: middle;
		max-width: calc( 100% - 230px - 3em );
	}
	.archive .h1_stripe .archive_meta > *:first-child{
		margin-right: 3em;
	}
	.archive .h1_stripe .archive_meta img{
		height: 230px;
	}
	/* SHARE BAR */
	.single_post footer{
		margin-bottom: 0;
	}
	#share_bar{
		margin:0 0 0 auto;
		position: inherit;
		background: transparent;
		border-top: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		padding:0;
		display: inherit;
	}
	#share_bar #btt{
		display: none;
	}
	#share_bar .hustle-ui .hustle-social{
		margin: 0 0 0 auto;
		display: table;
	}
	#share_bar ul li,
	#share_bar > div > div{
		display: block;
	}
	#share_bar #comment_widget{
		position: initial;
		right: auto;
		top: auto;
	}
	#share_bar #comment_widget a{
		margin-right: 0.5em;
		margin-top: 0.2em;
		display: table;
	}
	/* FORMATS DANS POSTS */
	.rubrique h2,
	.interview h2{
		font-size: 1.5em;
	}
	/* INFLUENCEURS */
	.post .influenceur{
		display: inline-block;
		vertical-align: top;
		width: 45%;
		margin: 1em 2%;
	}
}
@media screen and (min-width: 65em) {
	#cta #cta_preview{
		float: right;
		margin: 0 0 1em 1em;
	}
	#cta.cta_service_class #cta_preview,
	#cta.cta_service_class p.center_m{
		display: table-cell;
		vertical-align: middle;
		margin:0;
		float:none;
	}
	#cta.cta_service_class p.center_m{
		max-width: 30em;
		padding: 0 1em;
		font-size: 1.1em;
	}
	/* MENU DES CATEGORIES */
	#categories_menu{
		width: 100%;
		font-size: 0.8em;
	}
	#categories_menu li a{
		*color: #879a77;
		transition: 200ms ease-in-out;
		margin:0 auto;
	}
	#categories_menu li a:hover{
		color: #5c775b;
	}
	#categories_menu{
		text-align: center;
	}
	#categories_menu label,
	#categories_menu [type="checkbox"]{
		display: none;
	}
	#categories_menu nav .menu-categories-container {
		display: initial;
	} 
	#categories_menu nav ul{
		display:table;
		width: 100%;
		table-layout: fixed;
		border: none;
		text-align: center;
	    text-transform: none;
		margin: auto;
		padding: 0.75em 0;
	}
	#categories_menu nav ul li{
		display: table-cell;
		vertical-align: middle;
		padding: 1em 0.5em;
		width: auto;
		line-height: initial;
		border: none;
	}
}
@media screen and (min-width: 75em) {
	/* GESTION DES SIDEBARS DANS SINGLE */
	#contenu{
		width: 100%;
	}
	#contenu #contenu_mobile{
		width: auto;
	}
	#contenu > *{
		display: table-cell;
		vertical-align: top;
		width: auto;
	}
	#contenu .content{
		padding: 0;
	}
	#contenu #right{
		padding:0 1% 10em 1em;
	}
	#contenu #right .sidebar{
		width: 300px;
		margin-left: 0;
		margin-right: auto;
	}
	#contenu #left{
		padding:0 1em 0 1%;
	}
	#contenu #left .sidebar{
		margin-left: auto;
		margin-right: 0;
	}
}
@media screen and (min-width: 95em) {
	#contenu #right{
		padding-left: 2em;
	}
	#contenu #left{
		padding-right: 2em;
	}
	#contenu aside .sidebar{
		width: 300px;
	}
	#post_checklist{
		display: block;
	}
	/* ARCHIVE */
	.archive .h1_stripe .archive_meta{
		clear: none;
	}
}