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

/* Feuille de style Web'Ethys(R) par Gildas MONJOIN pour OGAM -(c)2021 */
/* Style "Og'Up Boutique 2.0" */


/*
OLD COULEURS :
#e6b6cf
#C2AB93
#fbf8f8
Dominant rose pour texte et bordure
#dbbbbc rgb(219,187,188)
ou 
#dabcbc rgb(218,188,188)

Moodboard :
#F9CBCB rose clair
#C7CFE6 lilas
#ECCECE rose poudré

COULEURS 2021 v2 :
#76472F : marron vrai (chataigne)		: rgba(118, 71, 47, 1)
#AF6542 : terracotta (rouge)			: rgba(175, 101, 66, 1)
#C2AB93 : beige moyen (rouge - orange)	: rgba(194, 171, 147, 1)
#DDCFC2 : creme (rouge)					: rgba(221, 207, 194, 1)

*/

/* CORPS */
body {
	margin: 0;
	padding: 0;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	/*
	font-family: "brandon_grotesqueregular", "Brandon Grotesque Regular", "Brandon Grotesque", 'Lato', sans-serif;
	*/
	font-size: 0.75em;
	color: #000;
	background: #fff;
	background: #faf8f7;
}

a, a:active {
	text-decoration: none;
}

a img {
	border: 0;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.wfull {
	display: block;
	width: auto;
}
@media screen and (min-width: 1500px) {
	.wfull {
		margin: 0 auto;
		width: 1500px;
	}
}
.wfullPad2 {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 2%;
	width: auto;
}
.w955, .w955ext, .w955int {
	width: 955px;
	margin: 0 auto;
}
@media screen and (max-width: 955px) { /* ou 980 */
	.w955, .w955ext, .w955int {
		width: auto;
	}
	.w955int {
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media screen and (min-width: 1600px) {
	.w955ext {
		width: 1500px;
	}
}
.w855 {
	margin: 0 auto;
	width: 855px;
}
@media screen and (max-width: 855px) {
	.w855 {
		width: auto;
	}
}

.w755 {
	margin: 0 auto;
	width: 755px;
}
@media screen and (max-width: 755px) {
	.w755 {
		width: auto;
	}
}
.w655 {
	margin: 0 auto;
	width: 655px;
}
@media screen and (max-width: 655px) {
	.w655 {
		width: auto;
	}
}


embed, iframe, object {
	max-width: 100%;
}



/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	INTERFACE 	        	*/
/*    	    				 	        */
/*    	    *** *** *** *** 	        */


/* 				*/
/* 		HAUT 	*/
/* 				*/

header {
	height: 200px;
	width: 100%;
	position: fixed;
	top: 0px;
	background: #fff;
	z-index: 10000;
	transition: 0.1s;
	background: #fdfcfc;
}
#haut_diag{
	background: #C2AB93;
	background: #AF6542;
	line-height: 3.7em;	
	text-transform: uppercase;
	text-align: right;
	font-size: 0.72em;
	letter-spacing: 0.7ex;
}
#haut_diag a{
	display: block;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Bold", "Brandon Grotesque", 'Lato', sans-serif;
	color: #a67;
	color: #C2AB93;
	color: #DDCFC2;
	transition: 1.5s;
}
#haut_diag a span{
	font-size: 1.4em;
}
#haut_diag a:hover{
	color: #fff;
	transition: 0.5s;
}
#enTete {
	padding: 25px 0 10px;
	text-align: center;
	position: relative;
}
#logo {
}
#logo img{
	height: auto;
}
#slogan {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Bold", "Brandon Grotesque", 'Lato', sans-serif;
	color: #000;
	font-size: 0.64em;
	letter-spacing: 0.2em;
	word-spacing: 1.0ex;
}

#navTresHaut {
	position: absolute;
	top: 47px;
	right: 0;
}

/* En-tête fixe */
header.nTH_Scroll {
	top: -3.7em;
	height: 154px;
	height: 155px;
	border-bottom: 1px solid #AF6542;
	border-bottom: 1px solid #ebdbdc;
	border-bottom: 1px solid #e3dbdf;
}
header.nTH_Scroll #enTete {
	padding: 15px 0px 0px;
	text-align: left;
}
header.nTH_Scroll #logo img {
	transition: 0.5s;
	height: 50px;
	margin: 1em 1em 0 0;
	float: left;
}
header.nTH_Scroll #slogan {
	display: inline;
	line-height: 52px;
}

header.nTH_Scroll #navTresHaut {
	top: 37px;
}

#form_recherche, #form_recherche_2 {
	display: inline-block;
	padding: 2px 20px 0px;
	margin: 0px 10px 0px;
	border-right: 1px solid #999;
	position: relative;
}
#form_recherche_2 {
	border-right: none;
	margin: 0px;
	font-size: 0.7em;
}
.block_rech {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	width: 0px;
	height: 0px;
	padding: 0px;
	border: 0px solid #fff;
	font-size: 0.2em;
	color: #ccc;
	background: #fff;
	opacity: 0;
	transition: 0.5s;
}
.block_rech_ouvre , #form_recherche:hover .block_rech  , #form_recherche_2:hover .block_rech {
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 280px;
	height: auto;
	border: 1px solid #ccc;
	font-size: 1.2em;
	text-align: center;
	color: #333;
	background: #fff;
	transition: 0.5s;
	opacity: 1;
	z-index: 1000;
}
.entree_rech {
	display: inline-block;
	width: 0px;
	padding: 0px;
	border: 0px solid #fff;
	transition: 0.5s;
	font-size: 0.2em;
	color: #ccc;
}
.entree_rech::placeholder ,  .entree_rech_ouvre::placeholder {
	font-size: 0.7em;
	font-style: italic;
	color: #999;
}
.entree_rech_ouvre , #form_recherche:hover .entree_rech , #form_recherche_2:hover .entree_rech {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	width: 170px;
	height: 20px;
	line-height: 1.6em;
	/*border: 1px solid #ccc;*/
	border: 0px solid #fff;
	font-size: 1.2em;
	color: #333;
	transition: 0.5s;
}
.submit_rech {
	display: inline-block;
	height: 35px;
	padding: 5px 10px 5px 10px;
	line-height: 1.0em;
	font-size: 1.1em;
	color: #fff;
	vertical-align: top;
	background: #999;
	border: none;
	text-align: right;
	transition: 0.3s;
}
.submit_rech:hover {
	background: #333;
}

#nav_bt_profil{
	position: relative;
}
#nav_profil {
	position: absolute;
	top: 1.5em;
	right: -50px;
	z-index: 2000;
	margin: 0em;
	width: 200px;
	height: 0px;
	color: #000;
	border: 0px solid #fff;
	overflow: hidden;
	transition: 0.4s;
	text-align: left;
}
#nav_bt_profil:hover #nav_profil , #nav_bt_profil #nav_profil.nav_bt_profil_ouvert{
	width: 200px;
	height: 160px;
	margin: 1em 0em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

#nav_profil a{
	display: block;
	color: #666;
	font-size: 1em;
	line-height: 1.8em;
}
#nav_profil a:hover{
	color: #AF6542;
}
#nav_profil_form {
	margin: 0em;
	padding: 0em;
	color: #000;
	position: relative;
}
#nav_profil_form  label{
	display: block;
	font-size: 1.2em;
	line-height: 2em;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
}
#nav_profil_form  .nav_pro_entree{
	width: 70px;
	border: none;
	font-size: 0.8em;
	background: transparent;
}
#nav_profil_form  .nav_pro_log{
	width: 110px;
}
#nav_profil_form  .nav_pro_submit{
	display: block;
	width: 100%;
	padding: 0.5em 0em;
	margin: 1em 0em;
	border: none;
	background: #999;
	color: #fff;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
#nav_profil_form  .nav_pro_submit:hover{
	background: #333;
	transition: 0.3s;
}



#nav_wishlist {
	display: inline-block;
	margin: 0px 20px;	
}

