/*
[Sommaire Applium]

0- Import
1- Général
2- Liens
3- Titres
4- Header
5- Navigation
	5.1- Menu principal
	5.2- Menu bas de page
6- Corps
	6.1- Accueil
	6.2- Page
		6.2.1 Fil d'ariane
7- Widgets
	7.1- Panier
	7.2- Connexion client
8- Modules
	8.1- Actualité
		8.1.1- actu emplois
		8.1.2- Actualité logo client
		8.1.3- Actu Blog
	8.2- Catalogue
		8.2.1- Type 1
		8.2.2- Type 2
		8.2.3- Type 3
		8.2.4- Type 4
		8.2.5- Fiche produit
		8.2.6- Produits associés
	8.3- Plan du site
	8.4- Formulaire
		8.4.1- Adresses
	8.5- Boutique
		8.5.1- Etape 1 : Panier
		8.5.2- Etape 2 : Authentification
		8.5.3- Etape 3 : Coordoonées
		8.5.4- Etape 4 : Paiement
		8.5.5- Etape 5 : Validation
9- Footer
*/

/* =1 Général
-------------------------------------------------------------------*/
html,
body {
    background-color: #fff;
    color: #000;
    font: normal 14px 'lato', sans;
    line-height: 1.6em;
    text-align: left;
}
.inner {
    margin: 0 auto;
    width: 60%;
}
.oldie .inner {
	width:100%;
}
.clear-both { clear: both }
button { cursor: pointer }

/** liste ordonné **/
ol {counter-reset: liste;} /* on initialise et nomme un compteur */
ol>li {
    list-style-type: none;
    counter-increment: liste; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 20px;
}
ol>li:before {
/*     content: counter(liste); on affiche le compteur */
/*     vertical-align: top; */
/*     background: #fabf45; */
/*     -moz-border-radius: 60px; */
/*     border-radius: 60px; */
/*     font-weight: bold; */
/*     font-size: 3em; */
/*     color: #fff;		 */
/*     display: block; */
/*     float: left; */
/*     height: 60px; */
/*     width: 60px; */
/*     margin: -20px 13px 0 0; */
/*     padding: 17px 0 0 17px; */ 
    content: counter(liste); /* on affiche le compteur */
    vertical-align: top;
    background: #fabf45;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 1.6em;
    color: #fff;		
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    margin: -5px 13px 0 0;
    padding: 2px 0 0 7px;  
}
ol ul{
	margin: 7px 0 0 90px;
}
ul{
	margin: 0 0 0 20px;
}
#pied-page,
#impression{
	display: none;
}
.t-aling{
	text-align: center;
}

/* =2 Liens
-------------------------------------------------------------------*/
a,
a:link,
a:visited,
a:hover,
a:active {
    color: #F68F35;
    text-decoration: none;
    outline: none;
}

/* =3 Titres
-------------------------------------------------------------------*/
h1 {
	font-size: 45px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif; 
	line-height: 48px;
	margin: 35px 0;
	padding: 15px 0px;
	border-bottom: 3px solid #fabf45;
}
h2 { 
	font-size: 45px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif; 
	line-height: 57px;
	display: inline-block;
	border-top: 3px solid #fabf45;
	border-bottom: 3px solid #fabf45;*/	
}
#body h3 { 
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif; 
	color: #fabf45;
	background: url(../img/bg_h3.jpg) no-repeat left bottom ;
	line-height: 25px;
    margin-top: 0;
    padding-bottom: 18px;
}
h4 {
	font: bold 15px 'Lato', sans;
	background: url(../img/puces_h4.png) no-repeat left 2px;
	background-size: 15px;
	-webkit-background-size: 15px; 
	font-style: italic;
	padding-left: 22px; 
}
.oldie h4 { 
		background: url(../img/puces_h4_ie.png) no-repeat left 2px;
}
#body ul li,
#body td ul li  {
	background: url(../img/puces.png) no-repeat 0 5px;
	background-size: 10px; 
	-webkit-background-size: 10px; 
	padding-left: 15px;
	font: normal 14px 'Lato', sans;
	font-style: italic;
	/*margin-bottom: 10px;*/
	line-height: 1.8em;
}
#body ul li.bullet2,
#body td ul li.bullet2  {
	background: url(../img/puce-niveau2.gif) no-repeat 0 center;
	margin: 0 0 0 20px;
	
}
.oldie #body ul li,
.oldie #body td ul li  {
	background: url(../img/pucesie.png) no-repeat 0 5px;
}
#body ul ul{
	margin: 0;
}

#body li li{
	background: url(../img/puce-niveau2.gif) no-repeat 0 13px;
}

#body li li li{
	background: url(../img/puce-niveau3.gif) no-repeat 0 13px;
	padding: 0 0 0 20px;
}

.module-editeur p,
td p,
.actualite p,
.module-formulaire p {
	color: black;
	font-family: 'Lato', sans;
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;
    margin: 0;
    /*font-style: italic;*/
}
.module-editeur td{
	padding: 10px;
}
.cadre {
	border: 2px solid #000;
	padding: 25px;
	width: 47%;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	min-height:210px;
}
.cadre_inline{
	border: 2px solid #000;
    float: left;
    margin-bottom: 20px;
    margin-right: 25px;
    padding: 25px;
}
.cadre_inline h2{
	display:block;
}
#section-4 .cadre_inline p{
	text-align: center;
}
.module-editeur,
.module-formulaire,
.actualite.module-2,
.actualite.module-3 { 
	padding:  0 25px 25px 25px ;
}
.module-editeur  a.lien_retour{
	background: rgba(0, 0, 0, 0) url("../img/bt_retour.png") no-repeat scroll 5px center / auto 50%;
    border: 1px solid #ddd;
    color: #000;
    display: inline-block;
    font-family: "Lato";
    float: left;
    padding: 10px 22px 10px 35px ;
    text-transform: uppercase;
	 -webkit-background-size: auto 50%; 
}
/** Lien_temoignages et lien_orange sont identitique, remplacement demandé par le client lorsque le site était déja en ligne et bien rempli**/
a.lien_temoignages {
	background: rgba(0, 0, 0, 0) url("../img/puces.png") no-repeat scroll right center / auto 39%;
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
    padding: 12px 35px 12px 15px;
    text-transform: uppercase;
    transition: 0.2s ease-in-out;
}
a.lien_temoignages:hover {
	background: #FFB10C url("../img/puces.png") no-repeat scroll right center / auto 39%;
}
a.lien_standard {
    color: #F68F35;
    font-weight: bold;
    text-decoration: underline;
}
a.lien_standard:hover {
    text-decoration: none;
}
a.lien_cadre {
	background: rgba(0, 0, 0, 0) url("../img/puces.png") no-repeat scroll right center / auto 39%;
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    padding: 12px 35px 12px 15px;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
}
a.lien_orange {
	background: rgba(0, 0, 0, 0) url("../img/puces.png") no-repeat scroll right center / auto 39%;
    border: 2px solid #000;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
    padding: 12px 35px 12px 15px;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
}
a.lien_orange:hover {
	background: #FFB10C url("../img/puces.png") no-repeat scroll right center / auto 39%;
}
a.lien_cadre:hover {
	background: #FFB10C url("../img/puces.png") no-repeat scroll right center / auto 39%;
}

