/* ======================================== */
/*  Reset AOX
/* ======================================== */

/*** WEBFONTS L'OREAL
"Bauer Bodoni W02 Bold" => Bold
"BauerBodoniBT" => Regular
"BauerBodoniBT-Italic" => Regular Italic
"AvantGardeGothicITCW02B 737109" => Regular
***/

@font-face {font-family: 'SofiaProLight';src: url('webfonts/34A0A7_6_0.eot');src: url('webfonts/34A0A7_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A0A7_6_0.woff2') format('woff2'),url('webfonts/34A0A7_6_0.woff') format('woff'),url('webfonts/34A0A7_6_0.ttf') format('truetype');}
 
@font-face {font-family: 'SofiaProRegular';src: url('webfonts/34A0A7_A_0.eot');src: url('webfonts/34A0A7_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A0A7_A_0.woff2') format('woff2'),url('webfonts/34A0A7_A_0.woff') format('woff'),url('webfonts/34A0A7_A_0.ttf') format('truetype');}
 
@font-face{
	font-family:"AvantGardeGothicITCW02B 737109";
		src:url(/Fonts/a8033ee6-4bda-48fc-8503-3345c67b6127.eot);
		src:url(/Fonts/e77757f9-1d0b-40a3-adc5-b6a10a92c7d6.svg) format("svg"),
			url(/Fonts/af3c779d-50a4-481d-9f8d-8f473565be0e.woff) format("woff"),
			url(/Fonts/cc49bc90-bd79-43cd-bb35-90243a32d687.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
	}

#content > article .body li > a::before {
	content: none;
	}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: block;
	}

/* Reset Drupal */

#content .body article {
	padding: 0;
	}

/* .t_legal */

#content .body .obj_numbers article {
	position: relative;
	}
#content .body .obj_numbers article .t_legal {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font: 0.625em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif !important;
	color: #808080;
	}

@media screen and (max-width: 768px) {
	
	#content .body .obj_numbers article .t_legal {
		position: static;
		margin-top: 30px;
		}

	}

/* ======================================== */
/*  main
/* ======================================== */

#content .body .obj_numbers{ 
	margin:0;
	padding:0 0 70px;
	opacity:1;
	font-size:16px;
	font-family:'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	background:#fff;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
#content .body .obj_numbers div,#content .body .obj_numbers section,#content .body .obj_numbers article,
#content .body .obj_numbers h1,#content .body .obj_numbers h2,#content .body .obj_numbers h3,#content .body .obj_numbers h4,#content .body .obj_numbers h5,#content .body .obj_numbers h6,
#content .body .obj_numbers p{ box-sizing:border-box;}
#content .body .obj_numbers p{ margin:0;}
#content .body .obj_numbers strong{font-weight:normal;}

#content .body .obj_numbers .ctn_header{
	padding:35px 0;
	text-align:center;
	background:#e7e1de;
	}
#content .body .obj_numbers .ctn_header .ctn_bloc{
	padding:0;
	}
#content .body .obj_numbers .ctn_header h1{
	display:inline-block;
	padding:25px;
	margin:0 auto;
	position:relative;
	width:34.75%; padding-bottom:32.635%;
	font:3.4375em/1.1166em "AvantGardeGothicITCW02B 737109", "Lobster", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	border-radius:50%;
	background:#fff;
	}
#content .body .obj_numbers .ctn_header h1 span{
	position:absolute;
	top:50%; left:50%;
	display:block;
	width:100%;
	-webkit-transform:translate(-50%,-40%);
		-ms-transform:translate(-50%,-40%);
			transform:translate(-50%,-40%);
	}
#content .body .obj_numbers .ctn_header h1 strong{
	display:block;
	}

@media screen and (max-width:1180px){
	#content .body .obj_numbers .ctn_header{
		font-size:1.33vw;
		}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers{
		padding:20px 0;
		}
	#content .body .obj_numbers .ctn_header{
		padding:20px;
		font-size:2vw;
		}
	#content .body .obj_numbers .ctn_header h1{
		width:57%; padding-bottom:48%;
		}
}

#content .body .obj_numbers .ctn_bloc{max-width:1180px; margin:0 auto; overflow:hidden;}

#content .body .obj_numbers .t_title{
	position:relative;
	margin:0;
	padding:0 0 15px;
	text-transform:uppercase;
	font:1.375em/1em 'AvantGardeGothicITCW02B 737109', sans-serif;
	}

#content .body .obj_numbers .t_title{ overflow:hidden;}
#content .body .obj_numbers h3{
	margin:0; padding:0;
	font:0.9375em/1.2em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	text-transform:uppercase;
	}

@media screen and (max-width:960px){
	#content .body .obj_numbers .ctn_ligne.bottom{position:relative; z-index:0; margin-top:-10px;}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .ctn_ligne.bottom{margin-top:0;}
	#content .body .obj_numbers .t_title{
		padding:0 0 10px;
		}
}

/* ============================== *
 * GENRE
 * ============================== */
#content .body .obj_numbers .var_genre {
	position:relative;
	padding:0;
	}
#content .body .obj_numbers .var_genre .t_date{
	position:absolute;
	right:0; top:0;
	margin:0;
	font-size:1.5em;
	line-height:1em;
	color:#858686;
	}
#content .body .obj_numbers .var_genre .t_date em{
	display:inline-block;
	margin:0 0 0 20px;
	font-style:normal;
	color:#21677e;
	}
#content .body .obj_numbers .var_genre .ctn_ligne {display:table;width:100%; position:relative;}

#content .body .obj_numbers .var_genre .ctn_ligne.var_3 {padding:1.25% 2.5% 1.25%;}
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .ctn_graph {
	position: relative;
	padding-bottom:2.5%;
	}
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .ctn_graph h4 {
	font:0.9375em/1.2em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	text-align:center;
	text-transform:uppercase;
	}
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info {margin:0; padding:25% 0; min-height:0;}
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info img {max-width:46% !important; left:50%;}
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info .data_0,
#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info .data_1 {width:50%; text-align:left;}

@media screen and (max-width:1180px){
	#content .body .obj_numbers .var_genre{
		font-size:1.25vw;
		}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_genre{
		padding:0 20px;
		font-size:4.5vw;
		}
	#content .body .obj_numbers .var_genre .t_date{
		right:20px;
		}
	#content .body .obj_numbers .var_genre .ctn_col{
		display:block;
		width:100%;
		}
	#content .body .obj_numbers .var_genre .ctn_col h3{
		padding:10% 0 5%;
		}
	#content .body .obj_numbers .var_genre .ctn_col:first-child{
		width:90%;
		margin:0 auto;
		padding:15px 0 0;
		}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 {
		display:block;
		}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info{padding:15% 0;}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .ctn_graph{padding:10px 0 0;}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .ctn_graph h4{
		position:absolute; top:50%;
		text-align:left; z-index:2;
		max-width:50%;
				transform:translateY(-50%);
			-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info img{left:58%;}
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info .data_0,
	#content .body .obj_numbers .var_genre .ctn_ligne.var_3 .obj_info .data_1{text-align:center;}
}
	
/* --- ctn_graph --- */
#content .body .obj_numbers .ctn_graph{
	display:table-cell;
	width:50%;
	padding:5% 0;
	position:relative;
	}
#content .body .obj_numbers .ctn_graph h3{
	text-align:center;
	}
#content .body .obj_numbers .ctn_graph .obj_info{
	position:relative;
	overflow:hidden;
	display:table;
	width:100%;
	margin:15px 0 0;
	min-height:102px;
	padding:6% 0;
	vertical-align:middle;
	z-index:1;
	}
#content .body .obj_numbers .ctn_graph .obj_info h4{
	display:table-cell;
	width:56%;
	margin:0;
	height:60px;
	vertical-align:middle;
	padding:5px 20px 5px 13.333%;
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .ctn_graph .obj_info .v_graph{
	display:table-cell;
	position:relative;
	width:50%;
	vertical-align:middle;
	}
#content .body .obj_numbers .ctn_graph .obj_info .v_graph p{
	float:left;
	display:inline-block;
	vertical-align:middle;
	width:37%;
	}
