/*
 Theme Name:   NianiaRez
 Theme URI:    https://www.devnnz.nianiarez.fr/
 Description:  Thème de NianiaRez
 Author:       Steve
 Author URI:   https://www.nianiarez.fr
 Template:     oceanwp
 Version:      1.0.0
*/

/* LEGENDE: 	id=# class=.	*/

/****************************************************************************/
/* SOMMAIRE :																*/
/*	- Ligne 082: Bouton 'inscription' du MENU								*/
/*	- Ligne 134: Plugin 'TABS' (Menu à onglets) pour FAQ, CONTACT...		*/
/*	- Ligne 148: Décaler 'ancre nommé' (page "liste des fonctionnalités"	*/
/*	- Ligne 164: Page 'accueil BLOG' + Plugin 'CONTENT VIEWS'				*/
/*	- Ligne 315: Page 'ARTICLE'												*/
/*	- Ligne 323: SIDEBAR de droite (pour les articles) :		 			*/
/*	- Ligne xxx: - Plugin YARPP (widget) 					 				*/
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/*	- Ligne xxx: 															*/ 
/****************************************************************************/


/*
#contact-wpf-873 {
	color: #ff0;
	font-size: 50px;
	}
#wpforms-873-field_0 {
	color: #f00;
	font-size: 50px;
	}
	
#wpforms-field-label {
	color: #0f0;
	font-size: 50px;
	}
	
#pforms-873-field_0-container {
	color: #0f0;
	font-size: 50px;
	}
	
	wpforms-873-field_0-container
	
div.wpforms-container-full .wpforms-form .contactwpf873 {
	color: #0f0;
	font-size: 50px;
	background-color: #f00;
	}
	*/

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

/* BANDEAU: réduction + CSS du bandeau du header */
.site-header-small {
	height: 60px !important;
	background-color: #fff !important;
	transition: background-color 0.3s;
	border-bottom: solid 1px #aeaeae !important;
}

/* LOGO: laisser le logo du header au même emplacement pendant le scroll */
.logoheader-sticky {
	display: block;
	width: 100%;
	transform-origin: 0 0;
	margin: 0 auto;
}

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

/* Faire remonter le menu header pendant le scroll *********************/
.mainmenu-sticky {
	display: block;
	width: 100% ;
	transform-origin: 0 0;
	transform: none !important;	/* empêcher le menu de se réduire */
	margin: 0 auto;
	margin-top: -30px;
}

/* CSS DU MENU: "a" et "a:hover" */
.main-menu-home ul a {
	color: #fff !important;}

.main-menu-home ul a:hover {
	color: #008EFF !important;
	font-weight: bold !important;
}

/* CSS DU SOUS-MENU: "a" et "a:hover" */
#menu-menu-principal ul.sub-menu  {
	margin-top: 10px;
	width: 260px;
}
#menu-menu-principal ul { box-shadow: 0px 3px 5px -7px #333, 3px 2px 7px -5px #333, -3px 2px 7px -5px #333;	/* Ombre perso car mieux */ }


/* MENU PRINCIPAL EN CAS D'UTILISATION DU MENU PRINCIPAL ORIGINAL */
/** SOUS-MENU **/
/* #menu-menu-principal ul 			{ border-radius: 0px 0px 5px 5px; }			*/
/* #menu-menu-principal ul a:hover  	{ border-radius: 0px 0px 5px 5px; }		*/
/** SOUS-MENU: Animation "on hover" **/
/* #menu-menu-principal ul { 
	animation:animatetop 0.4s}
	@keyframes animatetop {
		from{top:50px;opacity:0.8}
		to{top:120;opacity:1}  
	}																			*/

/************************************************************************************************************************/
/* ------------------------------------------------ HEADER: SMARTPHONE ------------------------------------------------ */
/************************************************************************************************************************/

/* On réduit la taille du logo pou les smartphones */
@media (max-width: 640px) { /* CSS mobile ici */
	#site-header img.custom-logo { width: 170px !important; }
}

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

