/* UTF-8 à jamais */
div.page_references #entete,
div.page_reference #entete{
	height:0;
	background:none;
}
#entete #bloc_menu{
	border-bottom:1px solid rgba(255,236,227,0.5);
	background:rgba(0,0,0,0.2);
}
#main.scroll_bas #entete #bloc_menu{
	background:rgba(0,0,0,0.3);
}
#bloc_menu #logo #logo_svg .bis path,
#bloc_menu #logo #logo_svg .bis rect{
	fill:rgba(255,255,255,0.5);
}
#bloc_menu .menu li:hover a{
	color:#FFECE3;
}
#bloc_menu #logo:hover,
#bloc_menu #logo.sel,
#bloc_menu .menu li:hover,
#bloc_menu .menu li.sel{
	border-bottom:2px solid #FFECE3;
}
#main.scroll_bas.page_reference #entete #bloc_menu .menu{
	opacity:0;filter:alpha(opacity=0);
}
#main.scroll_bas.page_reference #entete #bloc_menu:hover .menu{
	opacity:1;filter:alpha(opacity=100);
}
/* ---- Références --- */
.references{
	background-color:#1b1c1e;	
}
#reference_principale{
	position:relative;
	overflow:hidden;
	background:-moz-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-webkit-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-o-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-ms-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
	height:475px;
}
#reference_principale a{
	text-decoration:none;
}
#reference_principale #bloc_titre{
	margin:0 auto;
	width:77%;
	max-width:1400px;
	margin-top:155px;
}
#reference_principale #bloc_titre h3{
	color:#ccc;
}
#reference_principale #bloc_titre h2{
	color:#fff;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:2.86em;
	line-height:1em;
	text-transform:uppercase;
	width:330px;
	position:relative;
	z-index:2;
	margin-top:10px;
}
#reference_principale #bloc_titre h4{
	color:#fff;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.5em;
	line-height:1em;
	text-transform:uppercase;
	width:330px;
	position:relative;
	z-index:2;
	margin-top:5px;
}
#reference_principale #bloc_titre ul{
	margin-top:20px;
	width:330px;
}
#reference_principale #bloc_titre ul li{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	border:1px solid rgba(255,236,227,0.5);
	border-radius:4px;
	padding:7px 20px;
	color:#ccc;
	line-height:1em;
	text-transform:uppercase;
	font-family:'Poppins',sans-serif;
	font-weight:400;
}
#reference_principale img.image_principale{
	position:absolute;
	top:100px;
	left:40%;
	z-index:1;
	width:1000px;
}
#reference_principale.references_gabarit_2018 img.image_principale{
	left:auto;
	top:8vh;
	right:-10vw;
	width:50vw;
	box-shadow:-4px 4px 0px 0px rgba(0,0,0,0.3),0px 40px 40px 0px rgba(0,0,0,0.5);
transform:rotateX(48deg) rotateZ(-37deg);-moz-transform:rotateX(48deg) rotateZ(-37deg);-webkit-transform:rotateX(48deg) rotateZ(-37deg);-o-transform:rotateX(48deg) rotateZ(-37deg);
}
#reference_filtre{
	background-color:#000;
	height:100px;
}
#reference_filtre_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
}
#reference_filtre_contenu h3{
	font-family:'Poppins',sans-serif;
	font-weight:400;
	color:#fff;
	font-size:1.29em;
	text-transform:uppercase;
	margin-left:15px;
	line-height:100px;
	float:left;
}
#reference_filtre_contenu div.recherche_activite,
#reference_filtre_contenu div.recherche_type{
	float:right;
	border:1px solid rgba(255,255,255,0.7);
	background-color:#000;
	text-transform:uppercase;
	height:30px;
	line-height:30px;
	margin-top:38px;
	width:200px;
	border-radius:4px;
	background:url('deco/fleche-contact.png') 175px 12px no-repeat;
	overflow:hidden;
}
#reference_filtre_contenu div.recherche_activite{
	margin-right:60px;
}
#reference_filtre_contenu div.recherche_type{
	margin-right:15px;
}
#reference_filtre_contenu div.recherche_activite select,
#reference_filtre_contenu div.recherche_type select{
	background:transparent;
	width:220px;
	border:0;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	color:#ccc;
	padding-left:10px;
	text-transform:uppercase;
	-webkit-appearance:none;
	appearance:none;
}
#reference_filtre_contenu div.recherche_activite select option,
#reference_filtre_contenu div.recherche_type select option{
	background-color:#000;
	text-transform:uppercase;
}
.references ul#liste_references{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content:space-around;justify-content:space-around;
	margin-top:60px;
}
.references ul#liste_references li{
	width:300px;
	text-align:center;
	margin-bottom:60px;
}
.references ul#liste_references li a{
	text-decoration:none;
	color:#fff;
}
.references ul#liste_references li div.photo_ref{
	width:270px;
	height:270px;
	border-radius:270px;
	position:relative;
	overflow:hidden;
	background:#333;
	margin-bottom:20px;
	margin-left:15px;
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
	-webkit-mask-image:-webkit-radial-gradient(white, black);
}