#content .body .obj_numbers .ctn_graph .obj_info .v_graph p sup{
	font-size:0.5em;
	position:relative;
	top:-0.625em;
	}
#content .body .obj_numbers .ctn_graph .obj_info .v_graph .data_0{
	margin:0;
	color:#858686;
	font-size:1.25em;
	line-height:30px;
	}
#content .body .obj_numbers .ctn_graph .obj_info .v_graph .data_1{
	width:30%;
	color:#21677e;
	font-size:1.875em;
	line-height:30px;
	}
#content .body .obj_numbers .ctn_graph .obj_info img{
	position:absolute;
	z-index:-1;
	top:50%; left:57%;
	max-width:30% !important;
	-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	}
	
/* --- var_top --- */
#content .body .obj_numbers .ctn_graph.var_top{
	position: relative;
	border-right:10px solid #fff;
	background:#ebebeb;
	}
	
/* --- var_carriere --- */
#content .body .obj_numbers .ctn_graph.var_carriere{
	position: relative;
	border-left:10px solid #fff;
	background:#ebebeb;
	}
	
@media screen and (max-width:1180px){
	#content .body .obj_numbers .ctn_graph .obj_info .v_graph .data_0,
	#content .body .obj_numbers .ctn_graph .obj_info .v_graph .data_1{width:50%;}
}
@media screen and (max-width:767px){
	
	#content .body .obj_numbers .ctn_graph .obj_info{
		padding:9% 0;
		}
	#content .body .obj_numbers .ctn_graph .obj_info h4{
		padding:0;
		}
	#content .body .obj_numbers .ctn_graph .obj_info img{
		max-width:40% !important;
		}
	#content .body .obj_numbers .ctn_graph.var_top,
	#content .body .obj_numbers .ctn_graph.var_carriere{
		display:block;
		width:100%;
		margin:0;
		padding:10% 5% 10% 10%;
		border:none;
		}
	#content .body .obj_numbers .ctn_graph.var_carriere{
		margin:20px 0 0;
		}
	#content .body .obj_numbers .ctn_graph .obj_info .v_graph p{width:50%;}
	#content .body .obj_numbers .ctn_graph .obj_info .v_graph .data_1{width:50%; text-align:center;}
}

/* --- var_remuneration --- */
#content .body .obj_numbers .var_genre .ctn_remuneration{
	padding:0;
	margin:0 0 45px;
	}
#content .body .obj_numbers .ctn_remuneration .b_filet{
	display:table;
	width:100%;
	padding:5.333%;
	border:2px solid #f1eeed;
	}
#content .body .obj_numbers .ctn_remuneration .b_filet > div{
	display:table-cell;
	vertical-align:middle;
	}
#content .body .obj_numbers .ctn_remuneration .b_filet .t_left{
	width:32.838%;
	}
#content .body .obj_numbers .ctn_remuneration .b_filet .t_mid{
	width:24.368%;
	text-align:left;
	}
#content .body .obj_numbers .ctn_remuneration .b_filet .t_right{
	width:42.794%;
	}
#content .body .obj_numbers .ctn_remuneration h3{
	padding:0;
	float:left;
	text-align:left;
	line-height:1.2em;
	}
#content .body .obj_numbers .ctn_remuneration .t_big{
	font-size:4.375em;
	line-height:0.725em;
	color:#21677e;
	}
#content .body .obj_numbers .ctn_remuneration .t_big sup{
	position:relative;
	top:-2em;
	font-size:0.25em;
	}
#content .body .obj_numbers .ctn_remuneration .t_right p{
	padding:15px 0 0;
	clear:both;
	font:0.75em/1.3333em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .ctn_remuneration .mention{
	margin:10px 0 0;
	float:left;
	font:0.75em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	color:#858686;
	}
	
@media screen and (max-width:1180px){
	#content .body .obj_numbers .var_genre .ctn_remuneration{
		font-size:1.33vw;
		}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_genre .ctn_remuneration{
		width:100%;
		font-size:4.5vw;
		}
	#content .body .obj_numbers .ctn_remuneration .b_filet{
		margin:0;
		padding-right:3%;
		}
	#content .body .obj_numbers .ctn_remuneration .b_filet > div{
		display:block;
		}
	#content .body .obj_numbers .ctn_remuneration .b_filet .t_left{
		width:60%;
		float:left;
		}
	#content .body .obj_numbers .ctn_remuneration .b_filet .t_mid{
		width:40%;
		float:right;
		}
	#content .body .obj_numbers .ctn_remuneration .t_big{ text-align:right;}
	#content .body .obj_numbers .ctn_remuneration .b_filet .t_right{
		width:100%;
		clear:both;
		}
}

/* --- var_bars --- */
#content .body .obj_numbers .var_genre .ctn_col.var_bars{
	vertical-align:bottom;
	width:50%;
	padding:0;
	}
/* --- var_bars --- */
#content .body .obj_numbers .var_bars .ctn_graph h3{
	padding:0;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph{
	display:table;
	width:100%;
	margin:20px 0 0;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph p{
	display:table-cell;
	position:relative;
	width:50%;
	padding:0 6.1111% 15% 0;
	font-size:2.5em;
	line-height:0.75em;
	text-align:right;
	color:#858686;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph .data_1{
	text-align:left;
	padding:0 0 15% 6.1111%;
	font-size:4em;
	color:#21677e;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph p em{
	font-style:normal;
	font-family:'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph p sup{
	position:relative;
	top:-1.25em;
	font-size:0.35em;
	line-height:0;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph .data_1 sup{
	font-size:0.25em;
	top:-2em;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph p span{
	position:absolute; right:2px; bottom:0;
	width:8px; height:100%;
	background:#ebebeb;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph .data_1 span{
	left:2px; right:auto;
	background:#d3e1e5;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph p span i{
	position:absolute;
	bottom:0; left:0;
	width:100%;
	background:#858686;
	}
#content .body .obj_numbers .var_bars .ctn_graph .v_graph .data_1 span i{
	position:absolute;
	bottom:0; left:0;
	width:100%;
	background:#21677e;
	}
/* --- var_recrutement --- */
#content .body .obj_numbers .ctn_graph.var_recrutement{
	width:33.333%;
	}
	
/* --- var_membres --- */
#content .body .obj_numbers .ctn_graph.var_management{
	width:33.333%;
	}
/* --- var_membres --- */
#content .body .obj_numbers .ctn_graph.var_membres{
	width:33.333%;
	}
	
@media screen and (max-width:767px){
	#content .body .obj_numbers .ctn_graph.var_recrutement,
	#content .body .obj_numbers .ctn_graph.var_management,
	#content .body .obj_numbers .ctn_graph.var_membres{
		display:block;
		margin:10px 0;
		width:100%;
		}
}

/* ============================== *
 * CERTIFICATIONS
 * ============================== */
#content .body .obj_numbers .var_certif {
	position: relative;
	max-width:100%;
	padding:5.333%;
	background:#ebebeb;
	}
#content .body .obj_numbers .var_certif h2 {
	margin:0 0 20px;
	padding:0;
	font:1.375em/1em 'AvantGardeGothicITCW02B 737109', sans-serif;
	text-transform:uppercase;
	}
#content .body .obj_numbers .var_certif p {
	margin:0 0 10px;
	font:0.9375em/1.466667em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_certif strong { 
	display:block;
	font:1.5625em/1.125em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_certif .t_pink { color:#21677e;}
#content .body .obj_numbers .var_certif .t_purple { color:#57afba;}

#content .body .obj_numbers .var_certif .ctn_txt { 
	display:table;
	width:100%;
	margin-bottom:-30px;
	position:relative;
	z-index:2;
	}
#content .body .obj_numbers .var_certif .ctn_txt .txt{ 
	display:table-cell;
	width:68%;
	vertical-align:top;
	}
#content .body .obj_numbers .var_certif .ctn_txt .txt:first-child{ 
	padding-right:5.5%;
	}
#content .body .obj_numbers .var_certif .ctn_txt .txt:not(:first-child) p{ 
	line-height:1.2em;
	}