/** Lien PDF **/
a.lien_pdf {
	background: rgba(0, 0, 0, 0) url("../img/ico-pdf2.png") no-repeat scroll 5px center / auto 60%;
	font-size: 1.2em;
	border: 1px solid #ddd;
    color: #000;
    display: inline-block;
    padding: 10px 20px 10px 40px;
    float: left;
    margin: 0;
    clear: both;
}

a.lien_pdf:hover {	
	background: #eeeeee url("../img/ico-pdf2.png") no-repeat scroll 5px center / auto 60%;
/* 	background: #eeeeee; */
	color: #FFB10C;
}
p.compteur {
	background-color: #fabf45;
    border-radius: 100px;
    color: #000;
    display: inline-block;
    font-size: 55px;
    height: 170px;
    padding: 59px 20px;
    text-align: center;
    width: 170px;
    line-height: 25px;
    margin-right: 30px;
    float: left;
    text-transform: uppercase;
    transition: 1s ease-in-out;
    transform-origin: center;
    -ms-animation: apparition 1s ease-in-out;
	-o-animation: apparition 1s ease-in-out;
	-webkit-animation: apparition 1s ease-in-out;
    -moz-animation: apparition 1s ease-in-out;
    animation: apparition 1s ease-in-out;
}
.chiffre_clef {
	display: block;
	height: 200px;
	width: 50%;
	float: left;
}
.chiffre_clef p+p {
	padding-top: 74px;
}
.chiffre_clef p+p span{
	display: block;
	text-align: left;
	padding-bottom: 15px;
	background: url(../img/bg_h3.jpg) no-repeat 200px bottom;
}
.text-italic{
	font-style: italic;
}
@-moz-keyframes apparition { 
	0%{ -moz-transform: scale(0); opacity: 0;}
	100%{-moz-transform: scale(1, 1); opacity: 1} 	
}
@-webkit-keyframes apparition { 
	0%{ -webkit-transform: scale(0); opacity: 0;}
	100%{-webkit-transform: scale(1, 1); opacity: 1} 	
}
@keyframes apparition { 
	0%{ transform: scale(0); opacity: 0;}
	100%{transform: scale(1, 1); opacity: 1} 	
}
@-o-keyframes apparition {
 	0%{ -o-transform: scale(0); opacity: 0;}
	100%{-o-transform: scale(1, 1); opacity: 1} 	
}
@-ms-keyframes apparition {
 	0%{ -ms-transform: scale(0); opacity: 0;}
	100%{-ms-transform: scale(1, 1); opacity: 1} 	
}



/* =4 Header
-------------------------------------------------------------------*/
header {
   /* height: 206px;*/
   	background-color: #FFFFFF;
    text-align: center;
    width: 100%;
   transition: all 0.4s ease;
}
header .inner { position: relative }

/* Logo */
header a#logo {
	display: inline-block;
    margin-top: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    /*text-transform: uppercase;*/
    line-height: 25px;

}
header a#logo img {
	width:auto;
	transition: all 0.4s ease;
}
header.sticky {
	position: fixed;
	top: 0;
	left:0;
	text-align: left;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index: 999;
	height: 70px;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	border-bottom: 3px solid #000000;
}
header.sticky a#logo {
	float: left;
}
header.sticky a#logo p{
	display: none;
}

header.sticky a#logo img {
	width: 150px;
}
header.sticky .navbar-default {
	margin-top: 15px;
}
.oldie header.sticky .navbar-default {
	margin-top: 0;
}
header.sticky .menu-1 ul.sections-menu li a,
header.sticky .menu-1 ul.sections-menu li a:link,
header.sticky .menu-1 ul.sections-menu li a:visited {
    font-size: 14px;
}


/* =5 Navigation
-------------------------------------------------------------------------------*/
.menus {}

/* =5.1 Menu principal
-------------------------------------------------------------------------------*/
.navbar {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	z-index: 9999; 
}
.oldie .navbar {
	width: 1000px;
	margin: 0 auto;
}
header .navbar-default {
	background: none;
	border: 0;
	margin-top: 15px;
	z-index: 9999; 
	transition: all 0.4s ease;
}
.oldie .navbar-default {
	background-color: #fff;
	width: 30%;
	position: absolute;
	top: 15px;
	right: 15px;
	text-align: left;
}
.oldie .menu-1 ul.sections-menu li {
 	position: relative;
 }
.menu-1 ul.sections-menu li a,
.menu-1 ul.sections-menu li a:link,
.menu-1 ul.sections-menu li a:visited {
    color: black;
    font-size: 16px;
    font-family: 'Lato';
    text-transform: uppercase;
    z-index: 999; 
    transition: all 0.4s ease;
}
.menu-1 ul.sections-menu li a:hover, 
.menu-1 ul.sections-menu li.selected > a {
	color: #F68F35;
}

.dropdown-menu {
	background-color: #EEEEEE;
	width: 100% !important;
	border-bottom: 3px solid #000000;
	border-top: 3px solid #000000;
	padding: 50px 0;
}

/* Niveau 1 */
.menu-1 ul.niveau-1 {

}
.menu-1 ul.niveau-1 li {

}

/* Niveau 2 */
.sticky .menu-1 ul.niveau-2 {
	padding: 25px;
	margin-top: 2px;
}

.menu-1 ul.niveau-2 {
	padding-left: 25%;
	padding-right: 10%;

}
/*
.menu-1 ul.niveau-2 {
	padding-left: 25%;
	padding-right: 25%;
}*/
.oldie .menu-1 ul.niveau-2 {
	padding: 3%;
	position: absolute;
	top:40px;
	border-right: 0;
	border-left: 0;
	z-index: 1500;
}
.menu-1 ul.niveau-2 > li {
	width: 37%;
	display: block;
	float: left;
	margin-right: 50px;
}
.menu-1 ul.niveau-2 li:nth-child(4n+3) {
	margin-right: 0;
}
.oldie .navbar-nav {
	margin: 0;
}

.menu-1 ul.niveau-2 li.separateurs{
	display: none;
}
.menu-1 ul.niveau-2 li a,
.menu-1 ul.niveau-2 li a:link,
.menu-1 ul.niveau-2 li a:visited {
	text-transform: none;
	font-style: italic;
	display: block;
	text-align: left;
	background: url(../img/puces.png) no-repeat 0 20px;
	border-bottom: 1px solid #BEBEBE;
	background-size: auto 25%; 
	-webkit-background-size: auto 25%; 
}
.oldie .menu-1 ul.niveau-2 li a,
.oldie .menu-1 ul.niveau-2 li a:link,
.oldie .menu-1 ul.niveau-2 li a:visited {
	background: url(../img/pucesie.png) no-repeat 0 10px;
}

/* Niveau 3 */
.niveau-3.dropdown-menu {

    display: inline-block !important;
	border: 0;
	padding: 0;
	width: auto;
	background: transparent;
	box-shadow: none;
	position: relative;
}
.menu-1 .niveau-3 li {
	float: none;
}
.menu-1 ul.niveau-3 li a,
.menu-1 ul.niveau-3 li a:link,
.menu-1 ul.niveau-3 li a:visited {
	text-transform: none;
	font-style: italic;
	display: block;
	text-align: left;
	border: 0;
	background: url(../img/bt_more.png) no-repeat 0 12px;
	background-size: auto 10px; 
	-webkit-background-size: auto 10px;
	padding: 5px 15px;
	margin-left: 15px;
	margin-top: 3px;
}