#nav_bt_panier {
	position: relative;
}
#nav_bt_panier .infoB_nb {
	
}
#nav_panier {
	position: absolute;
	top: 1.8em;
	right: -30px;
	z-index: 2000;
	width: 200px;
	height: 0px;
	color: #000;
	margin: 0em;
	padding: 0em 1em;
	border: 0px solid #fff;
	overflow: hidden;
	transition: 0.4s;
	text-align: center;
}
#nav_bt_panier:hover #nav_panier {
	height: 100px;
	margin: 1em 0em;
	border: 1px solid #ccc;
	background: #fff;
}
.nav_panier_fond {
	display: none;
}
.nav_panier_qte {
	font-size: 2em;
}
.nav_panier_bt {
	display: block;
	padding: 0.5em 1em;
	margin: 1em 0em;
	background: #999;
	color: #fff;
}
.nav_panier_bt:hover{
	background: #333;
}

#nav_bt_navHaut {
	display: none;
}

#navHaut {
	clear: both;
	font-size: 1.45em;
	line-height: 2.6em;
	position: relative;
	background: #fff;
	margin: 0;
	text-align: center;
	background: #fdfcfc;
}
#navHaut ul {
	margin: 0 auto;
	padding: 0px;
}
#navHaut ul li{
	display: inline-block;
	margin: 0px 0.4ex;
	padding: 0px 0.5ex;
	width: auto;
	text-align: center;
	list-style: none;
	list-style-image: none;
}
#navHaut ul li a {
	display: inline-block;
	text-transform: uppercase;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Bold", "Brandon Grotesque", 'Lato', sans-serif;
	color: #000;
	font-size: 0.7em;
	letter-spacing: 0.2em;
	line-height: 3em;
}
#navHaut .NTH_elem {
	display: inline-block;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Bold", "Brandon Grotesque", 'Lato', sans-serif;
}
#navHaut .NTH_elem  a{
	color: #000;
}
#navHaut a:hover , #navHaut li:hover a {
	color: #AF6542;
	color: #AF6542;
	border-bottom: 3px solid #AF6542;
	border-bottom: 3px solid #AF6542;
}

#navHaut .navHaut_2 {
	display: block;
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	/*bottom: -60px;*/
	top: 2.70em;
	top: 46px;
	width: 100%;
	padding: 30px 0px;
	z-index: 10000;
	background-color: #fff;
	border-top: 1px solid #AF6542;
	/* border-bottom: 1px solid #AF6542; */
	border-top: 1px solid #C2AB93;
	/* border-bottom: 1px solid #DDCFC2; */
}
#navHaut .navHaut_2 ul{
	height: 2.2em;
	/* ou en colonne */
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	/*border: 1px solid #fff;*/
}
#navHaut .navHaut_2 ul li {
	height: auto;
	text-align: left;
	display: list-item;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px; /* mettre du padding left pour faire apparaitre les ico */
	background: no-repeat left top;
	line-height: initial;
	/*border: 1px solid #ff0;*/
}
#navHaut li:hover .navHaut_2 {
	display: block;
}
#navHaut .navHaut_2 ul li a {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #999;
	background: transparent;
	border: none;
	line-height: 2.4em;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	text-transform: initial;
}
#navHaut .navHaut_2 a:hover {
	color: #000;
	text-decoration: none;
	border: none;
}
#navHaut .navHaut_2 ul ul{
	height: auto;
	width: auto;
	margin: 0;
	padding: 0px;
	font-family: 'lekton', sans-serif;
	font-size: 0.75em;
	/*border: 1px solid #f00;*/
}
#navHaut .navHaut_2 ul li ul li { /* en colonne */
	height: 2em;
	float: none;
	text-align: left;
	display: block;
	display: list-item;
	margin: 0px;
	padding: 0px;
	background: no-repeat left top;
	/*border: 1px solid #0f0;*/
}

/* vignette dans la navHaut */
#navHaut .navHaut_2 a.menuRubVignLien {
	position: relative;
	text-align: center;
	border: none;
}
.menuRubVignLien:hover {
	border: none;
}
.menuRubVignImg {
	float: right;
	width: 500px;
}
.menuRubVignNom {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 4em;
	text-transform: none;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	font-weight: bold;
}
.menuRubVignVoir {
	display: inline-block;
	color: #fff;
	font-size: 0.25em;
	text-transform: uppercase;
	margin: 2.4em 1.0em;
	padding: 0.3em 1.7em;
	border: 1px solid #fff;
	font-family: 'lekton', sans-serif;
	transition: 0.4s;
}
.menuRubVignLien:hover .menuRubVignVoir{
	color: #999;
	background: #fff;
	background: rgba(255,255,255,0.7);
	transition: 0.4s;
}

#navHaut .navHaut_2 ul.navHaut_3 {
	width: 100%;
	display: block;
	text-align: center;
}
#navHaut .navHaut_2 ul.navHaut_3 li{
	display: inline-block;
	margin: 0em 1em;
}

@media screen and (max-width: 955px) {
	header {
		height: auto;
		width: auto;
		position: relative;
		top: initial;
	}
	#haut_diag {
		text-align: center;
	}
	#logo {
		padding: 0;
		margin: 0;
	}
	#navTresHaut {
		position: relative;
		top: initial;
		right: initial;
		margin: 1em 0 0;
	}
	#nav_bt_navHaut {
		display: inline-block;
		font-size: 3em;
		line-height: 1em;
		margin: 0em 0em 0em 1em;
		padding: 0em 0.3em;
		border: 1px solid #999;
		border-radius: 0.2em;
		cursor: pointer;
	}
	#navHaut{
		display: none;
	}
	#navHaut ul li{
		display: block;
		margin: 0px 0.1ex;
		padding: 0px 1ex;
		font-size: 0.9em;
	}
	#navHaut ul li.navHaut_noResp{
		display: none;
	}
	#navHaut li:hover .navHaut_2 {
		display: none;
	}
	#form_recherche.form_rech_ouvre {
		top: initial;
		position: relative;
		margin: 10px 0 2em;
		width: 90%;
		float: none;
		border: none;
	}
	/**/
	.block_rech_ouvre  {
		display: inline-block;
		position: relative;
		top: initial;
		right: initial;
		width: auto;
		padding: 0px;
		margin: 0;
	}
	.entree_rech_ouvre  {
		display: inline-block;
		width: 60%;
		border: none;
		background: transparent;
	}
	.submit_rech {

	}
	#nav_bt_profil #nav_profil{
	}
	#nav_bt_profil:hover #nav_profil{
		/*
		*/
		width: 200px;
		height: 0px;
		margin: 0em;
		padding: 0;
		border: 0px solid #fff;
	}
	#nav_bt_profil #nav_profil.nav_bt_profil_ouvert , #nav_bt_profil:hover #nav_profil.nav_bt_profil_ouvert{
		position: relative;
		top: initial;
		right: initial;
		width: 200px;
		height: 160px;
		margin: 1em auto;
		padding: 1em;
		border: 1px solid #ccc;
		background: #fff;
	}
}
@media screen and (max-width: 1024px) {
	#haut_diag a{
		/*padding-right: 3em; remplacé par w955int */
	}
	#navTresHaut {
		right: 2%;
	}
	#logo {
		padding-top: 2em;
	}
	#navHaut ul li{
		margin: 0px 0.1ex;
		padding: 0px 1ex;
		font-size: 0.9em;
	}
}
@media screen and (max-width: 1600px) {
	#navHaut ul li{
		margin: 0px 0ex;
		padding: 0px 1ex;
		font-size: 1em;
	}
}
@media screen and (min-width: 1600px) {
	#navHaut ul li{
		margin: 0px 0.5ex;
	}
}




#corps {
	padding-top: 205px;
}

@media screen and (max-width: 955px) {
	#corps {
		padding-top: 0px;
	}
}







/****************/
/*	BAS 		*/
/****************/

#bas_rezo{
	text-align: right;
	padding: 1em;
}
#bas_rezo span{
	margin-right: 2em;
}
#navReseaux {
	display: inline;
	margin: 30px 0px 0px 0px;
}
#navReseaux a {
	padding: 0px 8px 0px 0px;
}


footer  {
	clear: both;
	padding: 10px 0px 20px;
	background: #fff;
	border-top: 1px solid #eddfdf;
	text-align: left;
}
#navBas {
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 10px 20px;
	line-height: 1.2em;
	text-align: left;
	color: #666;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
}
#navBas ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.col_nav_bas {
	float: left;
	width: 16%;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 1.7em;
	text-transform: capitalize;
}
#navBas a {
	color: #555;
	padding: 0 4px;
}
#navBas a:hover {
	color: #C2AB93;
}

