@font-face {
    font-family: 'EurostileRegular';
    src: url('fonts/eurosti/eurosti-webfont.eot');
    src: url('fonts/eurosti/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/eurosti/eurosti-webfont.woff') format('woff'),
url('fonts/eurosti/eurosti-webfont.ttf') format('truetype'),
url('fonts/eurosti/eurosti-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Coolvetica';
    src: url('fonts/coolvetica/coolvetica-webfont.eot');
    src: url('fonts/coolvetica/coolvetica-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/coolvetica/coolvetica-webfont.woff') format('woff'),
url('fonts/coolvetica/coolvetica-webfont.ttf') format('truetype'),
url('fonts/coolvetica/coolvetica-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PetitaBold';
    src: url('fonts/Petita/petitabold-webfont.eot');
    src: url('fonts/Petita/petitabold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Petita/petitabold-webfont.woff') format('woff'),
url('fonts/Petita/petitabold-webfont.ttf') format('truetype'),
url('fonts/Petita/petitabold-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PetitaMedium';
    src: url('fonts/Petita/petitamedium-webfont.eot');
    src: url('fonts/Petita/petitamedium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Petita/petitamedium-webfont.woff') format('woff'),
url('fonts/Petita/petitamedium-webfont.ttf') format('truetype'),
url('fonts/Petita/petitamedium-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body:not(.iframe) {
	/* font-family: 'Roboto', sans-serif; */
	font-family: PetitaBold;
	letter-spacing: .3px;
    font-size:1.2rem;
    font-weight:400;
    text-align: center;
    width: 100%;
    color:rgba(0,0,0,0.87);;
}
body, html{
	scroll-behavior: smooth;
}


body p, body ul, body ol{
  font-size:1.3rem;
  font-weight:400
}

ul, ol{
  list-style-type: square;
}

strong{
  font-weight:600;
}
  

/*Fix pour la transparence des PNG sous IE*/
.png-fix { behavior: url(_includes/iepngfix.htc) }

/*Marges*/
.no-margin { margin:0; }
.no-padding { padding:0; }

/*Alignement*/
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-center { text-align:center; }
.txt-justify { text-align:justify; }

/*Positionnements*/
.relative { position:relative; }

/*Clearing floats*/
.cleft { clear: left; }
.cright { clear: right; }
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%; /* IE5-6 */
}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.maj {
    text-transform: uppercase;
}

.clickable { cursor: pointer; }

h1{
  font-size: 3rem;
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'PetitaMedium';
  color: #028293;
  font-weight:800;
  text-transform: uppercase;
}

h2{
  color:#00b3cb;
  border:none;
  margin-bottom:0;
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'PetitaMedium';
  font-weight:600;
  text-transform: uppercase;
}

h3, .h3-like {
  color:#028293;
  font-weight: 500;
  margin: 10px 0;
	border:0 none;
	line-height:1.2;
  text-transform:uppercase;
  font-size: 1.5rem;
}

h4, .h4-like {
	margin:0;
	border:0 none;
	font-family:inherit;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
	color: #666;
}
h5 {
	margin:0;
	border:0 none;
	font-family:inherit;
	font-weight:bold;
	font-size:14px;
}


/******************/
/* == WRAPPER */
/******************/
.wrapper{
  max-width:1750px;
  margin: 0 auto;
  padding:0 20px;
  overflow:hidden;
  text-align:left;
}

.fl-parent{
  overflow:hidden;
}

.mb40{
  margin-bottom:40px;
}
.mb10{
  margin-bottom:10px;
}

.col-1-2{
  width:50%;
}

.col-1-3{
  width:33.33333%;
}

.col-2-3{
  width:66.6666666%;
}

.col-1-4{
	width:25%;
}


.h100{
  height:100%;
}

/*flottants*/
.fl-left { float:left;}
.fl-right { float:right;}

/******************/
/* == MESSAGES */
/******************/
.notification {
    background-position: 12px 5px !important;
    background-repeat: no-repeat !important;
    border: 1px solid;
    margin: 0 0 15px;
	  padding:5px 5px 5px 40px;
}
.notification ul, .notification p {
   border-left:2px dotted;
   padding-left:10px;
   list-style-type:square;
   list-style-position:inside;
}
.notification ul li, .notification p {
   margin:0;
   font-size: 13px;
}
.attention {
    background: url("../images/exclamation.png") no-repeat scroll 10px 11px #FFFBCC;
    border-color: #E6DB55;
    color: #666452;
}
.attention ul, .attention p { border-color: #E6DB55; }
.information {
    background: url("../images/information.png") no-repeat scroll 0 0 #DBE3FF;
    border-color: #A2B4EE;
    color: #585B66;
}
.information ul, .information p { border-color: #A2B4EE; }
.success {
    background: url("../images/tick_circle.png") no-repeat scroll 0 0 #D5FFCE;
    border-color: #9ADF8F;
    color: #556652;
}
.success ul, .success p { border-color: #9ADF8F; }
.error {
    background: url("../images/cross_circle.png") no-repeat scroll 0 0 #FFCECE;
    border-color: #DF8F8F;
    color: #665252;
}
.error ul, .error p { border-color: #DF8F8F; }

.notification2 {
    background-position: 15px 30px !important;
    background-repeat: no-repeat !important;font-weight: 100;
    margin: 0;
	/*padding:5px 5px 5px 40px;*/

	padding: 20px 5px 20px 30px;
    color: #FFF;
    /*font-size: 26px;*/
	/*text-shadow:#000 2px 2px 2px;*/
    line-height:1.2;
    font-family: 'Coolvetica';
    letter-spacing: .5px;
}
.notification2 ul, .notification2 p {
   padding-left:10px;
   list-style-type:square;
   list-style-position:inside;
}
.notification2 ul li, .notification2 p {
   margin:0;
   font-size: 13.5px;
   font-family: 'Coolvetica';
   font-weight: 100;
}
.notification2.err {
    background-color: #cc3333;
}
.notification2.mess {
    background-color: #33cc8c;
}
.err {
    background: url("../images/cross_circle.png") no-repeat scroll 0 0;
    border-color: transparent;
}
.mess{
  padding-left:10px;
  border-color: transparent;
}
.err ul, .err p { border-color: none; }

/******************/
/* == LIENS */
/******************/
a { color:#028293; text-decoration:none; }
a:hover:not(.no-decoration) { text-decoration:underline; }
a:active, a:focus { text-decoration:none; }

/*--------------------------
	INFOBULLES
---------------------------- */
.tipsy {
	font-size: 10px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}
.tipsy-inner {
	background-color: #399;
	color: #FFF;
	max-width: 200px;
	padding: 5px 8px 4px 8px;
	text-align: center;
}

/* Rounded corners */
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #399;
}

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #399; }
.tipsy-arrow-s { border-top-color: #399; }
.tipsy-arrow-e { border-left-color: #399; }
.tipsy-arrow-w { border-right-color: #399; }

.tipsy-n .tipsy-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
	top: 0; right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
	right: 0; top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent; }

/******************/
/* == HEADER */
/******************/
header {
	margin: 0 auto;
	padding:0;
	text-align:center;
}

header #flags {
    position:absolute;
	top:10px;
	right:30px;
}
header #flags a {
    margin: 0 0 0 10px;
	float: left;
}

/******************/
/* == NAVIGATION */
/******************/
.main-nav {
	width:100%;
  /* background-color:rgb(223,223,223); */
  /*background-color: #edecec;*/
  font-family: 'PetitaMedium';
}
/* .main-nav:not(.sticky){
	padding-left:500px;
  	padding-top:80px;
} */
.main-nav{
	padding-left:500px;
  	padding-top:80px;
}

.main-nav.sticky {
	transition: 500ms;
	transition-property: padding-left;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  background: url(../images/fond_header.png) no-repeat center;
  background-size: cover;
}

.main-nav.sticky #menu >li:first-child a{
  background-image: url("../images/logoGESPRO2.png");
  background-repeat: no-repeat;
  background-size: 30px auto;
  background-position: 30px center;
  padding-left:30px;
}

body.sticky{
  padding-top:120px;
}

#menu {
	height: 40px;
	padding:0;
  overflow:visible;
}

#menu > li {
  width:16.666666%;
	height: 40px;
  line-height:40px;
	float:left;
  text-align:center;
	position: relative;
  transition:500ms;
  white-space: nowrap;
  display: flex;
    justify-content: center;
}

#menu >li:not(.hasSub):after,
#menu >li.hasSub:after{
  content:"";
  display: block;
  background-color:#edecec;
  height:3px;
  position:absolute;
  bottom:6px;
  left:50%;
  width:30%;
  margin-left:-15%;
  border-radius:2px;
  transition: 500ms;
  transform: scaleX(0);
}

#menu >li.selected:after,
#menu >li:not(.hasSub):hover:after{
    transform: scaleX(1);
}

#menu >li:hover >a
{
  color:#edecec;
}
#menu >li.selected >a
{
  font-weight:600;
}
#menu a {
	display: block;
  border: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  font-size:1.6rem;
  /* color:#444; */
  transition:500ms;
  font-weight:500;
  color: #ffffff;
}

#menu ul.sousMenu {
  width:100%;
	height: auto;
  background-color:rgb(11,162,185);
	position: absolute;
	top: 40px;
  left: 0;
  top:40px;
  left:50%;
  margin-left:-50%;
  transform:scaleX(0);
  transition:500ms;
	z-index:200;
}

#menu ul.sousMenu li {
	padding: 0;
	line-height: 40px;
	text-align: left;
	background: none;
  transition:500ms;
  text-align:left;
}

#menu ul.sousMenu a {
  font-size:1.4rem;
  padding-left:10%;
	text-transform:uppercase;
  color: #fff;
}

/* #menu >li:hover a,#menu li:hover ul.sousMenu a,#menu li.sfhover ul.sousMenu a { color: #666; } */
#menu ul.sousMenu li:hover a, #menu ul.sousMenu li.sfhover a
{
	padding-left:20%;
  background-color: rgba(0,0,0,0.05);
}

.main-nav.nav-classic #menu li.hasSub:hover ul.sousMenu{
  transform: scaleX(1);
}

/******************/
/* NAV MOBILE     */
/******************/

/**** Nav mobile ****/


.mobile-nav{
  /* background-color:rgb(223,223,223); */
  /* background-color: #edecec; */
  background: url(../images/fond_header.png) no-repeat center;
  background-size: cover;
  height:50px;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  display: none;
  z-index:9999;
}

.mobile-nav .sticky-logo, .main-nav .sticky-logo{
  float:left;
  display:block;
  height: 50px;
}

.mobile-nav .sticky-logo img{
  height:100%;
}


.mobile-nav .burgerBtn, .main-nav .burgerBtn{
  float:right;
  display:block;
  height:50px;
  line-height:50px;
	outline:none;
	border:none;
	background-color:transparent;
	font-size:300%;
	/* color:rgb(11, 143, 156); */
	color:#edecec;
}
.main-nav .burgerBtn{
	display:none;
}

/************************/
/*******   btnTop *******/
/************************/

.btnTop.on {
    display: block;
}
.btnTop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 42px;
    height:42px;
    line-height: 38px;
    /* background-color: #CF5B04; */
    background-color:#028293;
    border:3px solid #29d0e6;
    color: white;
    border-radius:5px;
    font-size: 210%;
    text-align:center;
    z-index: 999;
}

.btnTop span{
  display: none;
}

/******************/
/* SLIDER HEADER  */
/******************/
header.sticky{
	width:100%;
	position:fixed;
	top:-80px;
	left:0;
	z-index:9999;
}
header #slideshow {
  margin: 0px;
	/*background: #008294;*/
	background: url(../images/fond_header.png) no-repeat center;
	background-size: cover;
}

header .bandeau{
	position:relative;
	width:1500px;
	margin:0 auto;
	min-width:1500px;
	width:100%;
}

header .bandeau img {
	position:absolute;
	top:0;
	left:0;
  opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	width:100%;
}
header .zone-logo{
	display:block;
	position: absolute;
	left:80px;
	transition: 500ms;
}
header .zone-logo img{
	position: relative;
	height:113px;
	transition: 500ms;
}
header.sticky .zone-logo img{
	height:40px;
}
header.sticky .zone-logo{
	bottom:0px;
	left:250px;
}