.oldie .menu-1 ul.niveau-3 li a,
.oldie .menu-1 ul.niveau-3 li a:link,
.oldie .menu-1 ul.niveau-3 li a:visited {
	background: url(../img/bt_more_ie.png) no-repeat 0 6px;
}

/* Menu enrichi */
.menu-1 ul.menu-enrichi {
	background-color: white;
	width: 400px;
}
.menu-1 ul.menu-enrichi li.categorie {
	float: left;
	width: 100px;
}
.menu-1 ul.menu-enrichi li.categorie a {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}
.menu-1 ul.menu-enrichi > li.categorie > a {
	display: inline-block;
	padding: 3px 7px;
	background-color: #EFEFEF;
	font-weight: bold;
	color: black;
	font-size: 14px;
}
.menu-1 ul.menu-enrichi li.categorie > ul {
	display: block !important;
	float: left;
	position: static !important;
	border: 0 none;
	width: 100px !important;
}
.menu-1 ul.menu-enrichi li.categorie > ul > ul {
	display: block !important;
	float: left;
	position: static !important;
	border: 0 none;
	width: 100px !important;
}
.menu-1 ul.menu-enrichi li.categorie > ul > ul li {
	margin-left: 10px;
}
.menu-1 ul.menu-enrichi li.enrichi {
	float: right;
	width: 150px;
	color: black;
}

/* =5.2 Menu bas de page
-------------------------------------------------------------------------------*/
.menu-2 {
	float: left;
}
.menu-2 .navbar-nav > li > a {
	padding: 0 15px;
	text-transform: uppercase;
	color:#777777;
	font-family: 'Lato';
	font-size: 13px;
	border-left: 1px solid #F7A31F;
	transition: 0.2s ease-in-out;
}
.menu-2 .navbar-nav > li > a:hover {
	color:#000;
}

.menu-2 .navbar-nav > li:first-child > a {
	padding-left: 0;
	border-left:0;
}

/* =6 Corps
-------------------------------------------------------------------------------*/

/** =6.1 Accueil
-------------------------------------------------------------------------------*/
.home #body .inner { position: relative }


.oldie #body {
	min-width: 1024px;
}
#solutions {
	padding: 50px;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.oldie #solutions {
	width: 1024px;
	margin: 0 auto;
}
.oldie #solutions h2 {
	margin-top: 0;
}
#solutions #intro {
	margin-right: 50px;
	width: 30%; 

	margin-bottom: 25px;
	float:left;
}
.offres-services-packagees img
{
margin: 25px auto;
}
#solutions p {
	font-size: 15px; 
	font-family: 'Lato';
	line-height: 25px;
	/*font-style: italic;*/
	margin-top: 25px;
	text-align: justify;
}
.oldie #lien_solutions {
	float: left;
}
.oldie #lien_solutions .lien {
	padding: 10px 15px;
}

#lien_solutions .lien {
	font-size: 20px;
	color:#FFFFFF;
	font-family: 'Lato';
	float: left;
	display: inline-block; 
	padding: 15px 25px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
	height:85px;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
/** nouvelle brique sap Violette**/
#lien_solutions .bg-sap {	
	background: #873e8d; /* Old browsers */
	background: -moz-linear-gradient(45deg, #873e8d 0%, #a472aa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #873e8d 0%,#a472aa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #873e8d 0%,#a472aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#873e8d', endColorstr='#a472aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
#lien_solutions .lien span{
	font-size: 12px;
	color:#000;
	display: inline-block;
	line-height: 14px;
	margin: 5px 0;	
	visibility: initial;
}
#lien_solutions .lien:hover,
#lien_solutions .lien:focus {
	background: #f7a31f url(../img/plus.png) no-repeat center;
	color:#f7a31f;
}
/** nouvelle brique sap Violette**/
#lien_solutions .bg-sap:hover,
#lien_solutions .bg-sap:focus {
	background: #873e8d url(../img/plus.png) no-repeat center;
	color:#873e8d;
}
#lien_solutions .lien:hover span{
	visibility: hidden;
}
#lien_solutions .lien::before,
#lien_solutions .lien::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

#lien_solutions .lien::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

#lien_solutions .lien::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

#lien_solutions .lien:hover::before,
#lien_solutions .lien:focus::before,
#lien_solutions .lien:hover::after,
#lien_solutions .lien:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/** =6.2 Page
-------------------------------------------------------------------------------*/
#body .inner { position: relative }

#bandeau_gris {
	background-color:  #eeeeee;
	padding: 50px 100px;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.oldie #bandeau_gris {
	padding: 50px 5%;
}
#bandeau_gris .bloc{
	width: 33%;
	float:left;
}
.oldie #bandeau_gris {
	height: 500px;
}
#bandeau_gris h2{
	font-size: 23px;
	line-height: 27px;
	width: 100%;
	padding: 10px 0;
}
#actus_accueil h2{
	border-top: 3px solid #02b2ed;
	border-bottom: 3px solid #02b2ed;
}

#bandeau_gris #emplois {
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	padding: 0 3%;
	margin: 0 5%; 
	text-align: center;
	width: 40%;
}

#partenaires {
	color: #8F8F8F;
	font-family: 'Lato';
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
}
#partenaires img {
	margin: 20px 10px;
}
#client {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 50px 100px;
	width: 100%;
}
.oldie #client {
	height: 250px;
	padding: 50px 5%;
}
#client h2{
	 font-size: 24px;
    line-height: 27px;
    padding: 10px 0;
    min-width: 180px;
    margin-right: 25px;
}
.oldie #client h2 {
	float:left;
}
#client .bx-wrapper {
	margin: 25px 85px 0 85px !important;
	position: relative;
}
.oldie #client .bx-wrapper {
	float: right;
	width: 60%;
	margin: 25px 55px 0 55px !important;	
}
#client .bx-wrapper .bxslider li {
	height: 90px !important;
	overflow: hidden;
}
#client .bx-wrapper .bxslider li img{
	transition: margin 0.3s ease-in-out;
	width: 100%;
}
#section-96 .produits img{
	transition: margin 0.3s ease-in-out;
}
#client .bx-wrapper .bxslider li img:hover {
	margin-top: -90px;
	/*opacity: 1;*/	
}
#section-96 .produits img:hover{
	margin-top: -125px;
}
#client .bx-controls-direction a {
	display: inline-block;
	width: 38px; 
	height: 0px;
	padding-top: 56px;
	overflow: hidden;
	position: absolute;
	top: 15px;
}
#client .bx-controls-direction a.bx-prev {
	background: url(../img/prev.png) no-repeat;
	left: -55px;
}
#client .bx-controls-direction a.bx-next {
	background: url(../img/next.png) no-repeat;
	right:  -55px;
}
#client .bx-controls-direction a:hover {
	opacity: 0.5;
}
/*** Page Tierce Maintenance Exploitation (TME) ***/
.speciale-tme{
	padding: 30px 0 0 0;
}
.speciale-tme-img img{
	max-width: 100%;
}

