.logo img{

margin-top: -40px;
height: 60px;
}
.logo h2{
	color: #222;
 text-align: left; 
    font-size: 0.9rem; 
    margin: 0px auto; 
    padding: 10px 0px 15px 0px;  
    display:inline-block;
}
.container{overflow: hidden;
}
.border-petrole{height: 70px; background-color: #127499; width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;}
.border-br{
	background-color: #fff;
	min-width: 100%;
	overflow: visible;
 border: 2px solid #f9f9f9;
  padding: 5px;
-webkit-box-shadow: 7px 7px 9px -4px rgba(209,207,209,1);
-moz-box-shadow: 7px 7px 9px -4px rgba(209,207,209,1);
box-shadow: 7px 7px 9px -4px rgba(209,207,209,1);}

.fond-gris{ background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.fond-blanc{background-color: white;}
.inner{padding: 1em;}

.button{color: #fff;}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
   padding-bottom: 1em;
}
.fullWidth2 {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
   margin-bottom: 1em;	
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.box{
 border: solid 1px #000;
 padding: 5px;

}


.content{position: relative;}
.vert-center{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
 .normal-align{}

.imgCentre {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imageGauche {
        float: left;
    }
 
.imageDroite {
        float: right;
    }

.Center-Container {
  position: relative;
}

.Absolute-Center {
  width: 50%;
  height: 50px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.tab-accordion-cmp{border: solid 1px #CCC;}
.tabs{background-color:#464648; color: #fff;}

.slide1{ position: relative;
	z-index: 2;
	
}

#footer { background-color:#127499;}
#footer h3 {color:#FFF; font-weight: 600;}
#footer p {color:#FFF;}
#footer ul  {margin:0; padding:0;}
#footer ul li {margin:0; padding:0;list-style:none;}
#footer a:link {color:#FFF;}
#footer a:visited {color:#FFF;}
#footer a:hover {color:#FFF;}





/* Fonts pour les icones fichiers pdf,doc,xls,ppt*/
@font-face {
	font-family: 'icomoon-files';
	src:url('../fonts/icomoon-files.eot?l26cjf');
	src:url('../fonts/icomoon-files.eot?#iefixl26cjf') format('embedded-opentype'),
		url('../fonts/icomoon-files.woff?l26cjf') format('woff'),
		url('../fonts/icomoon-files.ttf?l26cjf') format('truetype'),
		url('../fonts/icomoon-files.svg?l26cjf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

i {
	font-family: 'icomoon-files';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 1.8rem;
	padding-right: 0.3rem;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-file-pdf:before {
	content: "\e600";
}
.icon-file-doc:before {
	content: "\e601";
}
.icon-file-docx:before {
	content: "\e601";
}
.icon-file-xls:before {
	content: "\e602";
}
.icon-file-xlsx:before {
	content: "\e602";
}
.icon-file-ppt:before {
	content: "\e603";
}
.icon-file-pptx:before {
	content: "\e603";
}

ul.files  {list-style-type: none;}


.section-content {
	position: relative;
	padding: 6em 10%;
	
}

.section-content::before,
.section-content::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

.ss-style-doublediagonal {
	z-index: 1;
	padding-top: 1em;
	background: #fff;
}

.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	transform: rotate(-2deg);
	transform-origin: 0 0;
}

.ss-style-doublediagonal::before {
	height: 50%;
	background: #127499;
	transform: rotate(-3deg);
	transform-origin: 3% 0;
}


.ss-style-doublediagonal-anti {
	z-index: 1;
	padding-top: 1em;
	background: #fff;
}

.ss-style-doublediagonal-anti::before,
.ss-style-doublediagonal-anti::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	transform: rotate(2deg);
	transform-origin: -5% 0;
	margin-top: -2%;
	
}

.ss-style-doublediagonal-anti::before {
	height: 50%;
	background: #127499;
	transform: rotate(3deg);
	transform-origin: 25% 0;

}
.logo-right {text-align:right;}
.logo {}