header .zone-slider {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	/* background: url(../images/texte-slider-bg.png) repeat-x; */
	background: none repeat scroll 0 0 rgba(0,179,203, 0.69);
}

header .text-slider {
	margin:0 auto;
  color: #FFFFFF;
  text-align: left;
	padding:10px;
}

header .sstitre-slider {
  font-family: 'Raleway';
  font-weight:500;
  font-size: 20px;
	margin:0 0 5px 0;
  text-transform: uppercase;
}

header ul.liste-slider {
    list-style-type: none;
    overflow: hidden;
    padding-left:0;
}

header ul.liste-slider li {
	font-size: 16px;
	float:left;
  width:25%;
	line-height:1;
  font-family: 'Raleway';
  font-weight:500;
}

/*************************/
/* SLIDER news et bimpro */
/*************************/

.sliderNav {
	position:absolute;
	bottom:0px;
  left:0;
	width:100%;
	text-align: center;
	margin:0;
}
.sliderNav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sliderNav ul li {
  display: inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color: #edecec;
	border: solid 1px #edecec;
	margin: 0 2px;
	cursor:pointer;
}

.sliderNav ul li.selected-slide{
  background-color:#028293;
}

.page-produit.page-produit-module .sliderNav ul li {
  display: inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color: #edecec;
	border: solid 1px #edecec;
	margin: 0 2px;
	cursor:pointer;
}

.page-produit.page-produit-module .sliderNav ul li.selected-slide{
	/* background-color: rgb(105,238,231); */
  background-color:#028293;
  border: solid 1px #29d0e6;
}

.page-produit.page-produit-module .btn-prev-slide,
.page-produit.page-produit-module .btn-next-slide
{
  color:#028293;
}

.sliderNav ul li span
{
	color: white;
	display: none;
}

.panel-slides{
	width:100%;
	overflow: hidden;
  	text-align: left;
	position:relative;
}

html>body .news .panel-slides, html>body .tems .panel-slides {
	min-height:230px;
	height:auto;
  	height:250px;
}

.panel-slide {
	width:100%;
  height:100%;
	position:absolute;
	left:0;
}

.btn-prev-slide,.btn-next-slide{
	position:absolute;
	border:none;
	color:#edecec;
	font-size:200%;
	top:50%;
	margin-top:-25px;
	outline:none;
  width:50px;
  height:50px;
  line-height:50px;
  background:none;
  cursor:pointer;
}

.btn-prev-slide{
	left:0px;
}

.btn-next-slide{
	right:0px;
}

/******************/
/* == CONTENU */
/******************/
.row-bloc {
	width: 960px;
   	margin: 0 auto 40px auto;
	text-align:left;
}
.row-equipe {
   	margin: 0 auto 5px auto;
}
.row-equipe .card {
   	width: 100%;
	max-width: 100px;

	margin: 0 auto; /* Added */
}
.row-equipe .card.hover {
	background-color: #319caa41;
}
.row-equipe .card.hover li {
	background-color: #319caa41;
}
.row-equipe .card img {
   	max-height: 120px;
	object-fit: cover;
}
.row-equipe .col-3 {
   	width: 20%;
}
.col {
    margin: 0 10px;
	float:left;
	position: relative;
	display:inline;
	text-align:left;
}
/*reset marges*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/*largeurs colonnes*/
.one { width:60px; }
.two { width:140px; }
.three { width:220px; }
.four { width:300px; }
.five { width:380px; }
.six { width:460px; }
.seven { width:540px; }
.eight { width:620px; }
.nine { width:700px; }
.ten { width:780px; }
.eleven { width:860px; }
.twelve { width:940px; }

/*decalage gauche*/
.prev-one { padding-left:80px; }
.prev-two { padding-left:160px; }
.prev-three { padding-left:240px; }
.prev-four { padding-left:320px; }
.prev-five { padding-left:400px; }
.prev-six { padding-left:480px; }
.prev-seven { padding-left:560px; }
.prev-eight { padding-left:640px; }
.prev-nine { padding-left:720px; }
.prev-ten { padding-left:800px; }
.prev-eleven { padding-left:880px; }
.prev-twelve { padding-left:960px; }

/*decalage droite*/
.next-one { padding-right:80px; }
.next-two { padding-right:160px; }
.next-three { padding-right:240px; }
.next-four { padding-right:320px; }
.next-five { padding-right:400px; }
.next-six { padding-right:480px; }
.next-seven { padding-right:560px; }
.next-eight { padding-right:640px; }
.next-nine { padding-right:720px; }
.next-ten { padding-right:800px; }
.next-eleven { padding-right:880px; }
.next-twelve { padding-right:960px; }

/*positionnement absolu gauche*/
.push-one { left:80px; }
.push-two { left:160px; }
.push-three { left:240px; }
.push-four { left:320px; }
.push-five { left:400px; }
.push-six { left:480px; }
.push-seven { left:560px; }
.push-eight { left:640px; }
.push-nine { left:720px; }
.push-ten { left:800px; }
.push-eleven { left:880px; }

/*positionnement absolu droit*/
.pull-one { left:-80px; }
.pull-two { left:-160px; }
.pull-three { left:-240px; }
.pull-four { left:-320px; }
.pull-five { left:-400px; }
.pull-six { left:-480px; }
.pull-seven { left:-560px; }
.pull-eight { left:-640px; }
.pull-nine { left:-720px; }
.pull-ten { left:-800px; }
.pull-eleven { left:-880px; }

/****** MODULES ******/

.mod {
	width:140px;
	height:180px;
	margin-right: 15px;
	float: left;
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: 0 0 10px 0 #999999;
    color: #333333;
    text-align: center;
}
.mod-no-margin-right { margin-right:0;}

.img-mod { width:70px; height:56px; margin-top: 10px; }

.p-mod {
	height:35px;
	margin:0;
    padding: 0 10px;
	line-height:1;
}
.lien-mod {
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    padding: 2px 10px;
    text-decoration: none;
	font-size:12px;
}
/*module centrinfo*/
.gespro .lien-mod { background-color: #CC3333; }
.gespro .titre-mod { color: #cc3333; }

/******************/
/* == FIL D'ARIANE */
/******************/
.breadcrumb {
	margin: 0 0 20px;
	display: block;
}
.breadcrumb ul {
	padding:10px 0;
	list-style: none;
  text-align:left;
}
.breadcrumb li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight:300;
  font-size:12px;
}
.breadcrumb li a {
  color:#00b3cb;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb .active {
  color: #999999;
  cursor:default;
}

/******************/
/* == ACCUEIL */
/******************/
#page-accueil #blocintro-accueil{
	background: url(../images/fond_accueil.jpg) no-repeat center;
	background-size: cover;
  }
#page-accueil #intro-accueil {
	position:relative;
  padding-top:40px;
}

#page-accueil .intro h1{
  margin: 0 0 10px;
  line-height: 1;
}

#page-accueil .intro h1 a{
  color:#038293;
  margin: 0 0 10px;
  line-height: 1;
  text-decoration: none;
}
#page-accueil .intro h2{
  font-family: PetitaBold;
  font-size:1.9rem;
}

#intro-accueil p.h5-like {
	font-size:1.34rem;
	color: #353636;
}

#intro-accueil img.schemaGespro{
  margin: -60px 0 5px 0;
  width: 100%;
  max-width: 900px;
  padding-left:15%;
}

a.btnAction,
input.btnAction{
  display: inline-block;
  padding:2px 10px;
  background-color:#038293;
  color:white;
  font-size:1.45rem;
  border-radius: 2px;
  border:2px solid #038293;
  transition: 500ms;
  /* font-family: 'Raleway',sans-serif; */
  font-family: PetitaMedium;
  font-weight: 500;
  text-align:center;
}

a.btnAction.fat,
input.btnAction.fat{
  padding:2px 15px;
  text-transform: uppercase;
  font-size:1.6rem;
}

a.btnAction:hover,
input.btnAction:hover
{
  text-decoration: none;
  background-color:transparent;
  color:#038293;
}

a.btnActionWhite{
  display: inline-block;
  padding:2px 10px;
  background-color:#ffffff;
  color:#038293;
  font-size:1.45rem;
  border-radius: 2px;
  border:2px solid #ffffff;
  transition: 500ms;
  font-family: PetitaMedium;
  font-weight: 500;
  text-align:center;
}

a.btnActionWhite:hover
{
  text-decoration: none;
  background-color:transparent;
  color:#ffffff;
}

/******************/
/* == CONNEXION */
/******************/
.connexion_iframe {
	width:225px;
  	background: #802020; /* Old browsers */
	background: -moz-linear-gradient(top,  #802020 0%, #cc3333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#802020), color-stop(100%,#cc3333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #802020 0%,#cc3333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #802020 0%,#cc3333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #802020 0%,#cc3333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #802020 0%,#cc3333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802020', endColorstr='#cc3333',GradientType=0 ); /* IE6-9 */

  border-color: #CC3333 #802020 #802020 #CC3333;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 10px 0 #000;
  position: absolute;
	z-index:200;
  top: 0px;
	right:0;
}

/**** Page accueil ****/

#connexion {
	width:75%;
  max-width:290px;
  min-width:250px;
  background-color:#efecec;
  border:none;
  border-radius: 1px;
  overflow:hidden;
  display: inline-block;
  margin-top:50px;
  
	box-shadow: 0px 0px 5px #9a9d9e;
}

#connexion h3,
#connexion h2{
  border:none;
  background-color:#00B3CB;
  background-color:#ff8a00;
  background-color:#CF5B04;
  font-size:1.9rem;
  text-transform: uppercase;
  color:white;
  margin:0;
}

#connexion h2{
  padding:20px 10px;
  font-style:italic;
}

#connexion h3{
  padding:20px 10px;
  text-align: center;
  font-family: 'Coolvetica';
  letter-spacing: .5px;
}

#connexion #formConnexion{
  border:none;
  padding:40px 20px 20px 20px;
}

#connexion #formConnexion p{
  margin:0;
}


#formConnexion p input[type="text"],
#formConnexion input[name="mdp"] {
    border: none;
    padding: 10px;
	font-size:1.1rem;
	width:100%;
	font-family: 'PetitaBold';
}


#password-container label {
	position: relative;
}

#password-container label .password-icon {
	display: flex;
	visibility: hidden;
	align-items: center;

	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 20px;

	color: #e6aa7d;
	transition: all 0.2s;
}

#password-container label .password-icon:hover {
  cursor: pointer;
  color: #cf5b04;
}

#password-container label .password-icon .feather-eye-off {
  display: none;
}

#formConnexion p input[type="text"]:first-child
{
    border-bottom: 1px solid #00B3CB;
    border-bottom: 1px solid #CF5B04;
    /* border-bottom: 1px solid #ff8a00; */
}

#formConnexion input::placeholder
{
    color: #00B3CB;
    color:#CF5B04;
    /* color:#ff8a00; */
    text-transform: uppercase;
}

#formConnexion p input[type="text"]:focus,
#formConnexion input[name="mdp"]:focus{
    outline:none;
}

#connexion #formConnexion p.submit{
	margin:0;
	display: inline-block;
	width:100%;
	margin-top: 20px;
}

#formConnexion input[name="mdp"] {
	margin-bottom: 20px;
}

#connexion #formConnexion p.submit input {

  padding:8px 10px;
  background:#00B3CB;
  background: #CF5B04;
  /* background:#ff8a00; */
  border:none;
  color: #ffffff;
  font-size:1.75rem;
  text-transform: uppercase;
  text-shadow: none;
	text-decoration: none;
  width:100%;
  height:auto;
  border-radius:1px;
  font-family: 'Coolvetica';
  letter-spacing: .5px;
}

#connexion #formConnexion p.submit input:hover {
    cursor: pointer;
}

.connexion_iframe h2{
	margin:0;
	padding: 20px 0 20px 20px;
  border-color: #802020 #CC3333 #CC3333 #802020;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  font-size: 26px;
	text-shadow:#000 2px 2px 2px;
  line-height:1.2;
}

#forgottenPass {
    color:inherit;
    display: block;
    text-align: center;
    text-decoration: underline;
	font-size:1.34rem;
	color: #353636;
	font-family: 'PetitaBold';
}


#avantages-accueil{
    padding: 20px 0;
    background-color: #ffffff;
}