/* Menu PRINCIPAL */

/* Personnaliser l'ensemble des boutons "btn" des menu (fond actif violet + fond hover jaune) */
/* On peut aussi faire ces réglages dans le thème de Oceanwp: "personnalisation >> Options générales >> Bouton du thème" */
/*
#site-navigation-wrap .dropdown-menu>li.btn>a>span {
 background-color: #34074B; 
	border-style: solid;
	border-width: 2px;
	border-color: #34074B;
	padding: 5px 10px;
}
#site-navigation-wrap .dropdown-menu>li.btn>a:hover>span {
	background-color: #f6ff00;
	border-style: solid;
	border-width: 2px;
	border-color: #34074B;
	color: #34074B;
	padding: 5px 10px;
}
*/ 
/* Personnaliser un bouton "btn" spécifique dans le menu: modifier #menu-item-XXX grâce à l'inspecteur de google chrome */
#site-header #menu-item-3278 span.text-wrap {
	background-color: #13aff0;
	border-style: solid;
	border-width: 2px;
	border-color: #34074B;
	font-family: roboto;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
	/* Transition lorsque la souris ne survole plus le bouton : */
    transition: background-color 0.2s linear;
	transition-delay: 0.1s; 
}

#site-header #menu-item-3278 a:hover span.text-wrap {
	background-color: #f6ff00;
	border-style: solid;
	border-width: 2px;
	border-color: #34074B;
	font-family: roboto;
	font-size: 14px;
	color: #34074B;
	padding: 5px 10px;
	/* Transition au survol de la souris sur le bouton : */
	transition: background-color 0.1s linear;
	transition-delay: 0.1s;
}

/************************************************************************************************************************/
/* --------------------------------------------------- PAGE ACCUEIL --------------------------------------------------- */
/************************************************************************************************************************/

/* NIANIAREZ, OUTIL DE RESERVATIONS ET RDV À PETIT PRIX */

/* Contour du texte sur Flipbox horizontal */
.flipbox-index-1 .eael-elements-flip-box-heading {
	text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;
/*	-webkit-text-stroke: 1px black;
	text-stroke: 1px navy; */
}

/* Contour du texte avec effet 3D sur Flipbox vertical */
.flipbox-index-2 .eael-elements-flip-box-heading {
	text-shadow: -1px -1px white, 1px 1px #333;
}


/************************************************************************************************************************/
/* -------------------------------------------------- CONTENU PAGES --------------------------------------------------- */
/************************************************************************************************************************/

