@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	background: #ffffff;
	height: 100%;
	overflow-x: hidden;
}
.float {
	float: left;
}
fbtn html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
address, caption, cite, code, dfn, h, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
nav  {
	list-style: none;
}
li{
	list-style-position:inside;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
img {
	border: none;
}
.clear {
	clear: both;
}
a , a:hover, a:active, a:focus {
	outline: 0;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6,h7{
	font-weight:normal;
}
p , li{
    font-family: 'robotoregular';
	color:#797979;
	font-size:14px;
	/*line-height:23px;*/
	text-align:justify;
}
/*Reset*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-regular/opensans-regular-webfont.eot');
    src: url('../fonts/OpenSans-regular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-regular/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-regular/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-regular/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-regular/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold/opensans-bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular/roboto-regular-webfont.eot');
	src: url('../fonts/roboto-regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-regular/roboto-regular-webfont.woff') format('woff'),  url('../fonts/roboto-regular/roboto-regular-webfont.ttf') format('truetype'),  url('../fonts/roboto-regular/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.eot');
    src: url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts//robotocondensed-bolditalic/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'robotobold_condensed';
	src: url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.eot');
	src: url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.woff2') format('woff2'),  url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.woff') format('woff'),  url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.ttf') format('truetype'),  url('../fonts/roboto-boldcondensed/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('../fonts/roboto-light/roboto-light-webfont.eot');
	src: url('../fonts/roboto-light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light/roboto-light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('../fonts/roboto-medium/roboto-medium-webfont.eot');
	src: url('../fonts/roboto-medium/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-medium/roboto-medium-webfont.woff2') format('woff2'),  url('../fonts/roboto-medium/roboto-medium-webfont.woff') format('woff'),  url('../fonts/roboto-medium/roboto-medium-webfont.ttf') format('truetype'),  url('../fonts/roboto-medium/roboto-medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedregular';
	src: url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.eot');
	src: url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.woff2') format('woff2'),  url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.woff') format('woff'),  url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.ttf') format('truetype'),  url('../fonts/robotocondensed-regular/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'motorwayw01-regularregular';
    src: url('../fonts/MotorwayW01/motorway_w01_regular-webfont.eot');
    src: url('../fonts/MotorwayW01/motorway_w01_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MotorwayW01/motorway_w01_regular-webfont.woff2') format('woff2'),
         url('../fonts/MotorwayW01/motorway_w01_regular-webfont.woff') format('woff'),
         url('../fonts/MotorwayW01/motorway_w01_regular-webfont.ttf') format('truetype'),
         url('../fonts/MotorwayW01/motorway_w01_regular-webfont.svg#motorwayw01-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'EchinosParkScript-PERSONALUSEON';
  src: url('../fonts/EchinosParkScript-PERSONALUSEON/EchinosParkScript-PERSONALUSEON.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/EchinosParkScript-PERSONALUSEON/EchinosParkScript-PERSONALUSEON.woff') format('woff'), 
  url('../fonts/EchinosParkScript-PERSONALUSEON/EchinosParkScript-PERSONALUSEON.ttf')  format('truetype'), 
  url('../fonts/EchinosParkScript-PERSONALUSEON/EchinosParkScript-PERSONALUSEON.svg#EchinosParkScript-PERSONALUSEON') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Exo-DemiBold';
  src: url('../fonts/Exo-DemiBold/Exo-DemiBold.eot?#iefix') format('embedded-opentype'),  url('Exo-DemiBold.otf')  format('opentype'),
	     url('../fonts/Exo-DemiBold/Exo-DemiBold.woff') format('woff'), url('Exo-DemiBold.ttf')  format('truetype'), url('Exo-DemiBold.svg#Exo-DemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
header{
	background:none!important;
}
.langue ul.qtranxs_language_chooser {
  list-style: none;
}
.langue {
	position: absolute;
    right: 2%;
    top: 10%;
}
.langue ul.qtranxs_language_chooser li {
	float:left;
	padding-right:10px;
	font-family: 'roboto_condensedregular';
    color: #008057;
    font-size: 15px;
    text-transform: capitalize;
}
.langue ul.qtranxs_language_chooser .lang-ar{
	 font-size:20px;
	 line-height: 13px;
}
.langue ul.qtranxs_language_chooser li.active {
    color: #008057;
	display:none;
}
.share-social{
	margin: 0 auto;
    width: 100px;
    text-align: center;
	margin-top: 8%;
	margin-bottom: 23%;
}
.share-social ul li, .share-social_prod ul li{
	float:left;
	padding-right:10px;
}
.part_header{
	    background-image: url(../images/bande_menu.png);
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: center;
    background-size: 100%;
	position:relative;
	z-index:1;
}
.contenu_section{
	width:78%;
	float:left;
}
.logo {
	text-align:center;
	margin-top:3%;
    margin-bottom:8%;
}
.main-menu {
    width: 100%;
   /* height: 76px;*/
   /* background:rgba(0,108,49,0.85);*/
	z-index: 9;
    position: relative;
	display: inline-block;
}
.main-menu .navbar-nav > li > a {
    font-family: 'Exo-DemiBold';
    color: #f2f2f2;
	font-size:15px;
    text-transform: capitalize;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0 21px!important;
    border-right: 1px solid #c1c1c1;
}
.main-menu .navbar-nav .last a{
    border-right: none;
}

.navbar-default .navbar-nav li.active > a {
    color: #0d4e01!important;
}
.main-menu .navbar-default .navbar-nav li.active > a {
	color: #0d4e01!important;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#0d4e01!important;
}

.navbar-default .navbar-nav .prod_menu a:hover{
	border-bottom: none;
}
.bloc-menu {
    padding-top: 5%;
    float: right;
    width:65%;
    padding-left: 1%;
}
.slide_index {
    position: relative;
    /* top: 0; */
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: -7%;
}
.bloc_pres_index{
	background-image: url(../images/bg_pres.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:right;
}
.isStuck {
    display: none;
	}
.container-section2{
	float:right;
	width:78%;
}
#section1{
	/*background-image:url(../images/bg_pres.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size: contain;*/
}
.bloc_pres{
	padding: 8% 0;
}
.contenu_texte_pres{
	    padding: 0 8%;
}
.bienv_pres{
	font-family: 'Exo-DemiBold';
	color:#008057;
	font-size:35px;
	text-transform:capitalize;
	padding-bottom:2%;
}
.titre_pres{
	color: #595959;
    font-size:28px;
    text-transform: capitalize;
    font-family: Impact;
    line-height: 45px;
}
.des_pres{
	margin: 2% 0 0 0;
}
.des_pres p{
	font-family: 'robotomedium';
	color:#8e8e8e;
	font-size:18px;
	line-height:26px;
}
.lire_pres{
	font-family: 'robotobold_condensed';
    font-size: 20px;
    color: #ffffff;
    /* text-transform: capitalize; */
    margin-top:4%;
    background: #008057;
    padding: 1% 5%;
    float: left;
}
.marg_lire{
	    margin-right: 39px;
}
.paddnull{
	padding-left:0;
	padding-right:0;
	}
.bloc_qualite{
	position:relative;
	padding: 0 8%;
	margin-bottom:2%;
}
.titre_qualite{
    font-family: 'robotobold_condensed';
    font-size: 44px;
    color: #595959;
    text-transform: uppercase;
    padding:1% 0 2% 0;
    text-align: center;
}
.img_qualite img {
    width: 60%;
}
.img_qualite{
	position: relative;
	text-align: right;
}
.bloc_references_maj {
    margin-top: 18%;
}
.bloc_references{
	margin:5% 0;
}
.titre_reference{
	color:#595959;
	font-size:35px;
	text-transform:capitalize;
	font-family: Impact;
	text-align:center;
	padding-bottom:1%;
}
.trait_reference{
	border-top: 1px solid #595959;
    width: 7%;
    margin: 0 auto;
    text-align: center;
	padding-bottom:2%;
}
.tout_reference{
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
	font-family: Impact;
	text-align:center;
	background:#008057;
	padding:1.2% 2%;
	margin: 0 auto;
    display: table;
}
.ref_1{
	background:#e7e7e7;
	width: 24.25%;
    float: left;
    margin-left: 3px;
    margin-bottom: 4px;
	position: relative;
}
.img_ref1{
	text-align: center;
}
.img_ref1 img {
    display: block;
}
.bloc_tit_ref{
	position:absolute;
	background:rgba(231,231,230,0.8);
	bottom:0;
	padding:7% 4%;
    width: 100%;
	z-index:1;
}
.titre_ref1{
	font-family: 'roboto_condensedregular';
    color: #008c68;
	font-size:18px;
	text-transform:capitalize;
	float:left;
}
.icone_flech_ref{
	float:right;
}
.first_1{
	margin-left: 0 !important;
}
.ref_1 a:hover .bloc_tit_ref .titre_ref1{
	color:#008c68;
	
}
.ref_1 a:hover .bloc_tit_ref .hover_icone_menu{
    display: inline-block;
}
.ref_1 a:hover .bloc_tit_ref .icone_menu{
    display:none;
}
/**********style-pagination**************/
.style-pagination li,.style-pagination ul,.style-pagination span{
	display: inline-block;
	    vertical-align: top;
}
.style-pagination{
	text-align: center;
    font-family: Impact;
	color:#ffffff;
	font-size:16px;
	margin-bottom:3%;
	margin-top:5%;

}
.style-pagination li{
	padding: 7px;
    margin: 0;
	cursor:pointer;
	transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	text-indent: 0;
    line-height: 18px !important;
		border: none;
		font-size:16px;
		background:#008057;
		color:#FFFFFF;
}
.style-pagination li:hover,.style-pagination li.selected{
	color:#008057;
	background:#e7e7e7;
}

.style-pagination span.suivant{
	font-family: Impact;
	color:#ffffff;
	font-size:16px;
	background:#008057;
	padding: 8px 20px 8px 8px;
}
.style-pagination span.precedent{
	font-family: Impact;
	color:#ffffff;
	font-size:16px;
	background:#008057;
	padding: 8px 8px 8px 20px ;
}
.map_frame{
	height:227px;
}
.bloc_contact{
	position: relative;
}
.info_contact{
	position: relative;
	background:#008057;
	padding:2% 3%;
}
.img_ref1 .item1 {
    width: 94%;
    text-align: center;
    margin: 0 auto;
}
.logo_header{
}
.titre_contact{
	color:#ffffff;
	font-size:33px;
	text-transform:capitalize;
	font-family: Impact;
	text-align: center;
	padding-bottom:1.5%;
}
.trait_contact{
	border-top: 1px solid #ffffff;
    width: 17%;
    padding-bottom: 5%;
    margin-left: 9%;
}
li.social_icone_f img {
    width: 87%;
}
li.social_icone img {
    width: 87%;
}
.icon_adr img {
    width: 87%;
}
.share-social_footer{
	margin: 0 auto;
    text-align: center;
    margin-top: 7%;
    margin-bottom: 2%;
    width: 46%;
}
.share-social_footer ul li{
	float:left;
	padding-right:10px;
}
.social_icone_f{
	padding-right:20px!important;
}
.icon_adr{
	float:left;
	padding-right:20px;
}
.inf_adr{
	font-family: 'robotoregular';
	color:#ffffff;
	font-size:16px;
	padding-top:0;
}
.inf_adr p{
	font-family: 'robotoregular';
	color:#ffffff;
	font-size:16px;
	line-height: 22px;
	text-align:center;
}
.scrolloff {
    pointer-events: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #008057;
}
.texte_qualite{
	padding:0 7%;
}
.texte_qualite p{
	font-family: 'robotomedium';
	color:#595959;
	font-size:18px;
	line-height:25px;

}
.img_qual_1{
	float:left;
	padding-right: 3%;
    width: 47%;
}
.logos_qual{
	text-align: center;
    width: 39%;
    margin: 0 auto;
    padding-top: 2%;
}
.champ-input{
	border:1px solid #d8d8d8;
	width:100%;
	padding:7px;
	font-family: 'robotoregular';
	 font-size: 13px;
	 color:#868686;
	 transition: border-color ease-in-out .20s,box-shadow ease-in-out .20s;
}
.textarea-message{
	border:1px solid #d8d8d8;
	width:100%;
	padding:7px;
	font-family: 'robotoregular';
	 font-size: 13px;
	 color:#868686;
	 height:100px;
	transition: border-color ease-in-out .20s,box-shadow ease-in-out .20s;
	margin-top: 7px;
}
.formulaire_cont {
    padding:1% 5%;
}
.formulaire_cont input {
    margin-top: 7px;
}
.formulaire_cont input:focus, .formulaire_cont textarea:focus {
    box-shadow: 0 0px 2px 1px #d8d8d8;
}
.saissiez{
	font-family: 'robotoregular';
	 font-size: 13px;
	 color:#32ad5f;
	 padding-left:15px;
	 padding-top: 15px;
     padding-bottom: 3px;
}
.img_captcha{
	padding-top:8px;
}
.formulaire_cont .input-envoyer {
    border: none;
	font-family: 'robotoregular';
	font-size: 13px;
	color:#ffffff;
    width: 100px;
    height: 35px;
    padding: 0;
	background:#3ab568;
	float:right;
	margin-bottom: 2%;
}
.bloc_references_maj .formulaire_cont .input-envoyer {
    border: none;
	font-family: 'robotoregular';
	font-size: 13px;
	color:#ffffff;
    width: 100px;
    height: 35px;
    padding: 0;
	background:#3ab568;
	float:right;
	margin-top:2%;
}

.formulaire_cont ::-webkit-input-placeholder { color:#868686; }
.signature {
    background: #008057;
    text-align: center;
    padding: 2% 2%;
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
}
.titre_reference_det{
	font-family: 'robotobold_condensed';
	font-size:23px;
	color:#008c68;
	text-transform:uppercase;
}
.texte_reference_detail{
	padding-top:2%;
	padding-bottom:6%;
}
.texte_reference_detail p{
	font-family: 'robotoregular';
	color:#8e8e8e;
	font-size:17px;
	line-height:24px;
	text-indent:10px;
	padding-bottom:2%;
}
.texte_reference_detail ul li{
	font-family: 'robotoregular';
	color:#8e8e8e;
	font-size:18px;
	line-height:25px;
	list-style:disc;
	margin-left:2%;
}
.texte_reference_detail ol li{
	font-family: 'robotoregular';
	color:#8e8e8e;
	font-size:18px;
	line-height:25px;
	margin-left:2%;
	    list-style: decimal;
}

.contenu_reference_detail{
	padding:2% 8%;
}
.message_contact{
	font-family: 'robotoregular';
    color: #008057;
    font-size: 15px;
    text-align: justify;
    text-align: center;
    padding-top: 3%;
}
.phone_visible{
	display:none;
	}
.carousel_logos_detail .item1 {
    margin: 0 2%;
}
.carousel_logos_detail {
    margin-bottom: 5%;
}
.carousel_logos_detail_majnouv .item1 {
    margin: 0 1%;
}
.carousel_logos_detail_majnouv{
	position:relative;
}
.carousel_logos_detail_majnouv .owl-buttons .owl-prev {
	background-image:url(../images/fleche_ref_hover_ar.png);
	background-repeat:no-repeat!important;
	position:absolute;
	left: -2%;
    top: 44%;
	width:23px;
	height:37px;
	background-color: inherit!important;
}
.carousel_logos_detail_majnouv .owl-buttons .owl-next {
	background-image:url(../images/fleche_ref_hover.png);
	background-repeat:no-repeat!important;
	position:absolute;
	right: -3%;
	width:23px;
	height:37px;
    top: 44%;
	background-color: inherit!important;
}

.img_pres_tel img {
    
}
.logo_nouv{
	float:left;
	width: 35%;
}
.logo_nouv img {
    width: 53%;
    margin-left: 39%;
    padding-top: 10%;
}
.bloc_qual_nouv{
	background-image: url(../images/bg_qualite_nouv.jpg);
    background-repeat: no-repeat;
    /* background-position: center; */
    background-position: top;
    background-size: cover;
	margin-top:6%;
}
.img_qualite_nouv{
	text-align:center;
}
.img_qualite_nouv img {
    margin-top: -5.5%;
    width: 11%;
}
.img_qualite_nouv2{
	text-align:center;
	margin-top:2%;
	width: 93%;
}
.icon_adr_nouv{
	text-align:center;
}
.dropdown-menu {
    background: #ffffff;
    padding: 0;
    left: -50px;
    right: -50px;
    margin-top: 14% !important;
}
.dropdown-menu > li > a {
    font-family: 'Exo-DemiBold';
    font-size: 14px;
    padding: 17px 16px;
    color: #f2f2f2;
    text-transform: capitalize;
    text-align: left;
	background:#00724d;
	margin-bottom:1px;
}
.dropdown-menu .last_menu a{
	margin-bottom:0 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:after, .dropdown-menu > li > a:before, .dropdown-menu > li > a:focus {
	background:#008057;
	 color: #0d4e01 !important;
}
.sf-menu > li > ul li {
    padding: 0;
}

.sf-menu > li > ul li:hover {
    border-bottom: none !important;
}
.res_soc_nouv{
	float:left;
	width: 50%
}
.coord_nouv{
	float:left;
	width: 50%
}
.padd_nouv_contact{
	width: 65%;
}
.img_act_detail_nouv{
	float:left;
	padding-top: 2%;
	margin-right: 1%;
}
.desc_maj_nouv_act{
	float:left;
}
.zeus .tp-bullet {
    border: 2px solid #008c68!important;
}
.tp-bullet.selected, .tp-bullet:hover {
    background: #008c68!important;
}
.zeus .tp-bullet:after {
    background-color: #008c68!important;
	}
/****************************** fin style normale  ************************************************/
@media (max-width:991px){
.logo-small-header {
    display: none !important;
}

}
@media (min-width:992px){

.isStuck .navbar-nav > li > a {
    font-size: 16px;
}
.display {
    display: block !important;
}
.logo-small-header {
    display: none;
    position: fixed;
    left: 6%;
    top: 1%;
    z-index: 9999;
}
}

@media (max-width:1199px){
.navbar-default .navbar-nav > li img {
    display: none !important;
}
} 
@media (max-width:767px){
.normal_hidden{
	display:none;
	}

.langue {
    top: 33%;
}
.logo_nouv {
    width: 44%;
}
.logo_nouv img {
     width: inherit; 
    margin-left: 39%;
    padding-top: 6%;
}
.share-social {
    width: inherit;
    margin-top: 7%;
    margin-bottom: 0;
    float: left;
	margin-left:17%;
}
.langue ul.qtranxs_language_chooser .lang-ar {
    font-size: 16px;
    line-height: 9px;
}
.langue ul.qtranxs_language_chooser li {
    font-size: 12px;
}
.bloc_tit_ref {
    padding: 4% 1%;
}
.logo {
    text-align: right;
    margin-top: 1%;
    margin-bottom: 0;
    float: right;
    width: 32%;
	margin-right: 3%;
}
.logo img {
    width: 69%;
}
.langue .active {
	display:none;
}
.share-social ul li, .share-social_prod ul li {
    padding-right:4px;
}
.container-section2 {
    float: inherit;
    width: inherit;
	padding: 18% 5%;
}
.contenu_texte_pres {
    padding: 0;
	margin-bottom: 8%;
}
.bienv_pres {
    font-size: 24px;
}
.titre_pres {
   font-size: 17px;
    line-height:25px;
}
.lire_pres {
    font-size: 18px;
}
.des_pres p {
    font-size: 16px;
    line-height: 23px;
    max-height: 276px;
}
.bloc_pres {
    background-image: none;
}
.des_pres {
    margin: 4% 0 6% 0;
}
.img_pres_tel img {
   
    text-align: center;
    margin: auto;
    display: block;
}
.rd-mobilemenu_ul a {
    font-size: 16px;
	font-family: 'roboto_condensedregular';
}
.icone_menu {
    display: none;
}
.icone_flech_ref .icone_menu {
    display: block;
}
.bloc_qualite {
	background-size: cover;
}
.titre_qualite {
        font-size: 17px;
    /* padding: 7% 12%; */
    line-height: 29px;
}
.bloc_qualite {
    padding: 0 0;
}
.ref_1 {
    width: 32.25%;
}
.titre_ref1 {
    font-size: 18px;
}
.img_qualite img {
    width: 100%;
}
.texte_qualite {
    padding: 0;
}

.logos_qual {
        width: 56%;
}
.img_qual_1 {
    width: 36%;
}
.signature {
    width: 100%;
	position: relative;
}

.img_qualite_nouv2 {
    width: 83%;
}
.bloc_references_maj {
    margin-top: 19%;
}
.titre_reference {
    font-size: 24px;
}
.bloc_contact  {
    display: none;
}
.titre_reference_det {
    font-size: 17px;
}
.texte_reference_detail p {
    font-size: 15px;
	line-height: 23px;
}
.texte_reference_detail ul li {
    font-size: 15px;
}
.carousel_logos_detail_majnouv .owl-buttons .owl-prev {
    left: -5%;
}
.carousel_logos_detail_majnouv .owl-buttons .owl-next {
    right: -8%;
}
.contenu_reference_detail {
    padding: 2% 4%;
}
.texte_reference_detail {
    padding-top: 5%;
    padding-bottom: 12%;
}

.des_pres p {
    font-size: 14px;
}
.lire_pres {
    font-size: 18px;
	}
.titre_qualite {
    font-size:18px;
}
.tp-tabs, .tp-thumbs, .tp-bullets {
	display:none !important;
	}
.img_ref1 .item1 {
    width:87.6%;
}
.share-social_footer ul li {
    padding-right: 0px;
}
.inf_adr p {
    font-size: 15.3px;
}
.titre_reference {
    font-size:27px;
}
.bloc-menu {
	display:none;
}
.slide_index {
    margin-top: 0;
}
.texte_qualite {
    padding: 0 0;
}
.texte_qualite p {
    font-size: 15px;
}
.img_qualite_nouv2 img {
    width: 40%;
}
.padd_nouv_contact {
    width: 85%;
}
.part_header {
    background-color: #e4e4e4;
	background-image: inherit;
}
}
@media (min-width:768px){ 


}

@media (min-width:1200px) and (max-width:1254px){
.navbar-default .navbar-nav > li img {
    padding-right: 0%;
}
}

@media (min-width:1255px) and (max-width:1350px){
.navbar-default .navbar-nav > li img {
    padding-right: 5%;
}
}

@media (min-width:768px) and (max-width:991px){
.logo {
    padding: 13%;
}
.navbar-default .navbar-nav > li > a {
    font-size: 19px;
}
.bienv_pres {
    font-size: 26px;
}
.titre_pres {
    font-size: 21px;
	line-height: 34px;
}
.contenu_texte_pres {
    padding: 0 6%;
}
.container-section2 {
    width: 79%;
}
.lire_pres {
    font-size: 19px;
}
.share-social {
    margin-top: 32%;
}

.bloc_qualite {
	background-size: cover;
}

.bloc_pres {
    padding-top: 6% 0;
}
.bloc_references_maj {
    margin-top: 17%;
}
.trait_reference {
    padding-bottom: 2%;
}
.ref_1 {
    width: 32.99%;
    margin-left: 3px;
    margin-bottom: 2px;
}
.bloc_tit_ref {
    padding: 4%;
}
.titre_ref1 {
    font-size:16px;
}
.icone_flech_ref img {
    width: 84%;
}
.img_pres_tel {
    padding-top: 4%;
    width: 50%;
    margin-left: 25%;
}
.titre_reference_det {
    font-size: 24px;
}
.texte_reference_detail p {
    font-size: 16px;
}
.texte_reference_detail ul li {
    font-size: 16px;
}
.img_pres_tel img {
    
}

.main-menu .navbar-nav > li > a {
    font-size: 12px;
    padding: 0 8px!important;
}
.des_pres p {
    font-size: 15px;
    line-height: 24px;
}
.lire_pres {
    font-size: 18px;
	}
.titre_qualite {
    font-size:28px;
}
.img_ref1 .item1 {
    width:92.6%;
}
.share-social_footer ul li {
    padding-right: 0px;
}
.inf_adr p {
    font-size: 15.3px;
}
.titre_reference {
    font-size:27px;
}
.bloc-menu {
    padding-top: 4.5%;
}
.texte_qualite {
    padding: 0 0;
}
.texte_qualite p {
    font-size: 17px;
}
.img_qualite_nouv2 img {
    width: 40%;
}
.padd_nouv_contact {
    width: 85%;
}
.carousel_logos_detail_majnouv .owl-buttons .owl-next {
    right: -4%;
}
}
@media (min-width:992px) and (max-width:1199px){
.titre_pres {
    font-size: 23px;
}
.titre_qualite {
    font-size: 56px;
    line-height: 59px;
}
.texte_qualite {
    padding: 0 3%;
}
.titre_ref1 {
    font-size: 15.5px;
}
.texte_reference_detail {
    padding-top: 3%;
    padding-bottom: 9%;
}
.titre_reference_det {
    font-size: 30px;
}
.texte_reference_detail p {
    font-size: 17px;
}
.texte_reference_detail ul li {
    font-size: 17px;
}
.bloc_tit_ref {
    padding: 7% 2%;
}
.main-menu .navbar-nav > li > a {
    font-size: 13px;
    padding: 0 16px!important;
}
.bienv_pres {
    font-size: 31px;
}
.des_pres p {
    font-size: 16px;
    line-height: 25px;
}
.lire_pres {
    font-size: 18px;
	}
.titre_qualite {
    font-size: 34px;
}
.img_ref1 .item1 {
    width: 92.8%;
}
.share-social_footer ul li {
    padding-right: 0px;
}
.inf_adr p {
    font-size: 15.3px;
}
.titre_reference {
    font-size: 30px;
}
}

@media (min-width:652px) and (max-width:767px) {
.logo img {
    width: 38%;
}
.langue {
    margin-top: 3%;
}
.share-social {
    margin-top: 4%;
}
}
@media (min-width:447px) and (max-width:651px){
.logo img {
    width: 50%;
}
.langue {
    margin-top: 4%;
}
.share-social {
    margin-top: 5%;
}
}
@media (min-width:1400px){
.img_pres_tel {
    padding-top: 5%;
}
}

@media (max-width:967px){
}
@media (max-width:651px){
}
@media (min-width:360px) and (max-width:421px) {
.ref_1 {
    width: 49%;
}
.titre_reference {
    font-size: 22px;
}
.trait_reference {
    padding-bottom: 3%;
}
.img_ref1 img {
    width: 90%;
    text-align: center;
    /* display: block; */
    margin: auto;
}
.titre_ref1 {
    font-size: 13px;
}
.icone_flech_ref .icone_menu {
    display: block;
    width: 57%;
}
.map_frame {
    height: 113px;
}
}
@media (max-width:452px){
}
@media (min-width:453px) and (max-width:714px) {
}