#avantages-accueil .avantages img{
	width:100%;
	padding: 0 43%;
}
#avantages-accueil h3{
	color: #00b3cb;
}
#avantages-accueil h4{
	color: #038293;
	font-style: normal;
	font-size:1.45rem;
	font-family: 'Coolvetica';
}
#avantages-accueil p{
	padding: 0 30%;
	font-size:1.2rem;
	font-family: 'PetitaMedium';
}

/******************/
/*  ACTUS accueil */
/******************/

#page-accueil #actualites-accueil{
  overflow:hidden;
  background-color:#038293;
  background: url(../images/fond_rubriques.png) no-repeat center;
  background-size: cover;
  position:relative;
  padding:10px 0 10px 0;
}

#page-accueil .news, #page-accueil .tems{
  padding: 10px 60px 40px 60px;
  position:relative;
}

#actualites-accueil .news h2, #actualites-accueil .tems h2{
    border:none;
}

#actualites-accueil .news h2 a, #actualites-accueil .tems h2 a{
    font-size:2.15rem;
    color:white;
    text-transform: uppercase;
    text-decoration: none;
}

#actualites-accueil .panel-news .bloc-news:first-child{
  text-align:left;
}

#actualites-accueil .panel-news .bloc-news:last-child{
  text-align:center;
}

#actualites-accueil .bloc-news, #actualites-accueil .bloc-tems{
	padding: 0 2%;
}

#actualites-accueil .soustitre-news, #actualites-accueil .soustitre-tems{
  color:white;
}

#actualites-accueil .texte-news,#actualites-accueil .texte-news a, #actualites-accueil .texte-tems{
  color:white;
  margin: 6px 0;
}


#actualites-accueil .lien-news{
  text-align: right;
}
#actualites-accueil img.quote{
    height:30px;
}
#actualites-accueil .bloc-tems{
    padding-top:30px;
}
#actualites-accueil .bloc-tems p{
	padding: 0 2%;
}

#actualites-accueil{
	font-family: 'PetitaMedium';
}

/**** commun actualités accueil et page actualités *****/

.texte-news, .texte-news a{
  text-decoration: none;
}

.visuel-news {
  display: inline-block;
  /* border:2px solid #81eaf7; */
  border:2px solid rgb(141, 141, 141);
}

.visuel-news.h100{
  height:100%;
  width:auto;
}

.visuel-news.w100{
  height:auto;
  width:100%;
}

.visuel-news.rond{
	/* cache ce qui sort du conteneur */
	overflow : hidden;
	/* zone de recadrage conteneur */
	display : inline-block; width : 130px; height : 130px;
	/* Je suis l'axe d'origine des éléments fils positionnés */
	position : relative;
	vertical-align : middle;
	border-radius: 50%;
	margin-top:10px;
	margin-bottom:0px;
}
.visuel-news.rond img{
	/* Déclare un élément positionné */
	position : absolute;
	/* Décale l'image */
	left : 0; top : 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

h3.titre-news, h3.ateur-tems
{
  margin-top:10px;
  margin-bottom:15px;
  font-size:1.5rem;
  color: #81eaf7;
  font-family: 'Coolvetica';
}
h3.titre-news
{
  display: inline-block;
}

.soustitre-news, .soustitre-tems {
	letter-spacing:2px;
  	font-style: italic;
  	font-size:1.3rem;
	  padding-left:5px;
	  margin-bottom:5px;
}
.soustitre-news {
  	display: inline-block;
}

/********************************/
/** Section Références accueil **/
/********************************/
#clients-accueil{
    font-family: PetitaMedium;
    padding-top:20px;
    background-color: #ffffff;
}

#references-accueil{
  padding:40px 10% 0 10%;
  background-color: #edecec;
}

#references-accueil h2{
  text-align:right;
  border:none;
  text-transform: uppercase;
}

#references-accueil h2 a{
  color:#028293;
  font-size:3rem;
  text-decoration:none;
}

#references-accueil > h3{
  text-align:right;
  margin-bottom:40px;
  text-transform: none;
}

/********************************/
/******* Page Références  *******/
/********************************/

#page-references #intro >div:first-child {
    text-align: left;
    padding-right: 40px;
}

#page-references #intro >div:last-child {
    text-align: left;
    padding-top: 100px;
    background: url(../images/plan.jpg) no-repeat right top;
}

#page-references #intro{
  margin-bottom:40px;
}

#page-references h3{
  text-transform: none;
}

/*******************************************************/
/*** Bandeau clients page accueil et page références ***/
/*******************************************************/

.clients {
	height:40px;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}

#bandeauClients {
	height:40px;
}

.logo-client {
	margin: 0 30px 0 0;
}
.logo-client a img {
	vertical-align:middle;
	height:40px;
}

/*******************************/
/* Grille projets page accueil */
/*******************************/

#references-grid{
  position:relative;
}

/**** Grille basée sur un ratio largeur hauteur de 12 par 7.5, ie hauteur = width * 7.5 / 12
// Une unité = 1/12 de largeur = 8.333333% largeur
// Pour travailler en pourcentage de hauteur:
// Une unité verticale = 1/12  * largeur = 1/12 * (12 / 7.5 hauteur) = 1/7.5 hauteur = 13.33333% hauteur
****/

.col-1{
  width:8.33333%; /* une unité  en largeur*/
}
.col-2{
  width:16.66666%; /* 2 unités en largeur */
}
.col-2-5{
  width:20.83333%; /* 2.5 unités en largeur */
}
.col-3{
  width:25%;
}
.col-3-5{
  width:29.16666%;
}
.col-4{
  width:33.33333%;
}
.col-4-5{
  width:37.5%;
}
.col-5{
  width:41.66666%;
}
.col-6{
  width:50%;
}
.col-7{
  width:58.33333%;
}
.col-8{
  width:66.66666%;
}
.col-9{
  width:75%;
}
.col-10{
  width:83.33333%;
}
.col-11{
  width:91.66667%;
}
.col-12{
  width:100%;
}

.row-1{
  height:13.33333%; /* une unité en hauteur */
}

.row-1-5{
  height:20%; /* 1.5 unités en hauter */
}

.row-2{
  height:26.66666%; /* 2 unités en hauteur */
}

.row-2-5{
  height:33.33333%;
}

.row-3{
  height:40%;
}

.row-3-5{
  height:46.66666%;
}

.row-4{
  height:53.33333%;
}

.row-4-5{
  height: 60%;
}

.projets {
	overflow:hidden;
	position:relative;
	margin-bottom:40px;
}

#references-grid > div{
  position: absolute;
  padding:10px; /* géré aléatoirement en js */
}

#references-grid .project-container{
  height:100%;
  /* border: 2px #028293 solid; */
  box-shadow: 1px 1px 12px #555;
  background-image: url("../images/bimpro-bg.jpg");
  background-clip: content-box;
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center center;
  position:relative;
  overflow:hidden;
  box-sizing:content-box;
}

#references-grid > div:nth-child(1){
  top:6.66666%;
  left:12.5%;
}
#references-grid > div:nth-child(2){
  top:0;
  left:29.16666%;
}
#references-grid > div:nth-child(3){
  top:6.66666%;
  left:62.5%;
}
#references-grid > div:nth-child(4){
  top:33.33333%;
  left:4.166666%;
}
#references-grid > div:nth-child(5){
  top:20%;
  left:29.16666%;
}
#references-grid > div:nth-child(6){
  top:26.666666%;
  left:62.5%;
}
#references-grid > div:nth-child(7){
  top:53.3333%;
  left:0;
}
#references-grid > div:nth-child(8){
  top:46.66666%;
  left:29.16666%;
}
#references-grid > div:nth-child(9){
  top:46.6666%;
  left:45.83333%;
}
#references-grid > div:nth-child(10){
  top:46.66666%;
  left:70.83333%;
}
#references-grid > div:nth-child(11){
  top:79.9999%;
  left:12.5%;
}
#references-grid > div:nth-child(12){
  top:66.66666%;
  left:45.83333%;
}

#references-grid >div{
  background-color: transparent !important;
  box-sizing:border-box;
}

#references-grid .project-container >p{
  display:none;
}

#references-grid .project-container >p.visible{
  display:block;
  width:40px;
  height:40px;
  font-size:18px;
  line-height:40px;
  position:absolute;
  text-align:center;
  z-index:9999;
  top:50%;
  margin-left:-20px;
  left:50%;
  margin-top:-20px;
  background-color:#028293;
  opacity:0.8;
  color:white;
}

/**** div non affichée servant uniquement à récupérer les infos en php ****/
#references-grid-zorro{
  display: none;
}

#references-grid .project-container .lien-projet {
    display: block;
    width:100%;
    height:100%;
    display: block;
    overflow:hidden;
    position:relative;
    background-color:rgba(0,0,0,0.5);
  	opacity:0;
  	transition:300ms;
}

#references-grid .project-container a.lien-projet:hover{
  background-size:150%;
}

#references-grid .project-container:hover a.lien-projet{
	opacity:1;
  cursor:zoom-in;
}

#references-grid .project-container .lien-projet .infos-projet{
	position:absolute;
	width:100%;
	display: block;
  max-height:100%;
	bottom:-100%;
	left:0;
	background-color:rgba(2,130,147,0.5);
	color:white;
	text-align: center;
  padding:5px;
  font-size:42px;
}

#referenes-grid .project-container.projet-courant{
  border-width:4px;
  border-color: rgb(207, 91, 4);
}

#references-grid .project-container.projet-courant  .infos-projet{
  position:absolute;
	width:100%;
	display: block;
  max-height:100%;
	bottom:0;
	left:0;
	background-color:rgb(207, 91, 4);
	color:white;
	text-align: center;
  padding:5px;
  font-size:42px;
}

#references-grid .project-container:hover .lien-projet .infos-projet{
	bottom:0;
}

/**********************/
/* Page NOS PRODUITS */
/*********************/

#page-nos-produits #intro-produits{
  margin-bottom:20px;
}

#page-nos-produits #intro-produits .col-2-3{
  color: #353636;
}
#page-nos-produits #intro-produits .btn_produit{
  margin-top:60px;
  margin-bottom:30px;
}

#page-nos-produits #intro-produits .col-2-3 p:last-child{
  margin-bottom:20px;
}

#page-nos-produits #intro-produits .col-1-3 img{
  display: inline-block;
  width:100%;
}

#page-nos-produits #intro-produits p .btnAction{
  margin-bottom:20px;
}

#page-nos-produits #intro-produits p .btnAction:first-child{
  margin-right:10px;
}

#page-nos-produits h2{
  margin:15px 0 0 0;
  text-align:left;
  /* font-family: 'Coolvetica'; */
  letter-spacing : 1px;
  font-weight: 0;
}

#page-nos-produits h1{
  padding-left:0;
}

#page-nos-produits img{
  border:none;
}

#page-nos-produits .ligne-produits h3{
	color:#4c4c4c;
	font-size: 1.2rem;
	text-transform : none;
}

#page-nos-produits ul{
  list-style-type: square;
}

#page-nos-produits .produit{
  position:relative;
  padding: 60px 10px 10px 10px;
  background-color: white;
  margin:10px auto 15px auto;
  max-width: 355px;
  height: 630px;
  box-shadow: 1px 1px 12px #555;
  background-repeat: no-repeat;
  background-size: 100%;
}
#page-nos-produits .centrinfo .produit{
  background-image: url("../images/header_centrinfo.jpg");
}
#page-nos-produits .difdoc .produit{
  background-image: url("../images/header_difdoc.jpg");
}
#page-nos-produits .profi .produit{
  background-image: url("../images/header_profi.jpg");
}
#page-nos-produits .bimpro .produit{
  background-image: url("../images/header_bimpro.jpg");
}


#page-nos-produits .ligne-produits h2,
#page-nos-produits .ligne-produits h3{
  padding-left:70px;
}
#page-nos-produits .ligne-produits h3{
	margin-top:5px;
}


#page-nos-produits .ligne-produits ul{
  padding: 20px 30px 30px 30px;
  line-height: 26px;
}

#page-nos-produits img:not(.icone-produit)
{
  max-width:600px;
}

/*****************************************************************/
/***** Commun page produit: CENTRINFO, DIFDOC, BIMPRO, PROFI *****/
/*****************************************************************/

