/********************/
/***** WEBFONTS *****/
/********************/

/** GILL SANS **/
@font-face{
font-family:"gillsans-light-cyr";
src:url("webfonts/GillSansLightCyrillic/c15f85df-0e92-4a69-b0e9-f365cbaf19a2.eot?#iefix");
src:url("webfonts/GillSansLightCyrillic/c15f85df-0e92-4a69-b0e9-f365cbaf19a2.eot?#iefix") format("eot"),url("webfonts/GillSansLightCyrillic/d0110e4d-8197-4ab8-803f-66f55e2a2dcc.woff") format("woff"),url("webfonts/GillSansLightCyrillic/f33c142a-4b49-4401-8008-3af8864d5352.ttf") format("truetype"),url("webfonts/GillSansLightCyrillic/45b119a9-3bea-4037-a42a-93be92ee1335.svg#45b119a9-3bea-4037-a42a-93be92ee1335") format("svg");
}
@font-face{
font-family:"gillsans-bold-cyr";
src:url("webfonts/GillSansBoldCyrillic/b1683424-297d-4db5-9597-c41a3bd3709e.eot?#iefix");
src:url("webfonts/GillSansBoldCyrillic/b1683424-297d-4db5-9597-c41a3bd3709e.eot?#iefix") format("eot"),url("webfonts/GillSansBoldCyrillic/1295a556-4822-49d4-a8a3-8f819bd7d237.woff") format("woff"),url("webfonts/GillSansBoldCyrillic/c42a27ff-79e1-4699-bb13-cde4c41674f0.ttf") format("truetype"),url("webfonts/GillSansBoldCyrillic/175fd724-2ca3-4c6d-b4e8-1238fcc8eb1e.svg#175fd724-2ca3-4c6d-b4e8-1238fcc8eb1e") format("svg");
}
@font-face {
	font-family:'gillsans-regular-cyr';
	src: url('webfonts/GillSansCyrillic/532b216c-8cb5-4eb9-bf40-2976bb2797c3.eot');
	src: url('webfonts/GillSansCyrillic/532b216c-8cb5-4eb9-bf40-2976bb2797c3.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/GillSansCyrillic/e1eb0b0b-1d4a-4c3a-9dcb-4899670a6274.woff') format('woff'),
		 url('webfonts/GillSansCyrillic/7240ec9f-bea0-4cfa-9cc7-a5667279d552.ttf') format('truetype'),
		 url('webfonts/GillSansCyrillic/18d43876-b641-4b03-b45f-bd41981e7d69.svg#GillSans') format('svg');
	font-weight:normal;
	font-style:normal;
}

header.main .baseline,
header.main h2,
section.banners .ctn_banner h1 strong, section.banners .ctn_banner h1 b,
section.banner .ctn_texte h1 strong, section.banner .ctn_texte h1 b,
.main header h1 strong, .main header h1 b,
article.push .ctn_texte h2 strong, article.push .ctn_texte h2 b,
article.push.push_space .ctn_facebook p strong,
aside.pushs.blue-col article.push-txt .ctn_texte h2 strong,
article.push .key-figure .ctn_texte h2,
article.push .true-false .ctn_texte p.txt_over strong,
.ctn_item .ctn_infos h3 a strong,
.pg_problematique section.content .ctn_texte h1 strong, .pg_problematique section.content .ctn_texte h1 b,
.ctn_range-cat .ctn_item.LP15254 .ctn_infos h3 a em,
.pg_produit.lp15254 section.banner .ctn_texte h1 em,
article.edito .ctn_par h2,
.ctn_plus-loin h3 strong,
.str_popin.default .ctn_popin h1 strong,
.str_popin.default .ctn_popin .title strong,
.pg_produits-liste .ctn_range-cat .cat-title,
.str_marque article h2,
.pg_marque article.edito h1,
.ctn_contact .pave_contact,
.ctn_contact .ctn_social-connect h2 strong {
	font-family: gillsans-bold-cyr;
	}

section.banners .ctn_banner h1,
section.banner .ctn_texte h1,
section.banner .ctn_texte h3,
main header h1,
.main header h1,
.main header h1 em,
article.push .ctn_texte h2,
article.push.push_space .ctn_facebook p,
aside.pushs.blue-col article.push-txt .ctn_texte h2,
aside.pushs.blue-col article.push-txt.store-locator h3 a,
.ctn_item .ctn_infos h3, .ctn_item .ctn_infos h3 a,
footer.main .top h3,
footer.main .top h3 a,
.pg_problematique section.content .ctn_texte h1,
.ctn_range-cat .cat-title,
.ctn_range-cat .cat-subtitle,
.ctn_range-cat .cat-title span,
.ctn_product-detail nav ul li a,
.ctn_plus-loin h3,
.str_popin.default .ctn_popin .title,
.ctn_popin-confirm h4,
.ctn_popin-confirm .t_confirm,
.ctn_contact .ctn_social-connect h2 {
	font-family: gillsans-light-cyr;
	}

