/*  30-05-2016
--------------------------------------------------------------------------------
    THIS FILE OVERRIDE WILL BE PUTTED AFTER frontend.min.css
    Will be used by external presta
--------------------------------------------------------------------------------
*/

.clr { clear: both}
.accroche { font-size: 14px; line-height: 18px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif !important; text-align: left !important; }
.intro { text-transform: uppercase; }
.nobefore:before { content: "" !important; margin-left: 19px !important; }
#html5-watermark { display: none !important;}

h2.statics-new { font-size: 23px !important; line-height: 26px; text-transform: uppercase; border-bottom: 1px dotted #bcbcbc; padding-bottom: 10px; }

.chapo { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding: 12px 5px 5px 5px; }
.chapo p { font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin-bottom: 7px; color: #767574; } 
.chapo ul, .win .more { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eaeaea; margin: 0; padding: 15px 20px; } 
.chapo ul li { list-style-type: none; text-align: inherit; padding-left: 30px; text-indent: -28px; }
.chapo ul li:before { content: url("../img/hab/red-circle.png"); margin-right: 20px; }

.inside { width: 42%; float: left; margin-right: 10px; }
.html5lightbox img { width: 54%}
.win .more { float: left; width: 181px; margin-left: 5px; padding: 15px 9px 0 9px; min-height: 250px; }
.win .more.first { margin-left: 1px; }
.win .more strong { color: #767574; font-family: Arial, Helvetica, sans-serif; }
.win div p { font-size: 13px; line-height: 22px; text-transform:none; text-align: left; }
.win div p:last-child { margin-bottom:0; }
.win div p span.red { font-size: 15px; line-height: 18px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; position:relative; padding-left: 25px; }
.win div p span.red:before { content: url("../img/hab/OLDred-plus.png"); /*margin-right: 9px;*/ position: absolute; left:0; top: 1px; }

h3.title_rubrique, h3.file { display:none; /*font-family: Arial, Helvetica, sans-serif; background: url("../img/hab/bg-rubrique-inside.png") no-repeat top left; background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; font-size: 18px; line-height: 18px; padding: 27px 0 0 30px; text-transform: uppercase; color:#fff; margin:0; height: 71px;*/ }
/*h3.file, h3.loupe, h3.cvs, h3.profil, h3.profils { background-image: url("../img/hab/bg-rubrique-perspectiv.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.sol-profil, h3.sol-profils { background-image: url("../img/hab/bg-rubrique-sol-perspectiv.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }

h3.title_rubrique:hover { background: url("../img/hab/bg-rubrique-inside-hov.png") no-repeat top left; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; transition: background-image ease 0.5s; }
h3.gestion:hover { background: url("../img/hab/bg-rubrique-inside2-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.amelioration:hover { background: url("../img/hab/bg-rubrique-inside3-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.file:hover { background: url("../img/hab/bg-rubrique-perspectiv-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.loupe:hover { background: url("../img/hab/bg-rubrique-perspectiv2-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.cvs:hover { background: url("../img/hab/bg-rubrique-perspectiv3-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.profil:hover { background: url("../img/hab/bg-rubrique-perspectiv4-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.profils:hover { background-image: url("../img/hab/bg-rubrique-perspectiv5-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.sol-profil:hover { background: url("../img/hab/bg-rubrique-sol-perspectiv4-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
h3.sol-profils:hover { background-image: url("../img/hab/bg-rubrique-sol-perspectiv5-hov.png"); background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; }
*/

.title_rubs, .step-selection { position: relative; }
.title_rubs .imgOn, .step-selection .imgOn { opacity: 0; transition: all 1s ease 0s; z-index: 20; }
.title_rubs .img, .step-selection .img { left: 0; position: absolute; top: 0; width: 100%; }
.title_rubs:hover .imgOn, .step-selection:hover .imgOn { opacity: 1; }
.step-selection { margin-bottom: 30px; height:83px; }
.select-plus { position: absolute; z-index: 30; top: 0; left:50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;}

h3.title_rubrique i.file::before { content: url("../img/hab/icon-file.png"); margin-right: 15px; }
h3.gestion i.file::before { content: url("../img/hab/icon-gestion.png"); }
h3.amelioration i.file:before { content: url("../img/hab/icon-amelioration.png"); }
h3.loupe i.file::before { content: url("../img/hab/icon-loupe.png"); margin-right: 15px; }
h3.cvs i.file::before { content: url("../img/hab/icon-cvs.png"); margin-right: 15px; }
h3.profil i.file::before, h3.sol-profil i.file::before { content: url("../img/hab/icon-profil.png"); }
h3.profils i.file:before, h3.sol-profils i.file::before { content: url("../img/hab/icon-profils.png"); }

.rubrique { border: 1px solid #eaeaea; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }
.rubrique ul { margin: 80px 0 15px 0; color: #545454; padding-left: 30px; padding-right: 15px; font-size:13px; line-height:18px; }
.rubrique ul li { list-style-position: outside; list-style-type:none; font-family: Arial, Helvetica, sans-serif; padding-left: 30px; text-indent: -28px; text-align: left; }
.rubrique ul li:before { content: url("../img/hab/blue-circle.png"); margin-right: 20px; }
.rubrique ul li span { font-weight: normal; color: #767574; display: block; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.rubrique ul li span:before { content: "- "; margin-right: 10px; margin-left: 30px; /* on affiche une chaîne de caractère */ }

.solution ul li:before { content: url("../img/hab/red-circle.png"); margin-right: 20px; }

.link-works { margin: 30px 0}
.work { background: #FF6A14 url("../img/hab/icon-nxt-white.png") no-repeat center right; color: #fff; display:block; width: 49%; text-decoration: none; float: left; }
.work:hover { background-color: #00648b; }
.work i.file-jurid, .insid i.file-inside { float: left; height: 60px; }
.work i.file-jurid:before { content: url("../img/hab/icon-juri.png"); }
.work span { display: inline-block; padding: 14px 0 0 15px; width: 56%; font-size: 12px; }
/*.work i.file-nxt:before { content: url("../img/hab/icon-nxt-white.png"); margin-left: 2%; }*/
.insid { background: #f5f5f5 url("../img/hab/icon-nxt-red.png") no-repeat center right; border: 1px solid #eaeaea; color: #757577; margin-left: 2%; }
.insid:hover { background-color: #f5f5f5; border: 1px solid #df2437; }
.insid i.file-inside { height: 58px; }
.insid i.file-inside:before { content: url("../img/hab/inside-logo.png");  }
.insid span { padding: 13px 0 0 10px; width: 42%; }
/*.insid i.file-nxt:before { content: url("../img/hab/icon-nxt-red.png"); }*/


/* ------------------------------------------------------------------------------------------------------------------------ */
/*                                                                                                                          */
/*  - ADDED BY CRIT                                                                                                         */
/*                                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------------------ */

html {
    background: #f5f5f5;
}

/* ----------------------------------------------------------
	BY : Marine 											|
	FUNCTION : Multiple image in news content 				|
------------------------------------------------------------*/

.min-img-news {
    float: none!important;
    width: 260px;
    height:auto!important;
}

.news-mid-col {
	width: 49%; 
	display: inline-block; 
	vertical-align: middle;
}

.news-col-center {
	text-align: center!important;
}


/* ----------------------------------------------------------
	BY : Marine 											|
	FUNCTION : Offer button					 				|
------------------------------------------------------------*/

/*.span_box_footer {
	border-right: 1px solid rgba(0,0,0,.2);
	padding: 3px 10px 3px 0px;
	margin-top: 3px;
}

.reslt_body_colmns p, .reslt_body_colmns > div {
    display: inline-block;
    float: left;
}
.reslt_body_colmns p { width: 74%; }
.reslt_body_colmns > div { 
    width: 25%; 
    text-align: right;
    padding-top: 10px;
    float: right;
}

.view-offer-btn {
    background : transparent;
    padding: 0px 7px 0px 7px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin: 0px 0px 10px;
    width: 107px;
    text-align: center;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}


.view-offer-btn:hover {
	color: #545454!important;
}

.reslt_body_colmns .icon_box {
    display:block;
    width: 100%;
}

.reslt_body_colmns .icon_box a {
    float: none;
    display: inline-block;
    margin-right: 0px;
    margin-left: 5px;
}

body .box_statistic {
    margin-top: 10px;
    padding-top: 10px;
}

.span_box_footer span,
.box_agency_offer_alert .frequency_email_title {
    font-size: 13px;
}

.frequency_email_select .chosen-single span,
.frequency_email_select .ui-selectmenu-text {
	font-size: 12px;
}

.footer_result h5 {
    margin: 3px 0px 0px;
	font-size: 15px;
    color: #b51720;
    font-family: Arial, Helvetica, sans-serif;
}

.span_box_footer .blue-value {
	color : #FF6A14;
}

.frequency_email_select .chosen-container-single .chosen-single {
    padding: 0px 10px 2px;
    height: 25px;
}

.frequency_email_select .chosen-container-single .chosen-single div {
    height: 10px;
	top: 9px;
}

.frequency_email_select .chosen-container-single .chosen-single div b {
	background: url(../img/arr_down.png) 1px 1px no-repeat;
}

.box_agency_offer_alert {
    display: inline-block;
    float: right;
}

.box_agency_offer_alert .frequency_email_title {
    width: auto;
    text-align: right;
    margin: 0px;
    padding: 5px 7px 0px 0px;
}

.box_agency_offer_alert .frequency_email_select {
    float: none;
    display: inline-block;
    width: 165px;
}



@media (max-width: 950px) and (min-width: 361px) {
    .box_agency_offer_alert .frequency_email_title,
    .box_agency_offer_alert .frequency_email_select {
        display: block;
    }

    .box_agency_offer_alert .frequency_email_title {
        padding: 0px 7px 7px 0px;
    }

    .box_agency_offer_alert {
    	margin-top: -15px;
    }
}

@media (max-width: 840px) {

	.reslt_body_colmns .icon_box a {
		margin-left: 0px;
	}

	.view-offer-btn {
	    width: 95px;
	}

}

@media (max-width: 650px) {
	.reslt_body_colmns p, .reslt_body_colmns > div {
	    display: block;
	    float: none;
	    width: 100%;
	}

	.reslt_body_colmns .icon_box {
		display: inline-block;
	    width: auto;
	}

	.reslt_body_colmns .icon_box a {
		margin-left: 5px;
	}

	.view-offer-btn {
		margin: 1px 5px 0px;
    	vertical-align: top;
    	padding: 8px 0px 6px 0px;
    	text-align: right;
	}
}

@media (max-width: 580px) and (min-width: 361px) {
	.span_box_footer {
		padding-top: 0px;
	}

	.span_box_footer > a,
	.span_box_footer > span {
		display: block;
		margin: 3px 0px;
	}
} */

/* ----------------------------------------------------------
	BY : Marine 											|
	FUNCTION : Customers references elements				|
------------------------------------------------------------*/


#categories-ref-list {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px;
}

#categories-ref-list li {
	padding: 0px;
	display: inline-block;
	width: 48%;
	margin: 5px;
}

#categories-ref-list li a {
	padding: 40px 20px;
	display: block;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	background-color: #df2437;
	background-image: url(../img/back-ref-client_picto.png);
	background-repeat: no-repeat;
	background-size: 98px 106px;
	background-position-x:85%;
	background-position-y:80%;
	-webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

#categories-ref-list li:nth-child(n+1) a{background-color: #df2437;}
#categories-ref-list li:nth-child(n+2) a{background-color: #FF6A14;}
#categories-ref-list li:nth-child(n+3) a{background-color: #f6adb3;}
#categories-ref-list li:nth-child(n+4) a{background-color: #b51720;}
#categories-ref-list li:nth-child(n+5) a{background-color: #b51720;}

#categories-ref-list li a:hover {
	background-color: #bfbfbf;
}
 
/* - */

.m-customers_refs #static-page-conteiner { position: relative; }

#all-customers-refs > tbody > tr {
	border-bottom: 1px dotted #bcbcbc ;
}
#all-customers-refs > tbody > tr.last {
	border-bottom: 0px;
}

#all-customers-refs > tbody > tr > td {
	padding-top: 15px;
}
#all-customers-refs > tbody > tr.first > td {
	padding-top: 0px;
}

/* Choises list */ 
ul.ref_type {
	list-style: none;
	padding: 5px 0px;
}

.ref_type li {
	display: inline-block;
	color:#9f9f9f;
	padding: 5px 0px;
	margin: 0px 8px;
}
.ref_type li.first { margin-left: 0px; }

.ref_type li a {
	color:#9f9f9f;
	text-decoration: none;
	-webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.ref_type li a:hover {
	color: #df2437;
}

.ref_type li#type_all {
	margin-left: 0px;
}

.ref_type li.selected {
	border-bottom: 2px solid #df2437 ;
	color: #df2437;
}

.ref_type li.selected a {
	color: #df2437;	
}

/* Customers Categories names */
.headline-category {
    width: 89px;
    vertical-align: top;
    padding: 0px;

}

.headline-category span {
    font-family: Arial, Helvetica, sans-serif;
    color: #545454;
    line-height: auto;
	/*line-height: 85px; */
	font-size: 13px;
	padding-top: 30px;
	display: inline-block;
}

.headline-category span:before {
    content: "";
    border-color: transparent red;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 11px;
    position: relative;
}

.containers-category {
	padding: 0px;
}

.container-customers-icons-table {
	overflow: hidden;
	margin-bottom: 30px;
	width: 564px;
}

.customers-icons-table {
	margin-bottom: 0px;
	width: 564px;
	display: inline-block;
	vertical-align: top;
}


/* Icons links  */ 
/*.customers-icons-table td { 
	padding: 0px 5px 5px 0px;
}*/

.customers-icons-table td {
	padding: 0px;
	border-bottom: 0px;
}

.customers-icons-table .td {
	display: inline-block;
	padding: 0px 10px 10px 0px;
	float: 	left;
}

.customers-icons-table div.ref-link {
	display: block;
	padding: 8px;
	border: 2px solid #df2437;
	position: relative;
}
.customers-icons-table div.ref-link.color0 { border: 2px solid #df2437; }
.customers-icons-table div.ref-link.color1 { border: 2px solid #b51720; }
.customers-icons-table div.ref-link.color2 { border: 2px solid #f6adb3; }
.customers-icons-table div.ref-link.color3 { border: 2px solid #FF6A14; }
.customers-icons-table div.ref-link.color4 { border: 2px solid #b51720; }

.customers-icons-table div.ref-link img.ref-logo {
	width: 80px;
	height: 80px;
}


.customers-icons-table div.ref-link div.details-hover {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	background-color: #df2437;
	/*cursor: pointer;*/
	vertical-align: middle;


	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.customers-icons-table /*div.no-opts*/ div.details-hover {
	display: flex;
}

.customers-icons-table div.ref-link div.details-hover span.customer_name_hover {
	color: #ffffff;
	display: inline-block;
	margin: auto;
    font-size: 14px;
    text-align: center;
}

.customers-icons-table div.opts div.details-hover span.customer_name_hover { display: none; }

.customers-icons-table div.ref-link.color0 div.details-hover { background-color: #df2437; }
.customers-icons-table div.ref-link.color1 div.details-hover { background-color: #b51720; }
.customers-icons-table div.ref-link.color2 div.details-hover { background-color: #f6adb3; }
.customers-icons-table div.ref-link.color3 div.details-hover { background-color: #FF6A14; }
.customers-icons-table div.ref-link.color4 div.details-hover { background-color: #b51720; }

.customers-icons-table div.ref-link:hover div.details-hover {
	opacity: 1;
}

.customers-icons-table div.ref-link div.details-hover a,
.customers-icons-table div.ref-link div.details-hover img {
	position: absolute;
}

.customers-icons-table div.ref-link div.details-hover a {
	display: block;
	position: relative;
	background-color: transparent;
	color: #ffffff;

	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;	
}

/* Links icons */

.customer-case, .customer-testimonial, .customer-video {
	background-repeat: no-repeat;	
}

.customer-case { 
	background-image: url('../img/ref-client_icons-case.png');
	background-position: center; 
}

.customer-video { 
	background-image: url('../img/ref-client_icons-video.png');
	background-position: center; 
}

.customer-testimonial { 
	background-image: url('../img/ref-client_icons-testimonial.png');
	background-position: center; 
}

/* Bottom links  */

.more_cf_links {
	background-image: url('../img/other-cats-refs@2x.png');
	background-repeat: no-repeat;
	background-size: 74px 58px;
    background-color: #FF6A14;
    border: 1px solid #FF6A14!important;
    color: #fff!important;
    height: 60px;
    text-decoration: none;
    width: 48%;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;	

	display: table-cell;
	vertical-align: middle;
}

.more_cf_links:hover,
.more_cf_links:active {
	background-color: #00648b;
}

.more_cf_links.contact { 
	background-image: url('../img/contact-refs@2x.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 60px 30px;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea!important;
    color: #757577!important;
    width: 48%;
}

.more_cf_links.contact:hover,
.more_cf_links.contact:active {
    background-color: #eaeaea;	
}

/*.more_cf_links i {
    float: left;
    height: 60px;
}*/

.more_cf_links span {
    display: inline-block;
    padding: 0px 0 0 85px;
    width: auto;
    font-size: 12px;
}

.link-works.link-category {
	margin-top: 10px;
}

/* Testimonials */

.ref-testimonial {
	position: relative;
	margin-top: 3px;
	background-color: #e6e6e6;
	min-height: 180px;
	display: block;
	margin-bottom: 10px;

}

.ref-testimonial .t-arrow {
	position: absolute;
	top: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 11px 7.5px;
	border-color: transparent transparent #e6e6e6 transparent;
}

.ref-testimonial .t-close {
	position: absolute;
	top: -12px;
	right: -12px;
	cursor: pointer;
}

.ref-testimonial-img {
	width: 150px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left:0px;
	padding: 40px 20px;
}

.ref-testimonial-img img {
	width: 100px;
	height: 100px;
	border-radius: 9999px;
	border:5px solid #ffffff;
}

.ref-testimonial-img .t-icon {
	position: absolute;
	width: 45px;
	height: 45px;
	background-color: #df2437;
	background-image: url('../img/ref-client_icons-testimonial.png');
	background-position: center; 
	border-radius: 9999px;
	top: 115px;
	left: 90px;
}

.ref-testimonial-content {
	display: block;
	padding: 5px 25px 20px 5px;
	margin-left: 150px;
}

.ref-testimonial-content .t-name {
	padding: 15px 10px 15px 0px;
}

.ref-testimonial-content .t-text {
	padding: 10px 15px;
	background-color: #ffffff;
	border-radius: 3px;
}

#table_type_testimonials {
	overflow-y:scroll;
}

/* See other categories */

#others-refs-select {
	background: #dadada;
	color: #707070;
	padding: 20px;
}

#others-refs-select span {
	display: inline-block;
	margin-right: 10px;
}

#others-refs-select select {
	cursor: pointer;
	width: 200px;
}

/* EXTERNAL PAGES - CUSTOMER CASE ------------------ */

#customer-case-container {
	background: #ffffff;
	margin-top: 25px;
	margin-bottom: 25px;
}

/* Header */
#customer-case-header {
	background-color: #b3b3b3;
	background-image: url('../img/back-header-case.png');
	background-size: 375px 70px;
	background-position: top right;
	background-repeat: no-repeat;
	color: #ffffff;
}

#customer-case-header h1 {
	vertical-align: middle;
	margin: 0px;
	height: 70px;
	line-height: 70px;
	padding: 0px 20px;
	text-transform: uppercase;
}

#customer-case-header h1 img {
	vertical-align: middle;
	width: 95px;
	height: 45px;
	float: right;
	margin-top: 14px;
}

#customer-case-breadcrumbs {
	display: table;
	width: 100%;
	background: #FF6A14;
	color:#ffffff;
}

#customer-case-breadcrumbs #icon-case {
	display: table-cell;
	vertical-align: middle;
	background-color: #b51720;
	height: 75px;
	width: 75px;
	min-width: 75px;
	background-image: url('../img/search-icon-case.png');
	background-repeat: no-repeat;
	background-position: center;
}
 
#customer-case-breadcrumbs h2 {
	display: table-cell;
	vertical-align: middle;
	height: 75px;
	margin: 0px;
	padding: 0px 20px;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 400;
    min-width: 245px;
    font-family: Arial, Helvetica, sans-serif;
}


#customer-case-breadcrumbs a {
	display: table-cell;
	vertical-align: middle;
	background-color: #df2437;
	color: #ffffff;
	text-decoration: none;
	height: 75px;
	padding: 0px 15px;
	width: 220px;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;	
}
#customer-case-breadcrumbs a:hover {
	background-color: #b51720;
}

#customer-case-breadcrumbs a i {
	margin-right: 10px;
}

/* Content */

#customer-case-content {
	padding: 25px 45px;
}