.page-produit >div:first-child,
.page-societe >div:first-child{
  padding:0;
  padding-bottom:40px;
}
#page-nos-produits.page-produit >div:first-child,
.page-societe >div:first-child{
	padding-bottom:0px;
}

.page-produit >div,
.page-societe >div{
  padding:40px 0;
}
.page-produit ul,
.page-societe ul{
  color:#353636;
}

 /* // div impair, fond gris */
.page-produit >div:nth-child(even),
.page-societe >div:nth-child(even){
   background-color:#edecec;
   color:#353636;
 }

.page-produit >div:nth-child(even) strong,
.page-societe >div:nth-child(even) strong{
   color:#00b3cb;
 }

.page-produit >div:nth-child(even) h2{
   text-align:right;
 }
.page-produit.page-produit-module >div:nth-child(even) h2,
.page-societe >div:nth-child(even) h2{
	text-shadow: -1px 1px 0px #038293;
 }

.page-produit >div:nth-child(even):not(:first-child) img{
   border:3px solid #118c9e;
 }

 /* div impair fond bleu foncé, hors div intro */
.page-produit >div:nth-child(odd):not(:first-child),
.page-societe >div:nth-child(odd):not(:first-child){
   background-color:#028293;
   color:white;
 }
.page-produit >div:nth-child(odd):not(:first-child) h2,
.page-societe >div:nth-child(odd):not(:first-child) h2{
	color: #81eaf7;
  }
.page-produit >div:nth-child(odd):not(:first-child) strong,
.page-societe >div:nth-child(odd):not(:first-child) strong{
   color:#81eaf7;
 }

.page-produit.page-produit-module >div:nth-child(odd) h2,
.page-societe >div:nth-child(odd) h2{
	text-shadow: -1px 1px 0px #01343b;
 }
.page-produit >div:nth-child(odd):not(:first-child) img,
.page-societe >div:nth-child(odd):not(:first-child) img{
   /* border:3px solid #29d0e6; */
 }
 
.page-produit.page-produit-module #section4 h2{
	color:#038293;
	text-shadow: -1px 1px 0px #00b3cb;
  }

.page-produit h1,
.page-societe h1{
  padding-left:80px;
  padding-top:10px;
}

.page-produit h2{
  font-size:1.8rem;
}
.page-produit .centrinfo h2{
	color: #04a0b3;
}
.page-produit .difdoc h2{
	color: #ff8a00;
}
.page-produit .profi h2{
	color: #7c7f8d;
}
.page-produit .bimpro h2{
	color: #4616a7;
}

.page-produit .ligne-produits a{
	position: absolute;
	bottom:10px;
	right:10px;
}

.page-produit img{
  display: inline-block;
  width:100%;
}

.page-produit:not(#page-bimpro) img{

}

.page-produit .icone-produit,
.page-societe .icone-produit{
	display: block;
	position:absolute;
	top:0;
	left:-15px;
	width:auto;
	height:80px;
	border:none;
}
.page-produit .ligne-produits .icone-produit,
.page-societe .ligne-produits .icone-produit{
  top:75px;
  height:60px;
  left:0px;
}

.page-produit .grid,
.page-societe .grid{
  display: block;
}

.page-produit .responsive,
.page-societe .responsive{
  display: none;
}

.page-produit .wrapper .fl-parent:not(:last-child),
.page-societe .wrapper .fl-parent:not(:last-child){
    margin-bottom:20px;
}

.page-produit-module.page-produit .intro p,
.page-societe .intro p{
	color: #353636;
}
.page-produit-module.page-produit strong,
.page-societe strong{
	color: #00b3cb;
}
.page-produit.page-produit-module.page-produit .intro h2,
.page-societe .intro h2{
	color: #038293;
	font-weight: 200;
	margin:0 0 50px 0;
	text-shadow: none;
}
.page-produit-module.page-produit h1,
.page-societe h1{
	font-size: 4rem;
	margin:0;
}
.page-produit-module.page-produit .classer, .page-produit-module.page-produit .partager,
.page-societe .classer, .page-societe .partager{
	box-shadow: inset 0px 10px 12px -10px #555;
}

.bloc-video
{
 	max-width:570px;
  	margin:auto;
	background-color:#319caa;
	border:solid 1px #319caa;
}
#page-centrinfo .bloc-video
{
	background-color:#c4e3ee;
	border:solid 1px #c4e3ee;
}
#page-difdoc .bloc-video
{
	background-color:#ffbf80;
	border:solid 1px #ffbf80;
}
#page-profi .bloc-video
{
	background-color:#dddddd;
	border:solid 1px #dddddd;
}

#page-bimpro .bloc-video
{
	background-color:#c5caeb;
	border:solid 1px #c5caeb;
}

/************************/
/**** Page Centrinfo ****/
/************************/

/*  div invisble ajoutée pour conserver l'affichage pair/impair */
#page-centrinfo .zorro{
  padding:0;
  margin:0;
}

#page-centrinfo .classer .col-2-3{
  padding-top:40px;
}

#page-centrinfo .classer .fl-parent:nth-child(even) .col-2-3{
  padding-right:40px;
}

#page-centrinfo .classer .fl-parent:nth-child(odd) .col-2-3{
  padding-left:40px;
}

#page-centrinfo #partager .col-1-3:nth-child(3){
  padding:0 20px;
}
#page-centrinfo img:not(.icone-produit)
{
  max-width:460px;
}

.page-produit:not(#page-nos-produits) img:not(.icone-produit)
{
  max-width:460px;
}

/******************************/
/******* Page DifDoc *********/
/*****************************/

#page-difdoc > div .wrapper .fl-parent:not(:last-child){
  margin-bottom:60px;
}

#page-difdoc .fl-parent .col-2-3{
  padding-top:40px;
  padding-right:40px;
}

#page-difdoc >div .wrapper .fl-parent:last-child .col-1-3.txt-center{
  padding:0 20px;
}

/******************************/
/******** Page Profi *********/
/*****************************/




/******************************/
/******* Page Bimpro *********/
/*****************************/

.page-produit.page-produit-module .intro > .wrapper{
  overflow:hidden;
  padding: 0 60px 40px 60px;
  position:relative;
}

.page-produit.page-produit-module .panel-slides{
  min-height:410px;
  height:410px;
}
#page-difdoc.page-produit.page-produit-module .panel-slides{
	min-height:760px;
}
#page-profi.page-produit.page-produit-module .panel-slides {
	min-height: 500px;
}
#page-difdoc.page-produit:not(#page-nos-produits) .intro img:not(.icone-produit){
	max-width: 660px;
}
.page-societe .panel-slides{
	min-height:100px;
}

.page-produit.page-produit-module .panel-slide,
.page-produit.page-produit-module .panel-slide a.lien-slider,
.page-produit.page-produit-module .panel-slides .panel-slide a.lien-slider > div.fl-left,
.page-societe .panel-slide,
.page-societe .panel-slide a.lien-slider,
.page-societe .panel-slides .panel-slide a.lien-slider > div.fl-left{
  height:100%;
}

.page-produit.page-produit-module .panel-slide img.h100,
.page-societe .panel-slide img.h100{
  display:inline-block;
  width:auto;
  height:100%;
  text-align: center;
  margin:0;
}

.page-produit.page-produit-module .panel-slide .img-legende img.h100,
.page-societe .panel-slide .img-legende img.h100{
  max-height:260px;
  border: 3px solid #29d0e6;
  width:auto;
}

.page-produit.page-produit-module .wrapper > .col-1-2:nth-child(2),
.page-produit.page-produit-module .wrapper .fl-parent > .col-1-2:nth-child(2),
.page-societe .wrapper > .col-1-2:nth-child(2),
.page-societe .wrapper .fl-parent > .col-1-2:nth-child(2){
  padding-right:20px;
}

.page-produit.page-produit-module .wrapper > .col-1-2:nth-child(3),
.page-produit.page-produit-module .wrapper .fl-parent > .col-1-2:nth-child(3),
.page-societe .wrapper > .col-1-2:nth-child(3),
.page-societe .wrapper .fl-parent > .col-1-2:nth-child(3){
  padding-left:20px;
}

.page-produit.page-produit-module div[id^="section"] h2,
.page-societe div[id^="section"] h2{
	font-size: 2.8rem;
	margin-bottom:30px;
}
.page-produit.page-produit-module div[id^="section"],
.page-societe div[id^="section"]{
  padding-top:65px;
  box-shadow: inset 0px 10px 12px -10px #555;
}
.page-societe div[id^="section"]{
	padding-bottom:65px;
}
.page-produit.page-produit-module div[id^="section"] h3,
.page-societe div[id^="section"] h3{
	color: #038293;
    font-weight: 200;
    margin: 0 0 15px 0;
    text-shadow: none;
}
#page-bimpro.page-produit:not(#page-profi):not(#page-nos-produits) .intro img:not(.icone-produit){
	max-width: 1000px;
}
.page-produit:not(#page-profi):not(#page-nos-produits) div[id^="section"] img:not(.icone-produit){
	max-width: 600px;
}
.page-produit:not(#page-profi):not(#page-nos-produits) div#section4 img:not(.icone-produit){
	max-width: 350px;
}

#page-bimpro.page-produit:not(#page-profi):not(#page-nos-produits) div[id^="section"] img:not(.icone-produit){
	max-width: 450px;
}

.page-produit.page-produit-module >div:last-child,
.page-produit.page-produit-module >div:first-child,
.page-societe >div:last-child,
.page-societe >div:first-child
{
    background-color: white;
    color: #353636;
}

.page-produit.page-produit-module >div:last-child strong,
.page-produit.page-produit-module >div:first-child strong,
.page-societe >div:last-child strong,
.page-societe >div:first-child strong
{
    color: #00b3cb;
}

.page-produit.page-produit-module >div img.no-border,
.page-societe >div img.no-border{
  border:none;
}

.page-produit.page-produit-module p,
.page-societe {
	font-family: 'PetitaMedium';
}
.page-societe li:not(.list-group-item){
	font-size:1.3rem;
}

#page-bimpro h3{
  text-transform: uppercase;
  line-height:25px;
}

#page-bimpro .img-legende{
  position:relative;
  overflow:visible;
  padding-bottom: 24px;
}

#page-bimpro .img-legende p{
  position:absolute;
  font-size:20px;
  text-transform: uppercase;
  border: 3px solid #29d0e6;
  bottom:0;
  left:50%;
  margin-left:-130px;
  display:block;
  color:white;
  text-align:center;
  width:260px;
  line-height:56px;
  height:56px;
  background-color: #026673;
  box-sizing: content-box;
}

#page-bimpro .bandeauBloc img,
#page-bimpro .bandeauBloc p
{
  display: inline-block;
  color:#00b3cb;
  height:60px;
  line-height:60px;
  width:auto;
  vertical-align: middle;
  font-size:20px;
  border:none;
  margin:0;
}

#page-bimpro .bandeauBloc p
{
  padding: 0 20px;
}

#page-bimpro .intro .wrapper .col-1-2:first-child{
  position:relative;
}



#page-bimpro #section2 p.md-large{
  display:block;
}

#page-bimpro #section2 p.xs-small{
  display:none;
}

#page-bimpro #section2 p.xs-small ~p{
  margin-top:0;
}

#page-bimpro #section3 img,
#page-bimpro #section1 img{
  max-width:70%;
}

#page-bimpro ol li{
  margin-bottom:5px;
}

#page-bimpro #section4 .col-1-3{
  width:45%;
}

#page-bimpro #section4 .col-2-3{
  width:55%;
}

.page-produit.page-produit-module #panelSlide1 .col-1-3{
  width:46%;
}

.page-produit.page-produit-module #panelSlide1 .col-2-3{
  width:54%;
}

#page-bimpro #section4 .fl-parent .fl-left:first-child,
#page-bimpro #section2 .wrapper .fl-left:first-child
{
  padding-right:20px;
}

#page-bimpro #section4 .fl-parent .fl-left:last-child,
#page-bimpro #section2 .wrapper .fl-left:last-child
{
  padding-left:20px;
}

#page-bimpro a.lien-slider{
  overflow:hidden;
  display:block;
  text-decoration: none;
}

/******************/
/*** NOS OFFRES ***/
/******************/
#page-offres .offre {
  padding: 40px;
  text-align:left;
}

#page-offres .wrapper:nth-child(2),
#page-offres > .wrapper:last-child
{
  margin-bottom:40px;
}