.references ul#liste_references li#reference_46 div.photo_ref:hover{
	background-color:#F0003A;
}

.references ul#liste_references li#reference_2 div.photo_ref:hover{
	background-color:#afb3b1;
}

.references ul#liste_references li#reference_42 div.photo_ref:hover{
	background-color:#C0FF99;
}

.references ul#liste_references li#reference_4 div.photo_ref:hover{
	background-color:#68c2f9;
}

.references ul#liste_references li#reference_7 div.photo_ref:hover{
	background-color:#eae6dd;
}

.references ul#liste_references li#reference_8 div.photo_ref:hover{
	background-color:#ec011a;
}

.references ul#liste_references li#reference_9 div.photo_ref:hover{
	background-color:#8cc7e9;
}

.references ul#liste_references li#reference_47 div.photo_ref:hover{
	background-color:#e4c382;
}

.references ul#liste_references li#reference_11 div.photo_ref:hover{
	background-color:#e4c2a2;
}

.references ul#liste_references li#reference_14 div.photo_ref:hover{
	background-color:#fb7f53;
}

.references ul#liste_references li#reference_23 div.photo_ref:hover{
	background-color:#ff4a5d;
}

.references ul#liste_references li#reference_15 div.photo_ref:hover{
	background-color:#45b9f5;
}

.references ul#liste_references li#reference_16 div.photo_ref:hover{
	background-color:#5bc6f1;
}

.references ul#liste_references li#reference_17 div.photo_ref:hover{
	background-color:#a8c606;
}

.references ul#liste_references li#reference_18 div.photo_ref:hover{
	background-color:#ccc5b7;
}

.references ul#liste_references li#reference_19 div.photo_ref:hover{
	background-color:#b42500;
}

.references ul#liste_references li#reference_20 div.photo_ref:hover{
	background-color:#2772ca;
}

.references ul#liste_references li#reference_22 div.photo_ref:hover{
	background-color:#f5db71;
}

.references ul#liste_references li#reference_24 div.photo_ref:hover{
	background-color:#28c7dd;
}

.references ul#liste_references li#reference_25 div.photo_ref:hover{
	background-color:#FF444F;
}

.references ul#liste_references li#reference_41 div.photo_ref:hover{
	background-color:#dfcbc1;
}

.references ul#liste_references li#reference_28 div.photo_ref:hover{
	background-color:#e0ae00;
}

.references ul#liste_references li#reference_29 div.photo_ref:hover{
	background-color:#e09e66;
}

.references ul#liste_references li#reference_30 div.photo_ref:hover{
	background-color:#e1d8d2;
}

.references ul#liste_references li#reference_31 div.photo_ref:hover{
	background-color:#ECD3AA;
}

.references ul#liste_references li#reference_32 div.photo_ref:hover{
	background-color:#01a8dd;
}

.references ul#liste_references li#reference_33 div.photo_ref:hover{
	background-color:#B8E73C;
}

.references ul#liste_references li#reference_34 div.photo_ref:hover{
	background-color:#ddf774;
}

.references ul#liste_references li#reference_35 div.photo_ref:hover{
	background-color:#A18399;
}

.references ul#liste_references li#reference_36 div.photo_ref:hover{
	background-color:#a6d1d7;
}

.references ul#liste_references li#reference_37 div.photo_ref:hover{
	background-color:#ef5d23;
}

.references ul#liste_references li#reference_38 div.photo_ref:hover{
	background-color:#67afee;
}

.references ul#liste_references li#reference_39 div.photo_ref:hover{
	background-color:#d4d1d1;
}

.references ul#liste_references li#reference_40 div.photo_ref:hover{
	background-color:#e4cba9;
}

.references ul#liste_references li#reference_44 div.photo_ref:hover{
	background-color:#ffe190;
}

.references ul#liste_references li#reference_45 div.photo_ref:hover{
	background-color:#69dfdb;
}

.references ul#liste_references li#reference_48 div.photo_ref:hover{
	background-color:#FF009B;
}

.references ul#liste_references li#reference_49 div.photo_ref:hover{
	background-color:#ffb186;
}

.references ul#liste_references li#reference_50 div.photo_ref:hover{
	background-color:#ff4b26;
}

.references ul#liste_references li#reference_51 div.photo_ref:hover{
	background-color:#b7586b;
}

.references ul#liste_references li#reference_53 div.photo_ref:hover{
	background-color:#39a7cc;
}

.references ul#liste_references li#reference_52 div.photo_ref:hover{
	background-color:#ff7461;
}

.references ul#liste_references li#reference_54 div.photo_ref:hover{
	background-color:#58aa7e;
}

.references ul#liste_references li#reference_55 div.photo_ref:hover{
	background-color:#ae1821;
}