/*** page SRP ***/
#section-59 .col-md-6 img{
	width: 100%;
	height: auto;
}
#section-59 hr{
	border-top: 2px solid #fabf45
}
#section-59 ol > li::before {
    content: none;
}
#section-59 ol{
	padding-left: 20px;
}
#section-59 ol > li{
    list-style-type: unset;
    background: none;
	padding-left: 5px;
	margin-bottom: 5px;
}
#section-59 .lien_temoignages{
	float:none;
}
.module-editeur table {
    max-width: 100%;
}

/** =6.2.1 Fil d'ariane
-------------------------------------------------------------------------------*/
#body #fil-ariane {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	height: 50px;
	padding: 20px 0 35px 0;
	text-align: center;
	font-family: 'lato';
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	font-style: italic;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#body #fil-ariane li {
	float: left;
	margin-right: 10px;
	background: none;
}
#body #fil-ariane li a{
	color: #000;
}
#body #fil-ariane li a.courante {
	font-weight: bold;
}

/** =7 Widgets
-------------------------------------------------------------------------------*/
.home .widgets .widget {
	float: left;
}

#diapo_accueil {
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	position: relative;
	width: 100%;
}
#diapo_accueil #actualites-accueil-1{
	width: 100%;
}
#diapo_accueil #actualites-accueil-1 p.image{
	width: 100%;
}
#diapo_accueil #actualites-accueil-1 img.image{
	width: 100%;
}
.slider-home{
	margin: 0;
}
.slider-home img{
	max-width: 100%;
}

#diapo_accueil h3,
#diapo_accueil a.lien,
#diapo_accueil .contenu,
#diapo_accueil .date,
#diapo_accueil br {
	display: none;
}
#diapo_accueil .bx-controls {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}
.oldie #diapo_accueil .bx-controls {
	width: 100px;
	margin: 0 auto;
	position: relative;
}
#diapo_accueil .bx-pager {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

#diapo_accueil .bx-pager-item a {
	display: inline-block;
	float: left;
	background-color:  #F68F35; 
	border-radius: 50px;	
	width: 15px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 5px;
	height: 15px;
}
#diapo_accueil .bx-pager-item a.active,
#diapo_accueil .bx-pager-item a.active:hover {
	background-color:  #000; 
	color:#000;
}
#diapo_accueil p {
	margin-bottom: 0;
}

/* Actualités accueil */ 

#actus_accueil img{
	display: none;
}


/* widgets actus emplois */ 

#emplois .contenu, 
#emplois .date{
	display: none;
}
#emplois .titre {
	font-size: 15px;
	font-family: 'lato';
	position: relative;
	color: #8F8F8F;
	line-height: 20px;
	font-style: italic;	
	text-align: left;
	transition: 0.2s ea-in-out;
}

#emplois .titre:hover{
	color: #000;
}
#emplois h3{
	font-size: 15px;
	margin-top: 0;
	float: left;
	padding-top: 10px;
	width:95%;
	text-align: left;
	margin-bottom: 0;
}
.oldie #emplois h3 {
	width: 86%;
}
#emplois .categorie {
	float: left;
	display: inline-block;
}
#emplois .categorie a,
.actualite.module-3 .categories a{
	font-size: 13px;
	font-family: 'lato';
	color: #000;
	text-transform: uppercase;
	display: inline-block;
}
#emplois .categorie:before,
#section-16 .categorie:before,
.actualite.module-3 .categories a:before{
	content:'{';
	color: #F7A31F;
	margin-right: 5px;	
}
#emplois .categorie:after,
#section-16 .categorie:after,
.actualite.module-3 .categories a:after{
	content:'}';
	color: #F7A31F;
	margin-left: 3px;	
	margin-right: 10px;
}
#emplois .actualite .lien {
	background: transparent url(../img/bt_more.png) no-repeat center;
	width: 15px;
	height: 0;
	padding-top: 25px;
	background-size: 56%;
	-webkit-background-size: 56%; 
	display: inline-block;
	overflow: hidden; 
	float: right;
	margin-top: 3px;
	filter: none;
	text-indent: -99999px;
}
.oldie #emplois .actualite .lien {
	background-image : none;
	text-indent: 0; 
	height: 25px;
	color:#000;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
}

#emplois .actualite {
	border-bottom: 1px solid #D2D2D2; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