#page-offres .offre-header {
	padding-bottom:10px;
  padding-left:160px;
  padding-top:50px;
  height: 162px;
  text-align:left;
  overflow:hidden;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.offre.gespro-LT .offre-header{
  background-image: url("../images/packaging_gespro_LT.jpg");
}
.offre.gespro-CI-DD .offre-header{
  background-image: url("../images/packaging_gespro_CI_DD.jpg");
}
.offre.gespro-CI-PF .offre-header{
  background-image: url("../images/packaging_gespro_CI_PF.jpg");
}
.offre.gespro-CI-DD-PF .offre-header{
  background-image: url("../images/packaging_gespro_CI_DD_PF.jpg");
}
.offre.gespro-PM .offre-header{
  background-image: url("../images/packaging_gespro_PM.jpg");
}
.offre-header h3{
  margin:0;
}
.offre-body {
  border:1px solid #028293;
}
.offre-body p {
	margin:0;
}
.offre-body .chapeau {
	padding:10px 20px;
	background: #028293;
	color:#FFF;
}
.offre-body .chapeau .iconsweet {
	margin-right:10px;
	font-size:14px;
	color:white;
	text-shadow:none;
}
.offre-body .titre-details {
	padding:0 20px;
	background: #333333;
	color:#FFF;
}
.offre-body .details {
	padding:10px 30px;
  background-color: #edecec;
}

/******************/
/* NOS REFERENCES */
/******************/
#page-references .intro-refs {
	width:340px;
	margin-right:80px;
	float:left;
}

#page-references .mod-projet {
  color: #333333;
  text-align: left;
	border: 1px solid #00B3CB;
  margin-bottom:40px;
}

#page-references .header-mod-projet {
	padding:5px 10px;
	background: #00B3CB;
	color:#FFF;
}

#page-references .header-mod-partenaire {
	padding:5px 10px;
	background: #333;
	color:#FFF;
	line-height:0.5;
}

#page-references .body-mod-projet {
	padding:10px;
  overflow:hidden;
}

#page-references .body-mod-projet .fl-left:first-child{
	padding-right:10px;
}

#page-references .body-mod-projet img{
  display: block;
  width:100%;
}

/********************/
/* Page Partenaires */
/********************/

#page-nos-partenaires .mod-partenaire{
    padding: 20px 0;
}

#page-nos-partenaires .mod-partenaire .visuel-partenaire{
    display: block;
    float: left;
    margin-right: 20px;
    width: auto;
    height:100%;
    max-height:100px;
    margin-bottom: 0px;
    border: none;
}

#page-nos-partenaires .type-partenaire{
  padding:40px 0;
}

/* // div impair, fond gris */
#page-nos-partenaires .type-partenaire:nth-child(even){
  background-color:#edecec;
  color:#666;
}

#page-nos-partenaires .type-partenaire:nth-child(even) strong{
  color:#025f6b;
}

#page-nos-partenaires .type-partenaire:nth-child(even) h2{
  text-align:right;
  text-shadow: -1px 1px 0px #038293;
}

#page-nos-partenaires .type-partenaire:nth-child(even) a{
  color:inherit;
  font-size:inherit;
}

/* div impair fond bleu foncé, hors div intro */

#page-nos-partenaires  .type-partenaire:nth-child(odd){
  color:white;
  font-size:inherit;
}

#page-nos-partenaires  .type-partenaire:nth-child(odd):not(:first-child){
  background-color:#028293;
  color:white;
}

#page-nos-partenaires  .type-partenaire:nth-child(odd) h2{
  color:#29d0e6;
  text-align:right;
}

#page-nos-partenaires  .type-partenaire:nth-child(odd) h3{
  color:#29d0e6;
}

#page-nos-partenaires  .type-partenaire:nth-child(odd) h4
{
  color:white;
}

#page-nos-partenaires  .type-partenaire:nth-child(odd) a{
  color:inherit;
  font-size:inherit;
}

#page-nos-partenaires .type-partenaire{
  padding:40px 0;
}

#page-nos-partenaires h4.domaine-partenaire{
  text-transform: uppercase;
}

#page-nos-partenaires h4.domaine-partenaire,
#page-nos-partenaires a.lien-partenaire
{
  margin:10px 0;
}

/******************/
/* Page CONTACT  **/
/******************/

#page-contact h1,
#page-contact h2
{
  text-align:left;
}

#page-contact h3
{
  text-transform: none;
}

#page-contact>div{
  margin-bottom:40px;
}

#page-contact #contact-coord address{
  font-style:normal;
}

#page-contact #contact-coord .coordonnees,
#map .explications{
  padding-right:20px;
  margin-bottom:40px;
}

#page-contact #contact-coord .coordonnees p{
  text-align:left;
  margin:0;
}

#page-contact #contact-coord .coordonnees .mb{
  margin-bottom:20px;
}

/*Formulaire de contact*/
#page-contact .contact p{
	margin:0 0 10px 0;
  text-align:left;
  overflow: hidden;
}

#page-contact .contact label {
  display: block;
	font-size:100%;
}

#page-contact form.contact input, form.contact textarea,.submit{
	display:block;
  width:100%;
  max-width:560px;
  font-size:14px;
}

#page-contact .contact label, .contact input{
  /* font-family:'petitamediumregular'; */
}

#page-contact .contact input[type=text], .contact input[type=email], textarea {
    padding: 9px;
    border: solid 1px #E5E5E5;
    border-radius:2px;
    outline: 0;
    color:inherit;
}

#page-contact .contact input::placeholder, textarea::placeholder {
    color:#999999;
}

#page-contact .contact textarea {
    height: 150px;
    line-height: 150%;
    overflow:auto;
    resize:none;
    overflow-y:scroll;
    overflow-x:hidden;
}

#page-contact .contact input[type=text]:focus,
#page-contact .contact input[type=email]:focus,
#page-contact .contact textarea:focus {
  border-color: #038293;
  color:#038293;
}

#page-contact .contact .submit{
  text-align:right;
}

#page-contact .contact .submit input {
    cursor:pointer;
    display: inline-block;
    width:180px;
}

#page-contact #map >div:last-child{
  text-align:left;
}

/*Liste étapes*/
#page-contact .num_puces_auto {
	padding-left:0;
	counter-reset:etapes;
}/*Initialisation et nommage d'un compteur*/
#page-contact .num_puces_auto li {
	list-style-type:none;
	counter-increment:etapes; /*Incrémentation du compteur à chaque nouveau li*/
	margin-bottom:10px;
  text-align:left;
  position:relative;
  /* margin-right: 10px; */
}
#page-contact .num_puces_auto li span:before {
	content: counter(etapes); /* on affiche le compteur */

  background: #038293;
  -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
  border-radius: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height:16px;
  display: block;
  position:absolute;
  top:0;
  left:0;
  width:16px;
  height:16px;
  padding:4px;
  text-align:center;
  color: white;
}
#page-contact .num_puces_auto li span{
	display: inline-block;
  padding-left:35px;
  line-height:24px;
}

#page-contact iframe {
	width:100%;
	height:350px;
	margin:0;
	border:0;
}

/******************/
/* == RECRUTEMENT */
/******************/
#page-recrutement .wrapper .job-mod{
	padding:40px 0;
  overflow:hidden;
}

#page-recrutement .wrapper .job-mod h2{
	padding-right:10px;
}

#page-recrutement .wrapper .job-mod{
  position:relative;
  /* overflow:visible; */
}

#page-recrutement .wrapper .job-mod:not(:last-child)::after{
	/* border-bottom:solid 1px #028293; */
  content: "";
  display: block;
  background-color: rgb(11,162,185);
  height: 6px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 30%;
  margin-left: -15%;
  border-radius: 2px;
}

#page-recrutement .date-job {
	color:#999;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:20px;
}

#page-recrutement.infos-job {
	margin-bottom:20px;
	background:#f5f5f5;
	border:solid 1px #028293;
}

#page-recrutement .infos-job h3{
  margin-bottom: 0;
  padding: 10px;
}

#page-recrutement .infos-job-header {
	padding:10px 0;
	background: #028293;
  color:white;
	font-size:14px;
	text-align:center;
}

#page-recrutement .infos-job ul {
	padding:10px 10px;
	list-style:inside;
	list-style-type:none;
}

/************************/
/*** page actualités ***/
/***********************/

#page-actualites .mod-news {
	padding-bottom:25px;
	padding-top:45px;
  	overflow:hidden;
	padding-left: 15px;
	padding-right: 15px;
}
#page-actualites .mod-news:nth-child(2n) {
	background: #edecec;
}


#page-actualites h1{
  font-size:3rem;
  /* font-family: 'petitamediumregular'; */
  color:#028293;
  text-transform: uppercase;
}

#page-actualites a{
  color:#028293;
}

#page-actualites{
  overflow:hidden;
  text-align:left;
}

#page-actualites .actualites-nav{
  overflow:hidden;
}

#page-actualites .col-1-1{
	width: 100%
}
#page-actualites .col-1-6{
  width:16.6666%;
}
#page-actualites .col-1-2{
	width: 50%
}
#page-actualites .col-2-6{
	width: 33.33333%;
}

#page-actualites .col-4-6{
	width: 66.66666%
  }
#page-actualites .col-5-6{
  width: 83.33333%
}

#page-actualites .col-1-7{
	width:14.2857%;
}
#page-actualites .col-2-7{
	width:28.5714%;
}
#page-actualites .col-3-7{
	width:42.8571%;
}
#page-actualites .col-4-7{
	width:57.1428%;
}
#page-actualites .col-5-7{
	width:71.4285%;
}
#page-actualites .col-6-7{
	width:85.7142%;
}

#page-actualites h3{
  display: block;
  color: #319baa;
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom:5px;
}

#page-actualites .mod-news .visuel-news{
  display: block;
  float:left;
  margin-right: 20px;
  width:30%;
  margin-bottom: 20px;
  border: none;
}
/* 
#page-actualites .mod-news:nth-child(even) .visuel-news{
  float:right;
  margin-right: 0;
  margin-left:20px;
} */

/**** catégories page actualités ****/
.categories li a{
  /* font-family:'petitamediumregular'; */
  font-size:14px;
}

.categories{
  text-align:right;
}

/*****************************************************/
/** PAGINATION page références  et page actualités ***/
/*****************************************************/
.pagination {
  overflow:hidden;
  margin-bottom:40px;
}

.pagination ul {
	padding:0;
	list-style-type:none;
	margin-bottom:20px;
}

.pagination li {
  float:left;
	margin-right:5px;
	padding:0 5px;
}

.pagination li,
.pagination li:hover {
	cursor: pointer;
}

.pagination li.page_active,
.pagination li.page_active:hover{
	cursor: default;
}

.pagination li a {
  /* font-family: 'petitamediumregular'; */
  font-size:14px;
}

/******************/
/* == FOOTER */
/******************/
footer {
    width: 100%;
    background-color: #359ba9;
    padding: 0px 40px;
    /* background-image: url("../images/rond-bleu-footer.png"); */
    background-size: auto 4px;
    background-repeat: repeat;
    background-position: left 20px;
    overflow:hidden;
    font-family: PetitaMedium;
}

footer p {
  color: white;
  font-size: 16px;
  font-size: 1.35rem;
  margin:0;
  line-height:44px;
  /* font-family:'petitamediumregular'; */
}
.img_footer{
	padding: 15px 0px;
	line-height: 0px;
}
.img_footer img{
	height: 94px;
}
.footer{
	padding: 40px 0px;
}
.footer-nav  .lien_rs{
	margin-right: 20px;
}

footer nav{
	display: inline-block;
}
.footer-nav {line-height: 1.2;}

footer nav ul{
  list-style-type:none;
  overflow: hidden;
  text-align:center;
  width:auto;
  padding-left:0;
}
 footer nav ul li{
   display: inline-block;
   width:auto;
   padding:10px;
   position: relative;
 }

 footer nav ul li:not(:last-child) a::after{
   content:'|';
   display:inline-block;
   position: absolute;
   top:5px;
   right: -3px;
   font-size:20px;
   color:white;
 }

 footer nav ul li a{
  font-size:15px;
  font-size:1.25rem;
  color:white;
  transition: 300ms;
 }

 footer nav ul li a:hover{
  /* color: #038293; */
  text-decoration: underline;
 }

 footer.sticky{
   position:fixed;
   bottom:0;
   left:0;
 }