#customer-case-content h3,
#customer-case-content h4,
#customer-case-content h5,
#customer-case-content h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #545454;
	padding: 7px 10px 7px 0px;
    font-size: 1.1em;
    margin: 0 0 10px;
}

#customer-case-content h3:before,
#customer-case-content h4:before,
#customer-case-content h5:before,
#customer-case-content h6:before {
    content: "";
    border-color: transparent red;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    display: block;
    height: 0;
    width: 0;
    left: -12px;
    top: 14px;
    position: relative;
}

/* Footer */

#customer-case-footer {
	background-color: #df2437;
}

#customer-case-blinks {
	display: block;
	height: 60px;
	background: #FF6A14;
}

#customer-case-blinks a {
	color: #ffffff;
	text-decoration: none;
	display: table;
	width: 33.3%;
	float: left;
	height: 100%;
	padding-left: 50px;
	padding-right: 15px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;	
}
#customer-case-blinks #ccb-linka,
#customer-case-blinks #ccb-linkb {
	background-repeat: no-repeat;
	background-size: 90px 60px;
}

#customer-case-blinks #ccb-contact {
	background-image: url('../img/contacter-icon-case.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #b51720;
}
#customer-case-blinks #ccb-contact:hover {
	background-color: #df2437;
}

#customer-case-blinks #ccb-linka {
	background-image: url('../img/cas-client_case.png');
	background-color: #095c86;
}
#customer-case-blinks #ccb-linka:hover {
	background-color: #0c415d;
}