.references ul#liste_references li#reference_56 div.photo_ref:hover{
	background-color:#b6d1e5;
}

.references ul#liste_references li#reference_57 div.photo_ref:hover{
	background-color:#a6a5a0;
}

.references ul#liste_references li#reference_58 div.photo_ref:hover{
	background-color:#6fbb69;
}

.references ul#liste_references li#reference_59 div.photo_ref:hover{
	background-color:#fff464;
}

.references ul#liste_references li#reference_60 div.photo_ref:hover{
	background-color:#81b1d9;
}

.references ul#liste_references li#reference_61 div.photo_ref:hover{
	background-color:#f1ca55;
}

.references ul#liste_references li#reference_63 div.photo_ref:hover{
	background-color:#2e2fec;
}

.references ul#liste_references li#reference_64 div.photo_ref:hover{
	background-color:#f48923;
}

.references ul#liste_references li#reference_65 div.photo_ref:hover{
	background-color:#9fc8c9;
}

.references ul#liste_references li#reference_66 div.photo_ref:hover{
	background-color:#ffcc00;
}

.references ul#liste_references li#reference_67 div.photo_ref:hover{
	background-color:#AA9F9A;
}

.references ul#liste_references li#reference_68 div.photo_ref:hover{
	background-color:#429f46;
}

.references ul#liste_references li#reference_69 div.photo_ref:hover{
	background-color:#063e95;
}

.references ul#liste_references li#reference_70 div.photo_ref:hover{
	background-color:#00AC84;
}

.references ul#liste_references li#reference_71 div.photo_ref:hover{
	background-color:#A1A1A1;
}

.references ul#liste_references li#reference_72 div.photo_ref:hover{
	background-color:#cec9b1;
}

.references ul#liste_references li#reference_73 div.photo_ref:hover{
	background-color:#97b5c4;
}

.references ul#liste_references li#reference_74 div.photo_ref:hover{
	background-color:#ff9822;
}

.references ul#liste_references li#reference_75 div.photo_ref:hover{
	background-color:#f1efea;
}

.references ul#liste_references li#reference_76 div.photo_ref:hover{
	background-color:#e2dedb;
}

.references ul#liste_references li#reference_77 div.photo_ref:hover{
	background-color:#0079d0;
}

.references ul#liste_references li#reference_79 div.photo_ref:hover{
	background-color:#85AB00;
}

.references ul#liste_references li#reference_80 div.photo_ref:hover{
	background-color:#7F8088;
}

.references ul#liste_references li#reference_81 div.photo_ref:hover{
	background-color:#c6bdad;
}

.references ul#liste_references li#reference_82 div.photo_ref:hover{
	background-color:#b7c9d1;
}

.references ul#liste_references li#reference_83 div.photo_ref:hover{
	background-color:#e3006a;
}

.references ul#liste_references li#reference_84 div.photo_ref:hover{
	background-color:#fdcb04;
}

.references ul#liste_references li#reference_85 div.photo_ref:hover{
	background-color:#F7EAF3;
}

.references ul#liste_references li#reference_86 div.photo_ref:hover{
	background-color:#FFECE3;
}

.references ul#liste_references li div.photo_ref img{
	position:absolute;
	top:20px;
	left:20px;
/*left:40px;*/	
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.references ul#liste_references li.gabarit_2018 div.photo_ref img{
	box-shadow:-4px 4px 0px 0px rgba(0,0,0,0.3),0px 40px 40px 0px rgba(0,0,0,0.5);