.pg_default article.edito .ctn_par h2,
.pg_articlelistpage article.edito .ctn_par h2 a,
.article_v3_legals article.edito .ctn_par h2,
.pg_default article.edito .ctn_par h2,
.pg_articlelistpage article.edito .ctn_par h2,
.pg_articlelistpage article.edito .ctn_par h2 a,
.article_v3_legals article.edito .ctn_par h2 {
	font-family: gillsans-regular-cyr;
	}

/*Effaclar Duo + */
.pg_effaclar.bg .nav-effaclar ul li a,
.pg_effaclar.bg .str_desc-produit .col-1 header h2,
.pg_effaclar.bg .str_desc-produit .ctn_citation p.t_nom,
.pg_effaclar.bg .str_desc-produit .ctn_citation p.t_fonction,
.pg_effaclar.bg .str_onglets .str_tabs ul li a,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab h2,
.pg_effaclar.bg .str_video .col-1 p.txt,
.pg_effaclar.bg article.push .ctn_texte h3,
.pg_effaclar.bg .push.double.bloc_chart h2 span,
.pg_effaclar.bg .ctn_form .obj_form.part_1 .ctn_question h4,
.pg_effaclar.bg .ctn_form .obj_form.part_1 .t_obligatoire,
.pg_effaclar.bg .str_user h1,
.pg_effaclar.bg .str_user ul.nav_user li a .libelle,
.pg_effaclar.bg .push_evolution header h1,
.pg_effaclar.bg .push_evolution .ctn_graph ul li a,
.pg_effaclar.bg .push_galerie header h1,
.pg_effaclar.bg .ctn_semaine header h1,
.pg_effaclar.bg .ctn_semaine.fin .obj_questionnaire p,
.pg_effaclar.bg .ctn_semaine.fin .obj_questionnaire.part3 .ctn_produit h2,
.pg_effaclar.bg .ctn_semaine header h1 strong{
	font-family:'gillsans-light-cyr';
	}
.pg_effaclar.bg section.banner .ctn_text,
.pg_effaclar.bg .str_desc-produit .col-1 header h3,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab p,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab .ctn_bloc li,
.pg_effaclar.bg .str_video .col-1 header h2,
.pg_effaclar.bg .str_video .col-1 header h3,
.pg_effaclar.bg .str_video .col-1 a.btn.effaclar,
.pg_effaclar.bg .str_video .col-1 p.t_mentions,
.pg_effaclar.bg .push.double.bloc_try p,
.pg_effaclar.bg .push.double a.btn.effaclar,
.pg_effaclar.bg article.push .ctn_texte p,
.pg_effaclar.bg .push.double.bloc_chart.registered p,
.pg_effaclar.bg .str_inscription-intro h1,
.pg_effaclar.bg .ctn_form .obj_form.part_1 .ctn_question input[type="text"],
.pg_effaclar.bg .ctn_form .obj_form.part_1 .ctn_question input[type="mail"],
.pg_effaclar.bg .ctn_form .obj_form.part_1 .ctn_question input[type="password"],
.pg_effaclar.bg .ctn_form .obj_form.part_1 a.t_oubli-pass,
.pg_effaclar.bg .ctn_form .obj_form.part_1 a.btn.effaclar,
.pg_effaclar.bg .ctn_question fieldset label,
.pg_effaclar.bg .ctn_question .obj_select a.b_toggle,
.pg_effaclar.bg .ctn_question .obj_select .ctn_liste ul li a,
.pg_effaclar.bg .ctn_form .obj_form .error p,
.pg_effaclar.bg .str_user p,
.pg_effaclar.bg caption,
.pg_effaclar.bg th,
.pg_effaclar.bg td,
.pg_effaclar.bg text,
.pg_effaclar.bg .str_conseil-question .obj_frise .etape span,
.pg_effaclar.bg .ctn_semaine.fin .obj_questionnaire.part1 a.btn.effaclar,
.pg_effaclar.bg.dashboard .push-produit p,
.pg_effaclar.bg.dashboard .push-produit a.btn,
.pg_effaclar.bg .ctn_semaine .ctn_conseil p,
.pg_effaclar.bg .ctn_question h4,
.pg_effaclar.bg .ctn_semaine .obj_question .ctn_question .reponse span{
	font-family:'gillsans-regular-cyr';
	}