#lien_bandeau:hover .form_lien_bandeau2{
text-decoration:underline;
color:#009ecf;
}

#lien_bandeau:hover .lien_lien_bandeau2{
color:#009ecf;
}
#lien_bandeau:hover .lien_lien_bandeau{
color:#005b77;
}
#lien_bandeau:hover .form_lien_bandeau{
color:#e92525;
}
.form_lien_bandeau{
color:#e92525;
}

.text_lien_bandeau {
    background: #feffff; /* Old browsers */

    box-shadow: 0 0 10px 0 #999999;
    color: #333333;
    text-align: center;
}

.maintenance{
    background: url("../images/maintenance_gespro.jpg") no-repeat scroll 500px 50px transparent;
	height:500px;
}
.maintenance a{
	font-size:14px;
}
.text_maintenance{
	font-size:17px;
}
#iconeMaintenance {
	width:60px;
	height:50px;
	display:block;
	overflow:hidden;
	position: absolute;
	right: 185px;
	top: -47px;
	z-index:1000;
}
#divMaintenance img{
	margin-left:10px;
}
#divMaintenance p.submit input {
	width:222px;
	height:35px;

	background: #ef900a; /* Old browsers */
	background: -moz-linear-gradient(top,  #ef900a 0%, #fa3e05 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef900a), color-stop(100%,#fa3e05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef900a 0%,#fa3e05 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef900a 0%,#fa3e05 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef900a 0%,#fa3e05 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef900a 0%,#fa3e05 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef900a', endColorstr='#fa3e05',GradientType=0 ); /* IE6-9 */

    background-image: url("../images/maintenance2.png") no-repeat scroll left top transparent;

    border-color: #ef900a #ed530c #ef900a #ed530c;
    border-style: solid;
    border-width: 1px;

	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000000;
}

.titre_video {
	float:left;
	width:50%;
	text-align:left;
	font-weight:bold;
	font-size:20px;
}

.lien_video {
	float:left;
	width:25%;
	text-align:right;
}

.lien_video a {
	text-decoration:none;
}

.lien_video a:hover {
	text-decoration:underline;
}

.contenu_video {
	padding-top:50px;
	margin-bottom:50px;
	border-top:1px solid #999;
}
.video_gespro{
	background:url(../images/gespro_bg.jpg) right top no-repeat;
}
.video_centrinfo{
	background:url(../images/centrinfo-bg.jpg) right top no-repeat;
}
.video_difdoc{
	background:url(../images/difdoc-bg.jpg) right top no-repeat;
}
.video_profi{
	background:url(../images/profi-bg.jpg) right top no-repeat;
}

.titre_accroche_bimpro{
	font-size:15px;
	margin-top:-30px;
}
.accroche_bimpro{
	font-size:17px;
}
.titre_visu_bimpro{
	background:#399;
	color:white;
	padding:5px;
}
.cadre_avantages_bimpro{
	border:solid 3px #399;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:7px;
	margin-top:10px;
}

.connexion_iframe{
	top:0px;
	width:100%;
	height:100%;
	margin-top:0px;
}
.connexion_iframe h2{
	text-align:center;
	padding: 20px 20px 20px 20px;
}
.connexion_iframe #formConnexion p input{
	width:100%;
}
.connexion_iframe #formConnexion p{
	width:100%;
}
.connexion_iframe #formConnexion p:not(.submit){
	margin: 0px;
	padding: 0px 20px 18px;
}
.connexion_iframe #formConnexion p.submit{
	width:100%;
	position:absolute;
	bottom:0px;
}

.lien_rs{
	text-decoration: none;
}
.lien_rs.linkedin:hover svg path:nth-child(1){
	fill: #0288D1;
}
.lien_rs.linkedin:hover svg path:nth-child(2){
	fill: #fff;
}

#page-contact form.contact input#piege{
	display: none;
}


#listeActus{
	border-left: 1px solid #97ccd3;
	/* padding-left: 15px; */
}
#listeActus h4{
	color: #319baa;
	font-style: normal;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}
#listeActus iframe{
	max-width:100%;
}
.bloc-nav-cat{
	height: 850px;
    overflow-y: scroll;
	scrollbar-color: #008294 rgb(221, 221, 221);
	scrollbar-width: thin;
}
.bloc-news-cat{
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
}
.bloc-news-cat h4{
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(139, 139, 139);
	font-size: 12px;
}
.bloc-categorie{
	padding: 5px;
}
#page-actualites .bloc-categorie a.no-decoration{
	color: #000;
}
.bloc-news-cat:hover{
	background-color: rgb(241, 241, 241);
	border-radius: 5px;
}
.bloc-evenement{
	border-right: 1px solid #ccc;
}
.bloc-list{
	float: right;
	height: 925px;
    overflow-y: scroll;
	scroll-behavior: smooth;
	margin-top: -45px;
}

@media screen and (max-width:1600px){
	#page-societe #equipe-bloc .row-equipe .col-3{
		width: 25%;
	}
	#page-societe #equipe-bloc .col-1-3.mt-5{
	  margin-top: 0rem !important;
	}
}
/* Pour ajuster la ligne de flotaison à la première section */
@media screen and (max-width:1440px){
	.main-nav{
	  padding-left: 370px;
	}
	header.sticky .zone-logo{
		left:150px;
	}
	
	.footer-nav {
		float:none;
		clear: both;
		display: block;
	}
	.footer-nav.footer{
		padding-top:0px;
	}
	.img_footer{
		float:right;
	}

	#intro-accueil p.h5-like {
		margin: 0;
		margin-bottom:15px;
	}
	#avantages-accueil p{
		padding: 0 20%;
	}
	#page-centrinfo.page-produit.page-produit-module .panel-slides{
		min-height:500px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:800px;
	}
	#page-nos-produits .col-1-4{
		width:50%;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 570px;
	}
	#page-actualites.wrapper{
		padding : 0 20px 0 0;
	}
	#page-actualites .menu-categories h3{
		font-size: 1.4rem;
	}
	#page-societe #equipe-bloc .row-equipe.mt-5{
	  margin-top: 2rem !important;
	}

}

/* Tablette :768*1024, paysage width = 1024, portrait width = 768*/
@media screen and (max-width:1224px){
  .main-nav{
	padding-left: 280px;
  }
  header.sticky .zone-logo{
	  left:100px;
  }
  header .zone-logo{
	  left:20px;
  }
  #avantages-accueil p{
	  padding: 0 15%;
  }
  #references-accueil{
	  padding-left: 5%;
	  padding-right: 5%;
  }
  #avantages-accueil .avantages img{
	  height:70px;
  }
  #intro-accueil img.schemaGespro{
	margin: -20px 0 0 0;
	padding-left:10%;
  }
  #page-difdoc.page-produit.page-produit-module .panel-slides{
	  min-height:850px;
  }
  #page-profi.page-produit.page-produit-module .panel-slides {
	  min-height: 650px;
  }
  #page-actualites .menu-categories h3{
	  font-size: 1.3rem;
  }
  #page-societe #equipe-bloc .row-equipe .col-3{
	  padding-right: calc(var(--bs-gutter-x) * .2);
	  padding-left: calc(var(--bs-gutter-x) * .2);
  }
  #page-societe #equipe-bloc .row-equipe .card-body, #page-societe #equipe-bloc .row-equipe .list-group-item{
	padding: 3px;
  }
  #page-societe #equipe-bloc .row-equipe .card-body h5{
	margin: 0px;
  }
  
}
@media screen and (max-width:1124px){
	.main-nav{
		padding-left: 120px;
	}
	header .zone-logo, header.sticky .zone-logo{
		left:0px;
	}
	#page-actualites.wrapper{
		padding : 0 2px 0 0;
	}
	#page-actualites .menu-categories h3{
		font-size: 1.2rem;
	}
	#page-actualites h4{
		font-size: 11px;
	}
	#page-actualites h5{
		font-size: 13px;
	}
	#page-societe #equipe-bloc .row-equipe.mt-5{
	  margin-top: 1rem !important;
	}
}

@media screen and (max-width:1044px){
	#page-societe #equipe-bloc .col-1-2{
		width:100%;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		/* width: 20%; */
	}
	#page-bimpro #panelSlide4  img.h100{
		width:100%;
		height:auto;
	}
	#actualites-accueil .panel-slides{
		min-height:290px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:900px;
	}
}

/* Tablette :768*1024, paysage width = 1024, portrait width = 768*/
@media screen and (max-width:1024px){
	
	body, body.sticky{
		padding-top:40px;
	}
	header, header.sticky{
		width:100%;
		position:fixed;
		top:-80px;
		left:0;
		z-index:9999;
	}
	.main-nav{
		padding-left: 100px;
	}
	header .zone-logo img, header.sticky .zone-logo img{
		height:40px;
	}
	header .zone-logo, header.sticky .zone-logo{
		bottom:0px;
		left:0px;
	}
	#avantages-accueil .avantages img{
		height:60px;
	}
	#intro-accueil img.schemaGespro{
		margin: 0;
		padding-left:0;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides{
		min-height:450px;
	}
	
	#page-actualites .menu-categories{
		display: none;
	}
	#page-actualites .bloc-list{
		width:100%;
	}
	#page-actualites #listeActus{
		border:none;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		padding-right: calc(var(--bs-gutter-x) * .1);
		padding-left: calc(var(--bs-gutter-x) * .1);
	}
	#page-societe #equipe-bloc .row-equipe .card-body, #page-societe #equipe-bloc .row-equipe .list-group-item{
	  padding: 0px;
	}
}

@media screen and (max-width:980px){
	#page-profi .col-1-3,
	#page-profi .col-2-3
	{
		width:100%;
		padding:0;
		padding-bottom:20px;
	}
	#page-nos-produits #intro-produits .btn_produit{
		margin-top:10px;
		margin-bottom:20px;
	}

	#page-profi > div .wrapper .fl-parent:not(:last-child){
		margin-bottom:0px;
	}

	#page-profi > div .wrapper .fl-parent:nth-child(2) .col-2-3{
		padding:0;
		padding-bottom:20px;
	}

	#page-profi > div .wrapper .fl-parent:last-child .col-1-3:first-child{
		padding:0;
		padding-bottom:20px;
	}

	#page-profi > div .wrapper .fl-parent:last-child .col-1-3:last-child{
		padding:0;
		padding-bottom:20px;
	}
  
}
  
@media screen and (max-width:974px){
	.page-produit.page-produit-module #panelSlide2 img.h100{
		width:100%;
		height:auto;
	}

	.page-produit.page-produit-module #panelSlide2 .col-2-3{
		padding-top:20px;
	}
/**
	.page-produit.page-produit-module #panelSlide1 .col-2-3{
		padding-top:40px;
	}**/

	.page-produit.page-produit-module #panelSlide4 .col-2-3{
		padding-top:40px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:950px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 700px;
	}
}

  /* Tablette :768*1024, paysage width = 1024, portrait width = 768*/