#logo_pied {
	padding: 1ex 1% 0 0;
	text-align: left;
}
#logo_pied img {
	width: 90%;
	height: auto;
}

@media screen and (max-width: 955px) {
	#bas_rezo{
		text-align: center;
		padding: 1em;
	}
	#bas_rezo span{
		margin: 2em;
	}
	#navReseaux {
		display: block;
		margin: 1em 0px;
	}
	#navReseaux a {
		display: inline-block;
		margin: 1em;
		padding: 2em;
		width: 3em;
		background: rgba(100,100,100,0.1);
	}
	#navBas {
		padding: 0;
	}
	#logo_pied {
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		text-align: center;
		padding: 30px 0px 10px 0px;
	}
	#logo_pied img{
		height: auto;
		width: 40%;
	}
	.col_nav_bas{
		display: block;
		width: auto;
		margin: 10px 0px;
		padding: 10px 0px;
		float: none;
		text-align: center;
		line-height: 2em;
		font-size: 2.7em;
		border-bottom: 1px solid #ddd;
	}
}

/*    	    Signature 	        */

#siteWeb{
	/* display: none; désactivée */
	margin: 0px 0px;
	padding: 20px;
	font-family: lato_regular, "Lato Regular", "Lato", "MS Trebuchet", sans-serif;
	text-align: center;
	background: #333;
}
#siteWeb a {
	text-decoration: none;
	font-size: 10px;
	color: #999;
    text-shadow: none;  
}
#siteWeb a:hover {
	color: #fff;
    text-shadow: 1px 1px 0 #777;  
    text-shadow: none;  
	text-decoration: none;
}




/* fil d'ariane */

#filAriane {
	margin: 0px auto 1em;
	padding: 14px 0px 14px 0px;
	font-size: 1.1em;
	line-height: 1.8em;
	color: #666;
	/*
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
	*/
}
#filAriane a {
	color: #999;
	padding: 0px 4px;
}
#filAriane a:first-child {
	padding-left: 10px;
}
#filAriane a:hover {
	/*text-decoration: underline;*/
	color: #C2AB93;
}
#filAriane strong {
	padding: 0px 4px;
	color: #000;
	font-weight: normal;
}
@media screen and (max-width: 980px) {
	#filAriane { display: none;
		padding: 8px 0px 8px 0px;
		line-height: 2em;
		font-size: 1.7em;
	}
	#filAriane strong {
		display: none;
}
}


/*	**	***	***	***	**	*/
/*		COLONNES		*/
/*	**	***	***	***	**	*/


/*	COLONNE GAUCHE	*/

#col_gauche { display: none;
	float: left;
	width: 233px;
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
	background: #eee;
}
#menu_cat {
	margin: 0px 0px 30px 0px;
}
@media screen and (max-width: 950px) {
	#col_gauche {
		display: none;
	}
}


/* Menus de droite (listes de services ou d'articles) */

#col_menu { display: none; /* utilisé uniquement dans la page contact et temporairement effacée */
	float: right;
	width: 300px;
	margin: 0px 0px 20px 50px;
}
#col_menu_corps {
	padding: 0px 0px 20px 0px;
	/*
	background-color: #fcfcfc;
	border: 1px solid #f6f6f6;
	*/
}
#col_menu_nav {
	padding: 0px 0px 40px 0px;
}

#menu_content_fixed {
	position: relative;
	height: 700px;
	overflow: hidden;
}
#menu_content_fixed #menu_content_scrolled{
	position: absolute;
	left: 0px;
	top: 0px;
	transition: 0.3s;
}
/* !! attention, il y a une confusion avec les produits !!  */
.menu_arrow {
	display: block;
	padding: 5px;
	text-align: center;
}
.menu_arrow img{
	width: 20px;
}
#menu_bt_haut {
	/*display: none;*/
}
.menu_bt_haut {
	opacity: 0;
	transition: 0.8s;
}
.menu_bt_bas {
	opacity: 1;
	transition: 0.8s;
}



/* menu rubriques */

.menu_1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
.menu_1 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*list-style-image: url(style/fleche-1.gif);*/
	list-style-image: none;
	list-style: none;
	line-height: 2.4em;
	font-weight: bold;
	/*letter-spacing: -1px;*/
	font-size: 1.3em;
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #ddd;
}
.menu_1 li:last-child {
	/*border-bottom: 1px solid #000;*/
}
.menu_1 li a {
	display: block;
	color: #666;
	padding: 0px 10px 0px 10px;
	transition: 0.2s;
	background: url("style/plus.png") no-repeat 110% center scroll;
}
.menu_1 li a.m1_pasPlus {
	/*background: none;*/
}
.menu_1 li a:hover , .menu_1 li a.servActif{
	color: #fff;
	background-color: #999;
	padding-left: 10px;
	background-position: 96% center ;
	/*padding-left: 20px;
	background-position: 5px center ;*/
}

/* menu sous-rubriques */

.menu_2 {
	margin: 0px;
	padding: 0px;
}
.menu_2 li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style: none;
	line-height: 2.4em;
	font-weight: normal;
	/*letter-spacing: -1px;*/
	font-size: 0.9em;
	text-transform: none;
	/*border-bottom: none;*/
}
.menu_2 li a {
	display: block;
	color: #666;
	padding: 0px 0px 0px 25px;
	background: #e9e9e9 url("style/fleche_2.png") no-repeat -10px center scroll;
	background-image: none;
}
.menu_2 li a:hover , .menu_2 li a.servActif{
	color: #fff;
	background: #ccc url("style/fleche_2.png") no-repeat 96% center scroll;
	padding-left: 10px;
}

/* menus dynamiques */

/* menu blog */
#blog_col_menu {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 50px;
}
#blog_col_menu_corps {
	background-color: #fbf8f8;
	padding: 0px 0px 20px 0px;
	border: 1px solid #f6f6f6;
}
#blog_col_menu_nav {
	padding: 0px 0px 10px 0px;
}
#blog_menu_content_fixed {
	position: relative;
	height: 700px;
	height: 200px;
	overflow: hidden;
}
#blog_menu_content_fixed #blog_menu_content_scrolled {
	position: absolute;
	left: 0px;
	top: 0px;
	transition: 0.3s;
}
.blog_menu_arrow {
	display: block;
	padding: 5px;
	text-align: center;
}
.blog_menu_arrow img{
	width: 20px;
}
#blog_menu_bt_haut {
	/*display: none;*/
}
.blog_menu_bt_haut {
	opacity: 0;
	transition: 0.8s;
}
.blog_menu_bt_bas {
	opacity: 1;
	transition: 0.8s;
}

@media screen and (max-width: 955px) {
	#blog_col_menu {
		display: none;
	}
}

/* menu Profil */

/* Profil */

.col_profil {
	float: right;
	border: 1px solid #ccc;
	/*border-radius: 10px;*/
	margin: 20px 20px 10px 20px;
	padding: 15px 20px 10px 20px;
}
.col_profil_titre {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}
.col_profil_titre span {
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 1.4em;
}
#col_profil_menu {

}

/* inutilisé ? : */
.profil_coord {
	margin: 20px;
}
.profil_coord  td {
	padding: 15px 36px 10px 10px;
	border-bottom: 1px solid #eee;
}
.pro_adr_col {
	width: 50%; 
	float: left; 
	margin: 0px 10% 10px 0px;
}


#menuClient {
	margin: 20px 15px 5px 5px;
	padding: 10px 5px 0px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
#menuClient ul {
	margin: 0px 5px 10px 15px;
	padding: 10px 5px 10px;
}
#menuClient li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 4px 0px;
	list-style-image: url(style/liste-1.gif);
	list-style-image: url(style/fleche-3.png);
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.1em;
	color: #666;
}
#menuClient li a {
	color: #777;
}
#menuClient li a:hover , .liste-1 li a.servActif{
	color: #000;
}

.favoris {
	padding: 6px 0px 6px 56px;
	color: #000;
	font-weight: bold;
	background: url(style/star.png) no-repeat 32px 6px scroll;
}



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

/* COLONNES STANDARD	*/

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