.pg_effaclar.bg .nav-effaclar ul li a strong,
.pg_effaclar.bg .str_onglets .str_tabs ul li a strong,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab h1,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab p strong,
.pg_effaclar.bg .str_onglets .str_tabs .obj_tabs .tab h2 strong,
.pg_effaclar.bg .push.double.bloc_chart h2,
.pg_effaclar.bg .str_user h1 strong,
.pg_effaclar.bg .push_evolution header h1 strong,
.pg_effaclar.bg .push_galerie header h1 strong,
.pg_effaclar.bg .ctn_semaine header h1 strong,
.pg_effaclar.bg .ctn_semaine .obj_question .ctn_question .reponse p{
	font-family:'gillsans-bold-cyr';
	}
.pg_effaclar.bg .ctn_semaine.fin .obj_questionnaire.part3 .ctn_produit .ctn_visuel-produit{
	height:auto;
	}	
.pg_effaclar.bg .ctn_semaine.fin .obj_questionnaire.part3 .ctn_produit .ctn_visuel-produit img{
	position:relative;
	display:block;	
	}

.pg_problematique section.content .ctn_texte h1, .pg_problematique section.content .ctn_texte p{
color:#FFF;
}	

.pg_gamme.effaclar section.banner .txt{
color:#FFF;
}

/* ==================== */
/*  Banners Home
/* ==================== */

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

	/* Global */

	.pg_home.bg section.banners .slidetabs {
		top: auto;
		bottom: 5px;
	}

	.pg_home.bg section.banners .ctn_items,
	.pg_home.bg section.banners .ctn_items article {
		height: 220px;
	}

	.pg_home.bg section.banners .ctn_items article .ctn_banner {
		left: 95px;
	}

	.pg_home.bg section.banners .ctn_items article .ctn_banner h3 {
		width: 200px;
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 12px;
	}

	.pg_home.bg section.banners .ctn_items article img {
		height: 220px;
		width: auto;
	}

	/* Banner EffaclarDuo+ */
	.pg_home.bg section.banners .ctn_items article.var_EffaclarDuoPlus_INT .ctn_banner { left: 0px; }
	.pg_home.bg .obj_banner.var_EffaclarDuoPlus_INT .ctn_txt .bt_cta-banner { bottom: 40px; }

	/* Banner SkinChecker */
	.pg_home.bg section.banners .ctn_items article.SkinChecker .ctn_banner { left: 130px; width: 200px; }
	.pg_home.bg article.SkinChecker .ctn_banner h1 strong { font-size: 24px; }
	.pg_home.bg article.SkinChecker .ctn_banner p { line-height: 12px; }
	.pg_home.bg article.SkinChecker .ctn_banner p.mention {	bottom: -40px; font: 10px/10px "LocatorWeb-Regular",sans-serif; left: 0px; }
	.pg_home.bg article.SkinChecker .str_banner.SkinChecker img.v_banner_mob { left: -20px; }
	
}