@media screen and (max-width:950px){
	.main-nav{
		position:fixed;
		top:50px;
		left:0;
		width:100%;
		height:100%;
		transform:scaleX(-1);
		transform-origin: left center;
		transition: linear 500ms;
		z-index:9999;
		border:none;
		background: url(../images/fond_header.png) no-repeat center;
		background-size: cover;
		padding-left:0px;
		padding-top:0px;
	}

	body.navOpened{
		overflow:hidden;
	}

	nav.open{
		left:0;
		transform:scaleX(1);
		overflow-y: scroll;
	}
	
	header .zone-logo{
		display:none;
	}

	.mobile-nav{
		display: block;
	}

	.main-nav.sticky #menu >li:first-child a{
		background:none;
		padding-left:0;
	}

	#menu{
		height:auto;
		min-height:500px;
		padding-top:40px;
	}

	/* Navigation en mode burger */
	#menu > li{
		display:block;
		float:none;
		width:100%;
		height:auto;
		line-height: inherit;
		border:none;
		padding:20px 60px;
		text-align:left;
	}



	/* Bouton agrandir/réduire */
	#menu li.hasSub::after{
		content:'+';
		display: block;
		position: absolute;
		top:6px;
		bottom:auto;
		right:30px;
		left:auto;
		height:50px;
		width:auto;
		margin-left:none;
		background: none;
		transform:scaleX(1);
		line-height:50px;
		font-size:250%;
		/* color:#444; */
	}

	/* // sous menu ouvert mais sans hover */
	#menu li.hasSub.open::after{
		content:'−';
	}

	#menu li.hasSub.open >a{
		margin-bottom:20px;
	}

	#menu ul.sousMenu {
		width:100%;
		height: auto;
		display: none;
		background-color:rgb(11,162,185);
		position: static;
		z-index:200;
		transform:scaleX(1);
		margin:0;
	}

	#menu ul.sousMenu.open{
		display: block;
	}

	#menu ul.sousMenu li {
		float:none;
		display:block;
		padding: 0;
		line-height: 35px;
		text-align: left;
		background: none;
		transition:500ms;
		/* background-color:rgb(223,223,223); */
	}

	/* couleur normale */
	#menu li ul.sousMenu.open li{
		/* background-color:rgb(223,223,223); */
	}

	#menu li ul.sousMenu.open li a{
		/* color:#444; */
	}

	/* // pour empêcher l'affichage du fieldset */
	#menu >li:not(.hasSub).selected:after, #menu >li:not(.hasSub):hover:after {
		transform: scaleX(0);
	}

	/* couleur des sous menus au survol des sous menus */
	#menu li:hover ul.sousMenu.open li:hover a
	{
		padding-left:15%;
		/* background-color: rgb(0,0,0,0.05);
		color:rgb(11,162,185); */
		/* font-weight:600; */
	}
	
	#references-accueil{
		padding-left: 10px;
		padding-right: 10px;
	}
	#avantages-accueil .avantages img{
		height:50px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 750px;
	}
	
	footer{
		padding: 20px 40px;
	}
	footer .fl-left, footer .fl-right {
		float:none;
	}
	.footer{
		padding:0px;
	}
	.img_footer{
		padding: 0px 0px;
	}
}
  
@media screen and (max-width:910px){
	#page-offres .col-1-2,
	#page-societe .col-1-2{
		width:100%;
	}
	#page-centrinfo.page-produit.page-produit-module .panel-slides{
		min-height:600px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:1000px;
	}
}
  
@media screen and (max-width:862px){

	#page-centrinfo .classer.grid{
		display: none;
	}

	#page-centrinfo .classer.responsive{
		display: block;
	}

	#page-centrinfo .classer .fl-parent .col-2-3{
		padding:0;
		padding-bottom:20px;
	}

	#page-centrinfo .classer .fl-parent:nth-child(even) .col-2-3,
	#page-centrinfo .classer .fl-parent:nth-child(odd) .col-2-3
	{
		padding:0;
		padding-bottom: 20px;
	}

	#page-centrinfo .classer .col-1-3,
	#page-centrinfo .classer .col-2-3
	{
		width:100%;
	}
	#page-societe #equipe-bloc .col-1-3,
	#page-societe #equipe-bloc .col-2-3
	{
		width:100%;
	}

	#page-difdoc .fl-parent .col-2-3,
	#page-difdoc .col-1-3{
		padding:0;
		padding-bottom:20px;
	}
	#actualites-accueil .panel-slides{
		min-height:330px;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		width: 20%;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
}

@media screen and (max-width:830px){
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 800px;
	}
}
  
@media screen and (max-width:768px){
	#page-societe #equipe-bloc .row-equipe .col-2{
		width: 16%;
	}

	#page-accueil #intro-accueil .col-1-3,
	#page-accueil #intro-accueil .col-2-3,
	#page-nos-produits .col-1-2,
	#page-nos-produits .col-1-3,
	#page-nos-produits .col-2-3
	{
		width:100%;
	}
	#page-accueil #intro-accueil .col-2-3{
		padding-left:0px;
		width:100%;
	}

	#page-nos-produits #intro-produits .btn_produit{
		margin-top:0px;
		}

	#page-nos-produits #intro-produits .col-2-3{
		padding-right:0px;
	}


	#page-accueil #intro-accueil .col-1-3
	{
		margin-bottom:40px;
	}


	#page-accueil .bloc-news.col-1-2:first-child{
		width:100%;
		height:60%;
	}

	#page-accueil .panel-slide .bloc-news.col-1-2:last-child{
		width:100%;
		height:40%;
	}

	#page-accueil .panel-news .bloc-news:first-child{
		padding-right: 0;
	}

	#page-references #intro .col-1-2{
		width:100%;
	}

	#page-references #intro .bloc-clients.col-1-2{
		/* padding-top:0; */
	}

	#page-references #intro >div:first-child {
		margin-bottom:40px;
	}

	#page-references .body-mod-projet .col-1-3,
	#page-references .body-mod-projet .col-2-3
	{
			width:100%;
	}

	#page-references .body-mod-projet .col-1-3
	{

	}

	#page-references .body-mod-projet img{
		max-height:200px;
		width:auto;
	}

	#page-nos-produits .ligne-produits p {
		text-align: center;
		padding-left: 0px;
	}
/**
	.page-produit.page-produit-module #panelSlide1 .col-2-3{
		padding-top:110px;
	}**/

	.page-produit.page-produit-module #panelSlide2 .col-2-3{
		padding-top:120px;
	}

	.page-produit.page-produit-module #section3 .col-2-3{
		padding-top:40px;
	}

	.page-produit.page-produit-module #section4 .col-1-3,
	.page-produit.page-produit-module .col-2-3,
	.page-produit.page-produit-module .col-1-3{
		width:50%;
	}

	.page-produit.page-produit-module .panel-slide img.h100 {
		display: inline-block;
		width: 100%;
		height: auto;
	}

	.page-produit.page-produit-module #panelSlide4 .col-2-3{
		padding-top:120px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:1100px;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides{
		min-height:500px;
	}
}
/* Tablette :768*1024, paysage width = 1024, portrait width = 768*/
@media screen and (max-width:760px){

	#page-nos-produits .col-1-4{
		width:100%;
	}
	body, body.sticky{
	padding-top:50px;
	}
	#actualites-accueil .panel-slides {
		min-height: 250px;
	}
	.main-nav{
		position:fixed;
		top:50px;
		left:0;
		width:100%;
		height:100%;
		transform:scaleX(-1);
		transform-origin: left center;
		transition: linear 500ms;
		z-index:9999;
		border:none;
		background: url(../images/fond_header.png) no-repeat center;
		background-size: cover;
		padding-left:0px;
		padding-top:0px;
	}

	body.navOpened{
		overflow:hidden;
	}

	nav.open{
		left:0;
		transform:scaleX(1);
		overflow-y: scroll;
	}
	
	header .zone-logo{
		display:none;
	}

	.mobile-nav{
		display: block;
	}

	.main-nav.sticky #menu >li:first-child a{
		background:none;
		padding-left:0;
	}

	#menu{
		height:auto;
		min-height:500px;
		padding-top:40px;
	}

	/* Navigation en mode burger */
	#menu > li{
		display:block;
		float:none;
		width:100%;
		height:auto;
		line-height: inherit;
		border:none;
		padding:20px 60px;
		text-align:left;
	}



	/* Bouton agrandir/réduire */
	#menu li.hasSub::after{
		content:'+';
		display: block;
		position: absolute;
		top:6px;
		bottom:auto;
		right:30px;
		left:auto;
		height:50px;
		width:auto;
		margin-left:none;
		background: none;
		transform:scaleX(1);
		line-height:50px;
		font-size:250%;
		/* color:#444; */
	}

	/* // sous menu ouvert mais sans hover */
	#menu li.hasSub.open::after{
		content:'−';
	}

	#menu li.hasSub.open >a{
		margin-bottom:20px;
	}

	#menu ul.sousMenu {
		width:100%;
		height: auto;
		display: none;
		background-color:rgb(11,162,185);
		position: static;
		z-index:200;
		transform:scaleX(1);
		margin:0;
	}

	#menu ul.sousMenu.open{
		display: block;
	}

	#menu ul.sousMenu li {
		float:none;
		display:block;
		padding: 0;
		line-height: 35px;
		text-align: left;
		background: none;
		transition:500ms;
		/* background-color:rgb(223,223,223); */
	}

	/* couleur normale */
	#menu li ul.sousMenu.open li{
		/* background-color:rgb(223,223,223); */
	}

	#menu li ul.sousMenu.open li a{
		/* color:#444; */
	}

	/* // pour empêcher l'affichage du fieldset */
	#menu >li:not(.hasSub).selected:after, #menu >li:not(.hasSub):hover:after {
		transform: scaleX(0);
	}

	/* couleur des sous menus au survol des sous menus */
	#menu li:hover ul.sousMenu.open li:hover a
	{
		padding-left:15%;
		/* background-color: rgb(0,0,0,0.05);
		color:rgb(11,162,185); */
		/* font-weight:600; */
	}

	/* pour ajuster la ligne de flottaison */
	#intro-accueil img.schemaGespro{
	}


	#page-accueil #intro-accueil h2{
		margin-bottom: 5px;
	}

	/******/

	#page-accueil #intro-accueil .col-2-3{
		padding-left:20px;
	}

	#page-accueil #intro-accueil .col-1-3,
	#page-accueil #intro-accueil .col-2-3
	{
		width:50%;
	}

	#page-offres .offre-titre{
		padding-top:20px;
		padding-left:5px;
	}

	#page-centrinfo .classer .fl-parent:nth-child(2) .col-2-3{
		padding-top:20px;
	}

	#page-centrinfo #partager .col-1-3,
	#page-centrinfo #partager .col-1-3:nth-child(3)
	{
		width:100%;
		padding:0;
		padding-bottom:20px;
	}

	#page-difdoc .fl-parent .col-2-3{
		padding-top:20px;
	}

	#page-difdoc > div .wrapper .fl-parent:last-child .col-1-3,
	#page-difdoc > div .wrapper .fl-parent:last-child .col-1-3.txt-center
	{
		width:100%;
		padding:0;
		padding-bottom:20px;
	}

	#page-bimpro #section2 p.md-large{
		display:none;
	}

	#page-bimpro #section2 p.xs-small{
		display:block;
	}

	#page-bimpro #section2 p.xs-small ~p{
		margin-top:14px;
	}

	#page-bimpro #section3 img,
	#page-bimpro #section1 img{
		max-width:100%;
	}
	#avantages-accueil p{
		padding: 0 10%;
	}
	#avantages-accueil .col-1-3{
		width:100%;
	}
	#actualites-accueil .col-1-2{
		width:100%;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 950px;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		width: 25%;
	}
  
}



@media screen and (max-width:830px){
	footer p, footer nav {
		float:none;
	}
	#page-actualites .mod-news {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media screen and (max-width:768px){


	#page-accueil #intro-accueil .col-1-3,
	#page-accueil #intro-accueil .col-2-3,
	#page-nos-produits .col-1-2,
	#page-nos-produits .col-1-3,
	#page-nos-produits .col-2-3
	{
		width:100%;
	}

	#page-nos-produits #intro-produits .col-2-3{
		padding-right:0px;
	}

	#page-accueil #intro-accueil .col-2-3{
		padding-left:0px;
		width:100%;
	}

	#page-accueil #intro-accueil .col-1-3
	{
		margin-bottom:40px;
	}


	#page-accueil .bloc-news.col-1-2:first-child{
		width:100%;
		height:60%;
	}

	#page-accueil .panel-slide .bloc-news.col-1-2:last-child{
		width:100%;
		height:40%;
	}

	#page-accueil .panel-news .bloc-news:first-child{
		padding-right: 0;
	}

	#page-references #intro .col-1-2{
		width:100%;
	}

	#page-references #intro .bloc-clients.col-1-2{
		/* padding-top:0; */
	}

	#page-references #intro >div:first-child {
		margin-bottom:40px;
	}

	#page-references .body-mod-projet .col-1-3,
	#page-references .body-mod-projet .col-2-3
	{
			width:100%;
	}

	#page-references .body-mod-projet .col-1-3
	{

	}

	#page-references .body-mod-projet img{
		max-height:200px;
		width:auto;
	}

	#page-nos-produits .ligne-produits p {
		text-align: center;
		padding-left: 0px;
	}