#content .body .obj_numbers .var_certif .ctn_txt .txt:not(:first-child) p:first-child{ 
	margin-top:44px;
	}
#content .body .obj_numbers .var_certif .ctn_map { 
	position:relative;
	z-index:1;
	padding-top:27%;
	padding-right:10%;
	overflow:hidden;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
			transition:all 0.2s;
	}
#content .body .obj_numbers .var_certif .ctn_map:after { 
	display:block; content:'';
	position:absolute;
	left:10%; top:0;
	width:90%; padding-bottom: 50%;
	z-index:-1;
	background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/162336-26fcd-picture_original-v-certifications-png.png') no-repeat center center / contain;
	}
#content .body .obj_numbers .var_certif .ctn_map h3 { 
	font-size:2.75em;
	color:#21677e;
	font-family:'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_certif .ctn_map h3 strong { 
	display:inline-block;
	font:2.727272em/0.75em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_certif .ctn_map ul{ 
	display:inline-block;
	margin:0; padding:0;
	width:21%;
	vertical-align:top;
	list-style:none;
	float:left;
	color:#57afba;
	}
#content .body .obj_numbers .var_certif .ctn_map ul + ul{ 
	padding:0 0 5px 5%;
	}
#content .body .obj_numbers .var_certif .ctn_map ul:first-of-type{ 
	color:#21677e;
	}
#content .body .obj_numbers .var_certif .ctn_map ul li{ 
	padding:0; margin:0;
	font-size:0.9375em;
	line-height:1.2em;
	}

@media screen and (max-width:1180px){
	#content .body .obj_numbers .var_certif{
		font-size:1.5vw;
		}
	#content .body .obj_numbers .var_certif .ctn_map{padding-right:0;}
	#content .body .obj_numbers .var_certif .ctn_map ul{width:20%;}
	#content .body .obj_numbers .var_certif .ctn_map ul + ul{padding:0 0 5px 5%;}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_certif {
		padding:40px 20px;
		font-size:4vw;
		}
	#content .body .obj_numbers .var_certif .ctn_ligne .ctn_col,
	#content .body .obj_numbers .var_certif .ctn_ligne .ctn_col:first-child { 
		width:100%; padding:0;
		display:block;
		}
	#content .body .obj_numbers .var_certif .ctn_ligne .ctn_col h2 {
		margin:0 0 20px;
		}
	#content .body .obj_numbers .var_certif .ctn_txt { 
		margin-bottom:0;
		}
	#content .body .obj_numbers .var_certif .ctn_txt .txt{ 
		display:block;
		width:100%;
		}
	#content .body .obj_numbers .var_certif .ctn_map{
		padding:30% 0 0;
		}
	#content .body .obj_numbers .var_certif .ctn_map h3{
		font-size:2em;
		}
	#content .body .obj_numbers .var_certif .ctn_map ul,
	#content .body .obj_numbers .var_certif .ctn_map ul + ul{
		width:100%;
		max-width:100%;
		padding:0;
		overflow:hidden;
		}
	#content .body .obj_numbers .var_certif .ctn_map ul li{
		display:inline-block;
		margin:0 10px 0 0;
		line-height:1.5em;
		}

}

/* ============================== *
 * HANDICAP
 * ============================== */
#content .body .obj_numbers .var_handicap { margin:60px 0 0; position:relative;}
#content .body .obj_numbers .var_handicap .ctn_ligne {
	display:table;
	width:100%;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .ctn_col{
	display:table-cell;
	position:relative;
	padding:5.333%;
	vertical-align:middle;
	background:#ebebeb;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .ctn_col strong{
	color:#21677e;
	font-family:'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre:after,
#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation:after{
	display:block; content:'';
	height:100%;
	position:absolute;
	top:0; left:0; bottom:0; right:10px;
	z-index:-1;
	background:#f1eeed;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre{
	position: relative;
	width:33%;
	padding:4%;
	border-right:10px solid #fff;
	text-align:center;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre p{
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre p strong{
	display:block;
	font:5.1em/0.975em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre .mention{
	position:absolute;
	bottom:0; left:0;
	padding:10px;
	font-size:0.75em; color:#858686;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation{
	position: relative;
	font-size:0.9375em;
	line-height:1.384615em;
	border-left:10px solid #fff;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation p{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px 0 0;
	font:1em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation .t_chiffre{
	display:block;
	margin:5px 0;
	padding:0;
	width:70px;
	font-size:3.75em;
	line-height:1em;
	text-align:right;
	font-family:'SofiaProLight', sans-serif;
	}
#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation .t_chiffre:before{
	display:block; content:'';
	margin:0 0 0 auto;
	width:29px; height:35px;
	background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159341-35533-picture_original-v-globe-png.png') no-repeat center center / 100% auto;
	}
#content .body .obj_numbers .var_handicap .ctn_exemple{
	display:table-cell;
	position:relative;
	width:67%;
	padding:40px 40px 0 40px;
	border-left: 10px solid #fff;
	vertical-align:bottom;
	background:#eff7f8;
	}
#content .body .obj_numbers .var_handicap .t_date{
	position:absolute;
	right:0; top:0;
	margin:5px 0 0;
	font-size:0.9375em;
	color:#858686;
	}
#content .body .obj_numbers .var_handicap .t_date em{
	display:inline-block;
	margin:0 0 0 20px;
	font-style:normal;
	color:#21677e;
	}
#content .body .obj_numbers .var_handicap .ctn_exemple h3{
	display:block;
	color:#21677e;
	margin: 0 0 10px 0;
	}
#content .body .obj_numbers .var_handicap .ctn_exemple h3:after{
	display:none;
	}