a.lien_page {
	font-size: 11px;
	color:#FFFFFF;
	font-family: 'Lato';
	display: inline-block;
	width: 170px;
	padding: 5px 15px ;
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
.criteres .enabled a,
.btn-secteur a:hover,
a.lien_page:hover {
	background: #1E60BB; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #02B1ED 18%, #1E60BB 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#02B1ED), color-stop(60%,#1E60BB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* IE10+ */
	background: linear-gradient(135deg, #02B1ED 18%,#1E60BB 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02B1ED', endColorstr='#1E60BB',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* =8 Modules
-------------------------------------------------------------------------------*/
.modules {
	clear: both;
}

/** =8.1 Actualité
-------------------------------------------------------------------------------*/
.module-actualite { 
	padding : 0 25px 25px 25px
}
.module-actualite .actualite {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.module-actualite .actualite a.image {
	height: 125px;
	width: 300px;
	text-align: center;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 25px;
} 
#section-96 .produits a.image {
	margin-right: 0px;
	height: 125px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	display: block;
	float: left;
} 
.actualite .diaporama {
	float: left;
	width: 30%;
	/**	margin-right: 25px;**/
}
.actualite .diaporama img {
	width: 90%;
}
.actualite  h3 a{
	text-transform: uppercase;
	color: #000;
	font-family: 'lato';
	font-size: 17px;
}
.module-actualite h3 {
	margin-top: 0;
}
.actualite .contenu{
	width: 70%;
	float: left;
	font-size: 15px;
	font-family: 'lato';
	line-height: 1.8em;
	color: #8f8f8f;
} 
.actualite .contenu p{
	color: #8f8f8f;
}
.module-actualite .actualite .contenu,
#actus_accueil .actualite .contenu{
	font-size: 13px;
	font-family: 'lato' ;
	font-style: italic;
	color: #8f8f8f;
	width: 100%;
}
.actualite  .date {
	text-transform: uppercase;
	font-family: 'Lato';
	margin-top: 15px;
	font-size: 12px;
	display: inline-block;
}
#section-109 .date,
.module-5  .date {
	color: #595959;
	font-weight: bold;
}
.actualite  .date span{
	margin-right: 5px;
	display: inline-block;
	
}
.actualite  .date:before{
	content: 'Publié le ';
}
.actualite .lien-abo-blog,
.module-actualite .lien-abo-blog,
.actualite .lien {
	font-size: 25px;
	color:#FFFFFF;
	font-family: 'Lato';
	display: inline-block; 
	padding: 10px 15px ;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
	float: right;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
.actualite .lien-abo-blog,
.module-actualite .lien-abo-blog{
	float: none;
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	margin: 10px 0 0;
}
.actualite .lien-abo-blog{
	margin: 0 10px;
}
.actualite  .lien:hover {
	background: #1E60BB; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #02B1ED 18%, #1E60BB 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#02B1ED), color-stop(60%,#1E60BB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* IE10+ */
	background: linear-gradient(135deg, #02B1ED 18%,#1E60BB 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02B1ED', endColorstr='#1E60BB',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.actualite a.lien-retour-liste {
	background: url("../img/bt_retour.png") no-repeat scroll 5px center / auto 50%;
    border: 1px solid #ddd;
    color: #000;
    display: inline-block;
    font-family: "Lato";
/*     float: left; */
    padding: 10px 22px 10px 35px ;
    text-transform: uppercase;
	 -webkit-background-size: auto 50%; 
}
.oldie .actualite a.lien-retour-liste {
	background: url("../img/bt_retour_ie.png") no-repeat scroll 5px center;
}
.actualite .lien-abonnement,
.module-actualite .lien-abonnement  {
	color:#FFFFFF;
	font-family: 'Lato';
	display: inline-block; 
	padding: 10px 15px ;
	margin-bottom: 15px;
	text-align: center;
	text-transform:uppercase;
	float: right;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
.module-actualite  .lien-abonnement   {
	position: absolute;
	top:39px;
	right:0;
}

.module-actualite a,
.actualite a {
	transition: 0.2s ease-in-out;
}
.module-actualite a:hover,
.actualite a:hover {
	opacity: 0.7;
}
#section-96 a:hover{
	opacity: 1;
}

.actualite a.bt_actu_post_offre{
	border: none;
	border-radius: 0;
	font-size: 15px;
	color:#FFFFFF;
	font-family: 'Lato';
	float: right;
	display: inline-block; 
	padding: 15px 25px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	background: #fcc00b; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
	
.actualite a:hover.bt_actu_post_offre{
	background: #1E60BB; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #02B1ED 18%, #1E60BB 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#02B1ED), color-stop(60%,#1E60BB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* IE10+ */
	background: linear-gradient(135deg, #02B1ED 18%,#1E60BB 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02B1ED', endColorstr='#1E60BB',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/** pagination **/
.pagination{
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
	
}
.pagination a{
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
	font-size: 1em;	
}
.pagination strong{
	padding: 5px 10px;
	font-size: 1em;	
	text-decoration: underline;
}
.pagination .first,
.pagination .last{
	display: none;
}


/** =8.1.1 actu emplois
-------------------------------------------------------------------------------*/

#section-16 .actualite .image,
#section-16 .lien-abonnement,
.actualite.module-3 .lien-abonnement {
	display: none;
}
.liste-categories {
	clear: both;
	height: 50px;
}
.liste-categories li a {
	float: left;
	display: inline-block;
	background-color: #000000;
	color:#ffffff;
	padding: 8px 10px;
	margin-right: 5px;
	font-style: normal;
	text-transform: uppercase;
	
}

.actualite.module-3 .categories {
	margin-bottom: 15px;
	display: block;
}
/** =8.1.2 Actualité logo client
-------------------------------------------------------------------------------*/
#section-96 #liste-produits{
    display: inline-block;
    width: 100%;
}
#section-96 .produits {
	float:left;
	border: 0;
	position: relative;
	width: 33.33%;
}
#section-96 .contenu {
	background-color: rgba(0,0,0,0.9);
    left: 0;
    margin-top: 32px;
    padding: 50px;
    position: absolute;
    z-index: 500;
    width: 100%;
    color:#fff;
    display: none;
}
#section-96 .produits a.image {
	float: none;
}
#section-96 .contenu::before {
    border-color: transparent transparent  rgba(0,0,0,0.9);
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    left: calc(50% - 10px);
    pointer-events: none;
    position: absolute;
    top: -10px;
}

/** Bandeaux de filtre **/
#gestion-filtres{
	background: #eee;
	margin: 0 0 10px 0;
}
#filtres-critere{
	width: 100%;
/* 	border-bottom: 2px solid #ededed; */
	text-align: center;
	padding: 1% 0 0;
}
.bloc-criteres{
	display: inline-block;
	width: 31%;
	margin: 1%;
	vertical-align: top;
}

.titre-filtre{
	display: inline-block;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif; 
	color: #fabf45;
	background: #fff url(../img/puce-filtre.png) no-repeat 95% 50%;
/* 	background: url(../img/bg_h3.jpg) no-repeat left bottom ; */
	line-height: 25px;
    margin: 0 0 1% 0;
    padding: 12px 0;
/*     padding-bottom: 18px;    */
    border-bottom: solid 3px #e5e5e5;
}
#filtres-critere .titre-filtre {
    cursor: pointer;
    display: block;
}
.bloc-criteres .active{
/* 	color: #1E60BB; */
	color: #fff;
	background: #fabf45 url(../img/puce-filtre-active.png) no-repeat 95% 50%;
}
#gestion-filtres ul.criteres {
    display: none;
}
#body ul .btn-secteur{
	display: block;
	width: 100%;
	background: none;
	padding: 0;
	margin: 5px 0;
}
.btn-secteur a{
	width: 100%;
	color:#FFFFFF;
	font-family: 'Lato';
	display: inline-block;
	padding: 5px 15px ;
	text-align: center;	
	text-transform: uppercase;
	background: #fcc00b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;	
}
#filtres-critere .reset-filtre{
	display: inline-block;
	padding: 5px 15px;
	margin: 0 0 2% 0;
	border: 2px solid #000;
	text-transform: uppercase;
	color: #000;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
#filtres-critere .reset-filtre:hover{
	background: #fabf45;
}
#liste-produits .vide{
	text-align: center;
	font-size: 1.5em;
	font-weight: 300;
	font-style: italic;
	padding: 20px 0;
}
#lien-temoignage a{
	float: none;
	margin: 10px 10px 30px 10px;
}

/** =8.1.3 Actu Blog
-------------------------------------------------------------------------------*/
/** liste article **/
.module-5 h1,
#section-109 h1{
	text-align: center;
	border-bottom: 3px solid #02b2ed;
}
#welcome{
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.6em;
	background: #eee;
	padding: 20px;
	margin: 0 0 30px 0;	
}
#section-109 .col-img,
#section-109 .col-contenu{
	display: inline-block;
	width: 38%;
	padding: 0 1%;
	vertical-align: top;
}
#section-109 .col-contenu{
	width: 58%;
}
#section-109 .actualite {
    padding: 10px 0;
}

