@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
	background: #fff;
	padding:0;
	font-family: "Roboto", sans-serif;
    font-weight: 400;
	font-size:24px;
	color:#666f84;
}
 
.thumb {
    height: 100px;
    border: 1px solid black;
    margin: 10px;
}
section.row-fluid.stiky-content {
    clear: both;
    overflow: hidden;
}
.blocklang {
    position: absolute;
    z-index: 20;
    right: 0;
    width: 100%;
    text-align: right;
}
.blocklang .container{
    max-width:1770px;
}
.mod-languages {
    background: #fff;
    display: inline-block;
}
div.mod-languages a {
    text-decoration: none;
    font-size: 17px;
    color: #203a76;
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;padding: 6px;
}
div.mod-languages li.lang-active a {
    background: #d0201a;
    color: #fff;
}
div.mod-languages ul.lang-inline li {
	display: inline-block !important;
    margin: 0;
}

img{max-width:100%; height:auto}
.blockbanner .custom img {
    width: 100%;
}
a {
}
.container{
	width:100%;margin:0 auto;
	max-width:1440px;
}
header .container{
	max-width:1840px;
}
form.form-inline .bg-info {
    position: absolute;
    right: 0;
    width: 0;
    max-width: 230px;
}

form.form-inline:hover .bg-info {
    width: 100%;
    display: block !important;
    background: #203a76 !important;
    color: #fff !important;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin:0;
}
header{
	display:block;
	width:100%;
}
.bg-info{ 
    display: none;
}
.img-search, .search-resp{display:none}

.blockbanner{
	display:block;
	width:100%;
	position: relative;
	z-index: 0;

 
}
.blockbanner:after{
	background: rgba(32, 58, 118, 0.2);
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
}

.itemid-132 .blockbanner:after {
   content:none;
}
.itemid-101 .blockbanner:after{
	
	content:none;
}
.blockbanner p{
	margin:0;
	padding:0;
}
.blocktop{
	display:block;
	position: absolute;
	padding-top: 56px;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
}
body.itemid-132 .blocktop {
	position:relative;background:#203a76;
	padding:30px 0;
}
.logo{
	/*max-width:270px;*/
}
.socialmedia{
	margin:15px 0 0 0;
      padding: 0;
}
.socialmedia li{
	list-style:none;
	float:left;
	padding: 0 6px;
	font-size:0;
}
 .socialmedia a{transition:all .3s;cursor:pointer; padding:0 0 10px }
.socialmedia .facebook{
	background:url(../images/facebook.png) no-repeat top center;
	width: 12px;
	height:20px;
	display:block;
}
.socialmedia .facebook:hover{
	background:url(../images/facebook.png) no-repeat bottom 4px center;
}
.socialmedia .twitter{
	background:url(../images/twit.png) no-repeat top center;
	width: 25px;
	height:20px;
	display:block;
}
.socialmedia .twitter:hover{
	background:url(../images/twit.png) no-repeat bottom 2px center;
}
.socialmedia .linkedin{
	background:url(../images/in.png) no-repeat top center;
	width: 25px;
	height:20px;
	display:block;
}
.socialmedia .linkedin:hover{
	background: url(../images/in.png) no-repeat bottom 4px center;
}
.blockmenutop .navigation {
    background: none;
    border: 0;
    padding: 0;
}