#content .body .obj_numbers .var_handicap .ctn_exemple .t_mention {
	position: absolute;
	bottom: 35px;
	font-size: 0.75em;
    color: #858686;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois{
	position:relative;
	width:85%;
	padding-top:5%;
	display:inline-block;
	float:right;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois figure{
	position:relative;
	padding-left:25px;
	margin:0;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_direct{
	position:absolute;
	bottom:0; left:0; right:0;
	padding:0;
	margin:0;
	z-index:1;
	width:73.0232%;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_total{
	width:67.4418%;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .p_date{
	position:absolute; bottom:7%;
	z-index:2;
	font:1.25em/1em 'SofiaProLight', 'AvantGardeGothicITCW02B', sans-serif;
	color:#fff;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .p_date.old{
	left:8.5%;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .p_date.new{
	left:41%;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois figcaption{
	position:absolute;
	bottom:100%; left:0;
	width:100%;
	padding:0;
	background:none;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois figcaption em{
	position:absolute;
	bottom:20%;
	text-align:center;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
	font-style:normal;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .data_type{
	position:absolute;
	left:110%;
	font-size:0.9375em;
	width:50%;
	text-align:left;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .data_0{
	font-size:1.25em;
	color:#6ab5bf;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .data_1{
	font-size:1.625em;
	color:#21677e;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_direct .data_0{
	left:12%; bottom:-70%;
	color:#858686;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_direct .data_1{
	left:57%;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_total .data_0{
	left:24%; bottom:-115%;
	color:#c2c2c2;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois .var_total .data_1{
	left:68%;
	color:#a6d3d9;
	}
#content .body .obj_numbers .var_handicap .ctn_emplois figcaption em sup{
	position:relative;
	top:-0.75em;
	font-size:0.5em;
	}
@media screen and (max-width:1180px){
	#content .body .obj_numbers .var_handicap {
		font-size:1.5vw;
		}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_handicap {
		padding:0 20px;
		font-size:4.5vw;
		}
	#content .body .obj_numbers .var_handicap .t_date{
		right:20px;
		text-align:right;
		margin:0;
		}
	#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre{
		width:100%;
		display:block;
		padding:20px 20px;
		background:#f1eeed;
		border-right:none;
		}
	#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation{
		width:100%;
		display:block;
		margin:20px 0 0;
		padding:20px;
		background:#f1eeed;
		border-left:none;
		}
	#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation:before{
		width:16%;
		padding-bottom:19%;
		}
	#content .body .obj_numbers .var_handicap .ctn_ligne .var_nombre:after,
	#content .body .obj_numbers .var_handicap .ctn_ligne .var_obligation:after{
		display:none;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple{
		width:100%;
		border-left: none;
		display:block;
		padding:0;
		overflow:hidden;
		position:relative;
		margin: 20px 0;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple .t_legal {
		text-align: center;
		margin-bottom: 10px;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple h3{
		width:100%;
		margin:0 0 20px;
		padding:40px 0 0;
		float:none;
		text-align:center;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple .t_date{
		top:0; right:10px; margin:10px 0;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple .t_date em{
		margin:0 0 0 10px;
		}
	#content .body .obj_numbers .var_handicap .ctn_exemple h3 br{
		display:none;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois{
		display:block;
		margin:0 auto 0 5%;
		width:85%;
		float:none;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois figure{
		width:100%;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois figcaption{
		font-size:0.9375em;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois .var_direct{
		width:73.735%;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois .var_total{
		width:68.3931%;
		}
	#content .body .obj_numbers .var_handicap .ctn_emplois .p_date{bottom:5px;}
	#content .body .obj_numbers .var_handicap .ctn_emplois .data_0{font-size:1em;}
	#content .body .obj_numbers .var_handicap .ctn_emplois .data_1{font-size:1.125em;}
	#content .body .obj_numbers .var_handicap .ctn_emplois .data_type{
		width:80%; left:125%;
		}
	
}

/* ============================== *
 * ORIGINES
 * ============================== */
#content .body .obj_numbers .var_origines { 
	padding:50px 0 0;
	}
#content .body .obj_numbers .var_origines .ctn_ligne { display:table; width:100%;}
#content .body .obj_numbers .var_origines .ctn_ligne .ctn_col {
	display:table-cell; width:50%;
	position:relative;
	vertical-align:middle;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_nation{
	position: relative;
	padding:4% 5% 2.5%;
	border-right:10px solid #fff;
	background:#ebebeb;
	text-align:center;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_nation p{
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_nation:before {
	display:block; content:'';
	width:calc(100% - 10px); height:100%;
	position:absolute;
	top:0; left:0; bottom:0;
	z-index:-1;
	background:#f1eeed;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_nation strong {
	position:relative;
	margin:5px 0 0;
	display:block;
	font:5.1em/0.975em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	color:#21677e;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us{
	position: relative;
	padding:4.5% 4% 5.5% 5%;
	text-align:center;
	background:#eff7f8;
	border-left:10px solid #fff;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us h3{
	color:#21677e;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us p{
	margin:10px 0 0;
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us strong sup{
	position:absolute;
	display:block;
	top:70%; right:0;
	width:23%;
	text-align:center;
	font-size:0.5em;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us em{
	display:inline-block;
	font-size:0.75em;
	font-style:normal;
	color:#858686;
	line-height:1.5em;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us .var_txt{
	text-align:left;
	width:64%;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us strong {
	display:block;
	font-size:3.75em;
	line-height:0.875em;
	color:#21677e;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_us strong:before{
	display:block; content:'';
	margin:0 auto 5px;
	width:85%;
	padding-bottom:50%;
	background:url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159371-f2c8a-picture_original-v-map-us-png.png') no-repeat center center / contain;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_filiales {
	position: relative;
	padding: 5%;
	text-align: left;
	border-left: 10px solid #fff;
	background: url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/162339-704db-picture_original-v-filiales-png.png') no-repeat right center / 17% auto #ebebeb;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_filiales h3 {
	font-size: 1.625em;
	color: #21677e;
	text-transform: inherit;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_filiales h3 strong {
	font-size: 2.3em;
	color: #21677e;
	}
#content .body .obj_numbers .var_origines .ctn_ligne .var_filiales p {
	margin: 10px 0 0;
	font: 0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
@media screen and (max-width:1180px){
	#content .body .obj_numbers .var_origines {
		font-size:1.5vw;
		}
	#content .body .obj_numbers .var_origines .ctn_ligne .var_us strong sup{
		top:65%; text-align:right;
		right:-5%;
		}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_origines {
		padding:40px 20px 0;
		margin:0;
		width:100%;
		font-size:4.5vw;
		}
	#content .body .obj_numbers .var_origines .ctn_ligne .var_nation{
		width:100%;
		display:block;
		background:#f1eeed;
		padding:5.333% 5.333% 2.5%;
		border:none;
		}
	#content .body .obj_numbers .var_origines .ctn_ligne .var_nation:before{display:none;}
	
	#content .body .obj_numbers .var_origines .ctn_ligne .var_us{
		width:100%;
		padding:40px 20px 20px;
		margin:20px 0 0;
		display:block;
		border:none;
		}
	#content .body .obj_numbers .var_origines .ctn_ligne .var_us p{
		margin:10px 0 0;
		}
	#content .body .obj_numbers .var_origines .ctn_ligne .var_filiales {
		display: block;
		width: 100%;
		margin: 20px 0 0;
		padding: 40px 20px 20px;
		border: none;
		}
}

/* ============================== *
 * SOURCING
 * ============================== */

#content .body .obj_numbers .var_sourcing {
	padding: 60px 0 0;
	}
#content .body .obj_numbers .var_sourcing .ctn_row {
	display: flex;
	justify-content: space-between;
	}
#content .body .obj_numbers .var_sourcing .ctn_row + .ctn_row {
	margin-top: 20px;
	}

#content .body .obj_numbers .var_sourcing h3 {
	font: 0.9375em/1.2em "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .var_sourcing p {
	font: 0.9375em/1.2em "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .var_sourcing p strong {
	font: 1.227em/0.8 "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #21677e;
	}
#content .body .obj_numbers .var_sourcing p sup {
	font-size: 0.6em;
	}
#content .body .obj_numbers .var_sourcing .t_center {
	text-align: center;
	}
#content .body .obj_numbers .var_sourcing .t_caption {
	font-size: 0.75;
	line-height: 1;
	text-align: center;
	}

#content .body .obj_numbers .var_sourcing .v_graph {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 115px;
	width: 115px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	}
#content .body .obj_numbers .var_sourcing .v_graph p {
	display: inline-block;
	font: 0.9375em/1.2em "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	text-align: center;
	}
#content .body .obj_numbers .var_sourcing .v_graph p strong {
	position: relative;
	font: 3.5em/0.8 "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .var_sourcing .v_graph sup {
	position: absolute;
	top: 0.75em;
	left: 100%;
	font-size: 0.4em;
	line-height: 1;
	}

@media screen and (max-width: 1180px) {
	
	#content .body .obj_numbers .var_sourcing {
		font-size: 1.5vw;
		}
	
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers .var_sourcing {
		padding: 40px 20px 0;
		font-size: 4.5vw;
		}
	#content .body .obj_numbers .var_sourcing .ctn_row {
		flex-wrap: wrap;
		flex-direction: column;
		}
	#content .body .obj_numbers .var_sourcing .ctn_row > * {
		width: 100% !important;
		border: 0 !important;
		}
	#content .body .obj_numbers .var_sourcing .ctn_row > * + * {
		margin-top: 20px;
		}
	#content .body .obj_numbers .var_sourcing .v_graph {
		font-size: 16px;
		}

	}

/* .bloc_empowerment */

#content .body .obj_numbers .var_sourcing .bloc_empowerment {
	width: 74%;
	padding: 40px 30px;
	border-right: solid 10px white;
	background: #ebebeb;
	}
#content .body .obj_numbers .var_sourcing .bloc_empowerment .ctn_row {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	}
#content .body .obj_numbers .var_sourcing .bloc_empowerment .ctn_row .ctn_col {
	width: 100%;
	max-width: calc(90% / 3);
	}
#content .body .obj_numbers .var_sourcing .bloc_empowerment .ctn_row .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .obj_numbers .var_sourcing .bloc_empowerment .v_graph {
	background: url("v_graph-empowerment.png") no-repeat center center / 100% auto transparent;
	}

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

	#content .body .obj_numbers .var_sourcing .bloc_empowerment .ctn_row .ctn_col {
		max-width: 100%;
		}
	
	}