#section-109 .actualite a.image,
#section-109 .actualite img {
    width: 100%;
    height: auto;
    margin: 0;
}
#section-109 .actualite .contenu {
    width: 85%;
}
.actualite .lien-abo-blog,
.module-actualite .lien-abo-blog,
#section-109 .actualite .lien,
#actus_accueil .actualite .lien{
    background: #02b2ed;
    background: -moz-linear-gradient(-45deg, #02b2ed 18%, #1e60bb 60%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#1e60bb));
    background: -webkit-linear-gradient(-45deg, #02b2ed 18%,#1e60bb 60%);
    background: -o-linear-gradient(-45deg, #02b2ed 18%,#1e60bb 60%);
    background: -ms-linear-gradient(-45deg, #02b2ed 18%,#1e60bb 60%);
    background: linear-gradient(135deg, #02b2ed 18%,#1e60bb 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02b2ed', endColorstr='#1e60bb',GradientType=1 );
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;	
}
#section-109 .at-share-btn-elements{
	margin: 10px 0 0;	
}
/** article blog**/
.module-5 .diaporama-blog {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
}
.module-5 .contenu {
    width: 100%;
    float: none;
    font-size: 15px;
    font-family: 'lato';
    line-height: 1.8em;
    color: #8f8f8f;
}
.module-5 .at-share-btn-elements{
	text-align: right;
}

/* =8.3 Plan du site
-------------------------------------------------------------------------------*/
.menu-sitemap ul {
	margin-left: 20px;
}

/* =8.4 Formulaire
-------------------------------------------------------------------------------*/
form label {
	text-transform: uppercase;
	font-weight: normal;
	padding-right: 10px;
}
form input[type="text"],
form input[type="password"] {
    border: 1px solid #000;
    padding: 10px;
}
form textarea {
      border: 1px solid #000;
    padding: 10px;
    width: 100% !important;
}
form .erreurs {
	color: red;
	margin-bottom: 10px;
}
.mgs-validation{
	color: #000;
    font-size: 16px;
    margin: 50px 0;
    text-align: center;
}
form .erreurs p,
form #message,
form .ligne-erreur,
.container_adresse .erreur,
.form-abonnement .erreurs {
	background:  #ffdddd url(../img/check-icon-failure.png) no-repeat 5px center;
	display: inline-block;
	padding: 5px 10px 5px 25px;
	margin: 0 5px 5px 0;
	border:1px solid #FCB3B3;
	border-radius: 2px;
}
form legend {
	padding-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 0;
}
#groupe-validation .btn-primary,
form button,
a.bt-retour {
	border: none;
	border-radius: 0;
	font-size: 15px;
	color:#FFFFFF;
	font-family: 'Lato';
	float: left;
	display: inline-block; 
	padding: 15px 25px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	background: #fcc00b; /* Old browsers */ 
	background: -moz-linear-gradient(-45deg, #fcc00b 18%, #f7a31f 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#fcc00b), color-stop(60%,#f7a31f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #fcc00b 18%,#f7a31f 60%); /* IE10+ */
	background: linear-gradient(135deg, #fcc00b 18%,#f7a31f 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc00b', endColorstr='#f7a31f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
	-webkit-transition:  0.3s;
	-moz-transition:  0.3s;
	transition: 0.3s;
}
	
#groupe-validation .btn-primary:hover,
form button:hover {
	background: #1E60BB; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #02B1ED 18%, #1E60BB 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#02B1ED), color-stop(60%,#1E60BB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #02B1ED 18%,#1E60BB 60%); /* IE10+ */
	background: linear-gradient(135deg, #02B1ED 18%,#1E60BB 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02B1ED', endColorstr='#1E60BB',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a.bt-retour {
	margin-top: 15px;
	padding: 8px 15px;
	margin-bottom: 50px;
}
/* Contact et recrutement  */

#groupe-1 {
	float: left; 
	width: 40%;
	margin-right: 50px;
	margin-bottom: 50px;
}
#groupe-3{
	float: left;
	width: 47%;
	margin: 0 3% 2% 0;
}
#groupe-4{
	width: 49%;	
}
#champ-22{
	margin-bottom: 20px;
}
#champ-35,
#champ-36,
#champ-18,
#champ-23 {
    margin: 0 0 5px;
    width: 100%;
}
label{
	display: none;
}
.colonne_demi{
	display: inline-block;
	float:left;
	width: 49%;
	margin-bottom: 5px;
}

.colonne_gauche {
	margin-right: 2%;
}
.colonne_demi input[type="text"]{
	width: 100% !important;
}
.email {
	width: 49%;
	float:left;
	margin-right: 1%;
}

/*Map*/

#bloc_carte{
	position : relative;

}
#bloc_carte #carte{
	height : 450px;
	width : 100%;
	z-index: 1;
}
#infos_agences{
	display : none;
	position : absolute;
	top : 10px;
	right : 10px;
	z-index : 100;
	background : white;
	width : 320px;
	/*height : 400px;*/
}

#groupe-validation{
	text-align : right;
	float: right;
	/*margin: 0 20px 0 0;*/
}

/* adresse Map*/

#infos_agences{
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #939393;
}

/* Form abonnement newsletter */ 

.form-abonnement p {
	display: inline-block;
	margin-right: 15px;
}
.form-abonnement button {
	padding: 11px 25px;
	display: inline-block;
	float: none;
}
.form-abonnement .erreurs {
	display: block;
	margin-bottom: 25px;
}
.form-abonnement label {
	display: block;
}
 
 
.label-operation
{
	display: block;
	margin: 5px auto;
	font-size: 0.8em;
}
 
 
/* =9 Footer
-------------------------------------------------------------------------------*/
footer {
	background-color: #EEEEEE;
	padding: 50px 100px;
	width: 100%;

}
footer .inner {
    position: relative;
}
footer a.copyright {
    color: #A4A6A6;
    float: right;
    display: block;
    margin-top: 10px;
    font-size: 10px;
}
footer #reseau_sociaux {
	float: right;
	text-transform: uppercase;
	color: #8F8F8F;
	font-family: 'lato';
	font-size: 15px;
}
footer #reseau_sociaux a{
	transition:  0.2s ease-in-out;
}
footer #reseau_sociaux a:hover{
	opacity: 0.7;
}
footer #reseau_sociaux img{
	margin-left: 5px;
	
}

.bandeau_cookie {
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	color:#fff;
}

.bandeau_cookie a {
	display: inline-block;margin: 0 5px;
}
.bandeau_cookie button{
	background-color: #FABF45;
	border-color: #F68F35;
}
.bandeau_cookie button:hover{
	background-color: #F68F35;
	border-color: #F68F35;
}



/* =10 Media Queries
-------------------------------------------------------------------------------*/


/***** ---------------------------------------------------------------------------------------------MEDIA QUERIES ********/
@media screen and (min-width: 1050px) and (max-width: 1400px) {
	.inner{
		width: 90%;
/* 		background: teal; */
	}
	.actualite .diaporama img {
	    width: 70%;
	}

}
/***** ---------------------------------------------------------------------------------------------MEDIA QUERIES ********/