.blockbanner .flexslider li .jslider-image:after{
	content:''; background:rgba(4, 11, 41, 0.4); position:absolute; left:0; top:0; width:100%;height:100%
}
.blockbanner .flexslider .slides li:first-child .jslider-image:after{display:none;}
.slide-desc-box > div > div {
    width:100%;
    margin:0 auto;
    text-align: left;
}
header .slide-desc-box > div{
	position: relative;
	z-index: 0;
	text-align: center;
}
.blockbanner .slides li:nth-child(2) .slide-desc-box > div:before{
	content:url(../images/maskslide.png);
	position: absolute;
    top: -115px;
    left: -210px;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.blockbanner .slide-desc-box .slide-title{
	font-family: "Roboto", sans-serif !important;
    font-weight: 300!important;  
	text-transform:uppercase;
	font-size: 32px; 
}
.blockbanner .slide-desc-box .slide-desc{
	font-family: "Roboto", sans-serif !important;
    font-weight: 900!important;  
	text-transform:uppercase;
	font-size: 58px;
	padding: 0 0 10px;
	letter-spacing: 1px;
	line-height: 58px;
	position:relative;
}
.blockbanner .slide-desc-box .slide-desc:before{
	content:'';background:#7d132e;
	width:85px; height:4px;display:block;position:absolute;bottom:0;left:0;
}

.blockbanner .flexslider .flex-control-nav {
    width: 30px;
    height: auto;
    right: 110px;
    top: 44%;
    overflow:hidden;
}
.blockbanner .flexslider .flex-control-nav li {
    width: 10px;
    display: block;
    padding: 5px !important;
}
.blockbanner .flexslider .flex-control-nav a{
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    -webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    margin:0;
    padding:2px;
    width: 18px !important;
    height: 18px !important;
    box-shadow: none !important;
    border: 0;
    cursor: pointer;
}

.id-art-20 .blockbanner .custom, .id-art-21 .blockbanner .custom, .id-art-22 .blockbanner .custom, .id-art-24 .blockbanner .custom, .id-art-25 .blockbanner .custom, 
.id-art-26 .blockbanner .custom, .id-art-27 .blockbanner .custom , .id-art-28 .blockbanner .custom, .id-art-29 .blockbanner .custom, .id-art-30 .blockbanner .custom, .id-art-59 .blockbanner .custom, .id-art-33 .blockbanner .custom, .id-art-32 .blockbanner .custom, .id-art-39 .blockbanner .custom, .id-art-40 .blockbanner .custom, .id-art-41 .blockbanner .custom, .id-art-46 .blockbanner .custom, .id-art-47 .blockbanner .custom, .id-art-42 .blockbanner .custom, .id-art-43 .blockbanner .custom, .id-art-48 .blockbanner .custom, .id-art-50 .blockbanner .custom, .id-art-35 .blockbanner .custom, .id-art-37 .blockbanner .custom, .id-art-44 .blockbanner .custom, .id-art-51 .blockbanner .custom, .id-art-34 .blockbanner .custom{ display:none}

.id-art-20 .blockbanner, .id-art-33 .blockbanner, .id-art-21 .blockbanner, .id-art-22 .blockbanner, .id-art-24 .blockbanner, .id-art-25 .blockbanner, .id-art-26 .blockbanner, .id-art-59 .blockbanner, .id-art-27 .blockbanner, .id-art-28 .blockbanner, .id-art-29 .blockbanner, .id-art-30 .blockbanner, .id-art-32 .blockbanner, .id-art-39 .blockbanner, .id-art-37 .blockbanner, .id-art-40 .blockbanner, .id-art-41 .blockbanner, .id-art-43 .blockbanner, .id-art-46 .blockbanner, .id-art-47 .blockbanner , .id-art-42 .blockbanner, .id-art-48 .blockbanner, .id-art-50 .blockbanner, .id-art-35 .blockbanner, .id-art-37 .blockbanner, .id-art-38 .blockbanner , .id-art-44 .blockbanner, .id-art-51 .blockbanner, .id-art-34 .blockbanner{height:720px;}

.id-art-20 .blockbanner{background:url(../images/banner/banner-stir.jpg) top center no-repeat;}
.id-art-21 .blockbanner{background:url(../images/banner/banner-sndp.jpg) top center no-repeat;}
.id-art-22 .blockbanner{background:url(../images/banner/banner-saipem.jpg) top center no-repeat;}
.id-art-24 .blockbanner{background:url(../images/banner/banner-eni-tunisia-bv.jpg) top center no-repeat;}
.id-art-25 .blockbanner{background:url(../images/banner/banner-sonatrach-1.jpg) top center no-repeat;}
.id-art-26 .blockbanner{background:url(../images/banner/banner-scop-1.jpg) top center no-repeat;}
.id-art-59 .blockbanner{background:url(../images/banner/banner-sonatrach-2.jpg) top center no-repeat;}
.id-art-27 .blockbanner{background:url(../images/banner/banner-sirte.jpg) top center no-repeat;}
.id-art-28 .blockbanner{background:url(../images/banner/banner-petrofac.jpg) top center no-repeat;}
.id-art-29 .blockbanner{background:url(../images/banner/banner-worly.jpg) top center no-repeat;}
.id-art-30 .blockbanner{background:url(../images/banner/banner-ecumed.jpg) top center no-repeat;}
.id-art-32 .blockbanner{background:url(../images/banner/banner-ipll-1.jpg) top center no-repeat;}
.id-art-37 .blockbanner{background:url(../images/banner/banner-bechtel.jpg) top center no-repeat;}
.id-art-39 .blockbanner{background:url(../images/banner/banner-ansaldo.jpg) top center no-repeat;}
.id-art-40 .blockbanner{background:url(../images/banner/banner-ge-252-mw.jpg) top center no-repeat;}
.id-art-41 .blockbanner{background:url(../images/banner/banner-ge-256-mw.jpg) top center no-repeat;}
.id-art-43 .blockbanner{background:url(../images/banner/banner-ge-240-mw.jpg) top center no-repeat;}
.id-art-46 .blockbanner{background:url(../images/banner/banner-eni-tunisia.jpg) top center no-repeat;}
.id-art-47 .blockbanner{background:url(../images/banner/banner-made.jpg) top center no-repeat;}
.id-art-33 .blockbanner{background:url(../images/banner/banner-agp.jpg) top center no-repeat;}
.id-art-42 .blockbanner{background:url(../images/banner/banner-thyna.jpg) top center no-repeat;}
.id-art-48 .blockbanner{background:url(../images/banner/banner-bouchema.jpg) top center no-repeat;}
.id-art-50 .blockbanner{background:url(../images/banner/banner-bir-mchergua.jpg) top center no-repeat;}
.id-art-35 .blockbanner{background:url(../images/banner/banner-kufpec.jpg) top center no-repeat;}
.id-art-37 .blockbanner{background:url(../images/banner/banner-bechtel.jpg) top center no-repeat;}
.id-art-38 .blockbanner{background:url(../images/banner/banner-elf.jpg) top center no-repeat;}
.id-art-44 .blockbanner{background:url(../images/banner/banner-ge-goulette.jpg) top center no-repeat;}
.id-art-51 .blockbanner{background:url(../images/banner/banner-tifert.jpg) top center no-repeat;}
.id-art-34 .blockbanner{background:url(../images/banner/bannier-nordgaz.jpg) top center no-repeat;}
/*************************************/
.blockhome1{
	background: url(../images/bg-about-home.jpg) repeat-x top -15px center;
	background-size: cover;
	padding: 75px 0;
}
h2{
	
	text-transform:uppercase;
	color:#203a77;
	font-size:46px;
	padding: 0 0 18px;
	position:relative;
	margin-bottom: 35px;
	display: table;
  font-weight: 300; 
}
.blockhome1 h2{
	margin:122px 0 0; 	 
	
    font-weight: 900;  
} 
h2 u, h2 span{
	font-weight: 300;  text-decoration: none !important;
}
h2:before{
	content:'';
  background:#d0021b;
	width: 69px;
    height: 2px;
  display:block;
  position:absolute;
  bottom:0;
  left:0;
}
h6{
	font-weight: 500; 
	font-size:26px;
	color:#d0021b;
	margin: 38px 0 15px;
}
.lienhome{ margin:60px 0 20px}
.lienhome:after {
 	content:'';
 	background: url(../images/flech.png) no-repeat center right;
 	width: 35px;
 	height: 11px;
 	display:block;
 	position:absolute;
 	right: 0;
 	top: 6px;
}
.blockhome2 h2{
	font-size: 36px;
  	font-weight: 900; 
}
.blockhome2 {
	background:#f0f0f0;
	padding: 120px 0 0;
	position: relative;
}

.blockhome2 h6{
	margin-bottom:40px; font-size: 44px;
}
.blockhome2 .text{
	background: url(../images/bg-service-home.jpg) no-repeat top center;
	width: 100%;
	height: 772px;
	position: relative;
}
.blockhome2 .custom{
	background:#f0f0f0;
	width: 75%;
	top: -45px;
	padding: 0 50px 20px 0;
	position: absolute;
}

.blockhome2 .lienhome{ margin:25px 0;}

.blockhome2 .container {
	position:relative;
	z-index: 1;
}
.blockhome3 {
	background: #203a77;
	position:relative;
	margin-top: -263px;
	padding: 310px 0 16px;
}
.blockhome3:before{
	content:'';
	background: #fff;
	width:100%;
	position:absolute;
	height: 100px;
	bottom: 0;
}
.blockhome3 h2{
	color:#fff;
  	font-weight: 900; 
	/* margin-bottom:39px */
}
.infobule-home{
	background:url(../images/puce1.png) no-repeat top 55px left 46px, url(../images/puce2.png) no-repeat bottom 50px right 46px;
	display:block;
	border:3px solid #ffcc00;
	width:100%;
	padding: 105px 46px 88px;
	color: white;
	font-weight: 300; 
	font-style: italic;
	text-align: justify;
	position: relative;
	margin-bottom: 46px;
}

.infobule-home:after{
	content:'';
	position:absolute;
	background:url(../images/puceinfobule.png) no-repeat;
	width:73px;
	height:46px;
	bottom:-46px;
	right: 116px;
}
.signature{
	text-align: right;
	padding-right: 217px;
	font-size: 26px;
	color: #fff;
}
.signature1{
	font-weight: 700; margin: 0;
}
.signature2{
	font-weight: 300; 
	margin: 0 auto;
	font-style:italic; 
}
 
.blockhome3  .slides img{
	max-width:100%; height:auto;
}
.soustitre{
	background:#363c54;
	font-size:20px;
	text-align:center;
	padding: 20px;
	color:#fff;
	display: block;
}
.soustitre .signature2{
	font-size:16px;
}
.slides li:nth-child(odd) .soustitre{background:#363c54}
.slides li:nth-child(even) .soustitre{background:#d0021b}



/********* home project ******/
.blockhome4{background: url(../images/bg-product-home.jpg) repeat-x bottom -5px center;padding:90px 0 40px;}
.blockhome4 .content{
	text-align:right;
	padding-right: 68px;
}
.blockhome4 .content >h2{text-align:right;display:block; 	font-weight: 900; }
.blockhome4 .content h2:before{right:0; left:initial}
a.seemore2{
	position:relative;
	background:#203a77;
	padding:23px 100px 25px 32px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 0 0 #fff;
	font-size:16px;
	display:inline-block;
	margin: 20px 0px 60px 0;
	transition: .5s all;
}
a.seemore2:hover{
	position:relative;
	background:#d0021b;padding:23px 100px 25px 32px;
	text-transform:uppercase;color:#fff;text-shadow:0 0 0 #fff; font-size:16px;
	display:inline-block;margin:20px -30px 60px 0;
}
a.seemore2:after {
    content: '';
    background: url(../images/f-liens.png) no-repeat center right;
    width: 35px;
    height: 11px;
    display: block;
    position: absolute;
    right: 30px;
    top: 28px;
}
a.seemore2:before {
    content: '';
    background: #fff;
    width: 22px;
    height: 1px;
    display: block;
    position: absolute;
    left: 33px;
    bottom:25px;
}

.maskimg{
	position:relative;margin-bottom:30px;z-index:1;
}
.maskimg h2{position:absolute;bottom: 30px;left: 36px;color:#fff;padding: 0 0 10px;margin: 0 !important;right: 20px;display: block;font-size: 32px !important;line-height: 30px;z-index: 0;}
.maskimg h2 a{ color:#fff}
.maskimg h2 a:before, .maskimg h2 a:after{content:none;}
.maskimg a:after{
	content:'';
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.3);
	position:absolute;
	z-index: 0;
	transition:all .3s;
}
.maskimg a:before{
	content:'';
	left:50%;
	right:51%;
	top:0;
	bottom:0;
	background: rgba(32, 58, 118, 0.43);
	position:absolute;
	z-index: 1;
	transition:all .3s;
}
.maskimg:hover a:before{
	left:0;right:0; 
}
/**/
.blockhome5{
	background: url(../images/bg-clean-energy.jpg) no-repeat center fixed;
	background-size:cover;
	padding:170px 0;margin-bottom: 70px;
}
.blockhome5 .content{
	background: rgba(176, 190, 201, 0.70);
	text-align:center;
	padding: 83px 140px;
	color:#fff;
	font-size: 32px;
	position: relative;
	display: table;
	transition:.5s all;
}
.blockhome5 .content:hover{
	background: rgba(176, 190, 201, 0.6);
	color:#fff;
}
.blockhome5 .content h3{font-weight: 300; font-size:31px; text-transform:uppercase;}
.blockhome5 .content h2{color:#fff;font-size:58px;padding: 0 0 10px;display: block; 	font-weight: 900; }
.blockhome5 .content h2:before {
    right: 0; margin:0 auto
}

.blockhome5 .content .clean .lienhome{
    color:#fff;
    font-size:18px;
    padding-right:35px;
}
/********** Footer ********/
footer {
    background: #233579;
    padding: 100px 0 30px;
    color: #d3d5da;
    z-index: 99;
    position: relative;
}
.footer .copyright a{
	color:#fff; 
}
.contactfooter{
	position:relative;
	font-weight: 300; 
	
	font-size:22px;
	z-index:0;
	float: right;
}
.contactfooter:before{
	content:url(../images/info-footer.png);
	position:absolute;
	left: -83px;
	top:-10px;
	z-index:-1;
}
footer .nav{
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}
footer .nav > li{
	display:block; 
}
footer .nav > li > a {
	text-align: left !important;
	display: inline-block !important;
	padding: 10px 0 !important;
}
footer .nav > li li a { 
	font-family: "Roboto", sans-serif !important;font-weight: 300 !important; 
	color:#d3d5da;text-shadow:0 0 #d3d5da;
	font-size: 22px !important;
	padding: 5px 15px !important;
	display: inline-block !important;
}
footer .socialmedia{
	float:left;margin:40px 0 20px 45%;
}
footer .nav > li  a:hover, footer .current.active, footer .custom a:hover, footer .custom a.active{
	color:#d0201a;
}
 

footer .custom strong{
	display:block;
	padding-bottom:15px;
	text-transform: uppercase;color:#fff; 
}
footer p{margin:0 0 30px}
.copyright{
	margin: 60px 0 0;
	text-align:center;
	font-size:18px;color:#fff; 
	display:block
}
 
/********************Page interne************************/
.breadcrumb {
    color: #666f84;
    font-size: 13px;
    text-align: center;
    padding: 0 20px 15px 0px;
    position:relative;
    text-transform:uppercase;
  display:none;
}
.breadcrumb a{color: #666f84;}
.breadcrumb > .active{color: #203a76;font-weight: 900;}
.icon-location:before, .breadcrumb > li + li:before {position: absolute;right: -10px;}
.breadcrumb > li > .divider, .breadcrumb > li:first-child > .divider, .breadcrumb > li:first-child{
	display:none;
}
.breadcrumb > li {
	list-style: none !important;
	padding: 0 14px 0;
	margin: 0;
	float:left;
	position: relative;
}
.breadcrumb > li:nth-child(2){padding-left:0 !important}
.breadcrumb > li span {
    display: block;
    padding-bottom: 10px;
	position:relative;
}

.breadcrumb > li.active span:after {
	content:'';
	background:#d0201a;
	width:53px;
	height:2px;
	position:absolute;
    left: 0;
    bottom: 0; 
}
.breadcrumb li:nth-child(4) {display:none}


.itemid-101 .breadcrumb, .itemid-101 main#content {
	display:none;
}
.contentinterne{
	padding: 30px 0 50px;
}  
.contentinterne .content{
	clear:both;
	display:block;
	margin:0 0 50px;
	overflow:hidden;
	text-align: justify;
}
.contentinterne h1{
	
    font-weight: 900;
	text-transform:uppercase;
	color:#203a77;
	font-size:40px;
	padding: 0 0 18px;
	position:relative;
	margin: 35px 0 40px;
	display: table;
}
.contentinterne .tit {
        margin: -58px 70px 0 0;
    float: right;
}
.contentinterne .tit h4{color:#d0021b;font-weight: 300; font-size:20px; text-transform:uppercase}
.contentinterne .tit h5{color:#203a77;}
.contentinterne .quote{
 	position:relative;
 	text-align:justify;
 	display:table;
 	font-size: 23px;
 	padding: 59px 31px 68px 30px;
 }
 .contentinterne .quote:before{
 	position:absolute;
 	content:"";
 	background:url(../images/quote-left.png) top left no-repeat;
 	width: 53px;
 	height: 45px;
    top: 18px;
    left: 0px;
 }
 .contentinterne .quote:after{
 	position:absolute;
 	content:"";
 	background:url(../images/quote-right.png) top left no-repeat;
 	width: 53px;
 	height: 45px;
 	bottom: 0;
 	right: 0;
 }
 .contentinterne .bloc{
	position:relative;
	display:table;
	padding: 15px;
	border-radius:15px;
	height: 493px;
	font-size: 25px;
	box-shadow: inset 4px -9px 0px 2px rgba(0, 0, 0, 0.04);
}
.contentinterne .bloc.bloc-1{background: rgba(237, 237, 237, 0.43137254901960786);}
.contentinterne .bloc.bloc-2{background: rgba(212, 217, 229, 0.23);}
.contentinterne .bloc.bloc-3{background: rgba(239, 239, 239, 0.32);}

.contentinterne h1 u, .contentinterne h1 span{
	font-weight: 900; text-decoration: none !important;
}
.contentinterne h1:before{
	content:'';background:#d0021b;
	width:85px; height:4px;display:block;position:absolute;bottom:0;left:0;
}
.contentinterne h2{font-size:32px; margin: 25px 0 30px; padding-bottom:10px}
.contentinterne h3 {
    font-weight: 300;
    color: #d0021b;
    text-shadow: 0px 0.5px 0px #d0021b;
    font-size: 28px;
    margin: 28px 0 11px;
    text-transform: uppercase;
}
.contentinterne h4{color:#9b9da9; font-weight: 300; font-size:36px; text-transform:uppercase}
.contentinterne h4 strong, .contentinterne h4 b{font-weight: 900;}
.contain{max-width:1170px;margin: 0 auto 50px!important;}
.img-left{
    margin: 0 30px 30px 0;
    float: left;
}
.img-right{
    margin: 0 0 30px 30px;
    float: right;
}
.img-right.grp {
    margin: 0 0 30px 95px;
}

.contentpage{
	padding:0 33px;
}
.contentinterne ul{margin:20px 0;     overflow: hidden;}
.contentinterne ul li{
	list-style: url(../images/puceliste.png);
	padding-left:10px;
	padding-bottom:13px;
}
.blockcontent, .blockcontent2{
	display:block;
	width:100%;
    padding-bottom: 48px;
    overflow: hidden;
    clear: both;
}
ul.gallery {
	padding: 0;
}
ul.gallery li{
	list-style: none !important;
	float: left;
	margin: 30px 0 0;
	text-align: center;
}
ul.gallery li img{border:2px solid #ccc;display:block;overflow:hidden;}
 
.coordonne p{
	margin-bottom:20px;
}

.coordonne {
    background: rgba(134, 150, 185, 0.05);
    padding: 30px;
    font-size: 19px;
}
.coordonne strong{
    display:block;color:#000; margin-bottom:5px
}
.coordonne a{color:#000;}
.coordonne a:hover, .coordonne a:focus{color:#d9221a; text-decoration:underline;}


.imgal-container > div{margin: 0 8px 16px;padding: 0; }
.imgal-container.saipem > div{display:table }
.content.contain ul li{
	list-style: none;padding:0; margin:0;position:relative
}

.content.contain ul li:before{
	content:'';background:#d9221a; width:7px;height:7px;display:block;position:absolute;
	border-radius:50%;margin-left:-20px;margin-top:14px
}
.content.contain ul li ul li:before{
	content:'';background:#d9221a; width:7px;height:3px;display:block;position:absolute;
	border-radius:0%;margin-left:-20px;margin-top:15px
}
.content.contain ul li li:before{display:none}
.ba-gallery-substrate + br, .ba-gallery-substrate + br +p{display:none !important}



/***************************************************/
.view-all .view{
  	position: relative;
    float: right;
    margin-top: 40px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding-right: 50px;
    margin-right: 25px;
}
.view-all .view:hover{
	color:#989898
}
.power-photo{
  margin-top: 190px;
}
.slogan{
  position: absolute;
    top: 50%;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 300 !important;
  z-index:1;
}

.itemid-139 .slogan, .itemid-138 .slogan{ display:none}
.itemid-119 .blockbanner { background: #212f4a;}
.itemid-119 .blockbanner img{ margin-top: 250px;}
.itemid-119 .blockbanner .slogan {top: 23%;}

.slogan .rt{
	display:block;
	 font-family: "Roboto", sans-serif !important;
	font-weight: 900;
}
.search label {
    display: none;
}

/*
.search input {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    border-bottom: 2px solid #94c8f7;
  padding: 0 0 5px 0;
      color: #fff;
}
*/
#search-resume{background:none !important;width: 100%;}
.search input.inputbox, .search input.inputbox:focus, .search input.inputbox:visited, .search input.inputbox:hover {
    background: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    color: #000;
    padding-right: 30px !important;
    padding: 10px 10px;
    margin: 0;
    float: none;
    display: block !important;
    outline: none;
    transition: all 1s;
    font-size: 18px;
    z-index: 99;
}
.blockmenutop{
  position:relative;
  z-index: 0;
}
header div.search {
  float: right;
  display: table;
}
.search form{/* position:relative; */width: 100%;}
.search .button {content: '';background: url(../images/loop.png) top right no-repeat;border: 0;font-size: 0;width: 26px;height: 26px;position: absolute;right: 7px;top: 7px;display: block;line-height: 26px;outline: none;z-index: 100;}
 .search  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */font-size:20px
}
.resume-div {
    position: absolute;
    top: 0;
    left: 0px;
    width: 90%;
    height: 41px;
    /*background-color: #ffffff73;*/
    display: none;
    z-index: -1;
}


.itemid-138 #searchForm .phrases{display:none !important}
.itemid-138 #searchForm .only{display:none !important}
.itemid-138 #searchForm .form-limit{display:none !important}
.itemid-138 #searchForm .btn-toolbar{display:none !important}

.itemid-138 #searchForm .searchintro{margin: 25px 0;  color: #233579;}

#jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group.inquiry, #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group.inquiry option, #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group.inquiry span{ font-size: 14px !important;}
.itemid-139 .block-1 img{
  border: 2px solid rgba(32, 58, 119, 0.53);
  border-radius: 15px;
  margin-bottom:30px;
}


/******************************************************/


@media(max-width:1440px){
	#navigation .nav.menu > li > a {font-size: 17px;padding: 0 7px 10px;margin: 10px 0;}  
	footer .nav > li li a {	font-size: 16px !important; }
	   .contactfooter { font-size: 18px; }
       .socialmedia li {padding: 0 4px;}
       .blockmenutop{ padding:0;}
       .logo, .topmedia{padding:0 0 0 15px;}
       .blockmenutop .navigation {margin-right: 0px;}
       div.mod_search114 input[type="search"] { width: 250px !important;}
       .blockbanner{text-align:center;}
 .signature{ font-size: 20px; }
 
  .infobule-home { background: url(../images/puce1.png) no-repeat top 30px left 46px, url(../images/puce2.png) no-repeat bottom 30px right 46px; padding: 70px 30px 60px; }

}
@media(max-width:1365px){
  #navigation .nav.menu > li > a { 	font-size: 17px;padding: 10px 9px; }  
  div.mod_search114 input[type="search"] { width: 200px !important;}
  .resume-div {left: -5px;}
  .logo {  padding: 0 15px;} 
 
  
}
@media(max-width:1300px){
	#navigation .nav.menu > li > a {
    font-size: 16px;
    margin: 10px 5px 0;
}

	.blocktop { padding-top: 30px; }
	.logo, .blockmenutop {
		display:block;
		margin:0 auto 25px;
		width: 100%;
		float: none;
	}
	.logo img{
    margin: 0 auto;
    display: block;
}
	.topmedia {position:absolute; top:30px; right:30px;width:auto}
	.blockhome2 .custom { 
		width: 90%; 
	}
	.blockhome3:before{
		display:none
	}
	.soustitre {min-height:104px}
	a.seemore2 { 
		margin: 20px -30px 33px 0;
	}
	.slide-desc-box {
		top: 60% !important;
		max-width:80%;
		padding-left: 35px !important;
	}
	.blockbanner .slide-desc-box .slide-title{ 
		font-size: 32px; 
	}
	.blockbanner .slide-desc-box .slide-desc{ 
		font-size: 40px !important; 
		line-height: 50px; 
	}
.blockmenutop .navigation {
    margin-right: 50px;
}
 	 .search {
		display: inline-block;
		max-width: 200px;
	}
	.search input.inputbox {
	font-size: 19px;
	}
}
@media(max-width:1200px){
	.blocktop {
    background: #203a76;
    position: relative; padding:20px 0 20px
}

	.blockbanner .slide-desc-box .slide-title {
    font-size: 28px !important;
}
  .search input.inputbox, .search input.inputbox:focus, .search input.inputbox:visited, .search input.inputbox:hover {
    background: #0b2d80;
    color: #fff; }
	.blockhome1 h2 {
		margin: 0;
	}
	.blockhome1 .maskimg {  margin: 30px auto; text-align:center;}
	.soustitre { 
		font-size: 18px; 
		padding: 15px; 
	}
	.blockhome5 .content { 
		padding: 50px 50px; 
	}
	footer .col-md-6, footer .contactfooter{
		display:block;clear:both;
		float: none;max-width:500px; margin:0 auto 30px
	}
.copyright {margin: 30px 0 0; 	}
.contentinterne .bloc{margin-bottom:15px;}
.blockmenutop .navigation { margin-right: 10px;  display: table; }
  .itemid-119 .blockbanner{background: #212f4a;}
  .itemid-119 .blockbanner img{margin-top: 249px;}
  .itemid-119 .slogan { top: 37%;}


}

@media(max-width:979px){
	.blockmenutop #navigation{display:none}
	.blockmenutop .mobile-nav{display: inline-block !important;float: left;width: 50%;}
	.is-sticky .mobile-nav{ width:auto}
	.logo a, .logo a img{
		margin:0 auto; display:block;text-align:center; transition:all .3s
	}
	.blockmenutop{overflow:hidden}
	h2 { 
		font-size: 38px; 
	}
	.infobule-home { }
	.infobule-home:after {   right: 60px;}
	.signature {
		padding-right:160px
	}
	.blockhome4 .content { 
		padding-right: 0;
	}
	a.seemore2 {
		margin: 20px 0px 42px;
	}
	.maskimg h2 { 
		font-size: 30px; 
	}
  .blockhome5 { 
    padding: 50px 0;
    margin-bottom: 20px;
}
  .slogan {font-size: 30px;  top: 71%;}
  .itemid-119 .blockbanner .slogan {  top: 45%;}
.img-left {
  margin: 0 auto 30px;
    float: none;
    display: table;
}
 .view-article .search {
}
  .blockmenutop .navigation {
    margin: auto;
    display: table;
    float: none !important;
}
.slide-desc-box {   top: 73% !important;}
}


@media(max-width:767px){
	.blockmenutop .mobile-nav { 
		width: 50px;
	}
	.topmedia { 
		right: 10px; 
	}
      .blocktop { 
            background: #203a76;
            position: relative;
        }
      .slide-desc-box {
        top: 50% !important;}
      .blockhome2 .custom { 
        font-size: 20px;
    }
      .flexslider.testimonials {
        margin: 0 0 20px;
    }
      .blockhome3 .flexslider .slides > li{max-width:240px}
      .blockhome2 h2 {
        font-size: 26px;
    }
      .blockhome4 .maskimg.zoom {
        margin: 0 auto 30px !important;
        text-align: center;
    }
    .blockhome4 .maskimg.zoom  h2{text-align:left}
      .blockhome4 .content {
        padding: 0 20px;
    }
     footer {  padding: 50px 0 30px; } 
      .contentinterne h1 {font-size: 35px;}
      .contentinterne h4 {font-size: 23px;}
      .slogan {top: 60%;font-size: 22px;}
      .itemid-119 .blockbanner img { margin-top: 49px;}
     .itemid-119 .blockbanner .slogan {  top: 8%;}
      .view-article .search {
        margin: 0 auto;
    }
      body { 
        font-size: 19px; 
    }
      .contentinterne h3 { 
        font-size: 23px; 
        text-align: left;
    }
    header input::-moz-placeholder {
      font-size:15px;
    }
    header input:-ms-input-placeholder {
      font-size:15px;
    }
    header input::-webkit-input-placeholder {
      font-size:15px;
    }

      .search input.inputbox {
        font-size: 15px;
        padding: 0 10px 0;
        height: 40px;
        width: 100%;    color: #fff !important;
    }
}
@media(max-width:500px){
  	footer .nav {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
      .copyright {
        margin: 30px 0 0; 
        font-size: 12px; 
    }
    .socialmedia {
        position:absolute;width:max-content;width:-moz-max-content; right:0;top:-35px
    }
  	.mod-languages {
		position: absolute;
		    width: max-content;    width: -moz-max-content;
		margin:0 auto;
		top:0;left:0; right:0
	}
	.blockmenutop { 
		margin: 15px auto 0; 
	}
	.logo { 
		margin: 30px auto 15px; 
	}
}
@media(max-width:414px){
  .blockhome2 .text{background:none;}

  .blockhome5 .content h2 {font-size: 22px;}
  .blockhome5 .content h3 {font-size: 31px;}
  .blockhome5 .content {  padding: 50px 15px; font-size: 24px;} 
  .maskimg h2 { font-size: 24px !important;} 
  h2 {font-size: 28px;}
  .blockhome2 h2 {  font-size: 19px;}  
  .slogan {top: 31%;font-size: 20px;}
  .blockhome2 .custom { width: 100%;padding: 0 0 20px 0;}
  .contentinterne h2 {font-size: 23px;  text-align: left;}
  .contentinterne h1 { font-size: 29px;}

}

.item {
    width: 200px;
    float: left;
}
.item img {
    display: block;
    width: 100%;
}

dt.result-title a {
    color: #d0201a;
    text-transform: uppercase;
    display: inline-block;
}
.result-title{
    margin:20px 20px 10px;
}
.result-category{
    font-size:20px;
}
.result-text{
    font-size:22px;
}
.result-created{
    font-size:15px;color:#000
}
.search-results .result-title:first-child, .search-results .result-title:first-child + .result-category, 
.search-results .result-title:first-child + .result-category + .result-text + .result-created{
 /*   display:none;*/
}


.pdf-center{
    margin: 20px auto;
    clear: both;
    width: max-content;
    width: -moz-max-content;
    display: block;
}
.pdf-center img {
    text-align: center;
    border: 2px solid #ccc;
}

a.linkpdf {
    color: #fff;
    background: #233578;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    margin: 18px 0;
    display: inline-block;
  
}

a.linkpost {
    color: #fff;
    background: #d0201a;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    margin: 0 0 20px;
    display: inline-block;
}
.jsn-master .jsn-bootstrap h3 {
    font-size: 23px;
    font-weight: bold !important;
    text-shadow: none;
    text-decoration: underline;
}

.jsn-uniform form .jsn-row-container .contentoffre label {
    display: none !important;
    width: 0 !important;
}

.jsn-uniform form .jsn-row-container .contentoffre .controls {
    width: 100%;
    display: block;
}
 
a.suitedescription {
    color: #d0201a;
    font-size: 20px;
    padding: 0 10px;
}
.contentinterne { 
    position: relative;
}
.offredemploi.colored {
    background: #fcf8e3;
}