/* .bloc_fulltime */

#content .body .obj_numbers .var_sourcing .bloc_fulltime {
	width: 26%;
	padding: 130px 30px 30px 30px;
	border-left: solid 10px white;
	background: url("v_fulltime.png") no-repeat 30px 30px / auto auto #eff7f8;
	}
#content .body .obj_numbers .var_sourcing .bloc_fulltime p {
	font: 0.9375em/1.2em "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .var_sourcing .bloc_fulltime p strong {
	font-size: 2.636em;
	line-height: 0.8;
	color: #21677e;
	}

/* .bloc_employment */

#content .body .obj_numbers .var_sourcing .bloc_employment {
	width: 100%;
	padding: 40px 30px 0 30px;
	background: #ebebeb;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .ctn_row {
	margin-top: 30px;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .ctn_row .ctn_col {
	width: 100%;
	max-width: calc(87.5% / 4);
	padding-bottom: 30px;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .ctn_row .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment p strong em {
	font-style: normal;
	font-size: 2em;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .v_graph {
	background: url("v_graph-beneficiaries.png") no-repeat center center / 100% auto transparent;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .col_01 .t_caption {
	margin-top: 10px;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .col_02 .t_suppliers strong {
	padding-left: 25px;
	font-size: 2em;
	background: url("v_suppliers.png") no-repeat left center / auto auto transparent;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .col_03 {
	background: url("v_globe.png") no-repeat left bottom / 25px auto transparent;
	}
#content .body .obj_numbers .var_sourcing .bloc_employment .col_04 {
	background: url("v_spent.png") no-repeat center bottom / auto auto transparent;
	}

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

	#content .body .obj_numbers .var_sourcing .bloc_employment .ctn_row .ctn_col {
		max-width: 100%;
		}
	#content .body .obj_numbers .var_sourcing .bloc_employment .ctn_row .col_04 {
		padding-bottom: 150px;
		}
	
	}

/* ============================== *
 * FORMATIONS
 * ============================== */
#content .body .obj_numbers .var_engagment{
	padding:60px 0 0;
	}
#content .body .obj_numbers .var_engagment .ctn_ligne{
	display: table;
	width:100%;
	}
#content .body .obj_numbers .var_engagment .ctn_col{
	display: table-cell;
    position: relative;
    vertical-align: middle;
	}
#content .body .obj_numbers .var_investment{
	position: relative;
	width: 36%;
	padding:5% 5% 2%;
	background:#ebebeb;
	text-align:center;
	border-right:10px solid #fff;
	}
#content .body .obj_numbers .var_investment h3{
	text-transform:none;
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_investment p{
	margin:0 0 5px;
	font:0.75em/1.333em 'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_investment .t_mention{
	color:#858686;
	}
#content .body .obj_numbers .var_investment .t_chiffre{
	margin:-10px 0 0;
	position:relative;
	font-size:5.1em;
	display:inline-block;
	line-height:60px;
	color:#21677e;
	}
#content .body .obj_numbers .var_investment h3 + .t_chiffre{
	margin:15px auto 20px;
	}
#content .body .obj_numbers .var_investment .t_chiffre + h3{
	margin:10px auto 20px;
	}
#content .body .obj_numbers .var_investment .t_chiffre em{
	position:absolute;
	left:100%; top:0;
	font-size:0.3em;
	line-height:20px;
	text-transform:uppercase;
	font-style:normal;
	}
#content .body .obj_numbers .var_formation { 
	position:relative;
	padding:5%;
	overflow:hidden;
	border-left:10px solid #fff;
	background:#eff7f8 url('http://loreal-dam-front-resources-corp-en-cdn.brainsonic.com/ressources/afile/159335-da121-picture_original-v-formation-png.png') no-repeat right top / 37.8723% auto;
	overflow:hidden;
	}
#content .body .obj_numbers .var_formation .t_focus{ 
	color:#21677e;
	font-size:0.9375em;
	text-transform:uppercase;
	}
#content .body .obj_numbers .var_formation .col{
	width:50%; float:left;
	}
#content .body .obj_numbers .var_formation .col:first-child{
	padding:0 20px 0 0;
	}
#content .body .obj_numbers .var_formation p{
	margin:10px 0 15px;
	font:0.9375em/1.2em 'SofiaProLight', 'AvantGardeGothicITCW02B 737109', sans-serif;
	}
#content .body .obj_numbers .var_formation .t_chiffre{
	margin:0;
	color:#21677e;
	font-size:0.9375em;
	font-family:'SofiaProRegular', 'AvantGardeGothicITCW02B 737109', sans-serif
	}
#content .body .obj_numbers .var_formation .t_chiffre strong{
	font-size:1.73333em;
	line-height:1em;
	}
@media screen and (max-width:1180px){	
	#content .body .obj_numbers .var_engagment{ font-size:1.5vw; }
	#content .body .obj_numbers .var_formation .t_chiffre{font-size:0.75em;}
	#content .body .obj_numbers .var_formation .t_chiffre strong{font-size:1.5em;}
}
@media screen and (max-width:767px){
	#content .body .obj_numbers .var_engagment{ 
		margin:0; padding:40px 20px;
		font-size:4.5vw;
		}
	#content .body .obj_numbers .var_engagment .ctn_col{
		width:100%; display:block;
		border:none;
		}
	#content .body .obj_numbers .var_investment{
		padding:20px 20px 10px;
		}
	#content .body .obj_numbers .var_investment .t_chiffre{
		margin:10px 0 0;
		}
	#content .body .obj_numbers .var_engagment .var_formation{
		margin:20px 0 0;
		padding:40px 20px 20px;
		border:none;
		background-size:50% auto;
		}  
	#content .body .obj_numbers .var_formation .col{float:none; width:100%;margin-top:15px;}
	#content .body .obj_numbers .var_formation .col + .col{margin-top:25px;}
	#content .body .obj_numbers .var_formation p{
		margin:10px 0;
		}
}

/* ======================================== */
/*  .obj_numbers_us
/* ======================================== */

#content .body .obj_numbers_us {
    opacity: 1;
	margin: 50px 0;
	padding: 0;
	background: white;
    font-size: 15px;
    font-family: "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-Serif;
    background: #fff;
    transition: all ease 0.2s;
	}

#content .body .obj_numbers_us * {
	box-sizing: border-box;
	}
#content .body .obj_numbers_us > * + * {
	margin-top: 50px;
	}
#content .body .obj_numbers_us > h1 {
	padding-top: 30px;
	font: 2.333em/1em "AvantGardeGothicITCW02B 737109", Sans-Serif;
	text-transform: uppercase;
	border-top: solid 1px #d4d4d4;
	}

#content .body .obj_numbers_us > .ctn_row {
	display: flex;
	}
#content .body .obj_numbers_us > .ctn_row > * {
	width: 100%;
	max-width: calc(50% - 10px);
	}
#content .body .obj_numbers_us > .ctn_row > * + * {
	margin-left: 20px;
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers_us > .ctn_row {
		flex-wrap: wrap;
		}
	#content .body .obj_numbers_us > .ctn_row > * {
		max-width: 100%;
		}
	#content .body .obj_numbers_us > .ctn_row > * + * {
		margin: 20px 0 0 0;
		}
	
	}

/*** .obj_article ***/

#content .body .obj_numbers_us .obj_article {
	position: relative;
	}
#content .body .obj_numbers_us .obj_article h2 {
	margin-bottom: 15px;
	font: 1.375em/1em "AvantGardeGothicITCW02B 737109", Sans-Serif;
	text-transform: uppercase;
	}
#content .body .obj_numbers_us .obj_article .ctn_date {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	}
#content .body .obj_numbers_us .obj_article .ctn_date p {
	font: 1.375em/1em "AvantGardeGothicITCW02B 737109", Sans-Serif;
	color: #808080;
	text-transform: uppercase;
	}
#content .body .obj_numbers_us .obj_article .ctn_date p + p {
	margin-left: 30px;
	color: #21677e;
	}
#content .body .obj_numbers_us .obj_article > .ctn_row {
	display: flex;
	}