transform:rotateX(48deg) rotateZ(-37deg);-moz-transform:rotateX(48deg) rotateZ(-37deg);-webkit-transform:rotateX(48deg) rotateZ(-37deg);-o-transform:rotateX(48deg) rotateZ(-37deg);
transform-origin:top left;-moz-transform-origin:top left;-webkit-transform-origin:top left;-o-transform-origin:top left;
	top:120px;
	left:30px;
}
/*
.references ul#liste_references li div.photo_ref:hover img{
	left:20px;
}
*/
.references ul#liste_references li h4{
	font-size:1.29em;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	line-height:1em;
	padding:0 30px;
}
.references ul#liste_references li h5{
	font-size:1.07em;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	text-transform:uppercase;
	line-height:1em;
	padding:0 30px;
	color:#ccc;
	margin-top:5px;
}
.references ul#liste_references li h6{
	font-style:italic;
	color:#ccc;
	padding:5px 20px;
}
#reference_contact{
	background-color:#FFECE3;
	height:300px;
	position:relative;
}
#reference_contact_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	padding-top:80px;
	margin-top:50px;
}
#reference_contact_contenu p{
	margin:0 200px;
	text-align:center;
	font-family:'Poppins',sans-serif;
	font-weight:600;
	color:#fff;
	font-size:2.14em;
	line-height:1.17em;
	text-transform:uppercase;
}
#reference_contact_contenu a{
	color:#fff;
	font-size:1.07em;
	font-family:'Poppins',sans-serif;
	text-decoration:none;
	border:1px solid #fff;
	border-radius:4px;
	line-height:2.87em;
	display:block;
	text-align:center;
	width:272px;
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:-136px;
	text-transform:uppercase;
	font-weight:400;
	transition:all 0.1s ease;-moz-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-o-transition:all 0.1s ease;
}
#reference_contact_contenu a:hover{
	box-shadow:inset 0px 0px 0px 3px #fff;
}
#chargement_supplementaire{
	margin:0 auto;
	display:block;
	width:273px;
	height:43px;
	line-height:43px;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:4px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.07em;
	cursor:pointer;
	transition:all 0.1s ease;-moz-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-o-transition:all 0.1s ease;
}
#chargement_supplementaire:hover{
	box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,0.5);
}
/* ---- Référence --- */
.reference #entour_liste_image_reference{
	width:100%;
}
.page_reference #entete #bloc_menu h2{
	height:50px;
	line-height:50px;
	position:absolute;
	top:0;
	right:0;
	width:calc(100% - 225px);
	z-index:2;
	text-align:right;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.14em;
	color:#fff;
	text-transform:uppercase;
	padding-right:25px;
	opacity:0;filter:alpha(opacity=0);
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
#main.scroll_bas.page_reference #entete #bloc_menu h2{
	opacity:1;filter:alpha(opacity=100);
}
#main.scroll_bas.page_reference #entete #bloc_menu:hover h2{
	opacity:0;filter:alpha(opacity=0);
}
.reference{
	position:relative;
	background-color:#1b1c1e;
}
#entour_liste_image_reference{
	position:relative;
	overflow:hidden;
	background:-moz-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-webkit-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-o-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
  background:-ms-radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);  
	background:radial-gradient(120% 180%, ellipse farthest-corner, rgba(255,236,227, 1) 0%, rgba(226,201,189, 1) 100%);
}
#entour_liste_image_reference #bloc_titre{
	margin:0 auto;
	width:77%;
	max-width:1400px;
	margin-top:125px;
}
.reference_gabarit_2018 #entour_liste_image_reference #bloc_titre{
	margin-top:20vh;
} 
#entour_liste_image_reference h2,
#entour_liste_image_reference h3{
	color:#fff;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:4.29em;
	line-height:1em;
	text-transform:uppercase;
	width:500px;
	position:relative;
	z-index:2;
}
#entour_liste_image_reference h3{
	font-size:2.5em;
	margin-top:10px;
}
.reference_gabarit_2018 #entour_liste_image_reference h2{
	font-size:3.43em;
} 
.reference_gabarit_2018 #entour_liste_image_reference h3{
	font-size:1.71em;
}
#entour_liste_image_reference img.principale{
	position:absolute;
	top:135px;
	left:28%;
	z-index:1;
}
.reference_gabarit_2018 #entour_liste_image_reference img.principale{
	left:auto;
	top:5vh;
	right:-20vw;
	width:70vw;
	box-shadow:-4px 4px 0px 0px rgba(0,0,0,0.3),0px 40px 40px 0px rgba(0,0,0,0.5);