#customer-case-blinks #ccb-linkb {
	background-image: url('../img/thirdlink-case.png');
	background-color: #FF6A14;
}
#customer-case-blinks #ccb-linkb:hover {
	background-color: #2f97bf;	
} 

#customer-case-blinks a span {
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	text-decoration: none;
}

#customer-case-more {
	padding: 25px 30px 5px 30px;
	color: #ffffff;
}

#ccm-links {
	display: block;
	width: 100%;
	padding: 20px 0px 15px 0px;
}

#ccm-links div {
	display: inline-block;
	cursor: pointer;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	border: 3px solid #df2437 ;
	-webkit-transition: border 0.2s ease-in-out;
	-moz-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;	
}
#ccm-links div:hover {
	border-color: #ffffff;
}


/* ----------------------------------------------------------
	BY : Marine 											|
	FUNCTION : History										|
------------------------------------------------------------*/

#frise-chrono {
	background-image: url('../img/frise_back.jpg'); 
	background-repeat: repeat-y;
    background-position-x: 6%;
}

#frise-chrono td {
	vertical-align: middle;
}

#frise-chrono span {
	color: #ffffff;
	margin-top: 10px;
	display: inline-block;
	border-radius: 3px;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: lighter;
	text-align: center;
	background: red; /* For browsers that do not support gradients  */
	background: -webkit-linear-gradient(left, #df2437 , #7855a3, #FF6A14); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #df2437, #7855a3, #FF6A14); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #df2437, #7855a3, #FF6A14); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #df2437 , #7855a3, #FF6A14); /* Standard syntax */
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/*                                                                                                                          */
/*  - RESPONSIVE                                                                                                            */
/*                                                                                                                          */
/* ------------------------------------------------------------------------------------------------------------------------ */

@media (max-width: 1024px) {
    .win .more { width: 172px; }

    /* CUSTOMERS REFERENCES ---- */
	.container-customers-icons-table {
		width: 526px;
	}
	.customers-icons-table {
		width: 526px;
	}
	.customers-icons-table .td {
	    padding: 0px 3px 5px 0px;
	    float: none;
	}
	.customers-icons-table div.ref-link img.ref-logo,
	.html5lightbox img.ref-logo {
		width: 60px!important;
		height: 60px;
	}
}

@media (max-width: 960px) {
    .chapo, .html5lightbox img, .win .more { width: 100% !important;}
	.win .more { margin-bottom: 2px; min-height: 80px; margin-left:0; }
	.step-selection { margin-bottom: 25px; height:63px; }
	.work span { font-size: 12px; }
	.insid span { padding: 13px 0 13px 10px; width: 56%; }

    /* CUSTOMERS REFERENCES ---- (max-width:930px in dev - to test !) */
	.container-customers-icons-table {width: 100%}
	#categories-ref-list li {
		margin: 5px 0px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.work span { padding: 9px 0 0 15px; width: 55%; }
	.insid span { padding: 8px 0 0 10px; width: 46%; }
    
}

@media (max-width: 640px) {
	.rubrique ul { margin: 50px 0 15px 0; padding-left: 15px; padding-right: 15px; }
	.step-selection { margin-bottom: 20px; height:53px; }
	.work { float: none; width: 100% }
	.work span { padding: 16px 12px; }
	.insid { margin-left: 0; margin-top: 15px; }
	.insid span { width: 42% }

    /* CUSTOMERS REFERENCES ---- (max-width:657px in dev - to test !) */
	#customer-case-breadcrumbs a {
    	display: table-caption;
    	line-height: 50px;
    	height: 50px;
    	width: 100%;
	}

}