.col_2 { /* inutilisée */
	float: left;
	width: 40%;
}
.col_3 {
	float: left;
	width: 30%;
	margin-right: 1%;
}
.col_3:last-child {
	margin-right: 0%;
}





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


/* 				   PAGES 				*/
/* 				SPECIFIQUES	 			*/


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



/*					*/
/* 		ACCUEIL 	*/
/*					*/


/* commun actu et blog */

.acc_rap_list {
	/*border: 1px solid #f00;*/
	position: relative;
	margin-bottom: 50px;
	background: url("style/fond-acc_rap_list.png") no-repeat center center;
}
.libel_vert_1 ,.libel_vert_2{ /* libellé vertical */
	position: absolute;
	transform: rotate(-90deg); 
	transform-origin: left;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 0.6em;
	line-height: 1em;
	padding: 0;
}
.libel_vert_1::before {
	padding: 0 1.7em;
	letter-spacing: -0.8ex;
	content: " \0000a0 \2013 \2013 \2013 \2013 \2013 \2013 \0000a0";
}
.libel_vert_1 {
	top: 400px;
	left: -3em;
}
.libel_vert_2 {
	top: 300px;
	right: -20em;
}
.libel_vert_2::before , .libel_vert_2::after {
	padding: 0 1.7em;
	letter-spacing: -0.8ex;
	content: " \0000a0 \2013 \2013 \2013 \2013 \2013 \2013 \0000a0";
}

@media screen and (max-width: 955px) {
	.libel_vert_1 ,.libel_vert_2{ /* libellé vertical */
		display: none;
	}
}


/* ACC : diagnostic de peau */

#acc_diag_bloc {
	margin: 80px 0 0 ;
	padding: 40px 0 0;
	text-align: center;
	background: #b9ccec url("style/fond_carton_diag.png") no-repeat top left scroll;
	background-size: 690px 410px;
	background-color: #caddfd;
	background-color: #b9ccec;
	background-color: #bdd0f0;
}
#acc_diag_bloc a{
	display: block;
	width: auto;
	height: 350px;
	padding: 1em 1em 0 690px;
	color: #fff;
}
#acc_diag_bloc p{
	margin: 1.5em 0.5em 0.5em;
	font-size: 4em;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
#acc_diag_bloc span.bt_1{
	margin: 2.0em 1.0em;
}

@media screen and (max-width: 1200px) {
	#acc_diag_bloc p{
		margin: 1em 0.5em 0.5em;
	}
}
@media screen and (max-width: 1100px) {
	#acc_diag_bloc p{
		margin: 0.5em 0.5em 0.5em;
	}
}

@media screen and (max-width: 955px) {
	#acc_diag_bloc {
		background-position: top center;
		height: auto;
	}
	#acc_diag_bloc a{
		display: block;
		width: auto;
		height: auto;
		padding: 410px 0 1em 0px;
		color: #fff;
	}
	#acc_diag_bloc p{
		margin: 0.5em 1em 0.3em;
	}
	#acc_diag_bloc span.bt_1{
		margin: 1.0em 1.0em;
	}
}

/* ACC : Introduction */
#acc_intro {
	margin: 0em 7em;
	padding: 7em 0em;
	text-align: center;
	background: url("style/fond_acc_intro.png") no-repeat center center scroll;
	background-size: 70% auto;
}
.acc_intro_txt {
	font-size: 2.0em;
	color: #aaa;
	line-height: 1.4em;
}



/* ACC : rappel des actualités */
.acc_actu_img_cadre {

}
.acc_actu_img {
	display: inline-block;
	margin: 10px 0px 20px;
	padding: 0px;
	width: auto;
	height: 300px;
	max-width: 450px;
	overflow: hidden;
}
.acc_actu_img img {
	height: 300px;
}
.acc_actu_img:hover {

}

.acc_actu_rap_lien {
	display: inline-block;
	height: 200px;
	max-width: 400px;
	padding: 10px 40px 10px 40px;
	background: transparent;
	transition: 0.4s;
}
.acc_actu_rap_lien:hover{

}
@media screen and (max-width: 955px) {
	.acc_actu_img {
		margin: 0px 0px 0px;
		width: auto;
		height: auto;
	}
	.acc_actu_img img {
		width: 100%;
		height: auto;
	}
	.acc_actu_rap_lien {
		display: block;
		height: auto;
		max-width: initial;
		width: auto;
		padding: 10px 0px;
		background: transparent;
		transition: 0.4s;
	}
}


.acc_actu_txt_glob {
	font-size: 1.2em;
}
.acc_actu_date { 
	display: block; display: none;
	color: #999;
	font-size: 0.9em;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	background: url("style/trombone.png") no-repeat left center scroll;
}
.acc_actu_txt{
	display: block;
	/*height: 110px;
	overflow: hidden;*/
}
.acc_actu_titre {
	display: block;
	color: #000;
	font-size: 1.4em;
	margin: 0px 0px 0.7ex;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Bold", "Brandon Grotesque", 'Lato', sans-serif;
	text-transform: uppercase;
}
.acc_actu_intro {
	display: block;
	margin: 0px 0px;
	padding: 0px;
	color: #333;
	font-size: 1.0em;
}
.acc_actu_resum {
	display: block; display: none;
	margin: 6px 0px 8px;
	padding: 0px;
	color: #555;
	font-size: 0.7em;
	font-style: italic;
}
.acc_actu_plus {
	display: block;
	color: #333;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.9em;
	margin: 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 1s;
}
.acc_actu_plus::after {
	content: "\02192";
}


.rap_voir_all {
	color: #7cc576;
	text-decoration: none;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	text-transform: uppercase;
	padding-left: 0px;
	transition: 0.4s;
}
.rap_voir_all:hover {
	padding-left: 20px;
	color: #393;
}
.rap_voir_all span {
	font-size: 1.4em;
}


/* ACC : newsletter */

#formInscrNews {
	width: 400px;
	margin: 2em;
	text-align: center;
}
input.bas_news_email {
	width: 17em;
	padding: 7px 1em;
	margin: 0;
	border: 1px solid #ccc;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
input.bas_news_entrer {
	padding: 7px 1em;
	margin: 0;
	border: 1px solid #333;
	background: #333;
	font-family: "brandon_grotesque", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	transition: 0.4s;
}
input.bas_news_entrer:hover {
	border: 1px solid #000;
	background: #000;
}

@media screen and (max-width: 955px) {
	#formInscrNews {
		width: auto;
		margin: 2em auto;
	}
	input.bas_news_email {
		padding: 7px 5%;
		width: 60%;
	}
	input.bas_news_entrer {
		padding: 7px 5%;
		width: 70%;
	}
}



/*					*/
/* 		ACTUALITES 	*/
/*					*/

/* Les styles specifiques à la page d'Accueil sont avec les styles de la page d'Accueil */

/* liste actu all */

.som_actu_rap_lien {
	display: block;
	clear: both;
	height: 174px;
	padding: 30px 0px 40px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: transparent;
	transition: 0.4s;
}
.som_actu_rap_lien:first-child {
	border-top: 1px solid #fff;
}
.som_actu_rap_lien:last-child {
	border-bottom: 1px solid #fff;
}
.som_actu_rap_lien:hover{
	background: #fbf8f8;
	border-top: 1px solid #cbbbbc;
	border-bottom: 1px solid #cbbbbc;
	padding-left: 40px;
}

.som_actu_img_cadre {
	float: left;
	display: block;
	margin: 0px 14px 10px 0px;
	padding: 10px;
	width: 250px;
	height: 160px;
	border: 1px solid #fff;
	transition: 0.6s;
}
.som_actu_img {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: 160px;
	overflow: hidden;
}
.som_actu_img img {
	width: 250px;
}
.som_actu_rap_lien:hover .som_actu_img_cadre  {
	margin-right: 30px;
	background: #AF6542;
	background: #cbbbbc;
	border: 1px solid #bbb;
}