transform:rotateX(48deg) rotateZ(-37deg);-moz-transform:rotateX(48deg) rotateZ(-37deg);-webkit-transform:rotateX(48deg) rotateZ(-37deg);-o-transform:rotateX(48deg) rotateZ(-37deg);
}
.reference div#info_detail_reference_entete{
	background-color:#000;
}
.reference #info_detail_reference_entete_contenu,
.reference #info_detail_reference_description_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row nowrap;flex-flow:row nowrap;
}
.reference #info_detail_reference_entete_contenu #info_competence{
	-webkit-box-flex:2;-webkit-flex:2;flex:2;
}
.reference #info_detail_reference_entete_contenu #info_competence h2{
	font-family:'Poppins',sans-serif;
	font-weight:400;
	color:#999;
	font-size:1.29em;
	margin-left:30px;
	margin-top:50px;
}
.reference #info_detail_reference_entete_contenu #info_competence ul{
	margin-left:30px;
	margin-top:15px;
	margin-bottom:50px;
	float:left;
}
.reference #info_detail_reference_entete_contenu #info_competence ul li{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	border:1px solid rgba(255,236,227,0.5);
	border-radius:4px;
	padding:7px 20px;
	color:#ccc;
	line-height:1em;
	text-transform:uppercase;
	font-family:'Poppins',sans-serif;
	font-weight:400;
}
.reference #info_detail_reference_entete_contenu #info_projet{
	-webkit-box-flex:1;-webkit-flex:1;flex:1;
}
.reference #info_detail_reference_entete_contenu #info_projet p{
	margin:0;
	margin-top:50px;
	margin-bottom:50px;
	padding:10px 0 10px 30px;
	border-left:1px solid rgba(255,236,227,0.5);
	color:#ccc;
	line-height:1.43em;
}
.reference #info_detail_reference_entete_contenu #info_projet p a{
	text-decoration:none;
	color:#FFECE3;
}
.reference #info_detail_reference_description_contenu #info_description{
	-webkit-box-flex:2;-webkit-flex:2;flex:2;
}
.reference #info_detail_reference_description_contenu #info_description p{
	margin:65px 120px 45px 30px;
	font-size:1.14em;
	line-height:1.5em;
	font-weight:300;
}
.reference #info_detail_reference_description_contenu #info_objectif{
	-webkit-box-flex:1;-webkit-flex:1;flex:1;
	margin-top:60px;
	margin-bottom:60px;
	border-left:1px solid rgba(255,236,227,0.5);
}
.reference #info_detail_reference_description_contenu #info_objectif h3{
	color:#FFECE3;
	margin-left:30px;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.43em;
	text-transform:uppercase;
	line-height:1em;
}
.reference #info_detail_reference_description_contenu #info_objectif ul{
	margin:15px 20px 45px 30px;
}
.reference #info_detail_reference_description_contenu #info_objectif ul.solutions{
	margin-bottom:0;
}
.reference #info_detail_reference_description_contenu #info_objectif ul li{
	color:#ccc;
	margin-bottom:2px;
}
.reference #info_detail_reference_description_contenu #info_objectif ul li svg{
	float:left;
	margin-top:7px;
	margin-right:4px;
}
.reference #info_detail_reference_description_contenu #info_objectif ul li svg circle{
	fill:#FFECE3;
	stroke:#FFECE3;
}
#info_detail_reference_video{
	background-color:#000;
	height:546px;
}
.reference #info_detail_reference_video_contenu{
	width:990px;
	margin:0 auto;
	padding-top:20px;
}
#info_detail_reference_image{
	background:-moz-radial-gradient(120% 180%, ellipse farthest-corner, rgba(0,0,0, 1) 0%, rgba(31,32,34, 1) 100%);
  background:-webkit-radial-gradient(120% 180%, ellipse farthest-corner, rgba(0,0,0, 1) 0%, rgba(31,32,34, 1) 100%);
  background:-o-radial-gradient(120% 180%, ellipse farthest-corner, rgba(0,0,0, 1) 0%, rgba(31,32,34, 1) 100%);
  background:-ms-radial-gradient(120% 180%, ellipse farthest-corner, rgba(0,0,0, 1) 0%, rgba(31,32,34, 1) 100%);
  background:radial-gradient(120% 180%, ellipse farthest-corner, rgba(0,0,0, 1) 0%, rgba(31,32,34, 1) 100%);
}
.reference #info_detail_reference_image_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
}
.reference #info_detail_reference_image_contenu #liste_puce_image{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content:center;justify-content:center;
	padding-top:15px;
	height:22px;
}
.reference_galerie_verticale #info_detail_reference_image_contenu #liste_puce_image{
	display:none;
}
.reference #info_detail_reference_image_contenu #liste_puce_image li{
	width:22px;
	height:22px;
	cursor:pointer;
}
.reference #info_detail_reference_image_contenu #liste_puce_image li span{
	display:block;
	width:15px;
	height:15px;
	border-radius:15px;
	border:1px solid rgba(255,255,255,0.5);	
}
.reference #info_detail_reference_image_contenu #liste_puce_image li.sel span{
	background-color:#FFECE3;
	border:1px solid #FFECE3;
}
.reference #info_detail_reference_image_contenu #liste_image{
	height:600px;
	position:relative;
	margin:0 auto;
	margin-top:22px;
}
.reference_galerie_verticale #info_detail_reference_image_contenu #liste_image{
	height:auto;
} 
.reference #info_detail_reference_image_contenu #liste_image li{
	position:absolute;
	top:0;
	left:0;
	opacity:0;filter:alpha(opacity=0);
	transition:all 1s ease;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;
	height:100%;
	width:100%;
	overflow:hidden;
}
.reference_galerie_verticale #info_detail_reference_image_contenu #liste_image li{
	position:relative;
	top:auto;
	left:auto;
	opacity:1;filter:alpha(opacity=100);
	height:auto;
	width:auto;
	overflow:visible;
}
.reference #info_detail_reference_image_contenu #liste_image li.sel{
	opacity:1;filter:alpha(opacity=100);
}
.reference #info_detail_reference_image_contenu #liste_image li img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.reference_galerie_verticale #info_detail_reference_image_contenu #liste_image li img{
	width:100%;
	position:relative;
	top:auto;
	left:auto;
}
.reference #info_detail_reference_temoignagne_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row nowrap;flex-flow:row nowrap;
	padding-top:100px;
	padding-bottom:100px;
}
.reference #info_detail_reference_temoignagne_contenu #detail_temoin{
	-webkit-box-flex:1;-webkit-flex:1;flex:1;
}
.reference #info_detail_reference_temoignagne_contenu #detail_temoin h3{
	color:#FFECE3;
	margin-right:30px;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.43em;
	text-transform:uppercase;
	line-height:1em;
	text-align:right;
	float:right;
	margin-bottom:35px;
}
.reference #info_detail_reference_temoignagne_contenu #detail_temoin h4{
	color:#FFECE3;
	margin-right:30px;
	text-align:right;
	float:right;
	clear:right;
	width:180px;
}
.reference #info_detail_reference_temoignagne_contenu #detail_temoin h5{
	font-style:italic;
	color:#c3c3c3;
	margin-right:30px;
	text-align:right;
	float:right;
	clear:right;
	width:180px;
}
.reference #info_detail_reference_temoignagne_contenu #desc_temoignage{
	-webkit-box-flex:2;-webkit-flex:2;flex:2;
}
.reference #info_detail_reference_temoignagne_contenu #desc_temoignage p{
	border-left:1px solid rgba(255,236,227,0.5);
	margin:0;
	padding-left:45px;
	margin-right:110px;
	font-style:italic;
	color:#ccc;
	font-size:1.14em;
	line-height:1.5em;
}
#info_detail_reference_intervenant{
	background-color:#000;
}
.reference #info_detail_reference_intervenant_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:70px;
}
.reference #info_detail_reference_intervenant_contenu h3{
	color:#FFECE3;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.43em;
	text-transform:uppercase;
	line-height:1em;
	text-align:center;
}
.reference #info_detail_reference_intervenant_contenu ul{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content:center;justify-content:center;
	margin-top:40px;
}
.reference #info_detail_reference_intervenant_contenu li{
	float:left;
	width:180px;
	text-align:center;
	font-size:1.29em;
	margin-bottom:20px;
}
.reference #info_detail_reference_intervenant_contenu li a{
	text-decoration:none;
	color:#ccc;
}
.reference #info_detail_reference_intervenant_contenu li div.photo_equipe{
	width:100px;
	height:100px;
	border-radius:100px;
	position:relative;
	overflow:hidden;
	background:#666;
	margin-left:40px;
	margin-bottom:10px;
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.reference #info_detail_reference_intervenant_contenu li div.photo_equipe:hover{
	background:#FFECE3;
}
.reference #info_detail_reference_intervenant_contenu li div.photo_equipe img{
	width:120px;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