/* Portrait and Landscape   */
@media only screen and (max-width: 550px) {

    /* CUSTOMERS REFERENCES ----*/
	#ccm-links div {
		width: 80px;
		height: 80px;
	}
	#customer-case-blinks {
	    height: auto;
	}
	#customer-case-blinks a  {
		display: block; 
		float: none;
		width: 100%;
		height: auto;
		padding: 20px 15px 20px 50px;
	}
	/* Testimonials */
	.ref-testimonial-img {
		position: relative;
		float: left;
    	padding: 10px;
    	width: 100px;
	}
	.ref-testimonial-content {
		margin-left: 0px;
		padding-right: 10px;
	}
	.ref-testimonial-img img {
    	width: 80px;
    	height: 80px;
	}
	.ref-testimonial-img .t-icon {
    	width: 30px;
    	height: 30px;
    	background-size: 47px 30px;
	    top: 65px;
	    left: 65px;
	}
	.ref-testimonial-content .t-name {
		height: 95px;
		display: table-cell;
	    vertical-align: middle;
	}
	.ref-testimonial-content .t-text {
		margin: 0px 5px 0px 10px;
	}
}


@media (max-width: 480px) {
	h2 { font-size: 15px !important; line-height: 21px; }
	.title_rubs .imgOn, .step-selection .imgOn { opacity: 1; }
	.rubrique ul { margin: 40px 0 15px 0; }
	.rubrique ul li::before { margin-right: 12px; }
	.rubrique ul li { font-size: 11px; line-height: 16px; padding-left: 18px; text-indent: -20px; }
	.step-selection { margin-bottom: 15px; height:43px; }

    /* CUSTOMERS REFERENCES ----*/
	.customers-icons-table div.ref-link img.ref-logo, .html5lightbox img.ref-logo {
	    width: 76px!important;
	    height: 76px;
	}
	#ccm-links div {
	    width: 95px;
	    height: 95px;
	}
	#others-refs-select span {
		margin-bottom : 5px; 
	}
	.link-works.link-category {
		margin-top: 0px;
	}
	.link-category .more_cf_links {
		width: 100% !important;
		display: table-row;
	}
	.more_cf_links span {
	    display: table-cell;
	    padding: 0px 20px 0 85px;
	    width: 100%;
	    font-size: 12px;
	    vertical-align: middle;
	}

}

@media (max-width: 360px) {
	.work { height: 60px; overflow: hidden; }
	.insid span { width: 48% }

    /* CUSTOMERS REFERENCES ----*/
	#customer-case-header h1 {
		padding: 0px 10px;
		color: #df2437;
	}
}