#content .body .obj_numbers_us .obj_article > .ctn_row > .ctn_col {
	width: 100%;
	max-width: calc(50% - 10px);
	}
#content .body .obj_numbers_us .obj_article > .ctn_row > .ctn_col + .ctn_col {
	margin-left: 20px;
	}
#content .body .obj_numbers_us .obj_article > .ctn_row > .ctn_col > .obj_bloc + .obj_bloc {
	margin-top: 20px;
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers_us {
		padding: 0 20px;
		}
	#content .body .obj_numbers_us .obj_article > .ctn_row {
		display: flex;
		flex-wrap: wrap;
		}
	#content .body .obj_numbers_us .obj_article > .ctn_row > .ctn_col {
		max-width: 100%;
		}
	#content .body .obj_numbers_us .obj_article > .ctn_row > .ctn_col + .ctn_col {
		margin: 20px 0 0 0;
		}
	
	}

/*** .obj_bloc ***/

#content .body .obj_numbers_us .obj_bloc {
	position: relative;
	padding: 40px;
	background: #ebebeb;
	}
#content .body .obj_numbers_us .obj_bloc h3 {
	margin: 0;
	font: 1em/1.2em "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-Serif;
	text-transform: uppercase;
	}
#content .body .obj_numbers_us .obj_bloc p {
	margin: 0;
	font: 1em/1.2em "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-Serif;
	}
#content .body .obj_numbers_us .obj_bloc .obj_graph {
	position: relative;
	max-width: 100%;
	}
#content .body .obj_numbers_us .obj_bloc .t_data {
	font-family: "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-Serif;
	line-height: 1;
	}
#content .body .obj_numbers_us .obj_bloc .obj_graph .t_data u {
	position: relative;
	top: -0.4em;
	font-size: 0.6em;
	text-decoration: none;
	}

/*** .bloc_workforce ***/

#content .body .obj_numbers_us .bloc_workforce h3 {
	margin-bottom: 25px;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_workforce .ctn_row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	}
#content .body .obj_numbers_us .bloc_workforce .ctn_row .ctn_col + .ctn_col {
	margin-left: 20px;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_01 {
	box-sizing: content-box;
	position: relative;
	height: 105px;
	width: 105px;
	padding-right: 50px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176282-e1a25-picture_original-v-graph-workforce-01-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_01 .data_01 {
	position: absolute;
	top: 50%;
	left: 52px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 1.375em;
	color: #808080;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_01 .data_02 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 2em;
	color: #21677e;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_workforce .col_02 > * + * {
	margin-top: 10px;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_02 {
	box-sizing: content-box;
	position: relative;
	height: 62px;
	width: 62px;
	padding-right: 30px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176291-29d35-picture_original-v-graph-workforce-02-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_02 .data_01 {
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 0.8em;
	color: #808080;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_workforce .graph_02 .data_02 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 1.375em;
	color: #21677e;
	text-align: center;
	}

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

	#content .body .obj_numbers_us .bloc_workforce .obj_graph {
		height: 62px;
		width: 62px;
		padding-right: 30px;
		}
	#content .body .obj_numbers_us .bloc_workforce .obj_graph .data_01 {
		top: 50%;
		left: 30px;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 0.8em;
		}
	#content .body .obj_numbers_us .bloc_workforce .obj_graph .data_02 {
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 1.375em;
		}
	
	}

/*** .bloc_gender ***/

#content .body .obj_numbers_us .bloc_gender {
	height: 315px;
	background: #e8f3f4;
	}
#content .body .obj_numbers_us .bloc_gender h3 {
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_gender .obj_graph {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 190px;
	width: 240px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176273-13a27-picture_original-v-graph-gender-png.png") no-repeat bottom center / 100% auto transparent;
	}
#content .body .obj_numbers_us .bloc_gender .obj_graph .data_01 {
	position: absolute;
	top: -30px;
	left: 0;
	width: 50%;
	font-size: 2em;
	color: #808080;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_gender .obj_graph .data_02 {
	position: absolute;
	top: -30px;
	right: 0;
	width: 50%;
	font-size: 2em;
	color: #21677e;
	text-align: center;
	}

/*** .bloc_management ***/

#content .body .obj_numbers_us .bloc_management h3 {
	margin-bottom: 25px;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_management h4 {
	margin: 20px 0 10px 0;
	font: 1em/1.2em "SofiaProRegular", "AvantGardeGothicITCW02B 737109", Sans-Serif;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_management .ctn_row {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	}
#content .body .obj_numbers_us .bloc_management .ctn_row .ctn_col {
	max-width: 50%;
	}
#content .body .obj_numbers_us .bloc_management .ctn_row .ctn_col + .ctn_col {
	margin-left: 20px;
	}
#content .body .obj_numbers_us .bloc_management .col_02 > * + * {
	margin-top: 10px;
	}

#content .body .obj_numbers_us .bloc_management .graph_01,
#content .body .obj_numbers_us .bloc_management .graph_03,
#content .body .obj_numbers_us .bloc_management .graph_05 {
	box-sizing: content-box;
	position: relative;
	height: 105px;
	width: 125px;
	padding-right: 30px;
	}
#content .body .obj_numbers_us .bloc_management .graph_02,
#content .body .obj_numbers_us .bloc_management .graph_04,
#content .body .obj_numbers_us .bloc_management .graph_06 {
	box-sizing: content-box;
	position: relative;
	height: 62px;
	width: 80px;
	padding-right: 13px;
	}
#content .body .obj_numbers_us .bloc_management .graph_01 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176306-dde1c-picture_original-v-graph-management-01-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_management .graph_02 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176288-fa9d4-picture_original-v-graph-management-02-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_management .graph_03 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176303-0043b-picture_original-v-graph-management-03-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_management .graph_04 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176300-1ffe4-picture_original-v-graph-management-04-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_management .graph_05 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176297-83e1c-picture_original-v-graph-management-05-png.png") no-repeat center left / contain transparent;
	}
#content .body .obj_numbers_us .bloc_management .graph_06 {
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176294-25d00-picture_original-v-graph-management-06-png.png") no-repeat center left / contain transparent;
	}

#content .body .obj_numbers_us .bloc_management .graph_01 .data_01,
#content .body .obj_numbers_us .bloc_management .graph_03 .data_01,
#content .body .obj_numbers_us .bloc_management .graph_05 .data_01 {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 1.375em;
	color: #808080;
	text-align: right;
	}
#content .body .obj_numbers_us .bloc_management .graph_01 .data_02,
#content .body .obj_numbers_us .bloc_management .graph_03 .data_02,
#content .body .obj_numbers_us .bloc_management .graph_05 .data_02 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 2em;
	color: #21677e;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_management .graph_02 .data_01,
#content .body .obj_numbers_us .bloc_management .graph_04 .data_01,
#content .body .obj_numbers_us .bloc_management .graph_06 .data_01 {
	position: absolute;
	top: 50%;
	left: 28%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 0.8em;
	color: #808080;
	text-align: center;
	}
#content .body .obj_numbers_us .bloc_management .graph_02 .data_02,
#content .body .obj_numbers_us .bloc_management .graph_04 .data_02,
#content .body .obj_numbers_us .bloc_management .graph_06 .data_02 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 1.375em;
	color: #21677e;
	text-align: center;
	}

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

	#content .body .obj_numbers_us .bloc_management .obj_graph {
		height: 62px;
		width: 80px;
		padding-right: 20px;
		}
	#content .body .obj_numbers_us .bloc_management .obj_graph .data_01 {
		top: 50%;
		left: 30%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 0.8em;
		}
	#content .body .obj_numbers_us .bloc_management .obj_graph .data_02 {
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 1.375em;
		}
	
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers_us .bloc_management .obj_graph {
		height: 62px;
		}
	
	}

/*** .article_disability + .article_socio_economic ***/

#content .body .obj_numbers_us .article_disability {
	max-width: 220px;
	}
#content .body .obj_numbers_us .article_socio_economic {
	max-width: calc(100% - 220px - 20px);
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers_us .article_disability,
	#content .body .obj_numbers_us .article_socio_economic {
		max-width: 100%;
		}
	
	}