#info_detail_reference_annonce{
	background-color:#FFECE3;
}
.reference #info_detail_reference_annonce_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:150px;
	position:relative;
}
.reference #info_detail_reference_annonce_contenu p{
	margin:0 200px;
	text-align:center;
	font-family:'Poppins',sans-serif;
	font-weight:600;
	color:#fff;
	font-size:2.14em;
	line-height:1.17em;
	text-transform:uppercase;
}
.reference #info_detail_reference_annonce_contenu a{
	color:#fff;
	font-size:1.07em;
	font-family:'Poppins',sans-serif;
	text-decoration:none;
	border:1px solid #fff;
	border-radius:4px;
	line-height:2.87em;
	display:block;
	text-align:center;
	width:272px;
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:-136px;
	text-transform:uppercase;
	font-weight:400;
	transition:all 0.1s ease;-moz-transition:all 0.1s ease;-webkit-transition:all 0.1s ease;-o-transition:all 0.1s ease;
}
.reference #info_detail_reference_annonce_contenu a:hover{
	box-shadow:inset 0px 0px 0px 3px #fff;
}
.reference #info_detail_reference_autre_contenu{
	width:77%;
	max-width:1400px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:70px;
}
.reference #info_detail_reference_autre_contenu h3{
	color:#fff;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	font-size:1.43em;
	text-transform:uppercase;
	line-height:1em;
	text-align:center;
}
.reference #info_detail_reference_autre_contenu ul{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content:space-around;justify-content:space-around;
	margin-top:60px;
}
.reference #info_detail_reference_autre_contenu li{
	width:270px;
	text-align:center;
	margin-bottom:20px;
}
.reference #info_detail_reference_autre_contenu li a{
	text-decoration:none;
	color:#fff;
}
.reference #info_detail_reference_autre_contenu li div.photo_ref{
	width:270px;
	height:270px;
	border-radius:270px;
	position:relative;
	overflow:hidden;
	background:#333;
	margin-bottom:20px;
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
	-webkit-mask-image:-webkit-radial-gradient(white, black);
}

.reference #info_detail_reference_autre_contenu li#reference_46 div.photo_ref:hover{
	background-color:#F0003A;
}

.reference #info_detail_reference_autre_contenu li#reference_2 div.photo_ref:hover{
	background-color:#afb3b1;
}

.reference #info_detail_reference_autre_contenu li#reference_42 div.photo_ref:hover{
	background-color:#C0FF99;
}

.reference #info_detail_reference_autre_contenu li#reference_4 div.photo_ref:hover{
	background-color:#68c2f9;
}

.reference #info_detail_reference_autre_contenu li#reference_7 div.photo_ref:hover{
	background-color:#eae6dd;
}

.reference #info_detail_reference_autre_contenu li#reference_8 div.photo_ref:hover{
	background-color:#ec011a;
}

