
/*Accueil */
#accueil-haut-conteneur {position:relative; z-index:20; padding-top: 125px; background:url(../images/fond-site2.jpg) no-repeat center bottom /*#d7efff*/#f9fafb; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;background-size: cover;}
/* SLIDER */
#accueil-bandeau-slider-conteneur {z-index:50; position: relative;}
#accueil-bandeau-slider-loader {width:100%; height:100%;position:absolute; left:0; top:0; z-index:75; 
background: url(../images/ajax-loader.gif) no-repeat center center #eedce6;}

/** Carousel **/
#accueil-bandeau-slider { position: relative; z-index:50;height:430px;} /* HEIGHT A MODIFIER */
#accueil-bandeau-slider .global {padding:0 10px !important;}
#accueil-bandeau-slider ul {background:none;overflow:initial; height: 430px; left: 0; list-style-type: none; margin: 0; padding: 0; position: relative; text-align: left; top: 0; width: 100%;}
#accueil-bandeau-slider ul li::before{display: none;}
/* Surcouche */
#accueil-bandeau-slider .accueil-bandeau-slider-li .accueil-bandeau-slider-surcouche { position:absolute; left:0; top:0; z-index:51; width:100%; height:100%;}
#accueil-bandeau-slider .accueil-bandeau-slider-li .accueil-bandeau-slider-surcouche a {display:block; height:100%;}

/* CONTENU DES SLIDES */
#accueil-bandeau-slider .accueil-bandeau-slider-image1 {right: -1%; top: -3%;width: 50%;}
#accueil-bandeau-slider .accueil-bandeau-slider-image2 {right: 31%; top: 30%;}
#accueil-bandeau-slider .accueil-bandeau-slider-contenu {/*overflow:hidden;*/text-align:left; position:absolute; left:125px; top:90px; z-index:50;width: calc(50% - 50px);margin-left: 50px; height:300px;}
#accueil-bandeau-slider .accueil-bandeau-slider-contenu .global {background:none;}
#accueil-bandeau-slider .accueil-bandeau-slider-contenu *{position: relative;}
#accueil-bandeau-slider .accueil-bandeau-slider-titre {line-height: 51px; color:#ffffff; font-size:40px; font-weight:300; position:relative;}
#accueil-bandeau-slider .accueil-bandeau-slider-titre {font-weight:500; font-size:50px; color:#fff; -moz-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);-webkit-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);-o-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);}
#accueil-bandeau-slider .accueil-bandeau-slider-texte {line-height: 23px;height: 250px; overflow: hidden; font-size:14px;color:#fff; position:relative; -moz-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);-webkit-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);-o-text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);}
#accueil-bandeau-slider .accueil-bandeau-slider-texte,
#accueil-bandeau-slider .accueil-bandeau-slider-texte p:not(.bouton) {font-weight:300; font-size:22px;color:#fff;line-height: initial; margin:3px 0;}

#accueil-bandeau-slider .accueil-bandeau-slider-image1 {height: 100%; overflow:hidden; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#accueil-bandeau-slider .accueil-bandeau-slider-image1 > div {height:100%;}
#accueil-bandeau-slider .accueil-bandeau-slider-image1 img{height: 100%; width: 100%; object-fit: contain; position: relative;}