/*** .bloc_disability ***/

#content .body .obj_numbers_us .bloc_disability {
	height: 250px;
	}
#content .body .obj_numbers_us .bloc_disability .graph_01 {
	height: 170px;
	width: 140px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176276-7ee72-picture_original-v-graph-disability-png.png") no-repeat center center / 140px 170px transparent;
	}
#content .body .obj_numbers_us .bloc_disability .graph_01 .data_01 {
	position: absolute;
	top: 0;
	left: 0;
	}
#content .body .obj_numbers_us .bloc_disability .graph_01 .data_02 {
	position: absolute;
	bottom: 10px;
	left: 50px;
	font-size: 1.375em;
	color: #808080;
	}
#content .body .obj_numbers_us .bloc_disability .graph_01 .data_03 {
	position: absolute;
	top: 5px;
	right: -10px;
	font-size: 1.375em;
	color: #21677e;
	}

/*** .bloc_socio_economic ***/

#content .body .obj_numbers_us .bloc_socio_economic {
	height: 250px;
	padding: 0;
	}
#content .body .obj_numbers_us .bloc_socio_economic .ctn_row {
	display: flex;
	justify-content: center;
	}
#content .body .obj_numbers_us .bloc_socio_economic .ctn_row > * {
	width: 100%;
	max-width: calc(100% / 4);
	}

#content .body .obj_numbers_us .bloc_socio_economic .graph_01 {
	height: 250px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176321-c1a87-picture_original-v-graph-socio-economic-01-png.png") no-repeat center center / 90px 250px transparent;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 {
	height: 250px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176318-6ff53-picture_original-v-graph-socio-economic-02-png.png") no-repeat center center / 90px 250px transparent;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 {
	height: 250px;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176315-259c5-picture_original-v-graph-socio-economic-03-png.png") no-repeat center center / 90px 250px transparent;
	}

#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_01,
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_01,
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_01 {
	position: absolute;
	top: 50px;
	width: 100%;
	text-align: center;
	}

#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_02,
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_02,
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_02 {
	position: absolute;
	left: 30%;
	font-size: 1.375em;
	color: #808080;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_02 {
	bottom: 100px;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_02 {
	bottom: 120px;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_02 {
	opacity: 0.5;
	bottom: 50px;
	}

#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_03,
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_03,
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_03 {
	position: absolute;
	right: 30%;
	font-size: 1.375em;
	color: #21677e;
	transform: translateX(50%);
	-ms-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_03 {
	bottom: 110px;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_03 {
	bottom: 120px;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_03 {
	bottom: 100px;
	}

#content .body .obj_numbers_us .bloc_socio_economic .graph_04 {
	height: 250px;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_04 .data_01 {
	position: absolute;
	top: 70px;
	left: 5%;
	width: 95%;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_04 .data_02 {
	position: absolute;
	top: 145px;
	left: 5%;
	width: 95%;
	padding-left: 35px;
	font-size: 1.375em;
	line-height: 30px;
	color: #21677e;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176312-5a04e-picture_original-v-graph-socio-economic-04-png.png") no-repeat left center / 30px 30px transparent;
	}
#content .body .obj_numbers_us .bloc_socio_economic .graph_04 .data_03 {
	position: absolute;
	top: 175px;
	left: 5%;
	width: 95%;
	padding-left: 35px;
	font-size: 1.375em;
	line-height: 30px;
	color: #808080;
	background: url("https://loreal-dam-front-corp-fr-cdn.damdy.com/ressources/afile/176309-8ea45-picture_original-v-graph-socio-economic-05-png.png") no-repeat left center / 30px 30px transparent;
	}

@media screen and (max-width: 1180px) {
	
	#content .body .obj_numbers_us .bloc_socio_economic {
		height: auto;
		}
	#content .body .obj_numbers_us .bloc_socio_economic .ctn_row {
		display: flex;
		flex-wrap: wrap;
		}
	#content .body .obj_numbers_us .bloc_socio_economic .ctn_row > * {
		max-width: 50%;
		}
	#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_02,
	#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_02,
	#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_02 {
		left: 25%;
		}
	#content .body .obj_numbers_us .bloc_socio_economic .graph_01 .data_03,
	#content .body .obj_numbers_us .bloc_socio_economic .graph_02 .data_03,
	#content .body .obj_numbers_us .bloc_socio_economic .graph_03 .data_03 {
		right: 25%;
		}
	
	}

/* ======================================== */
/*  .article_egality
/* ======================================== */

#content .body .article_egality {
	position: relative;
	margin: 20px 0;
	}

@media screen and (max-width: 767px) {
	
	#content .body .article_egality {
		padding: 0 20px;
		}
	
	}

/* .bloc_egality_index */

#content .body .article_egality .bloc_egality_index {
	position: relative;
	margin: 20px 0;
	padding: 40px;
	background: #ebebeb;
	}
#content .body .article_egality .bloc_egality_index .ctn_row {
	display: flex;
	justify-content: space-between;
	}
#content .body .article_egality .bloc_egality_index .col_01 {
	width: 34%;
	}
#content .body .article_egality .bloc_egality_index .col_02 {
	width: 24%;
	padding: 0 40px;
	}
#content .body .article_egality .bloc_egality_index .col_03 {
	width: 42%;
	}
#content .body .article_egality .bloc_egality_index .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .article_egality .bloc_egality_index p {
	font: 0.75em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}

#content .body .article_egality .bloc_egality_index .col_01 h3 {
	font: 700 0.9375em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_egality_index .col_01 p {
	color: #808080;
	}
#content .body .article_egality .bloc_egality_index .col_02 .number_01 {
	font: 700 4.5em/0.8 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #21677e;
	text-align: right;
	}
#content .body .article_egality .bloc_egality_index .col_02 .number_02 {
	margin-top: 0;
	font: 700 1.5em/0.8 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #808080;
	text-align: right;
	}
#content .body .article_egality .bloc_egality_index .col_03 .ctn_btn {
	margin-top: 30px;
	font: 700 0.625em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_egality_index .col_03 .ctn_btn .obj_btn {
	position: relative;
	padding-left: 15px;
	color: black;
	text-transform: uppercase;
	}
#content .body .article_egality .bloc_egality_index .col_03 .ctn_btn .obj_btn::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 5px;
	width: 5px;
	transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	border-top: solid 1px black;
	border-right: solid 1px black;
	}

@media screen and (max-width: 768px) {
	
	#content .body .article_egality .bloc_egality_index .ctn_row {
		flex-wrap: wrap;
		justify-content: flex-start;
		}
	#content .body .article_egality .bloc_egality_index .ctn_col {
		width: 100%;
		}
	#content .body .article_egality .bloc_egality_index .ctn_col + .ctn_col {
		margin-top: 30px;
		}
	#content .body .article_egality .bloc_egality_index .col_02 {
		padding: 0;
		}
	#content .body .article_egality .bloc_egality_index .col_02 .t_number {
		text-align: left;
		}

	}

/* .bloc_gender_pay */
#content .body .article_egality .bloc_gender_pay {
	position: relative;
	margin: 20px 0;
	padding: 40px;
	background: #ebebeb;
	}
#content .body .article_egality .bloc_gender_pay .ctn_row {
	display: flex;
	justify-content: space-between;
	}
#content .body .article_egality .bloc_gender_pay .ctn_row > .col_01{
	width: 30%;
	}
#content .body .article_egality .bloc_gender_pay .ctn_row > .col_02{
	width: 60%;
	margin-left: 10%;
	}
#content .body .article_egality .bloc_gender_pay .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .article_egality .bloc_gender_pay p {
	font: 0.75em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_gender_pay p strong {
	font-weight: 700;
	}

#content .body .article_egality .bloc_gender_pay .col_01 .ctn_title {
	display: flex;
	justify-content: space-between;
	}
#content .body .article_egality .bloc_gender_pay .col_01 h3 {
	font: 700 0.9375em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_gender_pay .col_01 p {
	font: 0.938em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_gender_pay .ctn_title.var_blue h3,
#content .body .article_egality .bloc_gender_pay .ctn_title.var_blue p {
	color:#21677e;
	}