.reference #info_detail_reference_autre_contenu li#reference_9 div.photo_ref:hover{
	background-color:#8cc7e9;
}

.reference #info_detail_reference_autre_contenu li#reference_47 div.photo_ref:hover{
	background-color:#e4c382;
}

.reference #info_detail_reference_autre_contenu li#reference_11 div.photo_ref:hover{
	background-color:#e4c2a2;
}

.reference #info_detail_reference_autre_contenu li#reference_14 div.photo_ref:hover{
	background-color:#fb7f53;
}

.reference #info_detail_reference_autre_contenu li#reference_23 div.photo_ref:hover{
	background-color:#ff4a5d;
}

.reference #info_detail_reference_autre_contenu li#reference_15 div.photo_ref:hover{
	background-color:#45b9f5;
}

.reference #info_detail_reference_autre_contenu li#reference_16 div.photo_ref:hover{
	background-color:#5bc6f1;
}

.reference #info_detail_reference_autre_contenu li#reference_17 div.photo_ref:hover{
	background-color:#a8c606;
}

.reference #info_detail_reference_autre_contenu li#reference_18 div.photo_ref:hover{
	background-color:#ccc5b7;
}

.reference #info_detail_reference_autre_contenu li#reference_19 div.photo_ref:hover{
	background-color:#b42500;
}

.reference #info_detail_reference_autre_contenu li#reference_20 div.photo_ref:hover{
	background-color:#2772ca;
}

.reference #info_detail_reference_autre_contenu li#reference_22 div.photo_ref:hover{
	background-color:#f5db71;
}

.reference #info_detail_reference_autre_contenu li#reference_24 div.photo_ref:hover{
	background-color:#28c7dd;
}

.reference #info_detail_reference_autre_contenu li#reference_25 div.photo_ref:hover{
	background-color:#FF444F;
}

.reference #info_detail_reference_autre_contenu li#reference_41 div.photo_ref:hover{
	background-color:#dfcbc1;
}

.reference #info_detail_reference_autre_contenu li#reference_28 div.photo_ref:hover{
	background-color:#e0ae00;
}

.reference #info_detail_reference_autre_contenu li#reference_29 div.photo_ref:hover{
	background-color:#e09e66;
}

.reference #info_detail_reference_autre_contenu li#reference_30 div.photo_ref:hover{
	background-color:#e1d8d2;
}

.reference #info_detail_reference_autre_contenu li#reference_31 div.photo_ref:hover{
	background-color:#ECD3AA;
}

.reference #info_detail_reference_autre_contenu li#reference_32 div.photo_ref:hover{
	background-color:#01a8dd;
}

.reference #info_detail_reference_autre_contenu li#reference_33 div.photo_ref:hover{
	background-color:#B8E73C;
}

.reference #info_detail_reference_autre_contenu li#reference_34 div.photo_ref:hover{
	background-color:#ddf774;
}

.reference #info_detail_reference_autre_contenu li#reference_35 div.photo_ref:hover{
	background-color:#A18399;
}

.reference #info_detail_reference_autre_contenu li#reference_36 div.photo_ref:hover{
	background-color:#a6d1d7;
}

.reference #info_detail_reference_autre_contenu li#reference_37 div.photo_ref:hover{
	background-color:#ef5d23;
}

.reference #info_detail_reference_autre_contenu li#reference_38 div.photo_ref:hover{
	background-color:#67afee;
}

.reference #info_detail_reference_autre_contenu li#reference_39 div.photo_ref:hover{
	background-color:#d4d1d1;
}

.reference #info_detail_reference_autre_contenu li#reference_40 div.photo_ref:hover{
	background-color:#e4cba9;
}

.reference #info_detail_reference_autre_contenu li#reference_44 div.photo_ref:hover{
	background-color:#ffe190;
}

.reference #info_detail_reference_autre_contenu li#reference_45 div.photo_ref:hover{
	background-color:#69dfdb;
}

.reference #info_detail_reference_autre_contenu li#reference_48 div.photo_ref:hover{
	background-color:#FF009B;
}

.reference #info_detail_reference_autre_contenu li#reference_49 div.photo_ref:hover{
	background-color:#ffb186;
}

.reference #info_detail_reference_autre_contenu li#reference_50 div.photo_ref:hover{
	background-color:#ff4b26;
}

.reference #info_detail_reference_autre_contenu li#reference_51 div.photo_ref:hover{
	background-color:#b7586b;
}

.reference #info_detail_reference_autre_contenu li#reference_53 div.photo_ref:hover{
	background-color:#39a7cc;
}

.reference #info_detail_reference_autre_contenu li#reference_52 div.photo_ref:hover{
	background-color:#ff7461;
}

.reference #info_detail_reference_autre_contenu li#reference_54 div.photo_ref:hover{
	background-color:#58aa7e;
}

.reference #info_detail_reference_autre_contenu li#reference_55 div.photo_ref:hover{
	background-color:#ae1821;
}

