@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	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: '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: 'robotobold';
    src: url('../fonts/roboto-bold/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold/roboto-bold-webfont.svg#robotobold') 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: 'robotoblack';
    src: url('../fonts/roboto-black/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

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

@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: 'oswaldmedium';
    src: url('../fonts/oswald-medium/oswald-medium-58a5c17796d61-webfont.woff2') format('woff2'),
         url('../fonts/oswald-medium/oswald-medium-58a5c17796d61-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

@font-face {
    font-family: 'ubuntubold_italic';
    src: url('../fonts/ubuntubold_italic/ubuntu-bi-webfont.woff2') format('woff2'),
         url('../fonts/ubuntubold_italic/ubuntu-bi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-italic/oswald-regularitalic-591d760393201-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-italic/oswald-regularitalic-591d760393201-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

}
.langue {
    position: relative;
	line-height: 110px;
}
.langue ul.qtranxs_language_chooser li {
    font-family: 'roboto_condensedregular';
    color: #8a9db7;
    font-size:14px;
    text-transform: capitalize;
	float:left;
	margin-right:13px;
    margin-bottom: 5%;
	padding-left:8px;
	background: url("../images/icone_langue.png");	
	background-repeat: no-repeat;
	background-position:left center;
}

.langue ul.qtranxs_language_chooser .active {
	color:#022879;
	background: url("../images/icone_langue_active.png");	
	background-repeat: no-repeat;
	background-position:left center;
}
.langue ul.qtranxs_language_chooser li:hover{
	color:#022879;
	background: url("../images/icone_langue_active.png");	
	background-repeat: no-repeat;
	background-position:left center;
}
.slider-index .item1 img {
    display: block;
}
.bloc-menu {
	margin:1.5% 0;
	text-align: center;
}
.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: 'robotomedium';
    color: #00195b;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-size:14px;
    padding:16px!important;
	margin:0;
}
.navbar-default .navbar-nav li.active > a {
	color: #00195b;
	background:#b9cce5;
}
.main-menu .navbar-default .navbar-nav li.active > a {
	background:#b9cce5;
	color: #0052a5;
}
.navbar-default .navbar-nav > li > a:hover{
	background:#b9cce5;
	color: #00195b;
}

.isStuck{
	background:#f3d214;
	text-align:center;
	width:100%;
	margin:0 auto;
	border-bottom: 1px solid #9ab5d7;
	}

.paddnull {
    padding-left: 0;
    padding-right: 0;
}
.logo-small-header img {
    width: 44%;
}
.logo{
	text-align:center;
	}
.bloc_header_1 {
    margin-top: 1.5%;
    border-bottom: 1px solid #9ab5d7;
}
/**********style-pagination**************/
.style-pagination li,.style-pagination ul,.style-pagination span{
	display: inline-block;
	    vertical-align: top;
}
.style-pagination{
	text-align: center;
    font-family: 'robotomedium';
	color:#a8adb6;
	font-size:30px;
	margin-bottom:40px;

}
.style-pagination li{
	padding: 9px;
    margin: 0 9px;
	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:30px;
}
.style-pagination li:hover,.style-pagination li.selected{
	color:#76320d;
	border:1px solid #76320d;
}
.style-pagination span{
	display:inline-block;
	text-indent:9999999999999999999999px;
	vertical-align:text-top;
	cursor:pointer;
	width:28px;
	height:28px;
}
.style-pagination span.suivant{
	margin-left:2px;
}
.style-pagination span.precedent{
	margin-right:2px;
}


.header_site{
	position:relative;
	width:100%;
	}
.header_1{
	position: absolute;
	width:100%;
	margin:auto;
	top:0;
	background:rgba( 218, 229, 247,0.9);
	z-index:9999;
	}
.share-social_menu {
	float: right;
	width: 100%;
	}
.share-social_menu ul li {
	float:right;
	margin-left:6.5%;
}

.share-social {
	margin-top: 4%;
	line-height: 110px;
	float: right;
	width: 100%;
	}
.share-social ul li, .info_contact ul li{
	float:right;
	margin-left:6.5%;
}
.share_social_footer ul li {
	float:left;
	margin-right:6.5%;
}
.share_social_footer {
	margin-top: 5%;
}
.header_2 .item1{
	padding: 9% 0;
	
}
.normal_h1{
	display: block;
}
.hover_h1{
	display: none;
}
.titre_h1{
	font-family: 'robotoregular';
	color: #164a99;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	padding-top:5%;
}
.icon_h1 img{
	text-align: center;
	margin: auto;
}
.header_2 .item1:hover .hover_h1{
	display: block;
}
.header_2 .item1:hover .normal_h1{
	display: none;
}
.header_2 .item1:hover .titre_h1{
	color: #e9d25c;
}
.header_2 .item1:hover{
	background: rgba(8,67,157,0.9);
}
.header_2 {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
}
.bgh1{
	background: rgba(217,194,58,0.9);
}
.bgh2{
	background: rgba(235,212,79,0.9);
}
.titre_maritec{
	font-family: 'robotobold';
	font-size: 39px;
	color: #022879;
	padding-bottom: 3%;
	border-bottom: 1px solid #c5dcef;
	text-transform: uppercase;
}
.description_maritec p{
	font-family: 'robotoregular';
    font-size: 17px;
    color: #00195b;
    padding: 6% 0;
    line-height: 28px;
    margin-left: -9%;
}
.lire_suite{
	font-family: 'robotomedium';
	font-size: 14px;
	color: #5e6d95;
	background: #c5dcef;
	padding: 2% 7%;
	float: left;
	margin-top: 2%;
}
.contenu_maritec {
    margin-top: 12%;
}
.paddleftnull{
	padding-left: 0!important;
}
.paddrightnull{
	padding-right: 0!important;
}
.titre_qualite{
	font-family: 'robotobold';
	font-size: 39px;
	color: #f3d214;
	padding-bottom: 3%;
	border-bottom: 1px solid #e9d25c;
	text-transform: uppercase;
}
.lire_suite_q{
	font-family: 'robotomedium';
	font-size: 14px;
	color: #022879;
	background: #f3d214;
	padding: 2% 7%;
	float: left;
}
.description_qualite p{
	font-family: 'robotoregular';
    font-size: 17px;
    color: #00195b;
    padding: 1.5% 0;
    line-height: 28px;
}
.contenu_qualite {
    margin-top: 12%;
    margin-right: -32%;
    margin-left: 15%;
}
.description_qualite {
    padding: 4% 0;
}
.titre_reference{
	font-family: 'robotobold';
	font-size: 56px;
    color: #022879;
    text-transform: uppercase;
    padding: 0 5%;
    padding-bottom: 17px;
    text-align: center;
    margin: auto;
    border-bottom: 1px solid #022879;
    width: 52%;
}
.section_references .owl-demo-marque-prod{
	margin-top:7%;
}
.section_references .owl-demo-marque-prod .item1{
	margin:0 3%;
}

.section_references {
	background: url("../images/bg_reference.png");	
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom:7%; 
}
.detail_ref{
	padding: 6% 5%;
    height: 323px;
    background: #ffffff;
    position: relative;
}
.titre_1ref{
	font-family: 'robotoregular';
	font-size: 15px;
    color: #f3d214;
	text-align: center;
	padding-bottom: 6%;
}
.titre_2ref{
	font-family: 'robotobold';
	font-size:14px;
    color: #022879;
    text-transform: uppercase;
	line-height: 20px;
}
.consistance_ref{
	font-family: 'robotobold';
	font-size:14px;
    color: #022879;
    text-transform: uppercase;
	padding-top: 6%;
}
.detailconsi_ref{
	font-family: 'robotoregular';
	font-size:14px;
    color: #022879;
	line-height: 19px;
}
.detailconsi_ref p{
	font-family: 'robotoregular';
	font-size:14px;
    color: #022879;
	line-height: 19px;
}
.lire_plus_ref{
	font-family: 'robotomedium';
    font-size: 14px;
    color: #022879;
    left: 30%;
    background: #c5dcef;
    padding: 3% 10%;
    text-align: center;
    position: absolute;
    margin: auto;
     width: 47%; 
    /* margin-top: 2%; */
    bottom: 4%;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-prev {
    background-image: url(../images/prec.jpg) !important;
	background-repeat:no-repeat;
	width: 27px;
    height:55px;
    position: absolute;
    top: 48%;
	left: -4%;
    border-radius: 0;
	opacity: inherit;
	background-color:inherit;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-next {
    background-image: url(../images/suiv.jpg)!important;
    background-repeat: no-repeat;
    width: 27px;
    height: 55px;
    position: absolute;
    top: 48%;
    right: -4%;
	border-radius: 0;    
    opacity: inherit;
    background-color: inherit;
}
.footer_maritec{
	background: #cfb93d;
	padding:9px 0 0 0;
	font-family: 'robotoregular';
	font-size:19px;
    color: #114b9d;
	line-height: 28px;
}
.footer_maritec span{
	font-family: 'robotobold';
}
.logo_footer{
	float: left;
	width: 15%;
}
.adresse_footer{
	float: left;
	width: 35%;
	padding: 0 7% 0 2%;
	margin-top: 2%;
}
.tel_footer{
	float: left;
	width: 30%;
	margin-top: 2%;
}
.email_footer{
	float: left;
	width: 20%;
	margin-top: 2%;
}
.signature{
	background: #114b9d;
	text-align: center;
	padding:1.5%;
}
.header_2 .owl-demo4 .owl-controls{
	display: none!important;
}
.bas_prestation .owl-demo4 .owl-controls{
	display: none!important;
}
.section_presentation{
	background: #f3f8fb;
	padding:4% 0 2% 0;
	position: relative;
}
.section_prestation{
	padding:4% 0 0 0;
	position: relative;
}
.bas_prestation .item1{
	position: relative;
	margin-right: 1px;
}
.titre_presentation{
	font-family: 'robotobold';
	font-size:38px;
    color: #022879;
	text-align: center;
	margin-bottom: 3%;
	text-transform: uppercase;
}
.contenu_pres{
	width: 49%;
    padding-top: 3%;
}
.texte_presentation p{
	font-family: 'robotoregular';
    font-size: 17px;
    color: #00195b;
    padding: 1% 0;
    line-height: 24px;
}
.img_bas_pres{
	text-align: center;
	margin-top: 2%;
}
.img_right_pres{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 60%;
    text-align: right;
}
.img_right_pres img{
	display: block;
}
.titre_prestation1{
	background: #edd860;
	padding:4% 2%;
    text-align: center;
}

.img_pres img {
    display: block;
	margin-bottom: 1px;
}
.normal_pres{
	display: block;
}
.hover_pres{
	display: none;
}
.titre_pres{
	font-family: 'robotobold';
	color: #164a99;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	line-height: 50px;
	padding-left: 6px;
}
.icon_pres{
	float: left;
}
.bas_prestation .item1:hover .hover_pres{
	display: block;
}
.bas_prestation .item1:hover .normal_pres{
	display: none;
}
.bas_prestation .item1:hover .titre_pres{
	color: #ffffff;
}
.bas_prestation .item1:hover .titre_prestation1{
	background: #164a99;
}
.detail_pres {
    height: 200px;
	background:#f6f6f6;
}
.detail_pres2{
	background: #efeeee;
	height: 200px;
}
.detail_pres p, .detail_pres2 p{
	font-family: 'robotoregular';
    font-size: 14px;
    color: #737373;
    padding: 8%;
    line-height: 19px;
}
.zoom_prest{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ececec;
	padding: 4%;
}
.bas_prestation {
    margin-top: 3%;
}

.titre_prestation1_popup{
	background: #164a99;
	padding:7px 17px;
    text-align: center;
	width: 96%;
    margin: auto;
}
.titre_pres_popup{
	font-family: 'robotobold';
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	line-height: 50px;
	padding-left: 15px;
}
.fancybox-title-float-wrap .child{
	font-family: 'robotobold';
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	background: #164a99;
	padding:7px 17px;
}
.fancybox-title-float-wrap {
    margin-bottom: -48px;
}
.icon_pres_popup{
	float: left;
}
.img_produit_gr img {
    text-align: center;
    margin: auto;
    display: block;
}
/*.fancybox-opened .fancybox-skin {
    box-shadow: none!important;
}
.fancybox-skin {
    background: none!important;
    text-shadow: none!important;
    border-radius: inherit!important;
}
.fancybox-close {
    display: none!important;
}
*/body {
       background: rgba(255,255,255,0)!important;
}
.bas_qualite {
    margin-top: 3%;
}
.bas_qualite .owl-demo-marque-prod .owl-controls{
	display: none!important;
}
.bas_qualite .owl-demo-marque-prod .item1 img{
	display:block;
}
.bas_qualite .owl-demo-marque-prod .item1{
	margin: 0 1px 1px 0;
}
.tit_act{
	font-family: 'roboto_condensedregular';
	font-size: 24px;
	color: #02358a;
	background: #eef2f4;
	padding:1.5% 3%;
}
.date_act{
	font-family: 'robotobold';
	font-size: 14px;
	color: #cfb93d;
	text-transform: uppercase;
	text-align: right;
	border-bottom: 1px solid #d2d0d0;
	line-height: 23px;
	margin: 3% 0;
}
.desc_act p{
	font-family: 'robotoregular';
	font-size: 14px;
	color: #555c69;
	line-height: 20px;
}
.lire_plus_act{
	font-family: 'roboto_condensedregular';
	font-size: 16px;
	color: #9f9e9e;
	text-transform: uppercase;
	float: right;
	padding: 1.5% 3%;
	border: 1px solid #dcdee0;
	margin-top: 5%;
}
.bloc_actu {
    margin-bottom: 3%;
}
.section_actualites{
	padding: 3% 0;
}
.champ-input{
	border: none;
	width:100%;
	padding:7px;
	font-family: 'robotoregular';
	 font-size: 18px;
	 color:#022879;
	 transition: border-color ease-in-out .20s,box-shadow ease-in-out .20s;
	 background:#c2cddc;
	     margin-bottom: 2%;
		     border-radius: 3px;
}
.textarea-message{
	border: none;
	width:100%;
	padding:7px;
	font-family: 'robotoregular';
	 font-size: 18px;
	 color:#022879;
	 height:138px;
	transition: border-color ease-in-out .20s,box-shadow ease-in-out .20s;
	margin-top: 7px;
	background:#c2cddc;
}
.formulaire_cont {
    padding:0 6%;
}
.formulaire_cont input:focus, .formulaire_cont textarea:focus {
    box-shadow: 0 0px 2px 1px #c2cddc;
}
.saissiez{
	font-family: 'robotoregular';
	 font-size: 18px;
	 color:#022879;
	 padding-left:15px;
	 padding-top:50px;
	 padding-bottom: 5px;
}
.img_captcha{
	padding-top:8px;
}
.formulaire_cont .input-envoyer {
        border: none;
    font-family: 'robotoregular';
    font-size: 18px;
    padding: 0;
    background: #b9cce5;
    color: #0052a5;
    float: right;
    padding: 1% 5%;
    border-radius: 3px;
	margin-top:5%;
}
.formulaire_cont ::-webkit-input-placeholder { color:#022879; }
.titre_contact{
	font-family: 'robotoregular';
	font-size:18px;
	color:#022879;
	margin:5px 0;
}
.map_frame{
	height:355px;
	margin: 3% 0 5% 0!important;
	padding: 0 6%;
}
.owl-demo10 .item a{
    font-family: 'robotobold';
	font-size:20px;
	color:#022879;
	padding: 1% 2%;
	background: #c9d5e3;
}
.owl-demo10 .item{
	text-align: center;
	padding:14% 2%;
	background: #c9d5e3;
	margin-left: 1px;
}
.owl-demo10 .item a{
    font-family: 'robotobold';
	font-size:20px;
	color:#022879;
	background-color: inherit;
}
.owl-demo10 .bg_ref:hover{
	color:#cfb93d;
	background: #022879!important;
}
.owl-demo10 .bg_ref:hover a{
	color:#cfb93d;
	background: #022879!important;
}
.owl-demo10 .item:hover{
	color:#cfb93d;
	background: #022879;
}
.owl-demo10 .item:hover a{
	color:#cfb93d;
	background: #022879!important;
}
.owl-demo10 .active{
	color:#cfb93d;
	background: #022879;
}
.owl-demo10 .active a{
	color:#cfb93d;
}
.owl-demo10 .bg_ref{
	background: #d9e2ed!important;
}
.carousel-logo-marque .owl-demo10 .owl-controls .owl-prev {
    background-image: url(../images/prec.png) !important;
	background-repeat:no-repeat;
	width: 27px;
    height:55px;
    position: absolute;
    top: -7%;
    left: -2%;
    border-radius: 0;
	opacity: inherit;
	background-color:inherit;
}
.carousel-logo-marque .owl-demo10 .owl-controls .owl-next {
    background-image: url(../images/suiv.png)!important;
    background-repeat: no-repeat;
    width: 27px;
    height: 55px;
    position: absolute;
    top: -8%;
    right: -3%;
	border-radius: 0;    
    opacity: inherit;
    background-color: inherit;
}
.bloc_tit_ref{
	margin:4% 0 2% 0;
	font-family: 'robotobold';
	font-size:17px;
	color:#022879;
}
.projet_ref{
	background: #d9e2ed;
	padding:2% 0 2% 3%;
	width: 27%;
	float: left;
	margin-left: 1px;
}
.consist_ref{
	background: #c9d5e3;
	padding:2% 0 2% 3%;
	width: 42%;
	float: left;
	margin-left: 1px;
}
.client_ref{
	background: #d9e2ed;
	padding:2% 0 2% 3%;
	width: 14%;
	float: left;
	margin-left: 1px;
}
.photo_ref{
	background: #c9d5e3;
	padding:2% 0 2% 3%;
	width: 14%;
	float: left;
	margin-left: 2%;
}

.tab-content > .active {
    background-color: inherit;
}
.bloc_tit_ref_cont{
	margin-bottom:1px;
}
.projet_ref_cont{
	background: #f1f5f9;
	padding:2% 1% 2% 3%;
	width: 27%;
	float: left;
	margin-left: 1px;
	min-height: 145px;
	font-family: 'robotobold';
	font-size:14px;
	color:#00195b;
	text-transform: uppercase;
	line-height: 20px;
}
.consist_ref_cont p{
	background: #e9f0f6;
	padding:2% 1% 2% 3%;
	width: 42%;
	float: left;
	margin-left: 1px;
	min-height: 145px;
	font-family: 'robotoregular';
	font-size:14px;
	color:#00195b;
	line-height: 19px;
}
.client_ref_cont{
	background: #f1f5f9;
	padding:2% 0 2% 3%;
	width: 14%;
	float: left;
	margin-left: 1px;
	min-height: 145px;
	font-family: 'robotoregular';
	font-size:14px;
	color:#00195b;
	line-height: 19px;    
}
.photo_ref_cont{
	width: 14%;
	float: left;
	margin-left: 2%;
	min-height: 139px;
}
.content-page {
    margin: 5% 0;
}
.ref1_frame{
	float: left;
    margin: 2% 1%;
    width: 12%;
}
/****************************** fin style normale  ************************************************/

@media (max-width:1199px){
.logo-small-header {
    display: none !important;
}
.share-social_menu {
    display: none !important;
}
}
@media (min-width:1200px){

.display {
    display: block !important;
}
.logo-small-header {
    display: none;
    position: fixed;
    left:0;
    top: 0;
    z-index: 9999;
}

.share-social_menu {
        display: none;
    position: fixed;
    right: 2%;
    top: 1.2%;
    z-index: 9999;
    width: 10%;
}
}

@media (min-width:1200px) and (max-width:1500px){


}
@media (min-width:1200px) and (max-width:1300px){


}

@media (min-width:992px){


}
@media (max-width:767px){
.ref1_frame {
    width: 23%;
}
.header_2 .item1 {
    padding: 3% 0;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-prev {
    left: -5.5%;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-next {
    right: -5.5%;
}
.contenu_qualite {
    margin-top: 3%;
    margin-left: 1%;
	margin-right: 0;
}
.titre_1ref {
    font-size: 21px;
}
.titre_reference {
    font-size:30px;
	width: 100%;
	}
.icon_h1 {
    width: 37%;
    text-align: center;
    margin: auto;
}
.titre_h1 {
    font-size: 10px;
}
.titre_maritec {
    font-size: 28px;
}
.lire_suite {
    margin-top: 0;
}
.description_maritec p {
    font-size: 15px;
    padding: 3% 0;
    line-height: 24px;
	margin-left: 0;
}
.contenu_maritec {
    margin-top: 6%;
}
.titre_qualite {
    font-size: 33px;
}
.section_qualite {
    margin:11% 0;
}
.description_qualite {
    padding: 2% 0;
}
.description_qualite p {
    font-size: 15px;
    padding: 1% 0;
    line-height: 24px;
	text-transform: initial;
}
.img_qualite{
	display: none;
	}
.footer_maritec {
    font-size: 15px;
    line-height: 23px;
	padding: 5% 0;
}
.adresse_footer {
    padding:0 1% 0 7%;
	width: 71%;
}
.share-social ul li, .info_contact ul li {
    margin-left: 3.5%;
}
.bloc_header_1 {
    margin-top: 4.5%;
}
.rd-mobilemenu_ul li {
   font-family: 'robotoregular';
    color: #797979;
    text-transform: uppercase;
    font-size: 12px;
    /* line-height: 23px; */
    text-align: left;
}	
.header_2 {
    position: relative;
    bottom: inherit;
}	 
.header_1 {
    position: relative;
}
.bloc-menu {
    display: none;
}
.logo_footer {
    width: 25%;
    padding-top: 1%;
}
.tel_footer {
    width: 58%;
    margin-top: 7%;
    clear: both;
}
.email_footer {
    width: 41%;
    margin-top:7%;
}
.signature {
    padding: 2.5%;
}
.section_qualite .paddrightnull {
    padding-right: 15px!important;
}
.section_maritec .paddleftnull {
    padding-right: 0!important;
}
.titre_presentation {
    font-size: 25px;
	margin-bottom: 5%;
}
.contenu_pres {
    width: 100%;
    padding-top: 0%;
}
.texte_presentation p {
    font-size: 15px;
    line-height: 20px;
}
.img_bas_pres {
    text-align: center;
	margin-top: 6%;
}
.img_right_pres {
     display: none;
}
.section_presentation {
    padding: 8% 0;
}
.icon_pres_popup {
    float: left;
    width: 20%;
}
.titre_pres_popup {
    font-size: 14px;
    text-align: left;
    line-height: 33px;
    padding-left: 8px;
    width: 80%;
}
.titre_prestation1_popup {
    padding: 7px 7px;
}
.tit_act {
    font-size: 22px;
    margin-top: 5%;
}
.lire_plus_act {
    font-size: 15px;
    padding: 2.5% 7%;
}
.bloc_actu {
    margin-bottom: 10%;
}
.titre_contact {
    font-size: 16px;
}
.champ-input {
    font-size: 16px;
    margin-bottom: 4%;
}
.formulaire_cont {
    padding: 0;
}
.saissiez {
    font-size: 16px;
}
.formulaire_cont .input-envoyer {
    padding: 3% 8%;
}
.projet_ref {
    padding: 4% 0 4% 3%;
    min-height:60px;
	width: 32%;
}
.consist_ref {
    padding: 4% 0 4% 3%;
    min-height: 60px;
}
.client_ref {
    padding: 4% 0 4% 3%;
    min-height: 60px;
	width: 25%;
}
.photo_ref {
	display: none;
}
.bloc_tit_ref {
    font-size: 16px;
}
.projet_ref_cont {
	width: 29%;
	font-size: 13px;
	min-height: 124px;
}
.consist_ref_cont p{
	font-size: 13px;
	width: 38%;
	min-height: 124px;
}
.client_ref_cont {
	width: 32%;
	font-size: 13px;
	min-height: 124px;
}
.photo_ref_cont {
	display: none;
}
.carousel-logo-marque .owl-demo10 .owl-controls .owl-next {
    right: -4%;
}
}
 
@media (min-width:768px) and (max-width:991px){
.main-menu .navbar-nav > li > a {
    font-size: 10.5px;
    padding:8px 5.5px 8px 5.5px!important;
}
.header_2 .item1 {
    padding: 3% 0;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-prev {
    left: -2.5%;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-next {
    right: -2.5%;
}
.contenu_qualite {
    margin-top: 3%;
    margin-left: 1%;
	margin-right: -46%;
}
.titre_reference {
    font-size:36px;
	}
.icon_h1 {
    width: 37%;
    text-align: center;
    margin: auto;
}
.titre_h1 {
    font-size: 10px;
}
.titre_maritec {
    font-size: 33px;
}
.lire_suite {
    margin-top: 0;
}
.description_maritec p {
    font-size: 15px;
    padding: 3% 0;
    line-height: 24px;
}
.contenu_maritec {
    margin-top: 6%;
}
.titre_qualite {
    font-size: 33px;
}
.section_qualite {
    margin:5% 0;
}
.description_qualite {
    padding: 2% 0;
}
.description_qualite p {
    font-size: 15px;
    padding: 1% 0;
    line-height: 24px;
	text-transform: initial;
}
.img_qualite{
	margin-top:10%;
	
	}
.footer_maritec {
    font-size: 16px;
    line-height: 25px;
}
.adresse_footer {
    padding: 0 4% 0 2%;
}
.titre_presentation {
    font-size: 30px;
}
.contenu_pres {
    width: 100%;
    padding-top: 0%;
}
.texte_presentation p {
    font-size: 15px;
    line-height: 19px;
}
.img_bas_pres {
    text-align: left;
}
.img_right_pres {
    width: 55%;
}
}

@media (min-width:992px) and (max-width:1199px){
.main-menu .navbar-nav > li > a {

    font-size: 12px;
    padding: 13px!important;
}
.header_2 .item1 {
    padding: 3% 0;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-prev {
    left: -2.5%;
}
.section_references .owl-demo-marque-prod .owl-controls .owl-next {
    right: -2.5%;
}
.contenu_qualite {
    margin-top: 3%;
    margin-left: 1%;
}
.titre_reference {

    font-size: 46px;
	}
.contenu_pres {
    width: 59%;
}
}
@media (max-width:1199px){
}
@media (min-width:1200px){
}
@media (min-width:360px) and (max-width:467px) {
}

@media (max-width:579px){
}

@media (max-width:524px){
}
@media (max-width:467px){


}
@media (min-width:498px) and (max-width:767px) {
}
@media (min-width:452px){
}
@media (min-width:1200px) and (max-width:1350px) {
}
@media (min-width:1200px) and (max-width:1552px) {
}