@media screen and (min-width: 600px) and (max-width: 1280px) {
	
	.inner {
	    margin: 0 auto;
	    padding: 0 20px;
	    width: 100%;
	}
	.navbar-nav > li > a {
    	padding: 15px 9px;
	}
	.cadre {
		width: 46%;
	}	
	.menu-1 ul.niveau-2 {
		padding: 3% 0 3% 10%;
	}
	.speciale-tme-img img {
    	max-width: 57%;
	}
}
/***** ---------------------------------------------------------------------------------------------MEDIA Print ********/
@media print {
    /* les styles d'impression commencent ici */
    body {
        font-size: 12px;
    }
    #section-109 h1,
    .module-5 h1{
        font-size: 18px;
        border-bottom: none;
        margin: 0;
    }
    #pied-page,
    #impression{
    	display: block;
		width: 100%;
		text-align: center;
    }
    #impression{
		border-bottom: 1px solid #000000;
    }
    .inner{
    	width: 100%;
    	margin: 0;
    }
    .actualite .diaporama img,
    #section-109 .actualite img {
	    width: 40%;
	    height: auto;
	}
    header,
    header.sticky,
    header a#logo,
    .navbar-default .navbar-toggle,
    .actualite a.lien-retour-liste,
    #section-109 .actualite .lien,
	#body #fil-ariane,
	#bandeau_gris,
	#client,
	footer,
	.bandeau_cookie{
		display: none;
	}
}
/***** ---------------------------------------------------------------------------------------------MEDIA QUERIES ********/
/**commentaire debug pour ipad**/
@media screen and (max-width: 1000px) {
	.inner{
/* 		background: green; */
	}
	#section-109 .col-img,
	#section-109 .col-contenu{
		width: 98%;
		margin: 1%;
		padding: 0;
	}
	.diaporama-blog img{
	    width: 80%;
	}
}
/***** ---------------------------------------------------------------------------------------------MEDIA QUERIES ********/
@media screen and (min-width: 600px) and (max-width: 1085px) {
	.inner{
/* 		background: PaleVioletRed; */
	}
	.navbar-nav > li > a {
    	padding: 15px 10px;
	}

	header {
		text-align: left;
	}	
	header a#logo {
 		margin-left: 25px;
 	}
 	header a#logo img{
 		width: 150px;
 		float: left;
 	}
	header a#logo p{
 		font-size: 14px;
 	}
 	header .navbar-default {
 		z-index: 1999;
		 width: 100%;
		  margin-top: -73px;
	}
	table.cadre {
		float: none;
		width: 100%;
		height: auto !important ;
	}
	.container-fluid {
		width: 100%;
		padding: 0;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin: 0;
	}
	.navbar-header:before {
		display: none;
	}
 	.navbar-toggle {
 		border: 0;
 	}
 	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 		background-color:  transparent;
 	}
 	.navbar-toggle .icon-bar + .icon-bar {
 		margin-top: 6px;
 	}
 	.navbar-default .navbar-toggle .icon-bar {
 		background-color: #000;
 		height: 4px;
 		width: 40px;
 		border-radius: 0;
 		transition: 0.1s ease-in-out;
		-webkit-transition: 0.1s ease-in-out;
 	}
 	
 	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(2) {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(3) {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
    	-webkit-transform: rotate(-45deg);
		margin-top: -3px;
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(4) {
		display: none;
	}
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(2) , .navbar-default .navbar-toggle span:nth-child(2),
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(3) , .navbar-default .navbar-toggle span:nth-child(3),
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(4) , .navbar-default .navbar-toggle span:nth-child(4) {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);	
		display: block;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-top: 0;
		/*background-color: #eee; avant - debug ipad*/
		background-color: #eee;
		width: 100%;
		margin-top: 40px;
	}
	header.sticky {
		display: block;
	}
	header.sticky .navbar-default .navbar-collapse, header.sticky .navbar-default .navbar-form {
		margin-top: 16px;
		/*margin-top: 16px; avant - debug ipad*/
	}
	.menu-1 ul.sections-menu li a, .menu-1 ul.sections-menu li a:link, .menu-1 ul.sections-menu li a:visited {
		border-bottom: 1px solid #BEBEBE;
		padding: 15px;
	}
	.menu-1 ul.niveau-2 {
		padding: 0 25px;
		background-color: rgba(0,0,0,0.1) !important;
		margin: 0;
		padding: 0 10% 0 0;
	}
	.menu-1 ul.niveau-2 li {
		width: 80%;
		float: none;
		margin-left: 50px;
		margin-right: 0;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color: #FCC00B;
		border-bottom: 0;
		color:#000;
	}
	
	.menu-1 ul.niveau-3 li a, .menu-1 ul.niveau-3 li a:link, .menu-1 ul.niveau-3 li a:visited {
		padding: 10px 15px;
		background: rgba(0, 0, 0, 0) url("../img/bt_more.png") no-repeat scroll 0 15px / auto 10px;
	}

	
	/* Fin menu */
	
	#solutions {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding: 25px 50px;
	
	}
	#solutions #intro{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#bandeau_gris {
		padding: 50px;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	#bandeau_gris .bloc {
		width: 100%;
	}
	#bandeau_gris #emplois {
		width: 100%;
		border-left: 0;
 	 	border-right: 0;
 	 	border-top: 1px solid #bebebe;
  		border-bottom: 1px solid #bebebe;
  		padding: 20px 0;
  		margin: 20px 0;
	}
	div#partenaires {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex; 
	}
	footer {
		padding: 50px;
	}
	footer .collapse {
		display: block !important;
	}
	.menu-2 {
		width: 50%;
	}
	.menu-2 .navbar-nav > li > a {
		font-size: 14px;
		border-left: 0;
		padding: 5px 0;
	}
	.module-editeur iframe {
		width: 100% !important;
	}
		.chiffre_clef {
		margin-right: 15px;
		width: 46%;
	}
	p.compteur {
		font-size: 45px;
		padding: 39px 20px;
		height: 130px;
		width: 130px;
		margin-right: 15px;
	}
	.chiffre_clef p + p {
		padding-top: 50px;
	}
	.chiffre_clef p + p span {
	background: rgba(0, 0, 0, 0) url("../img/bg_h3.jpg") no-repeat scroll 144px bottom;

	}
	/** Une actualité **/
	.actualite .diaporama {
   		width: 40%;
	}
	.actualite .contenu {
	    width: 60%;
	}
	/** page client **/
	.bloc-criteres{
		width: 48%;
	}
	#section-96 .produits {
		width: 50%;
	}
	.btn-secteur {
	    width: 32.33%;
	}
	.module-5 .diaporama-blog,
	.module-5 .contenu {
	    width: 100%;
	}
	.actualite .diaporama img {
	    width: 90%;
	}
	
}

/***** ---------------------------------------------------------------------------------------------MEDIA QUERIES ********/
/** debug ipad avant (max-width:599px){
	header, **/