.som_actu_txt_glob {
	float: left;
	display: block;
	margin: 10px 0px 0px 14px;
	padding: 0px 0px;
	width: 550px;
	height: 170px;
	overflow: hidden;
	font-size: 1.4em;
}
.som_actu_date {
	display: block;
	color: #999;
	font-size: 0.9em;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 18px;
	background: url("style/trombone.png") no-repeat left center scroll;
}
.som_actu_txt{
	display: block;
	/*height: 110px;
	overflow: hidden;*/
}
.som_actu_titre {
	display: block;
	color: #000;
	font-size: 1.4em;
	margin: 0px;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	text-transform: uppercase;
}
.som_actu_intro {
	display: block;
	margin: 0px 0px;
	padding: 0px;
	color: #666;
	font-size: 1em;
}
.som_actu_resum {
	display: block;
	margin: 6px 0px 8px;
	padding: 0px;
	color: #555;
	font-size: 0.7em;
	font-style: italic;
}
.som_actu_plus {
	display: block;
	color: #000;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 0.9em;
	margin: 8px 0px 0px;
	padding: 0px 0px 0px 14px;
	background: url("style/fleche_1.png") no-repeat left center scroll;
	transition: 1s;
}
.som_actu_rap_lien:hover .som_actu_plus {
	color: #330;
}

/* fiche actu consult */

#actu_article {
	margin: 55px auto 70px;
}
.actu_img {
	float: right;
	margin: 10px 0px 10px 40px;
	width: 480px;
	transition: 0.6s;
}
.actu_img:hover {
	transform: scale(2) translate(-25%,25%);
	box-shadow: 1vw 1vh calc(1vw + 1vh) rgba(0,0,0,0.5);
	z-index: 200;
}
.actu_date {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	color: #999;
}
.actu_titre {
	display: block;
	margin: 0.2em 0px 1em;
	color: #000;
	font-size: 2.4em;
	line-height: 1.4em;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	text-transform: uppercase;
}
.actu_intro {
	margin: 1em 0px 0px;
	padding: 0px;
	font-size: 1.8em;
	color: #333;
}
.actu_txt {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	text-align: justify;
	line-height: 1.8em;
	color: #666;
}


/*					*/
/* 	TEMOIGNAGES 	*/
/*					*/

.tem_etoile {
	font-size: 1.6em;
	padding: 0px 2px;
}


/*					*/
/* 	BLOG et PREZ 	*/
/*					*/

.prez_html_img {
	margin-bottom: 10px;
	width: 390px;
}
.blog_vign_img {
	float: right;
	margin-bottom: 10px;
	height: 100px;
}
@media screen and (max-width: 955px) {
	.prez_html_img {
		margin-bottom: 0px;
		width: 100%;
	}
	.blog_vign_img {
		float: none;
		width: 100%;
		margin-bottom: 0px;
		height: auto;
	}
}

/************************/
/*	CORPS page CONTACT 
(les colones sont : "col_plan", "col_adresse" et "col_message")	*/
/************************/

#col_adresse {
	float: right;
	width: 330px;
	margin: 15px 0px 20px 40px;
	padding: 30px 0px 10px 0px;
	background-color: #efefef;
	border: 1px solid #e0e0e0;
	font-size: 1em;
	font-style: normal;
}
.raisonSociale {
	margin: 0px 0px 0px 30px;
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
}
.coordonnees {
	margin: 0px 0px 30px 30px;
	font-size: 0.9em;
}

/*	formulaire et contact	 */

#col_message {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
.form_contact {
	width: 500px;
	margin: 0px 0px 40px 0px;
}
	
.form_message {
	font-size: 1.2em;
	margin-bottom: 40px;
}
.form_newsletter {
	display: block;
	width: 90%;
	margin: 20px auto;
}
.form_message, .form_message p {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
.form_message p {
	/*font-size: 1.4em;*/
}
.form_message fieldset.jeux1 {
	border: 1px dashed #999;
	margin: 10px 0px 20px;
	padding: 2px 10px 10px;
	background: #fdfdfb;
}
.form_message fieldset.jeux1 legend{
	color: #a38610;
	padding: 10px;
}

.form_message label {
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 8px;
	padding: 0.8em 1em;
	font-size: 1.0em;
	color: #999;
}
.form_message .entree {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-size: 1.1em;
	width: 270px;
	color: #333;
}
.form_message .codespam {
	line-height: 1em;
	height: 1.4em;
	background: #eee;
	border: 1px solid #ddd;
	font-size: 0.9em;
	padding: 0px 4px;
	width: 1.9em;
	color: #333;
	text-align: right;
}
.form_message .area {
	height: 40px;
	width: 100%;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.form_message label.labWilde {
	background: transparent;
	border: none;
}
.form_message label.labSmart {
	display: inline;
	background: transparent;
	border: none;
	padding: 1px 4px 1px 4px;
}
.paralab {
	display: block;
	margin: 0px 0px 8px;
	padding: 2px 8px;
	font-size: 0.9em;
	color: #666;
	border: 1px solid #ccc;
	background: #fff;
}
label.labinline {
	display: inline;
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
label.labinline input{
	width: auto;
	border: none;
}
.form_message .entree.profil_login {
	background: #f3f3f3;
}
.form_message #Envoyer {
	display: block;
	width: 100%;
	background: #000;
	border: 1px solid #fff;
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 2.2em;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.form_message #Envoyer:hover {
	background: #666;
	border: 1px solid #000;
	color: #fff;
}
.form_message .envoiSmart {
	display: inline-block;
	width: 100px;
	line-height: 1em;
	height: 1.4em;
	background: #eee;
	border: 1px solid #ddd;
	color: #999;
	font-size: 0.9em;
	text-align: center;
	cursor: pointer;
}
.form_message .envoiSmart:hover {
	background: #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #666;
}


.jeu_1 {
	border: 1px dashed #eee;
	margin: 1.0em 0px 1.0em;
	padding: 2px 10px 10px 2em;
	background: #fbf8f8;
}
.jeu_1 legend{
	margin: 0em;
	padding: 0 1em;
	font-family: "brandon_grotesque", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.0em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #333;
}

.jeu_2 {
	border: 1px dashed #eee;
	border: 1px dashed #C2AB93;
	border: 1px dashed #ccc;
	margin: 1.0em 0px 1.0em;
	padding: 2em 1em 2em;
	background: #fff;
}
.jeu_2 legend{
	margin: 0em;
	padding: 0 1em;
	font-family: "brandon_grotesque", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.0em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #333;
}

.select_A {
	width: 60%;
	line-height: 1.8em;
	padding: 0.12em 6px;
	border: 1px solid #999;
}

/* boutons radio */

input[type=radio].labrad_1   {
	visibility: hidden;
}
input[type=radio].labrad_1  + label {
	font-size: 2em;
	display: inline-block;
	border: 1px solid #999;
	/*border-radius: 1em;*/
	margin: 0.5em 1em 0.5em -1em;
	padding: 0.3em 0.7em 0.3em 0.7em;
	color: #999;
	transition: 0.3s;
	cursor: pointer;
}
input[type=radio].labrad_1  + label.labrad_car{
	margin: 2em auto;
	max-width: 300px;
	min-height: 400px;
	vertical-align: bottom;
	font-size: 1.4em;
	padding: 2em;
}
input[type=radio].labrad_1  + label.labrad_car b{
	display: block;
	color: #000;
}
label.labrad_car img{
	display: block;
	margin: 20px auto;
}
input[type=radio].labrad_1  + label:hover {
	border-color: #000;
	color: #000;
}
input[type=radio].labrad_1:checked + label {
	background: #000;
	border-color: #000;
	color: #fff;
}
input[type=radio].labrad_1:checked  + label.labrad_car b{
	color: #fff;
}
input[type=radio].labrad_1:checked + label.labrad_car img {
	filter: invert(100%);
}

label.labrad_2  {
	display: inline-block;
	border: 1px solid #999;
	border-radius: 1em;
	background: rgba(255,255,255,0.1);
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0.3em 0.7em 0.3em 0.3em;
	color: #999;
	transition: 0.3s;
	cursor: pointer;
}
label.labrad_2  input[type=radio]   {
	/*visibility: hidden;*/
}
label.labrad_2:hover  span   {
	color: #999;
}
label.labrad_2  input[type=radio]:checked + span   {
	color: #fff;
}


/* fp partage reseaux */

#fp_partager {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px;
	padding: 0px;
	/*border: 1px solid #f00;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
.fp_reso_g {
	float: left;
}
.fp_reso_d {
	float: right;
}
a#fp_bt_partager {
	display: inline-block;
	color: #bbb;
	margin: 0px;
	padding: 0px 10px;
	font-size: 1em;
	line-height: 2em;
	/* et puis finalement... */
	display: none;
}
a#fp_bt_partager:hover {
	color: #999;
}
#fp_partager #nav_fp_reseaux {
	display: inline-block; /* none */
	position: absolute;
	top : 0px;
	right: 0px;
	list-style: none;
	width: 225px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 0.4s;
	opacity: 0;
	/* et puis finalement... */
	opacity: 1;
}
#fp_partager:hover {
	opacity: 1;
	transition: 0.5s;
}
#fp_partager:hover #nav_fp_reseaux {
	display: inline-block;
	opacity: 1;
}
#fp_partager #nav_fp_reseaux li {
	display: inline-block;
	float: left;
	margin: 0px 5px 0px 0px;
}
#fp_partager #nav_fp_reseaux li a img{
	opacity: 0.2;
	filter: saturate(0%);
	transition: 0.6s;
	width: 25px;
	height: 25px;
}
#fp_partager #nav_fp_reseaux li a:hover img{
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: hue-rotate(300deg);
	transition: 0.2s;
}

