/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */





html,body{display:block; width:100%; padding:0; margin:0; font-family: 'Lato', sans-serif; font-weight:400; box-sizing:border-box;}

.orange{color:#f27442;}
.noir{color:#1d1d1d;}
.gris{color:#6d6d6d;}
b,strong{font-weight:900;}

.wrapper{display:block; position:relative; width:100%; max-width:1100px; padding:0; margin:0 auto; box-sizing:border-box;}

.colonne-50-droite{display:block; width:50%; padding:0 0 0 25px; margin:0; float:left; box-sizing:border-box;}
.colonne-50-gauche{display:block; width:50%; padding:0 25px 0 0; margin:0; float:left; box-sizing:border-box;}
.colonne-40-droite{display:block; width:40%; padding:0 0 0 25px; margin:0; float:left; box-sizing:border-box;}
.colonne-60-gauche{display:block; width:60%; padding:0 25px 0 0; margin:0; float:left; box-sizing:border-box;}
.colonne-30-droite{display:block; width:40%; padding:0 0 0 65px; margin:0; float:left; box-sizing:border-box;}
.colonne-30-centre{display:block; width:35%; padding:0 10px 0 40px; margin:0; float:left; box-sizing:border-box;}
.colonne-30-gauche{display:block; width:25%; padding:0; margin:0; float:left; box-sizing:border-box;}
.colonne-100-bas{display:block; width:100%; padding:20px 0 0 0; margin:0; box-sizing:border-box;}

.colonne-70-gauche{display:block; width:70%; padding:0 25px 0 0; margin:0; float:left; box-sizing:border-box;}
.colonne-sidebarre{display:block; width:30%; padding:0 0 0 25px; margin:0; float:left; box-sizing:border-box;}

img{display:block; width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
a{transition:all 0.3s ease;}

@media screen and (max-width: 1100px){
.wrapper{padding:0 40px;}
}

@media screen and (max-width: 900px){
  .colonne-50-droite{width:100%; padding:0; float:none;}
  .colonne-50-gauche{width:100%; padding:0; float:none;}
  .colonne-40-droite{width:100%; padding:0; float:none;}
  .colonne-60-gauche{width:100%; padding:0; float:none;}
  .colonne-100-bas{width:100%; padding:20px 0 0 0;}

  .colonne-30-droite{width:50%; padding:0 20px 0 25px;}
  .colonne-30-centre{width:50%; padding:0 25px 0 20px;}
  .colonne-30-gauche{display:none;}

  .colonne-70-gauche{width:100%; padding:0; float:none;}
  .colonne-sidebarre{width:100%; padding:0; float:none;}
}

@media screen and (max-width: 760px){
  .wrapper{padding:0 30px;}
  .colonne-30-droite{width:100%; padding:0;}
  .colonne-30-centre{width:100%; padding:0;}
}


/*HEADER-----------------------------------------------------------------------------------------------------------------------------------------*/
header{display:block; padding:0; margin:0; top:-150px; box-sizing:border-box; transition:top 0.3s ease;}
header .haut{display:block; padding:0; margin:0; background-color:#f27442; box-sizing:border-box;}
header .haut ul{display:block; padding:0; margin:0; box-sizing:border-box;}
header .haut ul li{display:inline-block; float:right; padding:0; margin:0; box-sizing:border-box;}
header .haut ul li:first-child{float:left;}
header .haut ul li a{display:block; cursor:pointer; padding:10px 10px; margin:0; font-size:1rem; font-weight:700; color:white; text-decoration:none; background-color:transparent; box-sizing:border-box;}
header .haut ul li a i{display:inline-block; vertical-align:top; padding:0 8px 0 0; margin:0; font-size:1.2rem; box-sizing:border-box;}
header .haut ul li a:hover, header .haut ul li.active a{background-color:#fff; color:#f27442;}
header .bas{display:block; padding:20px 0; margin:0; background-color:#1d1d1d; box-sizing:border-box;}
header .bas .logo{display:inline-block; vertical-align:middle; width:340px; padding:5px 50px 5px 0; margin:0 10px 0 0; border-right:solid 1px #84bd01; box-sizing:border-box;}
header .bas .logo .logo-header{display:block;}
header .bas .logo .logo-header-scroll{display:none;}
header .bas .open-menu{display:none;}
header .bas .close-menu{display:none;}
header .bas nav{display:inline-block; padding:20px 0 0 20px; margin:0; box-sizing:border-box;}
header .bas nav ul{display:block; padding:0; margin:0; box-sizing:border-box;}
header .bas nav ul li{display:inline-block; padding:0 25px; margin:0; box-sizing:border-box;}
header .bas nav ul li a{display:block; font-family: 'Raleway', sans-serif; font-weight:600;  padding:10px 0px; margin:0; font-size:1.2rem; color:white; text-decoration:none; border-bottom:solid 1px transparent; box-sizing:border-box;}
header .bas nav ul li a:hover, header .bas nav ul li.active a{color:#84bd01; border-color:#84bd01;}
header .bas nav ul li:last-child a{background-color:#84bd01;color:#fff; padding:10px 15px;}
header .bas nav ul li:last-child a:hover{background-color:#f27442; border-color:transparent;}

.header-scroll{position:fixed; top:0; left:0; width:100%; z-index:99999999999;}
.header-scroll .bas{padding:10px 0;}
.header-scroll .bas .logo{padding:0 40px 0 0; border-right:none;}
.header-scroll .bas .logo .logo-header{display:none;}
.header-scroll .bas .logo .logo-header-scroll{display:block;}
.header-scroll .bas nav{padding:3px 0 0 20px;}

@media screen and (max-width: 1100px){
  header{position:fixed; top:0; left:0; width:100%; z-index:99999999999;}
  header .bas{padding:10px 0;}
  header .bas .logo{display:block; width:249px; padding:10px 0 20px 0; margin:0 auto; border:none; border-bottom:solid 1px #555;}
  header .bas nav{display:block; padding:20px 0 10px 0;}
  header .bas nav ul{text-align:center;}

  .header-scroll .bas .logo{padding:10px 0 20px 0;}
  .header-scroll .bas .logo .logo-header{display:block;}
  .header-scroll .bas .logo .logo-header-scroll{display:none;}
}

@media screen and (max-width: 900px){
  header{position:fixed; top:0; left:0; width:100%; z-index:99999999999;}
  header .bas{padding:10px 0;}
  header .bas .logo{display:inline-block; width:249px; padding:10px 0 10px 0; margin:0; border:none; border-bottom:none; float:left;}
  header .bas .open-menu{display:inline-block; float:right; padding:10px 15px; border:solid 1px transparent; cursor:pointer; margin:23px 0 0 0; background-color:#f27442; color:white; font-size:0.9rem; font-weight:400; font-family: 'Raleway', sans-serif; box-sizing:border-box; transition:all 0.5s ease;}
  header .bas .open-menu:hover{border-color:white; background-color:#333;}
  header .bas .close-menu{display:block; border-bottom:solid 1px transparent; cursor:pointer; position:fixed; top:-100px; right:0; width:100%; height:50px; line-height:50px; padding:0; margin:0; z-index:999999999999999999999999; text-align:center; background-color:#1d1d1d; color:white; font-weight:700; font-size:1rem; box-sizing:border-box; transition:all 0.3s ease 0s;}
  header .bas .close-menu:hover{background-color:#333; border-color:#f27442;}
  header .bas nav{display:block; position:fixed; top:-200%; left:0; width:100%; height:100%; z-index:999999999999999999999999; padding:90px 40px 30px 40px; background-color:#f27442;}
  header .bas nav ul{text-align:center;}
  header .bas nav ul li{display:block; text-align:center;}
  header .bas nav ul li a{display:inline-block; width:250px; padding:20px 30px; margin:0; font-size:1rem; border-bottom:solid 1px white; }
  header .bas nav ul li a:hover, header .bas nav ul li.active a{color:#1d1d1d; border-color:#1d1d1d;}

  header .bas .close-menu.open{top:0;}
  header .bas nav.open{top:0;}

  .header-scroll .bas nav{padding:90px 40px 30px 40px;}
  .header-scroll .bas .logo{padding:10px 0 10px 0;}
  .header-scroll .bas .logo .logo-header{display:block;}
  .header-scroll .bas .logo .logo-header-scroll{display:none;}
}

@media screen and (max-width: 760px){
  .noiphone{display:none;}
  header .haut ul li{float:left;}
  header .haut ul li:first-child{display:none;}
  header .haut ul li a i{vertical-align:middle; padding:0 8px; font-size:1.4rem;}
  header .bas .open-menu{padding:10px 15px; position:fixed; top:1px; right:10px; margin:0;}
  header .bas .logo{margin:0 auto; display:block; float:none;}
}



/*INTRODUCTION-----------------------------------------------------------------------------------------------------------------------------------------*/
#introduction{display:block; padding:80px 0 120px 0; position:relative; text-align:center; margin:0; box-sizing:border-box;}
#introduction.accueil{background: url(../img/printing-angel-antesis-accueil.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; }
#introduction.fonctionnement{background: url(../img/printing-angel-antesis-fonctionnement.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; }
#introduction.partenaire{background: url(../img/printing-angel-antesis-partenaire.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; }
#introduction .texte{display:inline-block; position:relative; padding:20px 30px; margin:0; background-color:white; box-sizing:border-box;}
#introduction .texte h1{display:block; padding:0 0 10px 0; margin:0; font-size:1.55rem; line-height:2rem;  font-family: 'Raleway', sans-serif; font-weight:700;  color:#f27442; box-sizing:border-box;}
#introduction .texte h2{display:block; padding:0; margin:0; font-size:1rem; color:#1d1d1d; line-height:1.4rem; font-weight:700; box-sizing:border-box;}


@media screen and (max-width: 1100px){
  #introduction{margin:220px 0 0 0; margin-top:220px !important;}
}

@media screen and (max-width: 900px){
  #introduction{margin:140px 0 0 0; margin-top:140px !important;}
}

@media screen and (max-width: 760px){
  #introduction{margin:140px 0 0 0; margin-top:140px !important; padding:40px 0; }
  #introduction .texte{display:block; padding:20px 0;}
  #introduction .texte h1{text-align:center; padding:10px 30px; font-size:1.4rem;}
  #introduction .texte h2{text-align:center; padding:10px 30px;}
 
}


/*ACCUEIL PAGE HAUT-----------------------------------------------------------------------------------------------------------------------------------------*/
#accueil{display:block; padding:0; margin:0; box-sizing:border-box;}

#accueil .accroche{display:block; position:relative; padding:0 80px; margin:40px 0 10px 0; font-size:2.2rem; line-height:2.4rem;  font-family: 'Raleway', sans-serif; font-weight:700;  color:#f27442; text-align:center; box-sizing:border-box;}
#accueil .accroche i{position:absolute; font-size:4rem; margin-top:-30px;}
#accueil .accroche i.gauche{left:10px; top:50%;}
#accueil .accroche i.droite{right:10px; top:50%;}

@media screen and (max-width: 900px){
  #accueil .accroche{display:block; position:relative; padding:20px 0; border:none; margin:0; font-size:2rem; line-height:2.4rem; }
  #accueil .accroche i{display:none;}
}



#accueil .bloc-b{display:block; position:relative; padding:20px 30px 30px 30px; margin:45px 0 60px 0; background-color:#f27442; box-sizing:border-box;}
#accueil .bloc-b h2{display:block; text-align:center; padding:10px 15px; margin:0; font-family: 'Raleway', sans-serif; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:1rem; line-height:1.4rem; color:#1d1d1d; background-color:white; box-sizing:border-box;}
#accueil .bloc-b h3{display:block; position:relative; padding:20px 0 0 0; margin:0; font-size:1rem; color:white; line-height:1.4rem; text-align:justify; font-weight:300; box-sizing:border-box;}
#accueil .bloc-b ul{display:block; padding:10px 0 10px 0; margin:0; box-sizing:border-box;}
#accueil .bloc-b ul li{display:block; position:relative; padding:10px 0 10px 0; margin:0; font-size:1rem; color:white; line-height:1.4rem; font-weight:600; text-align:justify; box-sizing:border-box;}
#accueil .bloc-b ul li i{display:block; font-size:2.4rem; padding:0 0 10px 0; margin:0; text-align:center;}



#accueil .bloc-d{display:block; padding:30px 0 0 0; margin:0; box-sizing:border-box;}
#accueil .bloc-d .titre{display:block; padding:10px 0 20px 0; margin:0; font-size:1.4rem; line-height:1.8rem;  font-family: 'Raleway', sans-serif; font-weight:700;  color:#1d1d1d; box-sizing:border-box;}
#accueil .bloc-d .article{display:block; position:relative; padding:15px 0 0 0; margin:0 0 30px 0; border-top:solid 1px #f27442; box-sizing:border-box;}
#accueil .bloc-d .article .image{display:block; float:left; width:35%; padding:0; margin:0; box-sizing:border-box;}
#accueil .bloc-d .article .contenu{display:block; float:left; width:65%; padding:0 0 10px 40px; margin:0; box-sizing:border-box;}
#accueil .bloc-d .article .contenu h3{display:block; padding:0 0 15px 0; margin:0; font-size:1.05rem; color:#929292; text-align:justify; line-height:1.6rem; font-weight:600; box-sizing:border-box;}
#accueil .bloc-d .article .contenu ul{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box;}
#accueil .bloc-d .article .contenu ul li{display:block; position:relative; padding:0 0 5px 5px; margin:0; font-size:0.95rem; color:#777; line-height:1.2rem; font-weight:400; box-sizing:border-box;}

@media screen and (max-width: 760px){
  #accueil .bloc-d .article .image{float:none; width:100%;}
  #accueil .bloc-d .article .contenu{float:none; width:100%; padding:20px 0 20px 0;}
}




/*STATISTIQUE BAS DE PAGE-----------------------------------------------------------------------------------------------------------------------------------------*/
#publicite{display:block; background-color:#f27442; padding:40px 0; margin:30px 0 0 0; text-align:center; box-sizing:border-box;}
#publicite h2{display:block; padding:0; margin:0; font-size:2rem; line-height:2.4rem;  font-family: 'Raleway', sans-serif; font-weight:700; color:#fff; text-align:center; box-sizing:border-box;}
#publicite h3{display:block; padding:15px 0 20px 0; margin:0; font-size:1.2rem; line-height:1.6rem;  font-weight:600; color:#fff; text-align:center; box-sizing:border-box;}
#publicite a{display:inline-block; cursor:pointer; padding:15px 20px; margin:0; font-size:1rem; text-decoration:none; text-transform:uppercase; font-weight:700; color:#fff; background-color:#1d1d1d;; box-sizing:border-box; transition:all 0.4s ease;}
#publicite a:hover{background-color:#84bd01;}



/*STATISTIQUE BAS DE PAGE-----------------------------------------------------------------------------------------------------------------------------------------*/
#publicite-bis{display:block; background-color:#f27442; padding:40px 0; margin:80px 0 0 0; text-align:center; box-sizing:border-box;}
#publicite-bis h2{display:block; padding:0; margin:0; font-size:2rem; line-height:2.4rem;  font-family: 'Raleway', sans-serif; font-weight:700; color:#fff; box-sizing:border-box;}
#publicite-bis ul{display:table; table-layout:fixed; vertical-align:top; width:100%; padding:40px 0; margin:0; box-sizing:border-box;}
#publicite-bis ul li{display:table-cell; position:relative; padding:0 20px; margin:0; box-sizing:border-box; color:white; font-size:1.2rem; font-weight:600; text-align:center;}
#publicite-bis ul li i{display:block; width:120px; height:120px; padding:0; margin:0 auto 15px auto; line-height:115px; font-size:3rem; border:solid 4px white; border-radius:50%; box-sizing:border-box;}
#publicite-bis a{display:inline-block; padding:15px 20px; margin:0; font-size:1rem; text-decoration:none; text-transform:uppercase; font-weight:700; color:#fff; background-color:#1D1D1D; box-sizing:border-box; transition:all 0.4s ease;}
#publicite-bis a:hover{background-color:#84bd01;}

@media screen and (max-width: 860px){
  #publicite-bis{padding:30px 0; margin:40px 0 0 0;}
  #publicite-bis h2{font-size:1.6rem; line-height:2rem;}
  #publicite-bis ul{display:block; padding:40px 0; text-align:center;}
  #publicite-bis ul li{display:inline-block; vertical-align:top; width:45%; padding:0 20px; margin:10px 0;}
  #publicite-bis ul li i{width:100px; height:100px;line-height:95px; font-size:2.6rem; border:solid 2px white;}
}

@media screen and (max-width: 500px){
  #publicite-bis ul li{display:block; width:100%; padding:0 20px; margin:20px 0;}
}


#philosophie{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box;}
#philosophie h3{display:block; padding:30px 0 15px 0; margin:0; font-size:2.2rem; font-family: 'Raleway', sans-serif; font-weight:600; text-align:center; color:#f27442; box-sizing:border-box;}
#philosophie h4{display:block; padding:0; margin:0; font-size:1.2rem; line-height:1.8rem; font-weight:500; text-align:center; color:#929292; box-sizing:border-box;}

@media screen and (max-width: 760px){
  #philosophie h3{font-size:2rem;}
  #philosophie h4{font-size:1rem; line-height:1.4rem; text-align:justify;}
}


#mosaique-partenaire{display:block; padding:0; margin:0; box-sizing:border-box;}
#mosaique-partenaire ul{display:block; text-align:center; padding:30px 0 0 0; margin:0; box-sizing:border-box;}
#mosaique-partenaire ul li{display:inline-block; width:30%; padding:20px 30px; margin:15px 1%; border:solid 1px #929292; box-sizing:border-box;}
#mosaique-partenaire ul li:hover{border-color:#f27442;}
#mosaique-partenaire ul li img{width:40%; margin:0 auto;}
#mosaique-partenaire ul li h2{display:block; padding:15px 0 0 0; margin:0; font-size:1.2rem; font-family: 'Raleway', sans-serif; font-weight:700; text-align:center; color:#f27442; box-sizing:border-box;}
#mosaique-partenaire ul li h3{display:block; padding:5px 0 0 0; margin:0; font-size:0.9rem; line-height:1.4rem; font-weight:500; text-align:center; color:#929292; box-sizing:border-box;}

@media screen and (max-width: 900px){
  #mosaique-partenaire ul li{width:47%;}
}

@media screen and (max-width: 600px){
  #mosaique-partenaire ul li{width:100%; margin:15px 0;}
}


#fonctionnalites{display:block; text-align:center; padding:0px 0 0 0; margin:0; box-sizing:border-box;}
#fonctionnalites ul{display:block; padding:10px 0 50px 0; margin:0; box-sizing:border-box;}
#fonctionnalites ul li{display:block; position:relative; padding:30px 30px 10px 30px; margin:0; box-sizing:border-box;}
#fonctionnalites ul li i.fleche{display:none; padding:0; margin:0 0 40px 0; font-size:3rem; color:#84bd01; box-sizing:border-box;}
#fonctionnalites ul li i.icone{display:block; width:120px; height:120px; padding:0; margin:0 auto 15px auto; line-height:115px; font-size:3rem; border:solid 4px #f27442; color:#f27442; border-radius:50%; box-sizing:border-box;}
#fonctionnalites ul li h2{display:block; padding:0; margin:0; font-size:2.6rem; font-family: 'Raleway', sans-serif; font-weight:400; text-align:center; color:#f27442; box-sizing:border-box;}
#fonctionnalites ul li h3{display:block; padding:5px 0 0 0; margin:0; font-size:1.3rem; line-height:1.7rem; font-weight:600; text-align:center; color:#1D1D1D; box-sizing:border-box;}
#fonctionnalites ul li h4{display:block; padding:0; margin:0; font-size:1.2rem; line-height:1.6rem; font-weight:500; text-align:center; color:#929292; box-sizing:border-box;}
#fonctionnalites ul li hr{display:block; width:140px; padding:0; margin:20px auto; text-align:center; background-color:#929292; border:none; height:1px; box-sizing:border-box;}


@media screen and (max-width: 760px){
  #fonctionnalites ul li{padding:30px 0 10px 0;}
  #fonctionnalites ul li h2{font-size:2rem;}
  #fonctionnalites ul li h3{font-size:1.2rem; line-height:1.6rem;}
  #fonctionnalites ul li h4{font-size:1rem; line-height:1.4rem; }
  #fonctionnalites ul li hr{width:100px;}

}



/*PUSH 3 BLOCS-----------------------------------------------------------------------------------------------------------------------------------------*/
#pushfin{display:block; padding:40px 0 60px 0; margin:0; box-sizing:border-box; }
#pushfin h2{display:block; padding:0; margin:0; font-size:2rem; line-height:2.4rem;  font-family: 'Raleway', sans-serif; font-weight:700; color:#1D1D1D; text-align:center; box-sizing:border-box;}

.bloc-societe-footer{display:block; padding:10px 40px 0 0; margin:0; text-align:center; box-sizing:border-box;}
.bloc-societe-footer h2{display:block; padding:0; margin:0; font-size:1.6rem; line-height:2rem;  font-family: 'Raleway', sans-serif; font-weight:700; color:#1D1D1D; box-sizing:border-box;}
.bloc-societe-footer .logo{display:flex; align-items: center; justify-content:space-around; width:317px; margin:0 auto; padding:40px 0 20px 0;}
.bloc-societe-footer .logo img:nth-child(1){height: 90px;}
.bloc-societe-footer .logo .logotexte img:nth-child(1){height: 50px;}
.bloc-societe-footer .logo .logotexte img:nth-child(2){height: 20px;}
.bloc-societe-footer h3{display:block; padding:0; margin:0; font-size:1rem; line-height:1.4rem; font-weight:600; color:#929292; text-align:justify; box-sizing:border-box;}
.bloc-societe-footer a{display:inline-block; padding:10px 15px; margin:25px 0 0 0; font-size:0.9rem; text-decoration:none; text-transform:uppercase; font-weight:700; color:#fff; background-color:#f27442;; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-societe-footer a:hover{background-color:#1D1D1D;}

.bloc-solutions-footer{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-solutions-footer ul{display:block; padding:25px 0 0 0; margin:0; box-sizing:border-box;}
.bloc-solutions-footer ul li{display:block; padding:0; margin:0; box-sizing:border-box;}
.bloc-solutions-footer ul li a{display:block; position:relative; padding:10px 0 15px 70px; margin:0; text-decoration:none; box-sizing:border-box;}
.bloc-solutions-footer ul li a .logo{display:flex; flex-direction: column; position:absolute; top:10px; left:-50px; width:100px;}
.bloc-solutions-footer ul li a .logo img:nth-child(1){height: 60px;}
.bloc-solutions-footer ul li a .logo img:nth-child(2){height: 20px;}
.bloc-solutions-footer ul li a h3{display:block; padding:0; margin:0; font-size:1.4rem; font-family: 'Raleway', sans-serif; font-weight:700; color:#f27442; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-solutions-footer ul li a h4{display:block; padding:0; margin:0; font-size:0.9rem; line-height:1.4rem; font-weight:500; text-align:justify; color:#929292; box-sizing:border-box; transition:all 0.4s ease;}
.bloc-solutions-footer ul li a hr{background-color:#ccc; display:block; height:1px; border:none; width:100%; padding:0; margin:15px 0 0 0;}
.bloc-solutions-footer ul li a:hover h4{color:#1D1D1D;}
.bloc-solutions-footer ul li a:hover hr{background-color:#f27442;}

@media screen and (max-width: 900px){
  .bloc-societe-footer{padding:10px 0 0 0;}
  .bloc-societe-footer .logo{display:none;}
  .bloc-societe-footer h3{text-align:center;}

  .bloc-solutions-footer ul li a{padding:20px 0 0px 0px; }
  .bloc-solutions-footer ul li a .logo{display:block; position:static; margin:0 auto 10px auto;}
  .bloc-solutions-footer ul li a h3{text-align:center;}
  .bloc-solutions-footer ul li a h4{text-align:center;}
  .bloc-solutions-footer ul li:last-child a hr{display:none;}
}



/*BOX CONTACT-----------------------------------------------------------------------------------------------------------------------------------------*/
.box-contact{display:none; margin:0; padding:0; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:99999999999999; box-sizing:border-box;}
.box-contact #googlemap{display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:9; box-sizing:border-box;}
.box-contact .logo-antesis{display:block; position:absolute; top:-250px; left:40px; width:240px; height:auto; padding:10px 20px; margin:0; z-index:99; background-color:white; border:solid 2px #f27442; box-sizing:border-box; transition:all 0.5s ease;}
.box-contact .box-contact-wrapper{display:block; position:absolute; top:0; right:-380px; width:350px; height:100%; overflow-y:auto; padding:80px 10px 30px 10px; margin:0; background-color:#1d1d1d; z-index:999; box-sizing:border-box; transition:all 0.5s ease;}
.box-contact .box-contact-wrapper img{width:120px; margin:0 auto 20px auto;}
.box-contact .box-contact-wrapper .push{display:block; text-decoration:none; border-bottom:solid 1px #555; color:#fff; font-size:1.2rem; text-align:center; padding:10px 0 20px 0; margin:20px 60px 0 60px; box-sizing:border-box; transition:all 0.3s ease;}
.box-contact .box-contact-wrapper .push i{display:block; font-size:2rem; color:#f27442; padding:0 0 10px 0; margin:0; text-align:center; box-sizing:border-box;}
.box-contact .box-contact-wrapper .push:hover{border-color:#f27442; color:#f27442;}
.box-contact .logo-antesis.open{top:40px; border:solid 4px #f27442;}
.box-contact .box-contact-wrapper.open{right:0;}
.box-contact .close-contact{display:block; border-bottom:solid 1px transparent; cursor:pointer; position:absolute; top:-60px; right:0; width:350px; height:50px; line-height:50px; padding:0; margin:0; z-index:99999999999999; text-align:center; background-color:#f27442; color:white; font-weight:700; font-size:1rem; box-sizing:border-box; transition:top 0.3s ease 0.5s,background-color 0.3s ease 0s;}
.box-contact .close-contact:hover{background-color:#333; border-color:#f27442;}
.box-contact .close-contact.open{top:0;}


@media screen and (max-width: 760px){
  .box-contact #googlemap{display:none; width:1px; height:1px;}
  .box-contact .logo-antesis{display:none;}
  .box-contact .box-contact-wrapper{right:-100%; width:100%;}
  .box-contact .close-contact{width:100%};
}


.formulaire-contact-rapide{display:block; margin:10px 0 0 0; padding:0px 30px 20px 30px; position:relative; box-sizing:border-box;}
.formulaire-contact-rapide h2{display:block; padding:10px 0 10px 0; margin:0; font-size:1.4rem; line-height:1.6rem; text-align:center; font-weight:700; color:#f27442; box-sizing:border-box;}
.formulaire-contact-rapide h2 i{display:block; font-size:2rem; padding:0 0 5px 0; margin:0; text-align:center; box-sizing:border-box;}
.formulaire-contact-rapide h3{display:block; padding:10px 0 10px 0; margin:0; font-size:0.9rem; color:#fff; text-align:justify; line-height:1.4rem; font-weight:400; box-sizing:border-box;}
.formulaire-contact-rapide .txtbox{display:block; border-radius:0; box-shadow:none; padding:10px 5px; margin:10px 0 0 0; border:none; width:100%; box-sizing:border-box; font-size:0.85rem; background-color:#fff; color:#f27442; outline:none; transition:all 0.3s ease;}
.formulaire-contact-rapide .areabox{display:block; border-radius:0; box-shadow:none; padding:10px 5px; margin:10px 0 0 0; height:120px; min-height:120px; max-height:120px;  border:none; width:100%; box-sizing:border-box; font-size:0.85rem; background-color:#fff; color:#f27442; outline:none; transition:all 0.3s ease;}
.formulaire-contact-rapide .txtbox:focus, .formulaire-contact-rapide .areabox:focus{background-color:#f27442; color:#fff; }
input:-moz-placeholder, textarea:-moz-placeholder {color: #444;font-size:0.85rem;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #444;font-size:0.85rem;}
input.placeholder, textarea.placeholder {color: #444;font-size:0.85rem;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color: #fff;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #fff;}
input.placeholder:focus, textarea.placeholder:focus {color: #fff;}
.formulaire-contact-rapide .btnbox{display:inline-block; cursor:pointer; border:solid 1px transparent; height:40px; line-height:40px; font-size:0.9rem; color:white; text-decoration:none;  background-color:#f27442; padding:0 15px; margin:15px 0 0 0; box-sizing:border-box; }
.formulaire-contact-rapide .btnbox i{padding:0 0 0 8px; margin:0; }
.formulaire-contact-rapide .btnbox:hover{background-color:#333; border-color:white;}
.formulaire-contact-rapide .message{display:none;  table-layout:fixed; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.8); z-index:999999999999999999999999999999999999;}
.formulaire-contact-rapide .message .table-message{display:table;  table-layout:fixed; position:absolute; top:0; left:0; width:100%; height:100%; }
.formulaire-contact-rapide .message .table-message .table-cell-message{display:table-cell; width:100%; height:100%; vertical-align:middle; color:white; border:solid 2px white; box-sizing:border-box;  transition:all 0.3s ease;  cursor:pointer;}
.formulaire-contact-rapide .message .table-message .table-cell-message img{display:block; width:60px; height:auto; padding:0; margin:0;}
.formulaire-contact-rapide .message .table-message .table-cell-message .texte{display:block;  font-size:1.2rem; line-height:1.8rem; text-align:center; padding:10px 40px; margin:0; }
.formulaire-contact-rapide .message .table-message .table-cell-message i{display:block; padding:0 0 20px 0; margin:0 auto; font-size:2.4rem; text-align:center;}
.formulaire-contact-rapide .message .table-message .table-cell-message:hover{color:#f27442; border-color:#f27442;;}



/*FOOTER-----------------------------------------------------------------------------------------------------------------------------------------*/
footer{display:block; background-color:#1d1d1d; padding:10px 0 0 0; margin:0 0 0 0; box-sizing:border-box;}
footer .logo{display:block; text-decoration:none; width:175px; padding:30px 0; margin:0 auto; box-sizing:border-box;}
footer .mentions-legales{display:block; background-color:black; padding:15px 0; margin:40px 0 0 0; box-sizing:border-box;}
footer .mentions-legales ul{display:block; padding:0; margin:0; box-sizing:border-box;}
footer .mentions-legales ul li{display:inline-block; float:left; padding:0; margin:0; color:white; font-size:0.8rem; font-weight:700;  box-sizing:border-box;}
footer .mentions-legales ul li:first-child{padding:0 3px 0 0;}
footer .mentions-legales ul li:last-child{float:right;}
footer .mentions-legales ul li a{display:block; padding:0; margin:0; text-decoration:none; color:white; box-sizing:border-box;}
footer .mentions-legales ul li a:hover{color:#f27442;}

footer .plan-site{display:block; text-align:center; padding:0px 0 0 0; margin:0; box-sizing:border-box;}
footer .plan-site li{display:inline-block; padding:0 1px 0 0; margin:2px 0; box-sizing:border-box; border-right:solid 1px white;}
footer .plan-site li:first-child{padding:0 1px; border-left:solid 1px white;}
footer .plan-site li a{display:block; text-decoration:none; color:white; font-size:1rem; font-weight:700; padding:2px 15px; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
footer .plan-site li a:hover{color:#84bd01;}

@media screen and (max-width: 900px){
  footer .logo{max-width:70%; padding:30px 0 0 0;}
  footer .plan-site{display:none;}
  footer .mentions-legales{ text-align:center;}
  footer .mentions-legales ul{text-align:center;}
  footer .mentions-legales ul li{text-align:center; float:none;}
  footer .mentions-legales ul li:first-child{padding:0 3px 0 0;}
  footer .mentions-legales ul li:last-child{float:none; padding:15px 0;}
  footer .mentions-legales ul li a{text-align:center;}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}