/**
	.page-produit.page-produit-module #panelSlide1 .col-2-3{
		padding-top:110px;
	}
	**/

	.page-produit.page-produit-module #panelSlide2 .col-2-3{
		padding-top:120px;
	}

	.page-produit.page-produit-module #section3 .col-2-3{
		padding-top:40px;
	}

	.page-produit.page-produit-module #section4 .col-1-3,
	.page-produit.page-produit-module #section4 .col-2-3{
		width:50%;
	}

	.page-produit.page-produit-module .panel-slide img.h100 {
		display: inline-block;
		width: 100%;
		height: auto;
	}

	.page-produit.page-produit-module #panelSlide4 .col-2-3{
		padding-top:120px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:1050px;
	}
	#page-centrinfo.page-produit.page-produit-module .panel-slides{
		min-height:660px;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides{
		min-height:590px;
	}
	.page-societe #section1
	{
		padding-top:30px !important;
	}
}

@media screen and (max-width:667px){
	.page-produit.page-produit-module #section3 .col-2-3
	{
		padding-top:100px;
	}
	
	.page-societe #section1
	{
		padding-top:10px !important;
	}

	.page-produit.page-produit-module #section1 .col-2-3
	{
		padding-top:60px;
	}

	.page-produit.page-produit-module #section3 .col-1-3,
	.page-produit.page-produit-module #section1 .col-1-3
	{
		width:40%;
	}

	.page-produit.page-produit-module #section1 .col-2-3,
	.page-produit.page-produit-module #section3 .col-2-3
	{
		width:60%;
	}

	.page-produit.page-produit-module #panelSlide1 .col-2-3,
	.page-produit.page-produit-module #panelSlide1 .col-1-3,
	.page-produit.page-produit-module #panelSlide1 .col-1-2,
	.page-produit.page-produit-module #panelSlide2 .col-2-3,
	.page-produit.page-produit-module #panelSlide2 .col-1-3,
	.page-produit.page-produit-module #panelSlide2 .col-1-2,
	.page-produit.page-produit-module #panelSlide3 .col-2-3,
	.page-produit.page-produit-module #panelSlide3 .col-1-3,
	.page-produit.page-produit-module #panelSlide3 .col-1-2,
	.page-produit.page-produit-module #panelSlide4 .col-2-3,
	.page-produit.page-produit-module #panelSlide4 .col-1-3,
	.page-produit.page-produit-module #panelSlide4 .col-1-2,
	.page-produit.page-produit-module #panelSlide5 .col-2-3,
	.page-produit.page-produit-module #panelSlide5 .col-1-3,
	.page-produit.page-produit-module #panelSlide5 .col-1-2,
	.page-produit.page-produit-module #section1 .col-2-3,
	.page-produit.page-produit-module #section1 .col-1-3,
	.page-produit.page-produit-module #section1 .col-1-2,
	.page-produit.page-produit-module #section2 .col-2-3,
	.page-produit.page-produit-module #section2 .col-1-3,
	.page-produit.page-produit-module #section2 .col-1-2,
	.page-produit.page-produit-module #section3 .col-2-3,
	.page-produit.page-produit-module #section3 .col-1-3,
	.page-produit.page-produit-module #section3 .col-1-2,
	.page-produit.page-produit-module #section4 .col-2-3,
	.page-produit.page-produit-module #section4 .col-1-3,
	.page-produit.page-produit-module #section4 .col-1-2
	{
		width:100%;
		height:auto;
		padding:0;
	}
	.page-produit:not(#page-nos-produits) div[id^="section"] img:not(.icone-produit){
		max-width: 400px;
	}
	.page-produit.page-produit-module div[id^="section"] h2,
	.page-produit.page-produit-module.page-produit .intro h2
	{
		text-align: left;
		margin-bottom:10px;
	}
	.page-produit.page-produit-module #section1,
	.page-produit.page-produit-module #section2,
	.page-produit.page-produit-module #section3,
	.page-produit.page-produit-module #section4
	{
		margin:0;
		padding-top:10px;
	}
  
	.page-produit.page-produit-module .panel-slides {
		min-height: 500px;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides {
		min-height: 580px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 850px;
	}

	#page-bimpro.page-produit.page-produit-module #panelSlide1 .col-2-3 img
	{
		width:46%;
	}
}

@media screen and (max-width:658px){
	#page-contact .col-1-3,
	#page-contact .col-2-3{
		width:100%;
	}
	.page-societe .intro h1 {
		padding-left: 0px;
	}
}

@media screen and (max-width:579px){
	footer p, footer nav ul li a{
		font-size:12px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 900px;
	}
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:1000px;
	}
}

@media screen and (max-width:568px){
	#page-societe #equipe-bloc .row-equipe .col-3{
		width: 25%;
	}
	#page-bimpro #section3 .col-2-3
	{
		padding-top:140px;
	}

	#page-bimpro #section1 .col-2-3
	{
		padding-top:110px;
	}

	#page-bimpro #section3 .col-1-3,
	#page-bimpro #section1 .col-1-3,
	#page-bimpro #section1 .col-2-3,
	#page-bimpro #section3 .col-2-3
	{
		width:50%;
	}

	#page-bimpro .img-legende{
		padding-bottom:14px;
	}

	#page-bimpro .img-legende p{
		font-size:14px;
		margin-left:-80px;
		width:160px;
		line-height:36px;
		height:36px;
	}

	#page-recrutement .job-mod .col-2-3,
	#page-recrutement .job-mod .col-1-3
	{
		width:100%;
	}

	#page-recrutement .job-mod .col-2-3{
		margin-bottom:20px;
	}

	#page-nos-partenaires .mod-partenaire .visuel-partenaire{
		float:none;
	}
}

@media screen and (max-width:562px){
	ul.liste-slider li{
		font-size:14px;
	}

	.sstitre-slider{
	font-size:16px;
	}

	#page-bimpro .col-1-2,
	#page-bimpro .col-1-3,
	#page-bimpro .col-2-3,
	#page-bimpro #section3 .col-2-3,
	#page-bimpro #section3 .col-1-3,
	#page-bimpro #section1 .col-2-3,
	#page-bimpro #section1 .col-1-3,
	#page-bimpro #section4 .col-1-3,
	#page-bimpro #section4 .col-2-3{
		padding:0;
		width:100%;
	}

	#page-bimpro #section4 .fl-parent .fl-left:first-child,
	#page-bimpro #section2 .wrapper .fl-left:first-child
	{
		padding-right:0px;
	}

	#page-bimpro #section4 .fl-parent .fl-left:last-child,
	#page-bimpro #section2 .wrapper .fl-left:last-child
	{
		padding-left:0px;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides {
		min-height: 600px;
	}
	.page-societe .intro h1{
		font-size: 30px;
	}
}

@media screen and (max-width:536px){
	#page-bimpro .bandeauBloc img:last-child{
		width:100%;
		height:auto;
	}
	#actualites-accueil .panel-slides {
		min-height: 280px;
	}
	footer{
		padding:10px;
	}
	footer nav ul li{
		padding:5px;
	}
	footer p{
		line-height: 20px;
	}
	#listeActus iframe{
		max-height:280px;
	}
}

@media screen and (max-width:468px){
	/* Gestion de la grille de PROJETS */
	.col-1,.col-2,.col-2-5,.col-3,.col-3-5,.col-4,.col-4-5,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
		width:100%; /* une unité  en largeur*/
	}
	.wrapper{
		padding: 0 2px;
	}
	.page-produit > div{
		padding: 5px 0;
	}
	
	.page-produit-module.page-produit .intro h1 {
		padding-left: 70px;
	}
	.page-societe .breadcrumb{
		margin: 0 0 0px;
	}

	.row-1,.row-1-5,.row-2,.row-2-5,.row-3,.row-3-5,.row-4,.row-4-5{
		height:200px; /* une unité en hauteur */
		margin-bottom:20px;
	}

	#references-accueil{
	height:auto;
	}
	#actualites-accueil .panel-slides {
		min-height: 330px;
	}

	#references-accueil #references-grid > div{
	position:static;
		padding:10px; /* géré aléatoirement en js */
		top:auto;
		left:auto;
	}

	.page-produit.page-produit-module #panelSlide2 .col-2-3,
	.page-produit.page-produit-module #panelSlide4 .col-2-3
	{
		padding-top:30px;
	}

	.page-produit.page-produit-module .intro > .wrapper{
		padding-left: 25px;
		padding-right: 25px;
	}
	.btn-prev-slide, .btn-next-slide{
		width:25px;
		padding:0px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 950px;
	}
}

@media screen and (max-width:382px){
	.page-produit.page-produit-module .panel-slides {
		min-height:490px;
	}
	#page-centrinfo.page-produit.page-produit-module .panel-slides{
		min-height:650px;
	}
	#page-nos-produits .produit{
		background-size: auto 63px;
		height: auto;
	}
	#connexion{
		min-width:auto;
		width: auto;
	}

	#actualites-accueil .bloc-news p.read-more a,
	#actualites-accueil .texte-news{
		font-size:14px;
	}

	h3.titre-news{
		font-size:16px;
	}

	.soustitre-news, .soustitre-tems{
		padding-left:0;
		font-size:12px;
	}

	#page-nos-produits #intro-produits.mb40{
	margin-bottom:0;
	}

	#page-nos-produits a.btnAction{
	font-size:14px;
	}
	.page-produit .ligne-produits .icone-produit{
		top: 65px;
	}

	#page-nos-produits .ligne-produits h2,
	#page-nos-produits .ligne-produits h3{
		/* padding-left:90px; */
		margin:5px;
	}

	#page-nos-produits .ligne-produits h3{
		font-size:14px;
	}

	#page-nos-produits .ligne-produits ul{
		padding-right:0;
	}

	#page-nos-produits .ligne-produits p {

		margin:0;
	}

	/* #page-nos-produits .produit img {
		top: 20px;
		left: -10px;
	}
	#page-nos-produits .produit {
		padding: 30px 0;
	} */



	.datatable-projet tr th {
		width: 120px;
	}

	#page-offres .offre {
		/* padding: 40px; */
		padding:0;
		padding-bottom:40px;
	}

	#page-offres .offre-header {
		/* padding-bottom: 10px; */
		padding-left: 100px;
		padding-top: 10px;
		height: 102px;
		text-align: left;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: auto 90%;
	}

	#page-offres .offre-header h3{
		font-size:14px;
	}
    .page-produit-module.page-produit .intro h1, .page-societe .intro h1 {
		/* padding-left:80px; */
		padding-top:6px;
		font-size:30px;
		margin-bottom: 15px;
		padding-left: 55px;
    }
	.page-societe .intro h1 {
		padding-left: 0px;
	}
	.page-produit .intro .wrapper .icone-produit{
		left:-10px;
	}

    .page-produit .icone-produit{
      height:60px;
    }
    .page-produit h3{
      font-size:15px;
      line-height:20px;
    }

    .page-produit .intro h2{
      font-size:19px;
      line-height:24px;
    }
	#listeActus iframe{
		max-height:210px;
	}
	#page-societe #equipe-bloc .row-equipe .col-3{
		padding-right: calc(var(--bs-gutter-x) * .1);
		padding-left: calc(var(--bs-gutter-x) * .1);
	}

}

@media screen and (max-width:342px){


    #intro-accueil img.schemaGespro{
      padding:25px 0;
    }

    /* #page-accueil #intro-accueil {
      margin-top: 40px;
    } */

    #page-accueil #intro-accueil h2{
      font-size:18px;
    }

    .pagination li{
      margin-right:0;
    }
	#page-difdoc.page-produit.page-produit-module .panel-slides{
		min-height:1100px;
	}
	#page-profi.page-produit.page-produit-module .panel-slides {
		min-height: 1100px;
	}
	#page-centrinfo.page-produit.page-produit-module .panel-slides{
		min-height:700px;
	}
	#page-bimpro.page-produit.page-produit-module .panel-slides{
		min-height:650px;
	}
}

.bloc-actus{
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;

	background-color: #008294;
	width: 75%;
	max-width: 270px;
	min-width: 230px;
	max-height: 270px;
	min-height: 230px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	vertical-align: middle;

	color: #ffffff;
	box-shadow: 0px 0px 10px #444647;
}
.bloc-actus h2{
	margin-bottom: 20px;
}
.bloc-actus h2 a{
	color: #ffffff;
}

.footer-nav svg{
	vertical-align: baseline;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
line-height: 1.5;
}