@media screen and (max-width:599px){
	.inner{
/* 		background: Cornsilk; */
	}
	#bloc_carte{
		margin: 0 10px;
	}
	.diaporama-blog img,
	.actualite .diaporama img {
	    width: 100%;
	}
	header,
	header.sticky {
		text-align: left;
	}	
	header a#logo {
 		margin-left: 15px;
 	}
 	header a#logo img,
 	header.sticky a#logo img{
 		width: 100px;
 		float: left;
 	}
 	
	header a#logo p{
 		display: none;
 	}
 	header .navbar-default,
 	header.sticky .navbar-default {
 		margin-top: 0;
 	}
 	header .navbar-default {
 		z-index: 1999;
		 width: 100%;
		margin-bottom: 0;
    	margin-top: -45px;
	}
	
	/* Menu */ 	
	.container-fluid {
		width: 100%;
		padding: 0;
		margin-top: 5px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin: 0;
	}
	.navbar-header:before {
		display: none;
	}
 	.navbar-toggle {
 		border: 0;
 		margin-right: 0;
 	}
 	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 		background-color:  transparent;
 	}
 	.navbar-toggle .icon-bar + .icon-bar {
 		margin-top: 5px;
 	}
 	.navbar-default .navbar-toggle .icon-bar {
 		background-color: #000;
 		height: 3px;
 		width: 30px;
 		border-radius: 0;
 		transition: 0.1s ease-in-out;
		-webkit-transition: 0.1s ease-in-out;
 	}	
 	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(2) {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
    	margin-top: 8px;
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(3) {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
    	-webkit-transform: rotate(-45deg);
		margin-top: -3px;
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(4) {
		display: none;
	}
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(2) , .navbar-default .navbar-toggle span:nth-child(2),
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(3) , .navbar-default .navbar-toggle span:nth-child(3),
	.navbar-default .navbar-toggle[aria-expanded="false"] span:nth-child(4) , .navbar-default .navbar-toggle span:nth-child(4) {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
    	-webkit-transform: rotate(0deg);	
		display: block;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-top: 0;
		background-color: #eee;
		width: 100%;
		margin-top: 7px;
	}
	header.sticky {
		display: block;
	}
	header.sticky .navbar-default .navbar-collapse, header.sticky .navbar-default .navbar-form {
		margin-top: 4px;
	}
	.menu-1 ul.sections-menu li a, .menu-1 ul.sections-menu li a:link, .menu-1 ul.sections-menu li a:visited {
		border-bottom: 1px solid #BEBEBE;
		padding: 10px 25px;
		font-size: 13px;
	}
	.menu-1 ul.sections-menu li:last-child a, .menu-1 ul.sections-menu li:last-child a:link {
		border-bottom: 0;
	}
	.menu-1 ul.niveau-2 {
		padding: 0 25px;
		background-color: rgba(0,0,0,0.1) !important;
		margin: 0;
	}	
	.menu-1 ul.niveau-2 li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.menu-1 ul.niveau-3 li {
		margin-left: 15px;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color: #FCC00B;
		border-bottom: 0;
		color:#000;
	}
	
	/* Fin menu */	
	h2 {
		font-size: 25px;
		line-height: 35px;
		display: block;
		text-align: center;		
	}
	
	/* body */ 
*	.inner {
		width: 100%;
	}
	#body #fil-ariane {
		padding: 8px 0 0 0;
	}
	#body #fil-ariane li {
		padding-left: 0;
		background: none;
	}
	.cadre,
	a.lien_temoignages,
	.cadre_inline {
		width: 100%;
		height: auto;
		display: block;
		float: none;
		margin-right: 0;
		padding: 15px;
	}
	table.cadre {
		height: auto !important;
	}
	table.cadre td{
		padding: 5px !important;
	}
	a.lien_temoignages {
	  width: 100%;
	  display: block;
	  float: none;
	  line-height: 19px;
	  font-style: normal;
	  padding: 10px 35px 10px 10px;
		
	}
	.form-abonnement,
	.module-editeur,
	.module-actualite,
	.module-formulaire,
	.actualite {
		padding: 0 15px 15px 15px;
	}
	.module-editeur td img,
	.module-editeur img,
	.module-editeur iframe {
/* 		width: 100% !important;*/
 		width: 100%; 
	}
	.module-editeur .size-auto{
		width: initial;
	}
	.form-abonnement p,
	.form-abonnement input[type="text"], 
	.form-abonnement input[type="password"],
	.chiffre_clef{
	    width: 100%;
	}	
	#body h1 {
		font-size: 19px;
		line-height: 23px;
		margin: 20px 0;
	}
	#body h3 {
		font-size: 15px;
		font-weight: bold;
		line-height: 19px;
	}
	
	/* actualitee emploi */ 
	.liste-categories {
		height: 84px;
	}
	#body .liste-categories li {
		padding-left: 0;
	}
	.liste-categories li a {
		font-size: 13px;
		padding: 5px 8px;
		margin-bottom: 5px;
	}
	#liste-actualites .actualite{
		padding: 0;
		width: 100%;
	}
	.actualite h3 a {
		font-size: 15px;
	}
	.module-actualite .actualite a.image {
		width: 100%;
		margin-bottom: 10px;
	}
	.actualite .lien-abonnement,
	.actualite a.lien-retour-liste {
		float: none;
		display: block;
		margin-top: 10px;;
	}
	.actualite .lien-abo-blog{
		margin: 10px 0;
		display: block;
		width: 100%;
	}
	.module-actualite .lien-abonnement {
		 display: block;
		 position: relative;
		 top: 0;
 		 width: 100%;
	}
	
	/* contact */ 
	#groupe-1 {
		float: none;
		width: 100%;
	}
	
	/* formulaire recrutement */
	#groupe-3{
		width:100%;
		margin-bottom: 5%;
	}
	#groupe-4 {
   	 	width: 100%;
	}
	
	/* bandeau gris */
	#bandeau_gris h2 {
		 font-size: 16px;
 		 line-height: 16px;
	}
	#solutions {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 15px 25px;
	}
	#solutions p {
		font-size: 13px;
		line-height: 21px;
	}
	#lien_solutions br {
		display: none;
	}
	#lien_solutions .lien {
		display: block;
		float: none;
		padding: 11px 18px;
		height: auto;
		text-align: left;
	}
	#solutions #intro{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#bandeau_gris {
		padding: 15px 25px;
		flex-wrap: wrap;
	}
	#bandeau_gris .bloc {
		width: 100%;
	}
	#actus_accueil .lien {
		  padding: 9px 13px;
		  margin-top: 17px;
	}
	#bandeau_gris #emplois {
		width: 100%;
		border-left: 0;
 	 	border-right: 0;
 	 	border-top: 1px solid #bebebe;
  		border-bottom: 1px solid #bebebe;
  		padding: 20px 0;
  		margin: 20px 0;
	}
	#partenaires img {
	  	width: 70%;
	}
	#client {
		display: block;
		padding: 25px;
		text-align: center;
	}
	#client h2 {
		margin-right: 0;
		font-size: 18px;
	}
	#client h2 br {
		display: none;
	}
	#client .bx-controls-direction a {
		top: 35px;
	}
	#client .bx-controls-direction a.bx-prev,
	#client .bx-controls-direction a.bx-next {
		background-size: auto 40px;
		 -webkit-background-size: auto 40px; 
	}
	#client .bx-wrapper {margin: 25px 45px 0 45px !important;}
	footer {
		padding: 20px;
	}
	footer .collapse {
		display: block !important;
	}
	footer #reseau_sociaux img {
		width: 32px;
	}
	footer #reseau_sociaux {
		float: none;
	}
	.bloc-criteres {
	    width: 96%;
		margin: 1% 2%;
	}
	.titre-filtre {
	    background: #fff url(../img/puce-filtre.png) no-repeat 98% 50%;
	}
	.bloc-criteres .active {
	    background: #fabf45 url(../img/puce-filtre-active.png) no-repeat 98% 50%;
	}
	#section-96 .produits,
	.menu-2 {
		width: 100%;
	}
	.menu-2 .navbar-nav > li > a {
		font-size: 14px;
		border-left: 0;
		padding: 5px 0;
	}
	footer a.copyright {
		float: none;
	}
	/** Une actualité **/
	.actualite .diaporama,
	.actualite .contenu {
		margin: 2% 0;
   		width: 100%;
	}
	/** page clt **/
	.btn-secteur {
	    width: 49%;
	}

}