/*
Theme Name: AFSB6
Author: Annafaitsonblog
Author URI: https://annafaitsonblog.com
Description: Version responsive
Version: 6.0
*/



* {
  box-sizing: border-box;
}


body {
    background:#ffffff;
   	letter-spacing:0px;  
	line-height:27px; 
	text-align:justify;
	color:#333333;
	font-family:'Open Sans','Lora','Vollkorn','Poppins','Noto Sans','Playfair Display','Sagona','Alice','Merriweather','Inter','Martel';
	font-weight:400; 
	font-size:16.5px; font-size:14.5px; letter-spacing:0px; 
	font-family:'Karla','Lato','Montserrat','Lora','Domine'; font-size:16px; /* font-size:14.5px; */
}



/*
.article-loop img {    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);}
*/

.my-logo,
footer {
  	width: 100%;
  	/* padding-left: 1%; */
  	margin-bottom: 8px; 
	margin-left:0px;
}

body > header > h1 > a {
	color: #ffffff;
	font-weight: 400;
}



article > header {

}
footer {
  	margin-top: 4px;
}

a {
  	text-decoration: none;
}

text { width:21px; }

/* 'Margin: 0 auto' centers block content on the page */
.wrap {
  	width: 100%;
  	margin: 0 auto; 
	/* margin-left:0px;  */
	 background:#ffffff;
	padding:0px; padding-left:10px; padding-right:10px; 
	/* box-shadow: 0 5px 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,.2); */
}

.content-area {
  	display: inline-block;
}

.content-thin {
    width: 75%;
	margin: 0 auto; 
	padding:0px; padding-right:10px;
}

.content-full-width {
    width: 100%;
	margin: 0 auto; 
}

.content-area,
.primary-sidebar {
  	display: inline-block; 
}

.primary-sidebar {
  	width: 25%;
  	/* padding: 1%; */
  	vertical-align: top; margin-top:50px; padding-bottom:10px; padding-left:10px; padding-right:0px;
  	background-color: #ffffff; 
}

.article-loop {
    width: 100%; 
    text-align: justify; 
    /* width: 31%; margin: 5px; border:1px solid #222222; */
    /* padding: 10px; */
}


.article-full {
  	width: 100%;
  	padding: 1% 0% 1% 0%; 
	margin-top:10px;
}

.article-loop,
.article-full {
  	display: inline-block;
  	vertical-align: top;

 
}



.content-area content-thin { margin:0px; padding:0px; }



/* ------------ STYLES DE TEXTE ------------ */

p { margin-top:15px; margin-bottom:15px;}