@media screen and (max-width: 955px) {
	#fp_partager {
		display: block;
		width: auto;
		height: auto;
		line-height: normal;
		margin: 0.2em 0px 0.3em;
		padding: 0.2em 0em 0.3em 0em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
		background: #ccc;
	}
	.fp_reso_g {
		float: none;
	}
	.fp_reso_d {
		float: none;
	}
	a#fp_bt_partager {
		display: inline-block;
		color: #fff;
		margin: 0px;
		padding: 0px 10px;
		font-size: 1em;
		line-height: 2em;
	}
	#fp_partager #nav_fp_reseaux {
		display: block;
		position: relative;
		top : initial;
		right: initial;
		width: auto;
		height: auto;
	}
	#fp_partager:hover #nav_fp_reseaux {
		display: block;
	}
	#fp_partager #nav_fp_reseaux li {
		float: none;
	}
	#fp_partager #nav_fp_reseaux li a img{
		opacity: 0.5;
		filter: saturate(0%);
	}
}


/*	**	***	***	***	**	*/
/* 			CLIENT		*/
/*	**	***	***	***	**	*/

#navbox {
	width: 200px;
	float: right;
	margin: 0px 0px 10px 10px;
}


/*	**	***	***	***	**	*/
/* LIENS et PARTENAIRES */
/*	**	***	***	***	**	*/

/* le conteneur */
.rap_lien {
	display: block;
	clear: left;
	color: #000;
	border-bottom: 1px solid #eee;
	padding: 30px 40px;
}
.rap_lien.rap_lien_2 {
	background: #fefcf6;
}
.rap_lien:last-child {
	border-bottom: none;
}

/* les contenus */
.rap_lien_img {
	float: left;
	width: 200px;
	margin: 0px 60px 0px 0px;
}
.rap_lien_img img {
	width: 200px;
}
.rap_lien_contenu {
	float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
}
.rap_lien_titre {
	font-family: 'roboto_slabregular', "RobotoSlab Regular", "Roboto Slab", serif;
	font-size: 2.4em;
	margin: 0px;
	color: #666;
}
.rap_lien_intro {
	font-size: 1.2em;
	color: #000;
	margin: 0px;
}
.rap_lien_texte {
	font-size: 1em;
	margin: 15px 0px;
	color: #666;
}

@media screen and (max-width: 980px) {
	.rap_lien {
		text-align: center;
	}
	.rap_lien_img {
		float: none;
		margin: 0px 0px 20px 0px;
		width: auto;
	}
	.rap_lien_contenu {
		float: none;
		margin: 20px 40px 20px 40px;
		width: auto;
	}
}





/*	**	***	***	***	**	*/
/* 			INFOS		*/
/*	**	***	***	***	**	*/


/* 		FAQ	*/

.col_faq {
	text-align: justify;
}
/* article */
.col_faq  dl{
	display: block;
	margin: 1em 0 1em;
	font-size: 1.2em;
}
/* question */
.col_faq  dt{
	font-size: 2em;
	margin: 1em 0 0;
	cursor: pointer;
}
/* reponse */
.col_faq  dd{
	font-size: 1em;
	margin: 1em;
}




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


/* 			MISE	EN	FORME 			*/
/* 				GENERIQUE 				*/


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


/* titres */

.titre_page {
	text-align: center;
	font-size: 3.4em;
	margin: 1.7em 0 0.5em;
	padding: 0px;
	line-height: 1.2em;
	font-family: 'PlayfairDisplay-Black';
	font-weight: normal;
}

.titre_1 {
	text-align: center;
	color: #000;
	font-size: 3em;
	margin: 0.4em;
	padding: 0px;
	line-height: 1.0em;
}

.titre_2 { /* actuellement utilisé sur le formulaire de question prod */
	text-align: center;
	color: #000;
	font-size: 1.7em;
	margin: 0.4em;
	padding: 0px;
	line-height: 1.0em;
}

.titre_3 {
	text-align: center;
	color: #000;
	font-size: 3.4em;
	margin: 1.7em 0 0.5em;
	padding: 0px;
	line-height: 1.2em;
	font-weight: bold;
}
.titre_3 a{
	color: #000;
}
.titre_3::first-letter{
	text-transform: uppercase;
}
.titre_3 span{
	color: #aaa;
	text-transform: uppercase;
	display: block;
	padding: 0.4em;
	font-size: 0.7ex;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	font-weight: normal;
	letter-spacing: 0.2em;
}
.titre_3.titr_colle {
	margin: 1.0em 0 0;
	text-align: left;
}
.titre_4 { /* temporaire ? */
	text-align: center;
	color: #000;
	font-size: 3.4em;
	margin: 1.7em 0 0.5em;
	padding: 0px;
	line-height: 1.2em;
	font-weight: bold;
}
.titre_5 {
	margin: 1.7em 0 0.5em;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 2em;
}

/* textes */

.txt_page_titre {
	margin: 1em 0 0em;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 2.7em;
}
.txt_page_intro {
	margin: 1.7em 0 0.5em;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	letter-spacing: 0.2em;
	/* text-transform: uppercase; */
	font-size: 2em;
}
.txt_page_texte { /* ce style doit permettre la mise en page Page::Og_CMS_affiche() */ 
	font-size: 1.2em;
	color: #333;
	line-height: 2.2em;
}

@media screen and (max-width: 955px) {
	.txt_page_titre {
		margin: 1em;
	}
	.txt_page_intro {
		margin: 1.7em 1em;
	}
	.txt_page_texte { /* ce style doit permettre la mise en page Page::Og_CMS_affiche() */ 
		margin: 1em;
	}
}

/* paragraphes */

.commentaire_1 {
	font-size: 1.0em;
    font-family: 'brandon_grotesquebold_italic';
	color: #999;
}
.commentaire_2 {
	font-size: 1.0em;
    font-family: 'brandon_grotesquebold_italic';
	color: #C2AB93;
}

/* autres paragraphes */

.alert_bad, .alerte_bad,
.alert_good, .alerte_good {
	padding: 4px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
}
.alert_bad, .alerte_bad {
	color: #f90;
	border: 1px solid #f90;
}
.alert_good, .alerte_good {
	color: #C2AB93;
	color: #fff;
	border: 1px solid #e6b6cf;
	border: 1px solid #C2AB93;
	border: none;
	background: #ccc;
	background: #C2AB93;
}


/* liens */
.lien_1 {
	color: #C2AB93;
}
.lien_1:hover {
	color: #976e6c;
}
.lien_2 {
	color: #976e6c;
}
.lien_2:hover {
	color: #C7CFE6;
	color: #DDCFC2;
}
.lien_3 {
	font-size: 1.2em;
	line-height: 1.0em;
    font-family: 'brandon_grotesquebold';
	color: #999;
}
.lien_3:hover {
	color: #333;
}

.lien_retour {
	display: inline-block;
	margin: 10px 0px 20px;
}
/*
COULEURS
#e6b6cf
#C2AB93
#AF6542
#fbf8f8
#F9DE00
#C7CFE6
*/


/* alignements */

/* alignements image/inline */
.alignG {
	float: left;
}
.alignD {
	float: right;
}
.alignC {
	text-align: center;
}
.alignJ {
	text-align: justify;
}