/** Carousel Controls **/
#accueil-bandeau-slider-fleches-conteneur {/*position:relative; z-index:70;*/}
nav.anim-arrows>span {text-decoration:none; color:#fff; position: absolute; top: calc(100% - 255px); width: 40px; height: 40px; text-align: center; z-index:70;}
nav.anim-arrows>span.anim-arrows-prev { left: 18%; background:url(../images/slide-prev.png) no-repeat center center;}
nav.anim-arrows>span.anim-arrows-next { right: 18%;background:url(../images/slide-next.png) no-repeat center center;}
nav.nbslides-1 {display:none;}

#accueil-bandeau-slider .anim-dots {display:none;}

/* PAVES */
#accueil-paves-conteneur {text-align:left; font-size:0; width:100%;z-index:25;}
#accueil-paves-conteneur .global {text-align:center;height:100%; padding: 10px 10px 30px;}
#accueil-paves-conteneur h2 {font-weight:500; text-align:center; color:#fff; font-size:30px;}
#accueil-paves-conteneur h2::after {display:block; content:""; width:80px; height:5px; background:#fff; margin:20px auto 0;}
#accueil-paves-conteneur p {color:#fff; font-size:19px; text-align:center;}
#accueil-paves {margin: 40px 0 0;}
#accueil-paves .accueil-pave {width:250px; height:auto; margin:0 12px 25px; display:inline-block; vertical-align:top; position:relative; z-index:10; }
#accueil-paves .accueil-pave-image {margin:0 auto; width:124px; height:auto; position:relative; z-index:10;}
#accueil-paves .accueil-pave-image img {width:100%; height:auto;}
#accueil-paves .accueil-pave-image span {font-weight:600; font-size:30px; color:#ffffff; width:100%; height:100%; position:absolute; left:0; top:0; z-index:11;display: flex; flex-direction: column; justify-content: center;}
#accueil-paves .accueil-pave-nom {font-weight:400; font-size:16px; color:#fff; margin-top: 25px;}
#accueil-paves .accueil-pave-nom a,
#accueil-paves .accueil-pave-nom a:visited {text-decoration:none; color:#fff;}
#accueil-paves .accueil-pave-nom .hidden {display:none;}
#accueil-paves-conteneur #accueil-paves-italique {}
#accueil-paves-conteneur #accueil-paves-italique p {font-style:italic; font-weight:300; font-size:13px; color:#fff; text-align:center;} 

#accueil-paves .accueil-pave-image {position: relative;margin: auto;color: #444;}
#accueil-paves .accueil-pave-image #percent, #accueil-paves .accueil-pave-image .svg {width: 137px;height: 137px;position: absolute;top: 0;left: 0;}
#accueil-paves .accueil-pave-image .percent {line-height: 20px;height: 20px;width: 100%;top: 52px;font-size: 29px;text-align: center;color: #fff;opacity: 1;font-weight: 600;position: absolute;}
#accueil-paves .accueil-pave-image p, #accueil-paves .accueil-pave-image .btn {position: relative;left: 220px;width: 200px;display: block;text-transform: uppercase;font-size: 24px;top: 30px;}
#accueil-paves .accueil-pave-image .btn {text-align: center;background: #ea008a;color: #fff;width: 120px;height: 37px;line-height: 37px;cursor: pointer;}
#accueil-paves .accueil-pave-image input {border: 0;outline: 0;border-bottom: 1px solid #eee;width: 30px;font-family: helvetica;font-size: 24px;text-transform: capitalise;font-family: 'Share Tech', sans-serif;background: transparent;}


/* SOLUTIONS */
#accueil-solutions-conteneur {font-size:0;}
#accueil-solutions-gauche {display:inline-block; vertical-align:top; width:30%; height:540px; background:#f8f7f5;}
#accueil-solutions-gauche .global {float:right; padding-right: 50px; padding-top: 120px;}
#accueil-solutions-gauche .global h2.h1,
#accueil-solutions-gauche .global p {text-align:right;}
#accueil-solutions-gauche .global h2.h1 {line-height:50px; padding-bottom: 40px; position:relative; margin-bottom: 65px; margin-top: 0;}
#accueil-solutions-gauche .global h2.h1::after {position: absolute; right: 0; bottom: 0;}
#accueil-solutions-gauche .global p {font-size:25px; line-height:35px;}
#accueil-solutions-droite {display:inline-block; vertical-align:top; width:70%;}
#accueil-solutions-droite .accueil-solutions-paves {}

#accueil-solutions-paves-haut {}
#accueil-solutions-paves-haut .accueil-solutions-pave {display:inline-block; vertical-align:top; width:/*300px*/25%; height: 300px;overflow:hidden; position:relative; z-index:10;}
#accueil-solutions-paves-haut .accueil-solutions-pave * {-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#accueil-solutions-paves-haut .accueil-solutions-pave .fond {width:100%;height:100%;position:relative; z-index:10;}
#accueil-solutions-paves-haut .accueil-solutions-pave .fond::after {opacity:0; width:100%; height:100%; background:rgba(40,31,93, 0.5); content:""; position:absolute; top:0px; left:0px; z-index:12;-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
#accueil-solutions-paves-haut .accueil-solutions-pave .overlay {max-width:300px; width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; cursor:pointer; position:absolute; top:0px; left:0px; z-index:15;}
#accueil-solutions-paves-haut .accueil-solutions-pave .contenu {background:rgba(40,31,93,0.95); border:1px solid #fff; width:calc(100% - /*24px*/30px); height:90px; padding:10px 10px 10px 0px; margin:0 auto;display: flex; flex-direction: column; justify-content: center;}
#accueil-solutions-paves-haut .accueil-solutions-pave .image {width:75px; height:50px; display:inline-block; vertical-align:middle; position: relative; margin-right: 8px;}
#accueil-solutions-paves-haut .accueil-solutions-pave .image img {display:block; vertical-align:middle; width:100%; height:auto;}
#accueil-solutions-paves-haut .accueil-solutions-pave .image::after { position: absolute;right: 0;top: 0; content:""; background:#fff; width:1px; height:100%; }
#accueil-solutions-paves-haut .accueil-solutions-pave .titre {line-height: 25px;width:calc(100% - 83px);font-weight:400; font-size:17px; color:#ffffff; display:inline-block; vertical-align:middle; }
#accueil-solutions-paves-haut .accueil-solutions-pave .titre strong {color:#fff; letter-spacing: 0.5px; font-weight:600; font-size:21px; text-transform:uppercase;}
#accueil-solutions-paves-haut .accueil-solutions-pave .titre a,
#accueil-solutions-paves-haut .accueil-solutions-pave .titre a:visited {text-decoration:none;color:#fff;}
#accueil-solutions-paves-haut .accueil-solutions-pave:hover .fond {-webkit-transform: scale(1.2);transform: scale(1.2);}
#accueil-solutions-paves-haut .accueil-solutions-pave:hover .fond::after {opacity:1;}

#accueil-solutions-paves-bas {background:#281f5d;}
#accueil-solutions-paves-bas .global {padding:0; /*max-width:1200px;*/ margin:0; text-align:center;}
#accueil-solutions-paves-bas .accueil-solutions-pave {display:inline-block; vertical-align:top; width:20%; height: 240px; background:#281f5d; overflow:hidden; position:relative; z-index:10;}
#accueil-solutions-paves-bas .accueil-solutions-pave .contenu {padding:20px 10px 15px;  height: 100%;  box-sizing: border-box;}
#accueil-solutions-paves-bas .accueil-solutions-pave .image {margin:0 auto 13px; border:1px solid #fff; width:100px; height:100px; border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; -khtml-border-radius: 55px;}
#accueil-solutions-paves-bas .accueil-solutions-pave .image span {text-align: center; margin:5px; width: calc(100% - 10px);background:#5a528d; height: calc(100% - 10px);display: flex;flex-direction: column;justify-content: center;align-items: center; border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; -khtml-border-radius: 55px;}
#accueil-solutions-paves-bas .accueil-solutions-pave .image span img {width:65px; height:65px;}
#accueil-solutions-paves-bas .accueil-solutions-pave .titre {height: calc(100% - 115px); overflow:hidden; text-align:center; font-size:19px; color:#fff; line-height:22px; padding-bottom:15px; position:relative;  box-sizing: border-box;}
#accueil-solutions-paves-bas .accueil-solutions-pave .titre a,
#accueil-solutions-paves-bas .accueil-solutions-pave .titre a:visited {text-decoration:none;color:#fff;}
#accueil-solutions-paves-bas .accueil-solutions-pave .titre span {display:block; height:100%;}
#accueil-solutions-paves-bas .accueil-solutions-pave .titre::after {content:"\f107"; font-family:"FontAwesome"; text-align:center; line-height: 10px; display: inline-block;vertical-align: top;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform: translateZ(0);transform: translateZ(0);}

#accueil-solutions-paves-bas .accueil-solutions-pave:hover .titre::after {-webkit-animation-name: hvr-icon-down;animation-name: hvr-icon-down;-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

@-webkit-keyframes hvr-icon-down {
0%,
	50%,
	100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
	75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
	50%,
	100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
	75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}

#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+1){background:#622178;}
#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+1) .image span {background:#9b5cb0;}

#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+2) {background:#a02da1;}
#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+2) .image span {background:#c952ca;}


/* ACTUALITES */
#accueil-actualites-conteneur {position:relative;z-index:20; font-size:0; margin: 20px 0;}
#accueil-actualites-conteneur .global{max-width: 1360px;}

#actualites { position: relative;z-index: 20; overflow: hidden; margin: 0 auto; width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;}
#actualites.pageActu { -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;}
 
#actualites .actualite {width: calc(33% - 10px);max-width: 390px; background: #fff;text-align:center;padding-bottom: 7px; height: calc(100% - 7px); display:inline-block; vertical-align:top; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;}
#actualites.pageActu .actualite { margin: 5px 10px;}
#actualites .actualite .actualite-contenu {min-height: 140px; width: 100%;border-bottom: 1px solid #e4e4e4; padding-bottom: 10px;}
#actualites .actualite .actualite-nom {margin:18px 0; min-height: 48px; overflow: hidden;text-align: left; }
#actualites .actualite .actualite-nom a,
#actualites .actualite .actualite-nom a:visited {text-decoration:none; color: #281f5d; }
#actualites .actualite .actualite-nom > span,
#actualites .actualite .actualite-nom a > span,
#actualites .actualite .actualite-nom a:visited > span {color: #281f5d; font-size:19px; font-weight: 600;letter-spacing: 1.9px; text-decoration: none;text-transform: uppercase;line-height: 25px;}

#actualites .actualite .actualite-texte {width: 100%; height: 73px; overflow: hidden; }
#actualites .actualite .actualite-texte p {color: #7a7a7a; font-size: 15px;font-weight: 400; margin: 0; line-height: 23px; text-align:left;}
#actualites .actualite .actualite-texte p strong {font-weight: 500; }

#actualites .actualite .actualite-image {width:100%;height: 290px;margin: auto; position: relative;}
#actualites .actualite .actualite-image::after {content:"";width:100%;height: 5px;background:#281f5d;position: absolute;left: 0;bottom:0;}
#actualites .actualite .actualite-image img {width: 100%; height: 100%;object-fit: cover;}

#actualites .actualite .actualite-bouton {margin: 8px 0;}
#actualites .actualite .actualite-bouton .lien {font-size: 15px ;color: #281f5d; font-weight: 400; text-align: left; letter-spacing: 1px;}
#actualites .actualite .actualite-bouton .lien i { color: #a3a0a0; margin-right: 8px;}
#actualites .actualite:hover .actualite-bouton .lien,
#actualites .actualite:hover .actualite-bouton .lien i {color: #281f5d;}

#accueil-actualites-toutes {margin: 20px auto 0;display: block;text-align: center;}
#contenu #accueil-actualites-toutes a,
#contenu #accueil-actualites-toutes a:visited {margin:0 auto; background: #fff; max-width: 460px; width:100%; letter-spacing: 2px; height: 40px; line-height: 25px; font-size: 15px; text-transform:uppercase; padding: 0px 40px; color: #281f5d; border:1px solid #281f5d; text-decoration: none; font-weight:900; border-radius: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;}
#contenu #accueil-actualites-toutes a > span {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#contenu #accueil-actualites-toutes a > span > span { width: calc(100% - 30px); display:inline-block; vertical-align:middle;}
#contenu #accueil-actualites-toutes i {position: relative; margin-left:10px; font-size: 24px;vertical-align:middle;}

#contenu #accueil-actualites-toutes a:hover { background: #281f5d ;color: #fff; }
#contenu #accueil-actualites-toutes a:hover i {color: #fff;}

#accueil-texte {position:relative;}
#accueil-texte .global {position:relative; max-width:1800px; height:100%; display: flex;flex-wrap: wrap;align-items: end; padding: 10px 10px 20px;} 
#accueil-texte .accueil-texte-element {display:inline-block; vertical-align:top; height:100%; position: relative;z-index: 200;}
#accueil-texte-image {width:715px; position:relative; min-height: 800px;}
#accueil-texte #accueil-texte-image-responsive {display:none;}
#accueil-texte-image > div {}
#accueil-texte-image img {display:block; position: absolute; left: 0; bottom: -20px; width: 645px; height: 550px; z-index: 200;}
#accueil-texte-contenu {width:calc(100% - 715px);}
#accueil-texte-contenu > div {max-width: 755px;}


/* TEMOIGNAGES */
#accueil-temoignages {position:relative; min-height:60px;}
#accueil-temoignages::after {content: ""; height : 0; width : 0; border-right : 1920px solid transparent; border-bottom : 108px solid #f0f0ef; left: 0;bottom: 0;position: absolute;}
#accueil-temoignages .global {padding:120px 10px 0 45px; }
#accueil-temoignages-titre {display:inline-block; vertical-align:top; text-align:right; color:#fff; font-size:50px; font-weight:500; margin-right:60px; margin-top: 20px; line-height:50px;}
#accueil-temoignages-titre span {font-size:40px; font-weight:400; display: block;}
#accueil-temoignages-titre::after {width:50px; height:5px; background:#fff; content:""; margin-top: 25px; display: inline-block; vertical-align: top;}
#accueil-temoignages-slider-conteneur {display:inline-block; vertical-align:top;max-width:1020px;margin:0;}
#accueil-temoignages-slider-contenu {position: relative; z-index: 20;}
#accueil-temoignages-slider-loader {width:100%; height:100%;position:absolute; left:0; top:0; z-index:35; background:url(../images/ajax-loader.gif) no-repeat center center #F8F7F7;}

/** Carousel **/
#accueil-temoignages-slider { position: relative;z-index: 20; overflow: hidden; height:305px; margin:10px auto 0;} /* HEIGHT A MODIFIER */
#accueil-temoignages-slider ul { width: 20000em; position: relative; list-style: none; margin:0 !important; padding:0 !important; height:100%;}
#accueil-temoignages-slider .accueil-temoignages-slider-li { float: left; margin:0 !important; padding:0 !important; height:100%; background:none; line-height: initial; overflow:hidden;}
#accueil-temoignages-slider .accueil-temoignages-slider-li::before {display:none;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-centre { position:relative; z-index:10; height:100%; font-size:0; }
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-contenu { margin-bottom: 35px;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom {margin:0 0 25px; font-size:25px; color:#ffffff85; display:inline-block; vertical-align:middle; width:calc(100% - 265px);}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom strong {color:#fff; font-size:35px; font-weight:500;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom em {font-style:italic; color:#ffffff85;} 
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image {width:235px; height:140px; margin-left:30px; float:right;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image img {width: 100%; height: auto; display: block;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image.societe img { margin:2px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-texte {font-size:19px; color:#fff; line-height:24px; font-weight:300;}
#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-texte p {margin:3px 0; font-size:19px; color:#fff; line-height:24px; font-weight:300; text-align:left;}

/** Carousel Controls **/
#accueil-temoignages-slider-fleches-conteneur {position:relative; z-index:20;}
#accueil-temoignages-slider-control-prev,
#accueil-temoignages-slider-control-next { position: absolute; margin-top: -15px; z-index:20; cursor:pointer;top: calc(100% - 385px);width:30px; height:30px; text-align: left; line-height: 30px; color:#ffffff85; }
#accueil-temoignages-slider-control-prev { left: 0;}
#accueil-temoignages-slider-control-next { right: 0; text-align:right;}
#accueil-temoignages-slider-control-prev i,
#accueil-temoignages-slider-control-next i {color:#ffffff85; font-size:36px;}


@media all and (max-width:1810px) { 
	#accueil-solutions-gauche {width:20%;}
	#accueil-solutions-droite {width:80%;}
	#accueil-solutions-gauche .global {/* padding-left:45px;*/  padding-right: 25px; padding-top: 10px; box-sizing: border-box; width: 100%;}
	#accueil-solutions-gauche .global h2.h1 {font-size:25px;}
	#accueil-solutions-gauche .global h2.h1 strong {font-size:36px; line-height: 40px;}
	
}
@media all and (max-width:1590px) {

	#accueil-solutions-gauche {width:230px;}
	#accueil-solutions-gauche .global {/*padding-right: 30px;*/ padding-top: 30px;}

	
	#accueil-solutions-gauche .global h2.h1 {font-size: 22px; line-height: 32px; padding-bottom: 30px; margin-bottom: 35px;}
	#accueil-solutions-gauche .global h2.h1 strong {font-size: 25px;}
	#accueil-solutions-gauche .global p {font-size: 20px; line-height: 30px;}
	#accueil-solutions-droite {width:calc(100% - 230px);}
}
@media all and (max-width:1550px) {
	
	#accueil-bandeau-slider, #accueil-bandeau-slider ul {height:480px;}
	
	#accueil-bandeau-slider .accueil-bandeau-slider-image1 {right: 0%;}
	#accueil-bandeau-slider .accueil-bandeau-slider-contenu {width: calc(50% - 75px);left: 15px; }
	
	#accueil-texte .global {padding:10px 10px 20px; }
}


@media all and (max-width:1480px) {
	#accueil-solutions-gauche {width:100%; height:auto;}	
	#accueil-solutions-gauche .global {float:none; padding:30px 10px 10px;}
	#accueil-solutions-gauche .global h2.h1, #accueil-solutions-gauche .global p {text-align:left;}
	#accueil-solutions-gauche .global h2.h1 {padding-bottom: 0; margin-bottom: 0;} 
	#accueil-solutions-gauche .global h2.h1::after {position:relative;}
	#accueil-solutions-droite {width:100%;}
	#accueil-solutions-paves-haut .accueil-solutions-pave {width: 25% !important;    padding: 1px;		box-sizing: border-box;}
	#accueil-solutions-paves-bas .global {margin:0 auto;}
	
	#accueil-texte-image {width:575px; }
	#accueil-texte-image img {width: 100%;height: auto;}
	#accueil-texte-contenu {width: calc(100% - 575px);}
}

@media all and (max-width:1470px) { 
	
	#accueil-temoignages-slider-conteneur {width: calc(100% - 470px);}
}

@media all and (max-width:1350px) {
	  	 	
	#accueil-bandeau-slider .accueil-bandeau-slider-contenu {width: calc(53% - 75px);}
	#accueil-bandeau-slider .accueil-bandeau-slider-titre {font-size:35px;}
}
@media all and (max-width:1259px) {	
    
	#accueil-paves-conteneur .global {padding: 10px 10px 30px;}
	
	#accueil-texte-image {width:455px; }
	#accueil-texte-contenu {width: calc(100% - 455px);}
	
	#accueil-temoignages-titre {margin-left: 30px;}
	
	#accueil-temoignages-titre {font-size: 39px; line-height: 52px; }
	#accueil-temoignages-titre span {font-size: 32px;}
	#accueil-temoignages-titre::after {margin-top: 15px;}
	#accueil-temoignages-slider-conteneur {width: calc(100% - 370px);}
}

@media all and (max-width:1195px) {
	
	#accueil-slider .accueil-slider-li .accueil-slider-centre .global { padding-top: 70px; height: calc(100% - 70px);}
	#accueil-slider .accueil-slider-li .accueil-slider-image img {width:100%; height:auto;}
	#accueil-bandeau-slider .accueil-bandeau-slider-texte, 
	#accueil-bandeau-slider .accueil-bandeau-slider-texte p:not(.bouton),
	#contenu #accueil-bandeau-slider .accueil-bandeau-slider-texte .bouton {font-size:20px !important;}
	#accueil-paves .accueil-pave {width: 200px;}
	
}

@media all and (max-width:1190px) {

    #accueil-haut-conteneur {background:none; padding-top:0;}
    #accueil-slider-conteneur { padding-top: 135px; background:url(../images/fond-site-tablette2.jpg) no-repeat right bottom; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;  background-size: cover;}	
        

    #accueil-bandeau-slider .accueil-bandeau-slider-image1 { top:33%; width:490px; height:auto;}
    #accueil-bandeau-slider .accueil-bandeau-slider-image2 { right: 28%; top:50%; width:115px; height:auto;}
    #accueil-bandeau-slider .accueil-bandeau-slider-titre {font-size: 30px; line-height: 33px; color:#ea008a;  text-shadow:unset;}

    #accueil-bandeau-slider .accueil-bandeau-slider-texte,
    #accueil-bandeau-slider .accueil-bandeau-slider-texte p:not(.bouton) {color:#000; text-shadow:unset;}

    #accueil-bandeau-slider {position: relative;z-index: 50;height: 490px;background: url(../images/fond-site-tablette2.jpg) no-repeat right bottom;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;}
    #accueil-bandeau-slider ul {height: 480px;}
    #accueil-bandeau-slider .accueil-bandeau-slider-image1 {top: initial;bottom: 0;right: 0;}

    #accueil-slider .accueil-slider-li .accueil-slider-image {width:100%; text-align: center;}
    #accueil-slider .accueil-slider-li .accueil-slider-contenu { margin-left:0; width: 100%;  height:auto;margin-top: 0; text-align: center;}
    #accueil-slider .accueil-slider-li .accueil-slider-contenu > div {margin-top:15px;}

    #accueil-slider .accueil-slider-li .accueil-slider-contenu.gauche > div,
    #accueil-slider .accueil-slider-li .accueil-slider-contenu.droite > div {float:none;}
    #accueil-slider .accueil-slider-li .accueil-slider-contenu .accueil-slider-titre, 
    #accueil-slider .accueil-slider-li .accueil-slider-contenu .accueil-slider-texte, 
    #accueil-slider .accueil-slider-li .accueil-slider-contenu .accueil-slider-texte p {text-align:center;}
    #accueil-slider .accueil-slider-li .accueil-slider-titre { font-size:40px;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte,
    #accueil-slider .accueil-slider-li .accueil-slider-texte p {font-size:18px;}

    #accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:none !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:inline-block !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:none !important;}

    nav.anim-arrows > span.anim-arrows-prev, nav.anim-arrows > span.anim-arrows-next {border:1px solid #003BAF; border-radius:60px;}
    nav.anim-arrows>span.anim-arrows-prev {background:url(../images/slide-prev-mobile.png) no-repeat center center !important;}

    #accueil-paves-conteneur {background:#0d3f70;}
    #accueil-paves-conteneur h2 {font-size: 20px;}
    #accueil-paves-conteneur p {font-size:15px;}
    #accueil-paves .accueil-pave { width: calc(50% - 10px);}

}

@media all and (max-width:1145px) {
	
	#accueil-solutions-paves-haut .accueil-solutions-pave {width: 50% !important;}
	#accueil-solutions-paves-haut .accueil-solutions-pave .overlay {max-width:400px;}
	
	#accueil-texte .accueil-texte-element {display:block; width:100%;}
	#accueil-texte-contenu > div {max-width:100%;}
	#accueil-texte #accueil-texte-image {display:none;}
	#accueil-texte #accueil-texte-image-responsive {display:block; max-width: 460px; height: 320px; margin:0 auto;}
	#accueil-texte-image-responsive img {opacity: 1 !important; transition: unset;transform: unset;display:block; position: absolute; left: 0; bottom: -20px; width: 100% !important; height: 100% !important;object-fit: contain; z-index: 200; max-width: unset !important; max-height: unset !important;}
}

@media all and (max-width:1110px) {
		
	#accueil-temoignages-slider-conteneur {width:calc(100% - 70px);}
}

@media all and (max-width:1055px) {
	#accueil-bandeau-slider .accueil-bandeau-slider-image1 {top:13%; height:auto;width: 42%;}
	#accueil-bandeau-slider .accueil-bandeau-slider-image2 {right:33%; width:235px; height:auto;}
	#accueil-bandeau-slider .accueil-bandeau-slider-contenu {height: 310px;}
}

@media all and (max-width:1040px) {
	
	#accueil-slider .accueil-slider-li .accueil-slider-centre .global { padding-top: 0px; height: 100%;}
	#accueil-slider .accueil-slider-li .accueil-slider-image {width:100%; text-align: center;}
	#accueil-slider .accueil-slider-li .accueil-slider-image > div {display:block;}
	#accueil-slider .accueil-slider-li .accueil-slider-image.paysage img {width:auto; height:100%;}
	#accueil-slider .accueil-slider-li .accueil-slider-contenu {margin-left:0; width: 100%; margin-top: 0; text-align: center;}
	#accueil-slider .accueil-slider-li .accueil-slider-contenu.gauche > div,
	#accueil-slider .accueil-slider-li .accueil-slider-contenu.droite > div {float:none;}
	
	#accueil-solutions-paves-bas .accueil-solutions-pave {width: 33.333%;}
	
	
}
@media all and (max-width:990px) {
	#accueil-paves .accueil-pave { width: calc(25% - 10px);  margin: 0 5px 15px;}
	#accueil-paves .accueil-pave-image {width: 100px; }
	#accueil-paves .accueil-pave-image span { font-size: 25px;}
	
}

@media all and (max-width:930px) {

	#accueil-slider .accueil-slider-li .accueil-slider-centre .global { padding:0 10px; width:calc(100% - 20px);}
	
	#accueil-solutions-gauche .global { padding:30px 10px 10px;}
	#accueil-paves-conteneur .global {padding: 10px 10px 30px;}
	#accueil-texte .global {padding:10px 10px 20px;}
	
	#accueil-temoignages-slider-conteneur {width:100%;}	
}
@media all and (max-width:860px) {
	#accueil-paves .accueil-pave-nom {font-size:14px;}
	
	#accueil-temoignages .global {padding:70px 10px 0px;}
	#accueil-temoignages-slider {height:365px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-texte p {font-size: 16px;}
}

@media all and (max-width:780px) {
    #accueil-texte #accueil-texte-image-responsive { height: 320px;}
	
	#accueil-haut-conteneur {display:none;}
	#accueil-temoignages-slider {height: 355px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom {font-size:20px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom strong {font-size:29px;}
	#accueil-temoignages-slider-control-prev, #accueil-temoignages-slider-control-next {top: calc(100% - 435px);}
	
	#accueil-solutions-conteneur {margin-top: 0px;}
    
	#accueil-bandeau-slider .accueil-bandeau-slider-image1 { top:33%; width:300px; height:auto;}
	#accueil-bandeau-slider .accueil-bandeau-slider-image2 { right: 28%; top:50%; width:115px; height:auto;}
	#accueil-bandeau-slider .accueil-bandeau-slider-titre {font-size: 30px; line-height: 33px;}

	#accueil-bandeau-slider .accueil-bandeau-slider-contenu {width: calc(100% - 80px);height:250px;margin-left: 25px;}

	#accueil-bandeau-slider {position: relative;z-index: 50;height: 490px;background: url(../images/fond-site-tablette2.jpg) no-repeat right bottom;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;}
	#accueil-bandeau-slider ul {height: 480px;}
	#accueil-bandeau-slider .accueil-bandeau-slider-image1 {top: initial;bottom: 0;right: calc(44% - 150px);}

	#accueil-temoignages-slider {height:445px;}
	nav.anim-arrows>span.anim-arrows-prev, nav.anim-arrows>span.anim-arrows-next {width: 25px !important; height: 25px !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important;  background-size: 100% 100% !important;}
}
@media all and (max-width: 685px) {
	
	#accueil-temoignages::after {bottom: -47px;}
	#accueil-temoignages-slider {height:425px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-contenu {margin-bottom:15px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image {float: none;  display: block;  margin: 0 auto 15px;     width: 185px;  height: 110px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom {width:100%;margin: 0 0 5px;}
	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-texte p {font-size: 16px;line-height: 22px;}
	
}

@media all and (max-width: 645px) {
    	
	#accueil-slider .accueil-slider-li .accueil-slider-titre { font-size:29px; line-height: 31px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte,
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {font-size:16px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte h2 {font-size: 19px;}
	
	#accueil-solutions-paves-bas .accueil-solutions-pave {width: 50%;}
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(5n+3),
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(5n+3) .image span {background: #a02da1;}
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(5n+4),
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(5n+4) .image span {background: #622178;}
}

@media all and (max-width: 640px) {

	#accueil-bandeau-slider .accueil-bandeau-slider-image2 { right: 28%; top:50%; width:115px; height:auto;}
	#accueil-bandeau-slider .accueil-bandeau-slider-titre {font-size: 30px; line-height: 33px;}

}
@media all and (max-width:580px) {
	#accueil-slider-conteneur {padding-top: 160px;  background:url(../images/fond-site-mobile2.jpg) no-repeat center bottom; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;  background-size: cover;}	
	#accueil-slider {padding:0;}
	#accueil-slider .accueil-slider-li .accueil-slider-titre { font-size:24px; line-height: 27px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte,
	#accueil-slider .accueil-slider-li .accueil-slider-texte p {font-size:14px;}
	#accueil-slider .accueil-slider-li .accueil-slider-texte h2 {font-size: 18px;}
		
	#accueil-solutions-paves-haut .accueil-solutions-pave {width: 100% !important;}
	
	#actualites .actualite { width: 100% !important; margin:5px 0 30px !important;}
	#actualites .actualite .actualite-contenu,
	#actualites .actualite .actualite-nom {min-height:0; }
	#actualites .actualite .actualite-texte {height:auto;}
	#accueil-actualites-toutes a, 
	#accueil-actualites-toutes a:visited {padding: 0px 15px; width: calc(100% - 30px); min-height: 40px; height:auto;}
	 
}

@media all and (max-width:480px) {   
	
	#accueil-bandeau-slider .accueil-bandeau-slider-contenu {width: calc(100% - 5px); left: 5px; margin-left: 0px;}
	nav.anim-arrows > span.anim-arrows-prev, nav.anim-arrows > span.anim-arrows-next {opacity: 0;}
	#accueil-bandeau-slider .bouton {font-size: 15px!important;padding: 10px 3px !important;min-height: 20px;}

	#accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image {  width: 185px;  height: 110px;}
}

@media all and (max-width:435px) {	
    /* #accueil-paves .accueil-pave { width: calc(50% - 10px);} */
	#accueil-paves .accueil-pave-image { width: 90px;}
	#accueil-paves .accueil-pave-nom br {display:none;}
        
	#accueil-solutions-paves-bas .accueil-solutions-pave {width: 100%;}
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+1),
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+1) .image span {background: #622178 !important;}
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+2),
	#accueil-solutions-paves-bas .accueil-solutions-pave:nth-child(2n+2) .image span {background: #a02da1 !important;}
	
	#contenu #accueil-actualites-toutes a, 
	#contenu #accueil-actualites-toutes a:visited {line-height: 17px; min-width:0;}
	
	#accueil-texte #accueil-texte-image-responsive { height: 270px;}
    
    #accueil-temoignages-slider {height:455px;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image {width: 205px; height:auto;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom {font-size:20px;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom strong {font-size:26px;}
    	
    #accueil-bandeau-slider .accueil-bandeau-slider-image1 {top: 55%; right: 10%;}
	#accueil-bandeau-slider .accueil-bandeau-slider-image2 {top: 68%; right: 58%;}

	#accueil-bandeau-slider .global {padding: 0 10px ;}
	#accueil-bandeau-slider .accueil-bandeau-slider-texte, #accueil-bandeau-slider .accueil-bandeau-slider-texte p:not(.bouton) {font-size: 19px !important;line-height: 24px;}
	#contenu #accueil-bandeau-slider .accueil-bandeau-slider-texte .bouton {font-size:19px !important;}

	
}

@media all and (max-width:385px) {
	
	#accueil-slider-conteneur { padding-top: 170px; }
	#accueil-slider .accueil-slider-li .accueil-slider-image img { width: auto;  height: 85%;}
	
	#accueil-actualites-toutes a,  
	#accueil-actualites-toutes a:visited {font-size: 14px; padding: 0px 5px;} 
		
	#accueil-texte #accueil-texte-image-responsive { height: 230px;}
	
	#accueil-temoignages::after {display:none;}
	#accueil-temoignages .global {padding:70px 10px 0px;}
	#accueil-temoignages-titre {margin-left:10px;}
	#accueil-temoignages-slider-fleches-conteneur {display:none;}
    #accueil-temoignages-slider {height:525px;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-image {width: 205px; height:auto;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom {font-size:17px;}
    #accueil-temoignages-slider .accueil-temoignages-slider-li .accueil-temoignages-slider-nom strong {font-size:20px;}
    	
	#accueil-slider .accueil-slider-li .accueil-slider-centre .global { padding:0 10px; width:calc(100% - 20px);}
	#accueil-texte .global {padding:10px 10px 20px;}	
	#accueil-solutions-gauche .global { padding:30px 10px 10px;}
	#accueil-paves-conteneur .global {padding: 10px 10px 30px;}
}

@media all and (max-width:345px) {	
	
	#accueil-bandeau-slider .accueil-bandeau-slider-image1 {right:10px;}
	#accueil-bandeau-slider .accueil-bandeau-slider-image2 {right:64%;}
}