.reference #info_detail_reference_autre_contenu li#reference_56 div.photo_ref:hover{
	background-color:#b6d1e5;
}

.reference #info_detail_reference_autre_contenu li#reference_57 div.photo_ref:hover{
	background-color:#a6a5a0;
}

.reference #info_detail_reference_autre_contenu li#reference_58 div.photo_ref:hover{
	background-color:#6fbb69;
}

.reference #info_detail_reference_autre_contenu li#reference_59 div.photo_ref:hover{
	background-color:#fff464;
}

.reference #info_detail_reference_autre_contenu li#reference_60 div.photo_ref:hover{
	background-color:#81b1d9;
}

.reference #info_detail_reference_autre_contenu li#reference_61 div.photo_ref:hover{
	background-color:#f1ca55;
}

.reference #info_detail_reference_autre_contenu li#reference_63 div.photo_ref:hover{
	background-color:#2e2fec;
}

.reference #info_detail_reference_autre_contenu li#reference_64 div.photo_ref:hover{
	background-color:#f48923;
}

.reference #info_detail_reference_autre_contenu li#reference_65 div.photo_ref:hover{
	background-color:#9fc8c9;
}

.reference #info_detail_reference_autre_contenu li#reference_66 div.photo_ref:hover{
	background-color:#ffcc00;
}

.reference #info_detail_reference_autre_contenu li#reference_67 div.photo_ref:hover{
	background-color:#AA9F9A;
}

.reference #info_detail_reference_autre_contenu li#reference_68 div.photo_ref:hover{
	background-color:#429f46;
}

.reference #info_detail_reference_autre_contenu li#reference_69 div.photo_ref:hover{
	background-color:#063e95;
}

.reference #info_detail_reference_autre_contenu li#reference_70 div.photo_ref:hover{
	background-color:#00AC84;
}

.reference #info_detail_reference_autre_contenu li#reference_71 div.photo_ref:hover{
	background-color:#A1A1A1;
}

.reference #info_detail_reference_autre_contenu li#reference_72 div.photo_ref:hover{
	background-color:#cec9b1;
}

.reference #info_detail_reference_autre_contenu li#reference_73 div.photo_ref:hover{
	background-color:#97b5c4;
}

.reference #info_detail_reference_autre_contenu li#reference_74 div.photo_ref:hover{
	background-color:#ff9822;
}

.reference #info_detail_reference_autre_contenu li#reference_75 div.photo_ref:hover{
	background-color:#f1efea;
}

.reference #info_detail_reference_autre_contenu li#reference_76 div.photo_ref:hover{
	background-color:#e2dedb;
}

.reference #info_detail_reference_autre_contenu li#reference_77 div.photo_ref:hover{
	background-color:#0079d0;
}

.reference #info_detail_reference_autre_contenu li#reference_79 div.photo_ref:hover{
	background-color:#85AB00;
}

.reference #info_detail_reference_autre_contenu li#reference_80 div.photo_ref:hover{
	background-color:#7F8088;
}

.reference #info_detail_reference_autre_contenu li#reference_81 div.photo_ref:hover{
	background-color:#c6bdad;
}

.reference #info_detail_reference_autre_contenu li#reference_82 div.photo_ref:hover{
	background-color:#b7c9d1;
}

.reference #info_detail_reference_autre_contenu li#reference_83 div.photo_ref:hover{
	background-color:#e3006a;
}

.reference #info_detail_reference_autre_contenu li#reference_84 div.photo_ref:hover{
	background-color:#fdcb04;
}

.reference #info_detail_reference_autre_contenu li#reference_85 div.photo_ref:hover{
	background-color:#F7EAF3;
}

.reference #info_detail_reference_autre_contenu li#reference_86 div.photo_ref:hover{
	background-color:#FFECE3;
}

.reference #info_detail_reference_autre_contenu li div.photo_ref img{
	position:absolute;
	top:20px;
	left:20px;
}
.reference #info_detail_reference_autre_contenu li.gabarit_2018 div.photo_ref img{
	box-shadow:-4px 4px 0px 0px rgba(0,0,0,0.3),0px 40px 40px 0px rgba(0,0,0,0.5);
transform:rotateX(48deg) rotateZ(-37deg);-moz-transform:rotateX(48deg) rotateZ(-37deg);-webkit-transform:rotateX(48deg) rotateZ(-37deg);-o-transform:rotateX(48deg) rotateZ(-37deg);
transform-origin:top left;-moz-transform-origin:top left;-webkit-transform-origin:top left;-o-transform-origin:top left;
	top:120px;
	left:30px;
}
.reference #info_detail_reference_autre_contenu li h4{
	font-size:1.29em;
	font-family:'Poppins',sans-serif;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	line-height:1em;
	padding:0 20px;
}
.reference #info_detail_reference_autre_contenu li h5{
	font-style:italic;
	color:#ccc;
	padding:5px 20px;
}