/* alignements textes/blocs */
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}
.txtAlignC {
	text-align: center;
}
.txtAlignJ {
	text-align: justify;
}

/* cadres et cartouches */
.cadre_1 {
	border: 1px solid #ccc;
	padding: 1em;
}

/*	lignes de separation	*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-top: 1px solid #e3e3e3;
}

/* liste standard */
.liste_1 {
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
.liste_1 li {
	clear: both;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 4px 5px;
	list-style-position: outside;
	list-style-image: url(style/fleche_1.png);
	line-height: 1.4em;
	font-weight: normal;
	font-size: 1.4em;
	color: #333;
}
.liste_1 li a {
	color: #666;
}
.liste_1 li a:hover{
	color: #976e6c;
	color: #C2AB93;
	color: #a38610;
}
.liste_1 li a img.alignD{
	margin-left: 10px;
}
.liste_1 li a img.alignG{
	margin: 0px 7px 20px 0px;
}
.liste_1 li i {
	display: block;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 4px 0px;
}

.liste_2 { /* menu et sous-menu */
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	font-size: 2.2em;
	text-transform: uppercase;
	letter-spacing: 0.3ex;
}
.liste_2 li {
	clear: both;
	margin: 0px 0px 10px 5px;
	padding: 4px 0px 4px 5px;
	list-style: none;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 0.9em;
	color: #333;
}
.liste_2 li a {
	color: #000;
}
.liste_2 li a:hover{
	color: #a38610;
}
.liste_2 li ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
.liste_2 li ul li {
	margin: 0px;
	font-family: Kepler, 'Playfair Display', Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	text-transform: initial;
	letter-spacing: initial;
}
.liste_2 li ul li a {
	color: #666;
}

.list_logo_1 {
	margin: 0;
	padding: 0;
	text-align: center;
}
.list_logo_1 li{
	display:inline-block;
	margin: 20px;
	vertical-align: middle;
}
.list_logo_1 li a{
	font-size: 1.3em;
	color: #333;
	font-family: "brandon_grotesque", "Brandon Grotesque", 'Lato', sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.list_logo_1 li img {
	max-width: 250px;
	max-height: 250px;
}
@media screen and (max-width: 955px) {
	.list_logo_1 li{
		display:block;
		width: 90%;
		margin: 20px auto;
	}
	.list_logo_1 li img {
		width: 100%;
		max-width: none;
		max-height: none;
		height: auto;
	}
}

/* bouton */

.bt_1 { /* bt à l'intérieur d'un lien */
	display: inline-block;
	color: #fff;
	font-size: 0.95em;
	text-transform: uppercase;
	/*margin: 2.4em 1.0em;*/
	padding: 1.3em 2.0em;
	border: 1px solid #fff;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	letter-spacing: 0.3ex;
	transition: 0.4s;
}
a:hover .bt_1 {
	color: #999;
	background: #fff;
	background: rgba(255,255,255,0.7);
	transition: 0.4s;
}
/*
#e6b6cf
#C2AB93
*/
.bt_2 {
	display: inline-block;
	color: #e6b6cf;
	color: #C2AB93;
	font-size: 0.95em;
	text-transform: uppercase;
	/*margin: 2.4em 1.0em;*/
	padding: 1.3em 2.0em;
	border: 1px solid #e6b6cf;
	border: 1px solid #C2AB93;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	letter-spacing: 0.3ex;
	transition: 0.4s;
}
.bt_2:hover {
	color: #fff;
	background: rgba(255,255,255,0.7);
	background: #C2AB93;
	transition: 0.4s;
	border: 1px solid #C2AB93;
}

.bt_3 {
	font-size: 0.8em;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	display: inline-block;
	border-radius: 20px;
	padding: 0.5em 20px;
	color: #fff;
	background: #C2AB93;
	text-transform: uppercase;
	letter-spacing: 0.3ex;
	border: 1px solid #C2AB93;
}
.bt_3[disabled=disabled] {
	border: 1px dashed #9b9898;
	background: #cBc8c8;
}
.bt_4, .bt_5 {
	display: inline-block;
	vertical-align: top;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.5ex;
	padding: 0 2.0em;
	transition: 0.4s;
	line-height: 1.8em;
	cursor: pointer;
}
.bt_4 {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.bt_4:hover {
	color: #000;
	background: #fff;
	border: 1px solid #666;
	transition: 0.2s;
}
.bt_5 {
	color: #000;
	background: #fff;
	border: 1px solid #666;
}
.bt_5:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
	transition: 0.2s;
}
.bt_6 {
	display: inline-block;
	color: #666;
	font-size: 0.95em;
	text-transform: uppercase;
	margin: 1.7em 0em 0.7em;
	padding: 0.7em 1.7em;
	border: 1px solid #999;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'lekton', 'Lato', sans-serif;
	letter-spacing: 0.3ex;
	transition: 0.4s;
}
.bt_6:hover {
	color: #333;
	background: #fff;
	background: rgba(255,255,255,0.7);
	transition: 0.4s;
}

.nav_bt {
	margin: 0px;
}
.nav_bt a {
	display: inline-block;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 20px;
	text-align: center;
	font-size: 1em;
}

.infoB_nb {
	display: inline-block;
	height: 1em;
	margin: 0px 0px 0px 0.1em;
	position: relative;
	/*border: 1px solid #000;*/
}
.infoB_nb i {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	height: 1em;
	padding: 0.2em 0.6em 0.2em 0.4em;
	line-height: 1em;
	font-family: "brandon_grotesquemedium", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.0em;
	color: #fff;
	border-radius: 1em;
	box-shadow: 2px 2px 0px 0px rgba(100, 100, 100, 0.4);
	background: #C2AB93;
}

.bt_clic {
	cursor: pointer;
}

/* Fond */

.fond_2 { /* inutilisé */
	background: #fff;
}

.hautVide {
	padding-top : 40px;
}
.basVide {
	padding-bottom : 40px;
}




/*	tableaux	*/

.tab_full {
	width: 100%;
	clear: both;
}

.tableau_1 {
	margin: 20px 0px 20px;
	background-color: #fefcfd;
	border: 1px solid #ececec;
	border-top-color: #ddd;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #ddd;
}
.tableau_1 td{
	border: 1px solid #ececec;
	border-top-color: #fcfcfc;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #fcfcfc;
	padding: 3px 5px;
	margin: 1px;
}

.tdHead1 {
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 1.2em;
}
.tdHead1.trH td {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.tdHead1.trH td[rowspan] {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	padding-bottom: 3px;
}
.tdHead2 {
	text-align: center;
	font-weight: bold;
	color: #666;
}
.tdHead2.trB td{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tdHead2 td.th2G{
	border-right: none;
}
.tdHead2 td.th2D{
	border-left: none;
}
.tableG {
	float: left;
	margin-right: 10px;
}
.tableC {
	clear: both;
}



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

/* 	Photos / illustrations 	*/

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


.page_html_img {
	width: 390px;
	width: 100%;
	margin-bottom: 0px;
}
@media screen and (max-width: 955px) {
	.page_html_img {
		width: 100%;
		margin: 0px;
	}
}


/*    	    GALERIES PHOTOS        */


/* galerie photo */

.cms_gal_content {
	text-align: center;
	font-size: 1em;
	padding: 0px 0px 40px;
}
.cms_gal_content p{
	line-height: 1.2em;
}
.cms_gal_titre {
	margin: 2em 0px 10px;
	padding: 1em;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.2em;
	color: #aaa;
	/*background: #aaa;
	border-top: #f60 solid 4px;*/
}
.cms_gal_texte {
	padding: 16px 0px;
	text-align: center;
	font-size: 1.4em;
	color: #888;
	border-bottom: #bbb solid 1px;
}
.cms_gal_texte p {
	line-height: 1.6em;
}
.cms_gal_img_cadre {
	/*
	width: 40%;
	padding: 2%;
	text-align: center;
	float: left;
	*/
	display: block;
}
.cms_gal_img_cadre img {
	width: 100%;
}
.cms_gal_img_blob {
	/*
	width: 40%;
	padding: 2%;
	text-align: center;
	float: left;
	*/
}
.cms_gal_img_nom {
	text-align: center;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
	color: #000;
	letter-spacing: 0.1em;
	margin: 0px 0px 0px;
	padding: 2em 0px 20px 0px;
}
.cms_gal_img_nom span {
	display: inline-block;
	padding: 12px 24px 4px;
	color: #333;
	background: #888;
}
.cms_gal_img_texte {
	padding: 1em 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-align: justify;
	line-height: 2.2em;
}
.cms_gal_img_texte p{
	padding: 0px;
	/* font-size: 1.2em; */
	line-height: 1.4em;
	color: #333;
	line-height: 2.2em;
}
.cms_gal_img_texte b {
	color: #C2AB93;
	/*font-weight: normal;*/
}
.cms_gal_img_lien {
	display: none;
	/*on a mis le lien sur l'image : .cms_gal_img_cadre */
}




/* blocage suite à validation form */

/* CHRONO D'ATTENTE */
/* appelée par la fonction js ouvreChrono() */
/* peut-être entièrement custumisée */
@-webkit-keyframes anim_tourne_1 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#chrono_ecran_noir {
	display: block;
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0px 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.chrono_anim_1 {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	-webkit-animation: anim_tourne_1 1s infinite linear;
	background: url("style/ico_chrono.png") no-repeat center center scroll;
	background-size: cover;
}

/* POP-UP */
#pop_ecran_noir {
	display: block; /* pour debug */
	display: none;
	z-index: 100000;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0px 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.popup_1 {
	position: absolute;
	top: calc(50% - 20vw);/* -20vh ??? */
	left: calc(50% - 20vw);
	width: 40vw;
	height: auto;
	padding: 1vw;
	background: #fff;
}
@media screen and (max-width: 955px) {
	#pop_ecran_noir {
		display: none;
		display: block;
		position: relative;
		top: initial;
		left: initial;
		background: transparent;
	}
	.popup_1 {
		position: relative;
		top: initial;
		left: initial;
		width: auto;
	}
}



/*		*** *** *** ***		*/
/*							*/
/*			POP UP			*/
/*							*/
/*		*** *** *** ***		*/

.popup_fond {
	display: block;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: rgba(0,0,0,0.7);
	z-index: 10000;
}
.popup_fond_a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
.popup_bloc {
	position: absolute;
	top: 10vh;
	right: 0;
	left: 0;
	width: 70%;
	/*height: 75vh;*/
	max-height: 75vh;
	margin: auto;
	overflow: hidden;
	z-index: 10002;
	background-color: #6cf;
	background-color: #875E5C;
}
/*
Couleurs
#cbc // fond lilas foncé
#39c // bleu du logo
#c9c0ac // fond beige

*/

.popup_image {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	filter: brightness(0.6);
	z-index: 10003;
}
.popup_ferme_bt {
	z-index: 10004;
	position: absolute;
	top: calc(10vh - 0.8em - 4px);
	left: 0;
	right: 0;
	display: inline-block;
	width: 1.6em;
	height: 1.5em;
	margin: auto;
	padding: 8px 3px 0;
	font-family: sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
	border-radius: 50%;
	border: 1px solid #AF6542;
	box-shadow: 5px 5px 5px 0px #333;
	background: #fff;
	color: #AF6542;
	opacity: 0.8;
	transition: 0.5s;
}
.popup_ferme_bt:hover {
	opacity: 1;
}
.pop_txt {
	position: relative;
	width: 97%;
	margin: 8vh auto 100vh;
	z-index: 10004;
	text-align: center;
	color: #fff;
	font-size: 1.5vw;
	text-shadow: 0px 0px 1px #000;
}
.popup_titre{
	margin-top: 4vh;
	font-size: 1.8em;
	text-transform: uppercase;
}
.popup_date{
	font-family: open_sanslight_italic, open_sans, sans-serif;
}
.popup_intro{
	font-family: open_sans, sans-serif;
	font-style: italic;
}
.pop_txt .bt_2 {
	margin-top: 10vh;
	padding: 0.7em 2.6em;
	font-size: 0.6em;
	text-shadow: none;
	color: #AF6542;
	border-color: #AF6542;
}
@media screen and (max-width: 680px) {
	.popup_fond {
		/*display: none;*/
	}
	.popup_bloc {
		width: 100%;
		max-height: 90vh;
	}
	.pop_txt {
		font-size: 4vw;
		margin-bottom: 0;
}
.popup_titre{
		margin-bottom: 2vh;
}
.popup_date{
	font-size: 1.4em;
	margin: 0 1vw 1vh;
}
.popup_intro{
	font-size: 1.2em;
	margin: 0 1vw;
}
.pop_txt .bt_2 {
	font-size: 1.0em;
	margin-top: 5vh;
	}
}


/* 	OG-DIAP 1.2 */
/* diaporama css */

/* contenant */
.og_diap_contenant {
    position: relative;
    margin:  0px;
}
.og_diap_contenant figure img {
	filter: contrast(1.25) brightness(80%);
}
.og_diap_contenant figcaption {  
	display: inline-block; 
	z-index: 200;
	position: absolute; 
	top: 20%; 
	left: 66%; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0vw 0px 0vw;
	/*background-color: rgba(255, 255, 255, 0.5); */
	color: #fff;
	font-family: 'PlayfairDisplay-Bold';
	font-family: "brandon_grotesquethin", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	/* text-transform: uppercase; */
	text-align: left;
	font-size: 4vw;
	line-height: 1.1em;
}
.og_diap_contenant figcaption i{
	display: inline-block; 
	margin: 2.0em 2.5em 0 0;
	font-family: "brandon_grotesquebold", "Brandon Grotesque Medium", "Brandon Grotesque", 'Lato', sans-serif;
	/* font-family: 'PlayfairDisplay-Regular'; */
	font-size: 1.6vw;
	line-height: 2.0em;
	line-height: 1.40em;
	/* text-transform: uppercase; */
	font-style: normal;
}
.og_diap_contenant span.diap_span_lien{ /* mettre en display=none si ça colle pas avec la demande du client  */
	display: inline-block;
	position: absolute; 
	bottom: 15%; 
	left: 66%; 
	padding: 1.4em 2.4em;
	font-family: "brandon_grotesque", "Brandon Grotesque", "Brandon Grotesque", 'Lato', sans-serif;
	font-size: 1.1vw;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3ex;
	color: #fff;
	border: 1px solid #fff;
	opacity: 1;
	transition: 0.5s;
}
.og_diap_contenant:hover span.diap_span_lien {
	color: #cbc8c8;
	color: #333;
	border: 1px solid #fff;
	opacity: 0.7;
	background: #fff;
}
.og_diap_img_lien {
	display: none;
}
/*
.og_diap_contenant figcaption {  
    position:absolute;  
    left:0; right:0; bottom: 5px;  
    padding: 20px;  
    margin:0;  
    border-top: 1px solid rgb(225,225,225);  
    text-align:center;  
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Georgia, Times, serif;  
    background: #fff;  
    background: rgba(255,255,255,0.7);  
    color: #555;  
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);  
} 
*/

/* contenu parachute */
.og_diap_parachute {
    position: absolute;
	top: 0px;
	left: 0px;
    margin: 0;            
    padding: 0;
}
.og_diap_parachute figure {
  	z-index: 400;
    position: absolute;
	top: 0px;
	left: 955px; /* doit correspondre à diap_width, donc il faut le mettre dans la fonction qui construit les diap, donc le code ira dans la page Html et non ici */
	margin: 0;
    padding: 0;
	transition: 1s;
}
.og_diap_parachute figcaption {  
	z-index: 500;
}
/* contenu défilant */
.og_diap_contenu { /*display: none;*/
    position: absolute;
	top: 0;
    left: 0;
    margin: 0;            
    padding: 0;
}
.og_diap_contenu figure {
	z-index: 100;
    display: inline;
    position: relative;
	margin: 0;
    padding: 0;
}
/* bt nav */
.og_diap_nav_1 {
	z-index: 600;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.og_diap_bt {
	display: inline-block;
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 2px;
	height: 4px;
	width: 4px;
	line-height: 4px;
	font-size: 1px;
	box-shadow: -1px -1px 1px 1px #ddd inset, 
		1px 1px 1px 1px #999 inset,
		1px 1px 2px 0px #666
		;
}
.og_diap_bt:hover {
	cursor: pointer;
}