/*********************************** CONTOUR DU CONTENT *****************************************/
/* Contour du contenu des pages: surtout pour le background des pages du site	 				*/
/* ATTENTION:	si pas de background défini pour le contenu de page, 							*/
/*				alors 'content-area' sera aussi pris en compte dans 'content' 					*/
/************************************************************************************************/
.content-area { background-color: #f5f5f5 !important;}


/************************************** FIL D'ARIANE ********************************************/
/* NOTE: 	Si vous utilisez Yoast SEO, le fil d'Ariane par défaut est désactivé, 				*/
/*			il vous suffit d'aller dans les paramètres Yoast SEO et d'activer 					*/
/*			le fil d'Ariane du plugin, de cette façon vous aurez plus de contrôle sur celui-ci. */
/************************************************************************************************/
.fil-d-ariane ol { color: #888 !important; padding: 0px 15px; margin-top: 0px !important; margin-left: 0px !important; }
.fil-d-ariane a { color: #888 !important; }
.fil-d-ariane a:hover { color: #13aff0 !important; }

/* FIL D'ARIANE IMPORTANT: SI JE NE VEUX PLUS AFFICHER LE FIL D'ARIANE, AFFICHER CE CODE 		*/
/*	.fil-d-ariane {display: none; } 															*/


/********************************** LISTES <ul> <ol> <li> ***************************************/
/* NOTE: 	Listes <ul><li> à combiner avec le CSS de w3schools.								*/
/*			Listes <ol><li> à combiner avec le CSS de style.css									*/
/*			Aide ici: alsacreations.com/article/lire/1210-donnez-du-style-a-vos-listes.html 	*/
/************************************************************************************************/

/* Pour le texte dans les éditeur de ELEMENTOR : utiliser une liste à puce avec cette classe dans "UL" pour le saut de ligne */
.ullitexte-p li { padding-top: 15px;}


/* Liste à puce avec margin-top: 0px, pour faire remonter la liste*/
.ulli-margintop0 { margin-top: 0px; }

/* EXEMPLE : Google Analytics >> Tarifs */
/* Petite liste "normale" sans les puces et sans le décalage : UTILE POUR TOUS LES ÉDITEURS DE ELEMENTOR */
.ullitexte { list-style-type: none; margin-top: 0px; margin-left: 0px; }

/* EXEMPLE : Google Analytics >> En quoi ça consiste ? */
/* Petite liste "normale" DANS un texte avec un carré devant */
.ullisquare-into { list-style-type: square; margin-top: 0px; padding-left: 10px; }

/* EXEMPLE : Google Analytics >> Questions fréquentes */
/* Petite liste "normale" avec texte collé sous le <ul><li>: <ul class="ulli2"><li>aaa</li></ul><div class="ulli2div">aaa</div>	*/
.ulli2 { margin-top: 0px; margin-bottom: 0px; font-weight: bold; }
.ulli2div { padding-left: 20px; }

/* Liste à puce <ul><li> "w3schools" pour la page: Tarifs >> Comment s'inscrire */
.w3badge-margedroite {margin-right: 10px;}

/* Petite liste à puce <ul><li> "w3schools" numérotée sans bordure */
/* .ulli1 { line-height: 1.3em; border: none !important; padding: 5px 15px !important; } */

/* EXEMPLE : Google Analytics >> Marche à suivre */
/* Petite liste numérotée <ol><li> "normale": on modifie le CSS des chiffres */
.olli1 { 
	margin-top: 0px; 
	margin-left: 35px;
	text-indent: -35px; }
.olli1 ol { counter-reset: olli1; }	/* on initialise et nomme un compteur */	
.olli1 li {
	list-style-type: none;
	counter-increment: olli1;		/* on incrémente le compteur à chaque nouveau li */
	margin-bottom: 0px; }
.olli1 li:before {
	content: counter(olli1);		/* on affiche le compteur */
	padding: 2px 10px;
	margin-right: 8px;
	vertical-align: middle;
	background: #000;					/* #678; */
	border-radius: 60px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff; }

/* Permet de placer un "<ol><li>" à l'intérieur de "olli1", en cachant le numéro des puces */
/* OBJECTIF: permettre un retour à la ligne dans un "olli1" sans créer de nouveau numéro */
/* ATTENTION: le "olli2" doit être placé À L'INTÉRIEUR du <li></li>, et PAS entre 2 </li><li>.
		si besoin, voir ici: https://developer.mozilla.org/fr/docs/Web/HTML/Element/ol */
/* Exemple: Page "services+ >> Bouton facebook >> Marche à suivre" */	
.olli2 { padding-left: 10px;}
.olli2 li:before {display: none;}


/************************************************************************************************************************/
/* ----------------------------------------------- DÉCALER ANCRE NOMMÉ ------------------------------------------------ */
/************************************************************************************************************************/

/* Décaler ANCRE pour page "AVEC" le header et "AVEC" le titre de la page */
.ancre1 {
	height: 190px; /* Hauteur du Header */ 
	margin-top: -190px; /* Hauteur du Header */ 
	visibility: visible; /* Jouer entre "hidden" et "visible" pour l'affichage dans elementor */
	}

/* Décaler ANCRE pour page "AVEC" le header et "SANS" le titre de la page */
.ancre2 {
	height: 100px; /* Hauteur du Header */ 
	margin-top: -100px; /* Hauteur du Header */ 
	visibility: hidden; /* Jouer entre "hidden" et "visible" pour l'affichage dans elementor */
	}


/************************************************************************************************************************/
/* ----------------------------------------------------- BOUTONS ------------------------------------------------------ */
/************************************************************************************************************************/

.bouton1-centre {
	display: block;		/* Pour centrer le bouton horizontal */
	margin: auto;		/* Pour centrer le bouton horizontal */
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px; /* font-size: 1.2em; */
	transition-duration: .4s;
}

.bouton1-droite {
	display: inline;	/* Pour placer le bouton à droite */
	margin: auto; 		/* Pour placer le bouton à droite */
	float: right;		/* Pour placer le bouton à droite */
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px; /* font-size: 1.2em; */
	transition-duration: .4s;
}

.bouton-bleu { background-color: #13aff0; color: #ffffff; }
.bouton-bleu:hover { background-color: #006ea5; }

.bouton-vert { background-color: #00cc00; color: #ffffff; }
.bouton-vert:hover { background-color: #008000; }

.bouton-violet { background-color: #8b008b; color: #ffffff; }
.bouton-violet:hover { background-color: #59007F; }


/************************************************************************************************************************/
/* ---------------------------------------------- EA ADVANCED ACCORDEON ----------------------------------------------- */
/************************************************************************************************************************/

/* Couleur des icones "font-awsome" dans EA Advanced accordion des pages */
.icon-jaune	{ color: #ffc72f; padding-right: 20px; }
.icon-vert 	{ color: #00cc00; padding-right: 20px; }
.icon-violet{ color: #8b008b; padding-right: 20px; }
.icon-bleu	{ color: #13aff0; padding-right: 20px; }
.icon-rouge	{ color: #ff0000; padding-right: 20px; }
.icon-excla	{ color: #ff0000; padding-right: 20px; padding-left: 5px; } /* pour décaler icone "point d'exclamation" qui est moins large */


/* Page "TARIFS >> Questions fréquentes" */
/* Alignement à gauche des titres de "EA Advanced Accordion" */
/* #elementor-tab-title-N : où "N" est l'id du titre (à trouver avec l'inspecteur) */
#elementor-tab-title-2081, #elementor-tab-title-2082, #elementor-tab-title-2083, #elementor-tab-title-2084, 
#elementor-tab-title-2085, #elementor-tab-title-2086, #elementor-tab-title-2087, #elementor-tab-title-2088, 
#elementor-tab-title-2089, #elementor-tab-title-20810, #elementor-tab-title-20811, #elementor-tab-title-20812 {
	display: block;
    text-align: left; }


/************************************************************************************************************************/
/* ------------------------------------------------------- TABS ------------------------------------------------------- */
/************************************************************************************************************************/

/* FORMULAIRE DE CONTACT */

/* Champ Nom-Prénom */
#wpforms-873-field_0 {  }

/* Champ de texte */
textarea#wpforms-873-field_13 { padding: 10px; }

#fonc-1 { width: 100%; }


/************************************************************************************************************************/
/* -------------------------------------- PAGE ACCUEIL BLOG + PLUGIN CONTENT VIEWS ------------------------------------ */
/************************************************************************************************************************/

/* On supprime le titre "catégorie" de la liste des catégories */
/* (pour le remplacer sur 'elementor' par un séparateur faisant office de Titre */
.categorielist-pagebloglist h5  {display: none !important;}
/* On met un background blanc à la liste déroulante des catégories */
.categorielist-pagebloglist form { background-color: white; }


/****************************** PLUGIN CONTENT VIEWS ******************************/


/************** GRID 2 COLONNES (Général) *****************/

/* Bloc "image+titre 2colonnes: pour mettre un fond aux articles */
/* et les espacer avec un mini séparateur (avec border-bottom°  */
.pt-cv-2-col {
	line-height: 1.5em !important;
	background-color: #ececec !important;
	padding-top: 10px;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 2px; }

/* Taille maximum de l'image dans la grille */
.pt-cv-2-col img {max-width: 100px !important;}

/* Gestion de l'image dans la grille */
.pt-cv-thumbnail { 
	border: 1px solid #59007f !important;
	margin-bottom: 10px !important;
	/* On arrondie les angles : */
	-moz-border-radius:10px ;
	-webkit-border-radius:10px;
	border-radius:5px !important; }

/* Titre des articles dans les pages "Post grid" */
.pt-cv-title a { 
	/* position: absolute !important;*/
	font-family: roboto; 
	font-size: 15px; 
	font-weight: normal;
	color: #006 !important;
	display: inline !important;	}
	
.pt-cv-title a:hover { color: #006ea5 !important; font-weight: 500; }
.pt-cv-colwrap {text-align: left; margin-bottom: 0px; }

/* On limite le nombre de lignes à afficher dans le titre */
/* Si plus de x lignes (line-camp), on affiche "…" */
.pt-cv-title{ 
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
	margin-bottom: 0px !important; }
	

/******************** GRID 1 COLONNE **********************/

/* Bloc "image+titre 1colonne: pour que les "Articles à la Une" affichés correctement sur tablette */
.pt-cv-1-col {width: 100% !important;}
	
/* Titre du "dernier article" (dans page "Post grid") */
h6.pt-cv-title a {
	position: relative !important;
	font-family: roboto; 
	font-size: 19px;
	font-weight: bold !important;
	color: #000 !important;
	line-height: 1.3em !important; }

h6.pt-cv-title a:hover { color: #34074b !important; }


/*********** CONTENU ARTICLE DANS "Post grid" ************/
.pt-cv-content {
	font-family: verdana;
	font-size: 12px;
	color: #000;
	line-height: 1.7em;
	margin-top: 10px;
	margin-bottom: 0px; }

/* Bouton "Lire la suite" */
.pt-cv-readmore {
	font-family: verdana;
	font-size: 13px !important;
	color: #13aff0 !important;
	background-color: transparent !important; 
	border: 1px solid #13aff0 !important;
	padding: 0px 5px !important;
	margin: 25px 10px 0px 0px !important;
	float: right; }

.pt-cv-content a:hover {
	color: #002d87 !important; 
	border: 1px solid #002d87 !important; }
	
	
/*********************** PAGINATION *********************/
.pt-cv-pagination  {float: right !important; 
	border-width: 0px 1px !important; 
	border-style: solid !important;
	border-color: #333 !important; 
	}
	
.pt-cv-pagination li a {
	background-color: #fff !important;
	border-style: solid !important;
	border-color: #000 !important;
	border-width: 1px 0px !important; 
	}
	
.pt-cv-pagination li.active a { 
	color: #fff !important;
	background-color: #006ea5 !important;
	border-width: 1px 0px !important;
	border-style: solid !important;
	border-color: #000 !important; 
	}
	
.pt-cv-pagination a:hover {
	color: #fff !important;
	background-color: #006ea5 !important;  
	border-width: 1px 0px;
	border-style: solid; 
	border-color: #000; 
	}


/********** GRID "CONTENT VIEWS" RESPONSIVE ************/
@media (max-width: 640px) { /* CSS mobile ici */
	/* Grid 1 colonne *************************/
	/*marges contenu*/		.pt-cv-1-col { padding: 5px 20px 15px 20px !important; }
	/*image article*/		div.pt-cv-1-col img {width: 100% !important; }
	/*titre article*/		h6.pt-cv-title {display: inline;}
							h6.pt-cv-title a { 	/* limite le nombre de lignes du titre à afficher */
								overflow: hidden ;
								display: -webkit-box !important;
								-webkit-line-clamp: 3 !important;
								-webkit-box-orient: vertical !important;
								float: left !important;
								padding-top: 10px !important;
								margin-bottom: 10px; 
								width: 100% !important;}
	/*émoticone invisible*/ h6.pt-cv-title img {display: none !important; }	/* pour le titre */
							.pt-cv-content img {display: none !important; }	/* pour le contenu */
	/* Grid 2 colonnes ************************/
	/*contenu de gauche*/	.pt-cv-thumb-left a {}
	/*image gauche*/		img.pt-cv-thumbnail {width: 24% !important; float: left !important; }
	/*contenu droite*/		.pt-cv-colwrap {width: 70%; float: right !important; }
	/*titre droite*/		p.pt-cv-title a {position: relative !important}	
}
/******************************************************/



/* --------------------------------------------------- PAGE ARTICLE ---------------------------------------------------- */

/* Supprimer l'espace entre l'article et les Header/Footer */
.single-post .entry-content { margin-bottom: 0px; margin-top: -30px; }

/* Background du contenu des articles (prend le pas sur 'content-area' (cf css CONTENU PAGES) */
.single-post { background-color: #f5f5f5 !important; }

/*Mise en forme du shortcode [detedermej] dans les articles (Date de dernière modification) */
/* Pour modifier le texte et format de date, voir le fuchier "functions.php" */
/* Pour le retrouver, voir le modèle elementor "article de base" */
.datedermaj {
	font-family: roboto;
	font-size: 12px;
	color: #999;
	font-weight: bold;
	text-align: right;
	margin-right: 30px; }

/* Impose les marges top, bottom, left et right aux titres H2 des articles */
article.elementor-element h2 {
	margin-top: 50px !important;
	margin-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* Impose les marges top et bottom aux titres H3 des articles */
article.elementor-element h3 {
	margin-top: 15px !important;
	margin-bottom: 0px !important }

/* Titre des articles en relation YARRP dans l'article unique */
.yarpp-related-widget p {
	font-family: roboto;
	font-size: 1.2em;
	color: #002;
	font-weight: bold;
	background-color: #FFC72F;
	margin-top: 0px !important;
	padding-left: 15px;
	border-top: 1px solid #002;
	border-bottom: 1px solid #002; }

/* Contenu de YARPP dans l'article unique */
.yarpp-related-widget ul {
	font-family: roboto;
	font-size: 0.9em;
	font-weight: 600;
	color: #002;
	line-height: 1.4;
	list-style-type: square;
	padding-left: 15px;
	padding-right: 10px !important;
	margin-bottom: 5px !important;
	margin-top: -20px !important; }
	
/* Permet de limiter le nombre de lignes à afficher dans le bloc 'A lire aussi' (YARPP) */
.yarpp-article {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4; /*c'est ici qu'on choisi le nombre de lignes à afficher */
	-webkit-box-orient: vertical; }

/* Permet de limiter le nombre de lignes du titre de l'article YARPP dans 'A lire aussi' */
.yarpp-related-widget li a {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1; /*c'est ici qu'on choisi le nombre de lignes à afficher */
	-webkit-box-orient: vertical; }


/* --------------------------------------------- WIDGET + SIDEBAR de droite --------------------------------------------- */


/************ LARGEUR GENERALE DE LA SIDEBAR **********************/
/* 	Pour définir la largeur de la sidebar en général, ça se fait dans les réglages du thème de Oceanwp: 
	"personnalisation >> Options générales >> Réglages généraux" */


/********** SIDEBAR DE DROITE POUR LES ARTICLES ********************/

/* On cache la sidebar pour les tablettes et smartphonre */
/*
@media (max-width: 767px) {
	.widget-area.sidebar-primary { display: none; }
}
*/
/* Modifier le titre des widgets et la bordure */
/* .widget-title { border-color: #13aff0; border-left: 3px solid;  } */
.widget-title { 
	margin-bottom: 20px !important;
	border-top: solid 3px #13aff0;
	border-left: none;
	padding-top: 15px;
	padding-left: 0px !important; }

/* Gestion de la colonne de la sidebar complet (background, marges, bordures...). */
/* Attention: ça prend en compte du "haut de page" jusqu'au "bas de page" */
.sidebar-box{
	margin-bottom: 65px !important; 
	border: 0px solid black;
	background-color: #f5f5f5 !important;
	clear: both;}


/**************** WIDGET "HR" SIDEBAR DE DROITE  *******************/
/* HR: c'est une barre de séparation. Des exemples de HR en CSS ici: https://css-tricks.com/examples/hrs/ */

/* Widget HR : On définit la barre de séparation en 100% CSS avec le "hr" */
/*
hr { border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin-top: 0px !important;
	margin-bottom: 0px !important; }
*/
/* Widget HR : On réduit l'écart "haut" et "bas" entre la barre de séparation et les widget */
/*
#custom_html-2 { padding-top: 0px; padding-bottom: 0px; }
#custom_html-3 { padding-top: 0px; padding-bottom: 0px; }
*/

/****************** WIDGET BOUTON ACCUEIL BLOG *********************/

button.sidebar-accueil-blog  {
	text-align: center;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	width: 100%;
	background-color: #ececec;
	border: 0px;
	padding: 10px 10px 10px 10px;
	transition-duration: 0.7s;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px }
	
button.sidebar-accueil-blog:hover  { color: #333; background-color: #ccc; transition-duration: 0.7s; }

/************* WIDGET "CATÉGORIE" SIDEBAR DE DROITE  ***************/

/* Contenu <ul><li> des catégories */
#categories-4 ul {
	background-color: #ececec;
	/* On arrondie les angles : */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px !important; }

#categories-4 li {
	margin-left: -10px; 
	margin-right: -10px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 5px; }

/********************* WIDGET "CRÉER SON SITE" *********************/

/* Widget complet (bloc) */
div#gallery-1  {
	background-color: #ececec;
	padding: 15px 5px 5px 5px;
	/* On arrondie les angles : */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px !important; }
/*Espace dessous image en haut à gauche*/
#gallery-1-4442 { height: 10px; background-color: #ececec; }
/*Espace dessous image en haut à droite*/
#gallery-1-4440 { height: 10px; background-color: #ececec; }
/*Espace dessous image en bas à gauche*/
#gallery-1-4443 { height: 10px; background-color: #ececec; }
/*Espace dessous image en bas à droite*/
#gallery-1-4441 { height: 10px; background-color: #ececec; }
/*Texte dessous image en bas à droite (lien)*/
#gallery-1-4441 a {
	font-family: roboto;
	font-size: 1em;
	color: red;
	font-weight: bold;
	font-style: normal; }
#gallery-1-4441 a:hover { color: #13aff0; }

/************************** WIDGET "YARPP"  *************************/

/* Widget YARPP (bloc complet): */
/* NOTE: pour gérer l'écart entre YARPP et le CTA-vertical */
#yarpp_widget-4 { margin-bottom: 80px !important; }

/* YARPP: autre widget complet */
.widget_yarpp_widget {}

/* YARPP: titre du "widget" */
.yarpp-related-widget h4 {	}

/* YARPP: bloc image+txt */
.yarpp-thumbnail {
	width: 100%;
	padding: 6px 5px 6px 7px;
	float: left ;
	background-color: #ececec;
	border: 1px solid #f5f5f5;
	margin-top: 0px;
	border-top:	1px solid white;
	margin-bottom: 1px;
	border-bottom: 1px solid #cdcdcd !important; }

/* YARPP: image */
.size-yarpp-thumbnail {
	height: 43px !important; width: 50px !important; 
	float: left; 
	border-style: solid !important; 
	border-width: 1px !important; 
	border-color: black !important; 
	margin-right: 10px; 
	/* On arrondie les angles : */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px !important; }
	
/* YARPP: titre  "article" */
.yarpp-thumbnail-title { }

/* YARPP: limiter le nombre de lignes à affigner */
.yarpp-thumbnail-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3; /*nombre de lignes à afficher*/
	-webkit-box-orient: vertical;
	bottom: 5px !important; }

/*********************** WIDGET CTA-VERTICAL ***********************/

/* Widget CTA-VERTICAL (au cas où, mettre margin-top à 10px) */
/* #cta-barrelaterale{ margin-top: 0px;} */



/* ------------------------------------------------------ YARPP ------------------------------------------------------- */