a { 
	color:#D3853B; font-weight:700; /*  font-family:'Roboto Slab',"SagonaBold",'Playfair Display'; font-size:15.5px; 
background-image: linear-gradient(to bottom, transparent 0, #ECD9B3 0);
background-position: 0 1.3em;
background-repeat: no-repeat;
-webkit-transition: background-position 0.08s ease-out;
-ms-transition: background-position 0.08s ease-out;
-moz-transition: background-position 0.08s ease-out;
-o-transition: background-position 0.08s ease-out;
transition: background-position 0.08s ease-out */
}

a:hover { 
	color:#623F43;  
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

b, strong { font-weight:700; }


.premiere {font-size:35px;}

em, i { font-style:italic; }


blockquote {background:#eeeeee;  padding:12px 25px; margin:35px 0px;text-transform:none;  
	  font-style:italic; font-size:15px; line-height:23px;
	font-family:'georgia','Lora','Poppins','Roboto Slab'; font-weight:300;  

}

blockquote::before {
  content:open-quote ;
	 vertical-align:baseline;
}

blockquote::after {
  content: close-quote;

}

blockquote:before,
blockquote:after {
  display: inline;
  color: #000000;
  font-size: 30px; font-weight:600;
	/* font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; top: .2em; */
  
  position: relative;
}

.petit {font-family:'Poppins'; font-size:13px; color:#666666;}

hr { color:#D4D4D4; background:#D4D4D4; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(212,212,212,1), rgba(255,255,255,1)); margin:35px 0px; }

h1 {
	font-family:'Anton','Playfair Display','Montserrat','Poppins','Playfair Display','Karla','Oswald','Domine','Roboto Slab','Inter',"Sagona";
	font-size:28px; letter-spacing:-0.3px;   letter-spacing:0px; 
	line-height:36px;
	font-weight:400;
	color:#222222; 
	text-align:center;
	padding:25px 10px 25px 10px;
	border-top:1px solid #222222; border-bottom:1px solid #222222;
	/* background-image: url("images/border-h2.png"), url("images/border-h2.png"); text-transform:uppercase;
    background-position: top center, bottom center; 
    background-repeat: no-repeat, no-repeat;  */
}

h2 {
	font-family:'Anton','Playfair Display','Poppins','Karla','Oswald';
	font-size:25px;  
	margin:30px 0px;
	line-height:28px; letter-spacing:-0.3px;  letter-spacing:0px;
	font-weight:400; 
	/* border-top:1px solid #000000; border-bottom:1px solid #000000; */
	color:#222222;  
	text-align:center;
	padding:25px 10px 23px 10px; border-bottom:1px solid #222222;
	/* background-image: url("images/border-h2.png"), url("images/border-h2.png");  text-transform:uppercase;
    background-position: top center, bottom center; 
    background-repeat: no-repeat, no-repeat;  */
}

/* h2 a { color:#000000;  padding:10px; } */


h3 {
	font-family:'Karla','Lora','Oswald','Domine','Poppins','Playfair Display','Roboto Slab','Inter',"SagonaBold";
	margin-bottom:35px; margin-top:50px; 
	font-weight:800; letter-spacing:0px;  
	color:#222222; padding-left:0px; /*background:#E7E1D8;  display:inline; text-transform:uppercase; */
	text-align:justify; 
	/* border-left:12px solid #91465F;padding-bottom:5px; padding-left:20px;   background-image:-moz-linear-gradient(left, #91465F, #D0889C);	*/
}

.gauche {width:50%; float:left;}
.droite { width:50%; float:left; z-index:1000;}


.h2index h2 { letter-spacing:-0.3px; font-size:17px; color:#000000; line-height:24px; font-family:'Montserrat','Poppins','Lora','Playfair Display','Karla','Oswald','Domine','Playfair Display','Roboto Slab','Inter',"Sagona";  border:none;  font-weight:500; text-transform:uppercase; border-bottom:0px; }

.h2index a {letter-spacing:-0.3px;  font-size:17px; color:#000000; line-height:24px; font-family:'Montserrat','Poppins','Lora','Playfair Display','Karla','Oswald','Domine','Roboto Slab','Inter',"Sagona"; font-weight:500; text-transform:uppercase;  border:none;}




 .metaindex {margin-top:-5px;} 

.featured img {margin-left:0px; margin-right:0px; border:10px solid #ffffff; }
.featured { text-align:center;  margin-top:-5px;  }

.imageune { }
.imageune img {  }

.resume {margin-left:10px; margin-right:10px;}




.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}




input{
	width:100%;
	border:1px solid #dddddd;
   	font-size: 13px; 
	
	color:#333333;
	/* background:#dd8a62; border-radius:9999px;  */
	padding:8px 2px 8px 10px; 
}

.ez-toc-heading-level-3 a
{
	font-weight:400;
}

textarea {
	border:1px solid #222222;
   
   	font-size: 13px;  width:100%;
	color:#444444;
	padding:8px 10px 8px 10px; 
}

input[type="submit"] {
	width:100%;
	background:#444444; 
     /* font-family:'Poppins','Alice','Inter',"Sagona",'Open Sans','Source Sans Pro',arial;
   	 font-size: 14.5px;  text-transform:uppercase;border:1px solid #555555;
	letter-spacing:1px; */ 	margin-top:3px; 
	
	color:#ffffff; 
	padding:8px 2px 8px 10px; 	
}

input[type="checkbox"] { padding:0; margin:0;}

#subscribe-field-blog_subscription-2 {font-family:'Poppins'; color:#222222;}

#subscribe-submit button { background:#C98143; text-transform:uppercase;  width:95%; color:#ffffff;padding:8px 2px 8px 10px; border:1px solid #C98143;
	font-family:'Montserrat'; font-size:11px; letter-spacing:1px;-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;
	 }

.wp-block-button__link {font-size:11px; -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px; }

.widget_wysija_cont { margin-left:25px; }


/* ------------ INDEX ------------ */






.categorie { 
	/* background:#222222;  text-transform:uppercase; color:#ffffff; font-weight:bold; */
	font-family:'Poppins','Roboto Slab','Source Sans Pro','Alice'; 
	font-size:14px;   letter-spacing:0px;
}
.categorie a { color:#222222;  font-family:'Poppins','Roboto Slab','Source Sans Pro','Alice';/* font-weight:bold; */
	font-size:14px;  letter-spacing:0px;}



.catindex {
	background:#eeeeee; 
	font-family:'Poppins','Open Sans','Barlow','Source Sans Pro'; 
	font-size:11.5px; font-weight:600;
	padding:2px 10px; 
	line-height:16px;
	color:#222222; letter-spacing:1px;
	
}

.catindex a
{
	color:#222222;
	
}




.commentindex
{
 	text-align:left;
}

.commentindex a
{
	color:#343638; 
	letter-spacing:1.5px; 
	font-family:'Open Sans','Barlow','Source Sans Pro','Montserrat','Source sans pro';
	font-size:11px;
	text-transform:uppercase;
}

.share
{

	font-family:Oswald; 
	text-transform:uppercase; 
	font-size:13px;
}

.share a 
{
	font-size:18px;
	color:#343638;
}


.ariane
{ border:1px solid #222222; padding:3px 10px; font-family:'Open sans'; text-transform:uppercase; font-size:11px; letter-spacing:1px; }

.miniature {float:left;width:45%; margin-right:20px; margin-top:-20px;}


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

.detailsarticle {
	
	font-size:12px;  
	 margin-top:8px; 
	font-family:'Montserrat',georgia,'Karla','Inter'; font-style:italic; text-transform:uppercase; font-weight:400; letter-spacing:0.5px;
	text-align:center; /* background:#dddddd;  font-weight:bold; */
	margin-right:30px margin-bottom:50px; color:#666666;
	padding:6px 0px;
}

.detailsarticle a { color:#666666; font-weight:500; }

.detailsarticle a:hover { color:#954e32; }



.tags {
	/* margin:0px 30px 0px 30px; */
	line-height:16px;
	font-size:12px; font-weight:normal;
}

.tags a { color:#444444; font-size:12px; text-transform:normal;  /* padding:3px; border:1px solid #ececec; */ }

.tagsindex {line-height:16px;}
.tagsindex a { color:#666666; font-size:12px; letter-spacing:0px; text-transform:none; /* padding:3px; border:1px solid #ececec; */ }

.ouverture
{
	/* text-transform:uppercase; */ letter-spacing:0.5px; margin-top:15px; margin-bottom:15px; 
	padding:9px 10px; /* font-family:'Source Sans Pro'; font-size:12px; */
	text-align:center; background:#f8ecff; border:3px solid #ec9a5e;
}

a.ouverture  { color: #333333; border:3px solid #ec9a5e; font-style:italic; margin-top:15px; margin-bottom:15px;  }

.gras
{
	font-family:'Montserrat','Noto Sans','Poppins','Roboto Slab','Inter',"SagonaBold",'Old Standard TT';  	
	font-size:14px; font-weight:600;     text-transform:uppercase;
	padding:11px 0px;   letter-spacing: 1px;
	border-top:4px solid #E5B293; 
	border-bottom:4px solid #E5B293;
	margin:40px 0px 35px 0px; 
	color:#000000;
	text-align:center;
}

.date { font-size:27px; font-weight:bold; font-family:'Fjalla One'; text-align:center;}

.bottom {border-bottom:1px solid #dddddd;}

.finis {
	background:#fafafa; 
	padding:5px 10px;
}
.prix
{
	background:#E8F7F1; 
	padding:5px 10px; margin-left:15px;
	display:inline;
	/* -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; */
}

.marques a { color:#333333; }
.marques a:hover { color:#ce7f32; 	 }

.article-full img { margin:15px 0px 15px 0px; }

.roman { border:1px solid #222222;  line-height:23px;
	padding:5px 15px;  width:auto;/* background:#eddbd7;color:#ca8588;display: inline-block; font-family:'Roboto Slab';font-size:15.5px; */ text-align:center; margin:30px 200px;}



.citation { 
	border-left:6px double #ce7f32; border-right:6px double #ce7f32;
	border-top:1px solid #ce7f32; border-bottom:1px solid #ce7f32;
	padding:15px 30px 15px 30px; margin:30px 45px 30px 45px; font-style:italic; 
	font-family:'Old Standard TT','Fjalla One', arial; font-weight:14.5px; }





.acheter li { list-style: none; }
.acheter a { font-weight:bold; }
.acheter a:hover { text-decoration:underline; }


.codepromo {
	border:4px solid #d27c60;
	font-weight:bold; 
	background-image: url("images/codepromo.png");
  	background-position: top left;
  	background-repeat: no-repeat; 
	
}



.filtre {color:#805340; font-size:15px; font-weight:800; text-shadow:none;}

.table-matieres
{
	background-image: url("images/navigation.png");
  	background-position: top left;
  	background-repeat: no-repeat; 
	border:2px solid #cdc5c2; 
	
	margin:25px 60px;
	padding-top:55px; padding-bottom:20px;
	line-height:23px; 
}

.table-matieres ol { margin-left:-15px; }

.table-matieres li { margin-left:50px;}
.table-matieres a { color:#444444; font-weight:400; }
.table-matieres a:hover { 	
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	
	transition: all .3s ease-in; }

.couverture, .composition, .acheter, .information, .offre, .parrainage
{
	/* background:#d9c0aa; 
	background-image: url("images/couverture4.png"); 
  	background-position: top left;
  	background-repeat: no-repeat;font-family:'georgia','Lora','Poppins','Roboto Slab'; */
	background:#eeeeee;  padding:23px 25px;  
	  line-height:23px;
	 font-weight:300;
	margin:15px 0px 25px 0px;

}

.couverture:before {
  content:"Résumé" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}


.composition:before {
  content:"Composition" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}

.acheter:before {
  content:"Où acheter ?" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}

.couverture b, .composition b, .acheter b, .offre b, .parrainage b {font-weight:700;}
.composition, .acheter, .information, .offre, .parrainage {margin-top:35px;}

.information:before {
  content:"Informations" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}



.offre:before {
  content:"Offre" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}

.parrainage:before {
  content:"Parrainage" ;
	margin-bottom:20px;
	display: block; vertical-align:baseline;
  color: #000000;
  font-size: 18px; font-weight:600; letter-spacing:2px;
 font-family:"Montserrat"; text-transform:uppercase;  font-style:normal; 
}

.synopsis
{
	background: #ae909c;
	background-image: url("images/synopsis2.png");
  	background-position: top left;
  	background-repeat: no-repeat; 
	text-transform:none; 
	line-height:23px;color:#ffffff; text-shadow:1px 1px 2px #8b5867;
}




.verdict
{
	background:#eddbd7;
	padding:10px 20px 10px 75px;
  	background-image: url("images/verdict.png");
  	background-position: top left;
  	background-repeat: no-repeat; 
	margin:15px 0px 30px 0px;
	font-size:15.5px; 
	font-family:'Roboto Slab','Lora','georgia'; font-weight:400;

}

.composition {font-style:italic; font-size:15px; line-height:23px;

}

.arelire { 
	

	 color:#ffffff; background:#444444;
	padding:5px 15px;   font-weight:700;
	font-size:15px;
}

.arelirediv { 
	text-align:right; 
	margin: 50px 0px 50px 0px;
}

.arelire a { /* font-family:'Roboto Slab'; font-size:15.5px;*/  color:#ffffff; font-weight:400;  font-size:15px;}
.arelire a:hover { text-decoration:underline; background:none; }






.detailsbox
{	text-align:right; font-style:italic; font-size:16px; font-family:'Old Standard TT','Lora','Noto Serif TC';  }

.vert { color:#7fba65; text-transform: capitalize; }
.jaune { color:#DFDF00; text-transform: capitalize; }
.orange { color:#e9a14c; text-transform: capitalize; }
.rouge { color:#e94c5b; text-transform: capitalize; }

.lieninterne
{
	background:#ffffff; color:#314589;  font-weight:bold;
	border-top:2px solid #314589; border-bottom:2px solid #314589; 
	padding:10px 10px 10px 10px;
 /* background-image: url("images/lieninterne.png");
  	background-position: top center;
  	background-repeat: no-repeat;  */
	margin:30px 100px 35px 100px; letter-spacing:-1px;
	font-family:'Old Standard TT','Fjalla One','Source sans pro'; font-size:22px; 
	line-height:22px;
}

.lieninterne p { color:#dcd0e3;}

.lieninterne a
{
	color:#444444; font-weight:normal;
	margin-top:0px;	
	font-family:'Roboto','Barlow','Poppins','Open sans','Source sans pro';  font-size:14.5px;   
	letter-spacing:0.5px; 	
	text-transform:none; /* text-transform:uppercase; */
}

.lieninterne a:hover
{
	text-decoration:underline;
}

.photospartenariat img
{ margin:0px;}


/* ------------ MENU ------------ */

.menu-menu-container {
	margin-top:16px;
	z-index:1000;
}

#menu-menu, #menu-menu ul {
	padding : 0; height:50px;
    margin : 5px 0px; margin-top:18px;
 	list-style : none; 
 	text-align : center; 
		
 	/* background:#ffffff; border-bottom:2px solid #F9F9F9; */
	z-index:1000;
}

#menu-menu {
    /* text-transform:uppercase;  */
	display: table;
    margin : 10px auto; margin-top:12px;
	color:#222222; 
	/* background:#ffffff; */
	z-index:1000; 
}

#menu-menu li:hover {
	/* background:#F9F9F9; */
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in; 
}

#menu-menu a {
	display : block; /* change type d'élément, liens deviennent des balises de type block */
	padding : 0; 
	margin:0px 25px 0px 25px;
	color : #222222; font-weight:600;
	text-decoration : none; 
	font-size: 14px; 
}



#menu-menu li { 
 	float : left; 
	text-align:center;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li {
     border-right: 1px solid #666666; /* bordure transparente à droite de chaque élément */
}

#menu-menu li ul { 
    position: absolute; /* Position absolue */
    width: 200px; /* Largeur des sous-listes */
    left: -999em; /* Hop, on envoie loin du champ de vision */
	/*  background:#ffffff;  */
	margin-bottom:1px;
	opacity:1;
	margin-top:1px; 
	border:1px solid #dddddd;
}

#menu-menu li ul li {
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */     
	
	text-align:left;
	width: 250px; border-bottom:1px solid #E8E8E8;
	background:#ffffff;
	padding-top:-3px;
}

#menu-menu li ul li a {  color:#222222; text-transform:normal; }

#menu-menu li ul li:hover {
	background:#eeeeee;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in; 
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu-menu li ul li {
	border-top : 1px solid transparent; /* bordure transparente en haut de chaque élément */
}

#menu-menu li ul ul {
	margin: -31px 0 0 248px ; /* Décale sous-sous-listes pour pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left: 1px solid #dddddd ; /* Petite bordure à gauche pour ne pas coller ... */    
	
}

#menu-menu li ul ul li { width:250px; }
#menu-menu li ul ul li ul { width:250px; margin: -20 0 0 130px ; }




/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu-menu li ul ul {
      /*  border-left: 1px solid transparent ; */
}

#menu-menu li:hover ul ul, #menu-menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */ {
     left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu-menu li:hover ul, #menu-menu li li:hover ul, #menu-menu li.sfhover ul, #menu-menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */ {
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

.firstmenu {
	width:100%; 
	position:fixed; 
	z-index:1000;
	height:50px; 
	background:#ffffff;
	margin-left:-10px; 
	margin-top:-14px;
	box-shadow: 0 5px 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,.2);
}





/* ------------ SIDEBAR ------------ */




.count
{
	color:#ffffff; font-size:12px;
	font-family:'Poppins','Source Sans Pro','Fjalla One',Oswald;
	text-transform:uppercase; letter-spacing:1px;
}

.titresidebardiv {
	background-image:url('https://annafaitsonblog.com/wp-content/themes/AFSB6/images/bgligne3.png'); 
	background-repeat:repeat-x;	
	text-align:center;
	color:#ffffff; 
	margin:35px 0px; letter-spacing:0.5px;  
}

.titresidebarspan {
	background:#222222; 
	font-family:'Monserrat','Noto Sans','Poppins','Roboto Slab','Inter','Playfair Display',"Sagona",'Old Standard TT','Source sans pro'; 
	font-size:17px; letter-spacing:0.5px;  
	margin-top:15px;font-weight:500; text-transform:uppercase;
	/* border:1px solid #666F64;font-weight:bold;*/
	padding:5px 20px 5px 20px; 
	/* text-transform:uppercase; */
}



.titresidebar
{
	background:#222222; 
	font-family:'Monserrat','Noto Sans','Poppins','Roboto Slab','Inter','Playfair Display',"Sagona",'Old Standard TT','Source sans pro'; 
	font-size:15px; letter-spacing:0px;   text-align:center; color:#ffffff; padding:5px 0px; letter-spacing:1px;
	margin:15px 0px 0px 0px; font-weight:500; text-transform:uppercase;
	/* background-image: linear-gradient(to bottom, transparent 0, #eeeeee 0);
background-position: 0 0.5em;background-repeat: no-repeat;
-webkit-transition: background-position 0.08s ease-out;
-ms-transition: background-position 0.08s ease-out;
-moz-transition: background-position 0.08s ease-out;
-o-transition: background-position 0.08s ease-out;
transition: background-position 0.08s ease-out; */
}


.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #222222;
	margin-top:-10px;
}

.imageprofil {
	margin:-15px 0px 5px 0px; 
	/* -moz-border-radius:50%; 
	-webkit-border-radius: 50%; 
	border-radius:50%; 
	width:90%; */

}

.pin_link { display:none; }

a.u-floatLeft { color:#B47567; }



/* ------------ POPULAIRES ------------ */

.wpp-post-title
{
	/* width:285px; */ display:none;
	padding:5px 5px 5px 5px;  
	z-index:1000; 
	text-align:center;
	letter-spacing:1.5px; /* font-weight:bold */
	text-transform:uppercase;
	font-family: 'Open Sans','Source Sans Pro','Fjalla One';
    font-size : 10.5px;  
	margin-left:0px; margin-right:0px;
	color:#444444;
}

.wpp-post-title a 
{ 
	text-align:center;
	color:#444444;
	margin-top:0px; 
}

.wpp-thumbnail
{
	 margin-bottom:0px; display:block;
	z-index:1; margin-left:-10px;
}


.wpp-list li
{
	text-align:center; 
	padding-bottom:6px; 
	list-style-type:none; 
	/* border:1px solid #ececec; */
	margin-left:-40px; margin-top:8px; 
	margin-bottom:15px; margin-right:0px;
	line-height:14px;
}

/* ------------ COMMENTAIRES ------------ */

.pied-article { text-align:right; margin-bottom:5px;}

.comment-reply-link
{
	text-align:right; margin-top:-20px; 
	background:#D3853B;
	color:#ffffff; 
	letter-spacing:0.5px; 
	font-size:14px; 
	padding:2px 6px; 
}

.comment-reply-link a { font-weight:400;}

.auteur
{	
	
	
	padding-top:-25px; 
	color:#8D374F;  font-size:16px; font-weight:700;
}

.auteur a
{
	color:#8D374F; 	  font-weight:800;
	text-decoration:none; font-size:16px; 
}

.meta-commentaire {
	
	font-weight:normal; 
	letter-spacing:0px;
	font-size: 14px; 
	
}

.comment p
{
	line-height:21px; margin-top:5px; 
}

#reply-title { display:none; }

.children { margin-left:50px;}

#liste-commentaires li { 
	list-style-type:none; 
	border-bottom:1px solid #eeeeee;
	margin-left:-25px;
	margin-top:0px;
}

.avatar {
	margin-right:15px; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius:50%; 
	margin-top:14px; 
	height:55Px; width:55px;
}

.en-tete-commentaire { line-height:19px; }

.contenu-commentaire { margin-top:13px; font-size:14.5px; }

.stcr-subscription-list tr { border:1px solid #ececec; }



/* Mise en surbrillance du champ de texte actif */

#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #444444;
}
 
 
#respond input[type=text]:focus, textarea:focus {
  /* box-shadow: 0 0 5px rgba(81, 203, 238, 1); */
  margin: 5px 1px 3px 0px;
  /* border: 1px solid rgba(81, 203, 238, 1); */
}


.comment-form-cookies-consent { text-align:justify; }

.mc4wp-checkbox-wp-comment-form label {	color:#ffffff; 	display: block;}


#respond input[type=submit] { width:auto; padding:5px 10px; color:#ffffff; background:#D3853B;   border: 1px solid #D3853B; }

#respond input[type=text] {width:50%;}

.comment-form-subscriptions { margin-top:-15px; }

option, select { 
	font-family:'Alice','Barlow','Source Sans Pro','Lora','Raleway'; 
	font-size:16px; 
	padding-top:5px; padding-bottom:5px; 
	color:#333333; 
}

#mc4wp-form-2 input[type=submit] { background:#314589; color:#ffffff;}

select { border: 1px solid #40384b; display:block; width:55%;  }

#subscribe-reloaded { font-size:12px; padding:1px 5px; margin-top:22px; }

#formulaire  { background:#222222; padding:2px 15px; color:#ffffff;}

.subscribe-form-field { margin-bottom:10px; }

.comment-form-author, .comment-form-email, .comment-form-url { width:40%;}


.mc4wp-response p
{
	background:#ffffff;
	line-height:15px; padding-top:5px; padding-bottom:5px;
}









img {
    height: auto;
    max-width: 100%;
}

.article-loop jpibfi_container {margin-right:10px;}



.jp-relatedposts-post-a {color:#000000; }
.jp-relatedposts-post-title { text-align:center ; background:#eeeeee; padding:5px 0px;}















@media screen and (max-width: 550px)
{
	.droite, .gauche {width:100%;}
	.content-area  { width: 100%; margin: 0 auto;padding-right:0px; }
	.firstmenu { display:none; }
	.featured {display:none; }
	.h2accueil {margin-left:0px; width: 100%; padding-left:0; padding-right:0; font-size:15px;  font-weight:700;}
	h2, .h2index h2 .h2index a {font-size:19px; font-weight:700;}
	h1 {font-size:20px; padding: 15px 10px 15px 10px; line-height:24px;}
	h3 {font-size:15px; }
	.detailsarticle, .detailsarticle a {font-size:12px;line-height:20px;}
	h2 {line-height:24px; padding:15px 10px; }
	.arelire a, .arelire {font-size:14px;}
	.acheter {padding: 60px 10px 15px 10px;}
	.acheter a {font-size:13.5px;}
	.gras {font-size:16px;}
	b, a {font-size:14px;}
	.table-matieres { margin-left:5px; margin-right:5px;}
}





@media screen and (min-width: 550px)and (max-width: 830px) {
  	.content-area  { width: 100%; margin: 0 auto; }
	.primary-sidebar { width:300px; margin: 0 auto; }
	.wrap { background:#ffffff; }
	.firstmenu { display:none; }
	.featured {display:none; }
	.article-loop { width: 100%; }
	.detailsarticle, .detailsarticle a {font-size:14px;line-height:20px;}
	h2, .h2index h2 .h2index a {font-size:20px; font-weight:700;}
	h1 {font-size:23px; padding: 15px 10px 15px 10px; line-height:26px;}
	h3 {font-size:15.5px; }
	b, a {font-size:14.5px;}
	.arelire a, .arelire {font-size:14.5px;}
	.acheter {padding: 60px 10px 15px 10px;}
	.acheter a {font-size:14.5px;}
	.gras {font-size:17px;}
}


@media screen and (min-width: 830px) and (max-width: 1000px) {
  	.content-area  { width: 100%; margin: 0 auto; }
	.primary-sidebar { width:320px; margin: 0 auto; }
	.wrap { background:#ffffff; }
	.article-loop { width: 100%; }
}


@media screen and (min-width: 1000px) and (max-width: 1250px) {
  	.content-area  { width: 550px; margin: 0 auto; }
	.wrap { width:950px;  margin: 0 auto; padding:0px; padding-left:15px; padding-right:15px;   }
	.article-full { width: 610px; padding-right:15px;    }
	.content-thin { width:610px; margin-right:0px;  padding-right:5px; }
	.article-loop { width: 610px; }
	.primary-sidebar { width:300px; padding-left:15px;  }
	.featured {display:none; }
}

@media screen and (min-width: 1250px) {
	.wrap { width:1120px;  margin: 0 auto; padding:0px; padding-left:15px; padding-right:15px; }
	.article-full { width: 760px; padding-right:9px; padding-left:15px;    }
	.content-thin { width:760px; margin-right:0px;   padding-right:0px; }
	.article-loop {margin-left:10px;}
	.primary-sidebar { width:300px; height:100%; padding-left:16px; margin-left:20px;  /*border-left:1px solid #222222;*/ padding-bottom:50px; }
	.resume {margin-left:15px;}
	
}