/***************************/
/***** FREE FROM SPOTS *****/
/***************************/
/* MONOTYPE CORSIVA */
/*
@font-face {
	font-family:"mtcorsiva";
	src:	url('../../resources/BG/webfonts/mtcorsva.ttf') format('truetype'),
			url('../../resources/BG/webfonts/mtcorsva.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/
/* MONOTYPE ssr56c */
@font-face {
	font-family:"ssr56c";
	src: 	url('../../resources/BG/webfonts/ssr56c.woff') format('truetype'),
			url('../../resources/BG/webfonts/ssr56c.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.ope_freefromspots .obj_banner.var_landing .ctn_banner h4 {
	font-family:"ssr56c";
	font-size: 6em;
	padding-top: 60px;
	}
.ope_freefromspots .obj_banner.var_small .ctn_banner h4 {
	font-family:"ssr56c";
	}
.ope_freefromspots .obj_bloc-pushs article.obj_push.var_effaclar .ctn_text h2{
	margin-bottom:50px;
	}
.ope_freefromspots .obj_who_is figcaption a{ color: #008fcd; }
@media screen and (max-width: 767px) {
	.ope_freefromspots .obj_banner.var_landing .ctn_banner h4 {
		font-size: 2em;
		}
	.ope_freefromspots .obj_bloc-pushs article.obj_push.var_effaclar .ctn_text h2{
		margin-bottom:20px;
		font-size: 1.5em;
		}
	.ope_freefromspots .obj_bloc-pushs article.obj_push.var_effaclar .ctn_text figure{
		height:auto;
		}
	.ope_freefromspots .obj_bloc-pushs article.obj_push.var_effaclar .t_mention{position:relative; bottom:auto; left:auto; margin:20px 10px;}
}


/************************/
/****** LEGAL LOCAL *****/
/************************/
.pg_legal main{
	padding-top: 70px;
	box-sizing: border-box;
	font-family:"gillsans-light-cyr";
	}
.pg_legal .obj_legal *{
	box-sizing: border-box;
	}	
.pg_legal .ctn_article-header h1{
	font-size: 36px;
	line-height: 32px;
	color: #000;
	text-transform: uppercase;
	font-family:"gillsans-light-cyr";
	}
.pg_legal .ctn_article-header h2{
	color: #333;
    font-size: 15px;
	line-height:15px;
	margin-top:10px;
	font-family:"gillsans-light-cyr";
	}
.pg_legal .str_operation .ctn_operation{	
	padding:40px 32px 40px 32px;
	display:block;	
	}
.pg_legal .str_operation .ctn_operation a{
	display:block;	
	padding: 10px 70px;
	background: url('../../resources/BG/i_pdf.png') no-repeat left top transparent;
	color:#333333;
	}
.pg_legal .str_operation .ctn_operation.dark{
	background-color:#e6e6e6;
	}
.pg_legal .str_operation .ctn_operation.light{
	background-color:#fff;
	}
.pg_legal .str_operation .ctn_operation h3{
	font-size:26px;
	text-transform:uppercase;	
	}
.pg_legal .str_operation .ctn_operation h4{
	margin: 0;
	padding: 0;
	line-height:20px;
	font-size:15px;
	color: #000;
	}
	
@media screen and (max-width: 1024px) {	
	.pg_legal .obj_article .ctn_article-detail {
		padding: 0 20px;
		}
}

@media screen and (max-width: 767px) {
	.pg_legal main {
		padding-top: 0;
		}
	.pg_legal .obj_article .ctn_article-detail {
		padding: 0 20px 20px;
		}
	.pg_legal .str_operation .ctn_operation {
		padding: 20px;
		}
	.pg_legal .str_operation .ctn_operation a {
		padding: 0 0 0 40px;
		background-size: 25px auto;
		}	
	.pg_legal .str_operation .ctn_operation h3 {
		font-size: 15px;
		}	
	.pg_legal .str_operation .ctn_operation h4 {
		line-height: 17px;
		font-size: 13px;
		}	
	
	
}	


/* ================================ *
 * PG SURVEY
 * ================================ */
.pg_event.survey.bg .obj_survey{
	margin:0 auto;
	max-width:1180px;
	}
.pg_event.survey.bg .obj_survey .t_title{
	font:2.625em/1em 'gillsans-light-cyr', sans-serif;
	padding: 0 30px 40px;
	}
.pg_event.survey.bg .obj_survey .ctn_survey{
	display:table;
	width:100%;
	padding:4% 0 4% 12.5%;
	background:#f8f8f8;
	}
.pg_event.survey.bg .obj_survey .ctn_survey .ctn_txt,
.pg_event.survey.bg .obj_survey .ctn_survey .v_prod{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	}
.pg_event.survey.bg .obj_survey .t_head{
	margin:0 0 10px;
	font:2.625em/1em 'gillsans-bold-cyr', sans-serif;
	}
.pg_event.survey.bg .obj_survey p{
	font:1.5em/1.2em 'gillsans-light-cyr', sans-serif;
	}
.pg_event.survey.bg .obj_survey .t_mention{
	margin:10px 0 0;
	font-size:1em;
	}
.pg_event.survey.bg .obj_survey .ctn_btn{
	margin:25px 0 0;
	}
.pg_event.survey.bg .obj_survey .ctn_survey .v_prod img{
	display:block;
	margin:0 auto;
	}
	
@media screen and (max-width: 960px) {
	.pg_event.survey.bg .obj_survey .t_head{font-size:2em;}
	.pg_event.survey.bg .obj_survey p{font-size:1.25em;}
	.pg_event.survey.bg .obj_survey .ctn_survey{
		padding:30px;
		}
	.pg_event.survey.bg .obj_survey .ctn_survey .v_prod img{
		max-width:90%;
		margin:0 0 0 auto;
		}
}
@media screen and (max-width: 767px) {
	.pg_event.survey.bg .obj_survey .t_title{
		font-size:2em;
		}
	.pg_event.survey.bg .obj_survey .ctn_survey{
		display:block;
		}
	.pg_event.survey.bg .obj_survey .ctn_survey .ctn_txt,
	.pg_event.survey.bg .obj_survey .ctn_survey .v_prod{
		display:block;
		width:100%;
		}
	.pg_event.survey.bg .obj_survey .ctn_survey .v_prod img{
		margin-top:30px;
		}
}