#content .body .article_egality .bloc_gender_pay .v_graph {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 270px;
	margin-top: 5px;
	margin-bottom: 30px;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .ctn_col {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .ctn_col > * + * {
	margin-top: 5px;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .t_pourcent {
	font: 700 1.067em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #808080;
	text-align: center;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .t_pourcent u {
	position: relative;
	top: -0.4em;
	font-size: 0.6em;
	text-decoration: none;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .v_bar {
	height: 70px;
	width: 12px;
	margin: 0 auto;
	background: #808080;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_01 .v_bar {
	height: 70px;
	background: #c3d1d5;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_02 .v_bar {
	height: 48px;
	background: #9ab6bf;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_03 .v_bar {
	height: 34px;
	background: #729caa;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_04 .v_bar {
	height: 20px;
	background: #498194;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_05 .v_bar {
	height: 20px;
	background: #498194;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .col_06 .v_bar {
	height: 14px;
	background: #21677e;
	}
#content .body .article_egality .bloc_gender_pay .v_graph .t_year {
	font: 700 0.75em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	text-align: center;
	}

@media screen and (max-width: 768px) {
	
	#content .body .article_egality .bloc_gender_pay .ctn_row {
		flex-wrap: wrap;
		justify-content: flex-start;
		}
	#content .body .article_egality .bloc_gender_pay .ctn_row > .col_01,
	#content .body .article_egality .bloc_gender_pay .ctn_row > .col_02{
		width: 100%;
		margin: 0;
		}
	#content .body .article_egality .bloc_gender_pay .ctn_col + .ctn_col {
		margin: 30px 0 0 0;
		}
	#content .body .article_egality .bloc_gender_pay .col_01 .ctn_title {
		flex-direction: column;
		justify-content: flex-start;
		}
	#content .body .article_egality .bloc_gender_pay .col_01 .ctn_title > * + * {
		margin-top: 30px;
		}

	}

/* .bloc_parental_leave */

#content .body .article_egality .bloc_parental_leave {
	position: relative;
	margin: 20px 0;
	padding: 40px;
	background: #eff7f8;
	}
#content .body .article_egality .bloc_parental_leave .ctn_row {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	}
#content .body .article_egality .bloc_parental_leave .col_01 {
	width: calc(40% - 20px);
	padding-left: 100px;
	background: url("https://loreal-dam-front-corp-en-cdn.damdy.com/ressources/afile/177052-ef874-picture_original-v-parental-leave-01.png") no-repeat left center / auto auto transparent;
	}
#content .body .article_egality .bloc_parental_leave .col_02 {
	width: calc(60% - 20px);
	padding-left: 130px;
	background: url("https://loreal-dam-front-corp-en-cdn.damdy.com/ressources/afile/177055-4310c-picture_original-v-parental-leave-02.png") no-repeat left center / auto auto transparent;
	}
#content .body .article_egality .bloc_parental_leave h3 {
	font: 700 0.9375em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #21677e;
	}
#content .body .article_egality .bloc_parental_leave p {
	font: 0.9375em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .article_egality .bloc_parental_leave p strong {
	font-weight: 700;
	}
#content .body .article_egality .bloc_parental_leave .t_small {
	margin-top: 10px;
	font: 0.75em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #333333;
	}

@media screen and (max-width: 768px) {
	
	#content .body .article_egality .bloc_parental_leave .ctn_row {
		flex-wrap: wrap;
		justify-content: flex-start;
		}
	#content .body .article_egality .bloc_parental_leave .ctn_col {
		width: 100%;
		padding: 90px 0 0 0 !important;
		background-position: left top;
		}
	#content .body .article_egality .bloc_parental_leave .ctn_col + .ctn_col {
		margin-top: 30px;
		}

	}

/* ======================================== */
/*  .article_solidarity
/* ======================================== */

#content .body .obj_numbers .article_solidarity {
	margin-top: 60px;
	}
#content .body .obj_numbers .article_solidarity > .t_title {
	padding: 0;
	}
#content .body .obj_numbers .article_solidarity > p {
	margin-top: 5px;
	font: 0.9375em/1.5 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .article_solidarity > * + * {
	margin-top: 15px;
	}

@media screen and (max-width: 767px) {
	
	#content .body .obj_numbers .article_solidarity {
		padding: 0 20px;
		}
	
	}

/* .bloc_women */

#content .body .obj_numbers .article_solidarity .bloc_women {
	position: relative;
	padding: 40px;
	background: #ebebeb;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .ctn_row {
	display: flex;
	justify-content: space-between;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .ctn_col {
	position: relative;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .obj_numbers .article_solidarity .bloc_women p {
	font: 0.9375em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .article_solidarity .bloc_women p strong {
	font-size: 2em;
	line-height: 0.8;
	color: #21677e;
	}
#content .body .obj_numbers .article_solidarity .bloc_women p em {
	font-style: normal;
	color: #21677e;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .t_number {
	font: 700 3.125em/0.8 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #21677e;
	}

#content .body .obj_numbers .article_solidarity .bloc_women .col_01 {
	width: calc(25% - 20px);
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_01 .t_number + * {
	margin-top: 5px;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_02 {
	width: calc(20% - 20px);
	padding-top: 80px;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_02 img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_03 {
	width: calc(15% - 20px);
	padding-top: 50px;
	text-align: center;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_03 img {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_03 .number_02 {
	color: black;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_03 > * + * {
	margin-top: 5px;
	}
#content .body .obj_numbers .article_solidarity .bloc_women .col_04 {
	width: calc(30% - 20px);
	}

@media screen and (max-width: 768px) {
	
	#content .body .obj_numbers .article_solidarity .bloc_women {
		padding: 0;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .ctn_row {
		flex-wrap: wrap;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .ctn_col {
		width: 100%;
		padding: 30px;
		border-bottom: solid 2px white;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .col_02 {
		padding-top: 100px;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .col_02 img {
		top: 30px;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .col_03 {
		padding-top: 100px;
		}
	#content .body .obj_numbers .article_solidarity .bloc_women .col_03 img {
		top: 0;
		}
	
	}

/* .bloc_employment */

#content .body .obj_numbers .article_solidarity .bloc_employment {
	position: relative;
	padding: 40px;
	background: #ebebeb;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .ctn_row {
	display: flex;
	justify-content: space-between;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .ctn_col {
	position: relative;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .ctn_col > * + * {
	margin-top: 20px;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment p {
	font: 0.9375em/1.2 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment p strong {
	font-size: 2em;
	line-height: 0.8;
	color: #21677e;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment p em {
	font-style: normal;
	color: #21677e;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .t_number {
	font: 700 3.125em/0.8 "SofiaProLight", "AvantGardeGothicITCW02B 737109", Sans-serif;
	color: #21677e;
	}

#content .body .obj_numbers .article_solidarity .bloc_employment .col_01 {
	width: calc(25% - 20px);
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_01 .t_number + * {
	margin-top: 5px;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_02 {
	padding-top: 10px;
	width: calc(22.5% - 20px);
	text-align: center;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_02 img {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_02 > * + * {
	margin-top: 5px;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_03 {
	padding-top: 100px;
	width: calc(22.5% - 20px);
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_03 img {
	position: absolute;
	top: 30px;
	left: 0;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_03 .number_02 {
	color: black;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 {
	width: calc(20% - 20px);
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 img {
	position: absolute;
	top: 50%;
	right: -40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 .number_02 {
	color: black;
	}
#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 > * + * {
	margin-top: 5px;
	}

@media screen and (max-width: 768px) {
	
	#content .body .obj_numbers .article_solidarity .bloc_employment {
		padding: 0;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .ctn_row {
		flex-wrap: wrap;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .ctn_col {
		width: 100%;
		padding: 30px;
		border-bottom: solid 2px white;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_02 {
		padding-bottom: 100px;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_02 img {
		bottom: 0;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_03 {
		padding-top: 110px;
		text-align: center;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_03 img {
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 {
		text-align: center;
		}
	#content .body .obj_numbers .article_solidarity .bloc_employment .col_04 img {
		right: 0;
		}

	}