@charset "utf-8";

html, body {height: 100%;}
body{ overflow-x: hidden; }
*{ margin:0px; outline: none;}
img { border:none; vertical-align:middle;}
input, textarea { vertical-align:top;}
div { overflow:hidden;}
ul, li { text-decoration: none; }

h1 { /*font: 20px Arial, sans-serif;*/ color:#373b37; font-weight:bold;}
h2 { /*font: 17px Arial, sans-serif;*/ /*color:#37877A; padding-bottom:10px; font-weight:bold;*/ color: #1D1D1D; text-transform: uppercase; font-size: 26px; font-weight: bold; padding-bottom: 5px; }
h2 a { /*font: bold 17px Arial, sans-serif;*/ color:#373b37; text-transform: uppercase; text-decoration:none;}
h2 a:hover { color:#37877A;}
h3 { font: bold 15px Arial, sans-serif; color:#373b37; margin-bottom: 20px;}
h3 a { font: bold 15px Arial, sans-serif; color:#37877A; text-decoration:none;}
h3 a:hover { color:#37877A;}
p, ul { /*font: normal 14px Arial, Helvetica, sans-serif; */color:#373b37; line-height: 20px;}
p a {line-height: 20px;}
/*p a:hover { color:#37877A;}*/
a { /*font: normal 14px Arial, Helvetica, sans-serif;*/ /*color:#37877A;*/ text-align:justify; text-decoration:none;}

body::-webkit-scrollbar {
    width: 0.5em;
    background: #101010;
}

body::-webkit-scrollbar-thumb {
  background-color: #53C3AD;
  outline: 1px solid slategrey;
  border-radius: 25px;
}

.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.colonne1 {width: 66.7%; float: left;}
.colonne2 {width: 50%; float: left;}
.colonne3 {width: 33.33%; float: left;}
.colonne4 {width: 25%; float: left;}
.colonne5 {width: 20%; float: left;}
.ligne-entiere {width: 100%; padding: 30px 0px 0px 0px;}
.ligne1, .ligne2 {width: 50%;float: left;}
.ligne1 .colonne4, .ligne2 .colonne4 {width: 50%;}
.titre-principal {background-color: #F2F2F2;padding: 35px; text-align:center}
.intro {text-align:center;}
.intro p, .intro p a {font-size: 16px;}
.centrage {text-align:center;}
.centrage h2 {text-align: center;margin-top: 10px;}
.bouton {padding:10px 20px; text-transform:uppercase; font-size:14px; background-color:#000000; width: 150px; margin: auto; text-align:center;}
.bouton a {color:#ffffff; font-size:12px;}
.line { height:1px; background: #37877A; width:70px; margin-bottom:10px; display: inline-block;}
.full-line { height:1px; background: #37877A; width:100%; margin-bottom:10px; display:inline-block; }
.line2 { height:1px; }
.clear {height:1px; background:none; clear:both;}
#header, #content, #footer {margin:0 auto;}
#header {background-color: transparent; padding: 0px 0; height: 95px; position: absolute; display: block; width: 100%; z-index: 100; overflow:visible;}
#header .container {overflow: visible;/* padding: 0px 35px;*/}
#header #logo { float:left; overflow:hidden; margin-top:25px;}
#header #logo a:hover { background-position: left bottom }
.contenu-principal {margin:50px 120px;}
#footer {background: url('../images/bkg-footer.jpg'); }
#footer .container {margin: 20px auto; text-align:center; margin-bottom: 0; padding: 0 !important; }
#footer p {color:#A4A4A4;}
#footer a {color:#A4A4A4;}
#footer h3 {text-align:center; text-transform:uppercase; color:#53C3AD; letter-spacing: 0.05em; font-family: 'Nunito', sans-serif !important; font-weight: 400; font-size: 18px;}
#footer img {margin-bottom: 20px;}
#footer img#logo-aacc {margin-bottom: 8px; width:65px; height:auto;}
#footer .colonne3{ margin-bottom: 40px; }
#footer-bottom img {margin-bottom: 0px;}
#footer .line {width: 600px; margin-bottom: 20px;}
#footer-bottom {width:100%; padding:15px 0; color: #A4A4A4; font-family: arial; font-size: 14px; background: #1D1D1D;}
.logo-footer {margin: 20px;}
.social {float: right; position: relative; margin: -20px 30px 0px 0px;}
.social img{ margin: 0 2px; }

#source {font-style:italic; font-size: 12px;}
.legende p {font-style:italic; text-align:center; font-size: 12px;}
#fond-gris {background-color:#F2F2F2;}
.contact-blanc {background-color: #ffffff;padding: 50px; text-align:center;}
.page-agence .contact-blanc .bouton {margin-bottom:20px;}
.autres-services-gris {background-color: #F2F2F2;padding: 50px; text-align:center;}
.expertises {width:100%;}
.creation-site {padding: 0px; text-align: center;}
.align-vertical {height: 100%;margin-top: 220px;text-align: center;}
.img-relations-blogueurs {background-image: url("../images/relations-blogueurs.jpg"); width: 100%; height: 500px;}
.img-community-management {background-image: url("../images/community-management.jpg"); width: 100%; height: 500px;}
.img-contenu-editorial {background-image: url("../images/contenu-editorial.jpg"); width: 100%; height: 500px;}
.img-contenu-viral {background-image: url("../images/contenu-viral.jpg"); width: 100%; height: 500px;}
.img-referencement-naturel {background-image: url("../images/referencement-naturel.jpg"); width: 100%; height: 500px;}
.img-referencement-payant {background-image: url("../images/referencement-payant.jpg"); width: 100%; height: 500px;}
.img-campagnes-display {background-image: url("../images/campagne-display.jpg"); width: 100%; height: 500px;}
.img-creation-site {background-image: url("../images/creation-site.jpg"); width: 100%; height: 500px;}
.img-creation-site-e-commerce {background-image: url("../images/creation-site-e-commerce.jpg"); width: 100%; height: 500px;}
.img-application-mobile {background-image: url("../images/application-mobile.jpg"); width: 100%; height: 500px;}
.img-relations-blogueurs h2, .img-community-management h2, .img-contenu-editorial h2, .img-contenu-viral h2, .img-referencement-naturel h2, .img-referencement-payant h2, .img-campagnes-display h2, .img-creation-site h2, .img-creation-site-e-commerce h2, .img-application-mobile h2 {text-align: center;color: #ffffff;font-size: 22px; border:2px solid #ffffff; margin: 10px;padding: 10px 0px;width: 290px;display: inline-block;}

.notre-agence .colonne2 p {margin-left:20px;}
.notre-agence {margin: 10px 0px 40px 0px;}

.contact .ligne-entiere {padding: 0px;}
/*.contact h2 {color:#373b37;}*/

div#textslider {font-family: arial, helvetica, sans-serif;}
.infographie-blogueurs {text-align:center;}
.infographie-blogueurs img {max-width:650px;}
.page-etude-blogueurs .colonne2 {text-align:center; margin-bottom:50px;}

.page-404 .container {text-align:center;}
.page-404 #services-expertises{ border-top: 1px solid #eee; }

/*Mises en forme spécifiques page accueil*/
.accueil h1 {color:#ffffff; padding-bottom: 13px; font-weight:normal;}
.accueil h2 {color:#373b37;}
.service {background-color: #F2F2F2;padding: 35px;}
.service .colonne4 {text-align:center;}
.service .line {text-align:center;}
.service p {text-align:center;}
.service p a {color:#373b37;}
.agence-accueil, .contact-accueil {background-color: #F2F2F2;padding: 35px 120px;}
.references-accueil, .outils-accueil {background-color: #ffffff;padding: 35px; text-align:center;}
.agence-accueil p {text-align:center;}
.outil1 {background-image: url("../images/calendrier-cm.jpg"); margin: 5px;  height: 200px; width: 100%; display: table;}
.outil2 {background-image: url("../images/etudes-infographies.jpg"); margin: 5px;  height: 200px; width: 100%; display: table;}
.outil3 {background-image: url("../images/marketing-digital.jpg"); margin: 5px;  height: 200px; width: 100%; display: table;}
.outil4 {background-image: url("../images/publications-cm.jpg"); margin: 5px;  height: 200px; width: 100%; display: table;}
.outils-accueil h2 {margin-bottom: 20px;}
.outils-accueil h3 {text-align: center; color:#ffffff; font-size: 22px; vertical-align: middle; display: table-cell; padding: 5px; line-height: 25px;}
.contact-accueil {text-align: center;}
.image-principale {background-color: #000000;}
.container.deuxboutons {padding-top: 25px;}
.bouton.agence-bouton {float:right; margin-right:10%;}
.bouton.expertise-bouton {float:left; margin-left:10%;}


/* Présentation Toutes les pages */

h1,h2,h3,h4,h5{ font-family: 'Raleway', sans-serif; font-weight: 800 !important;}
p,li,a{ font-family: 'Nunito', sans-serif; font-weight: 200; }
.span-title{ color: #53C3AD; font-weight: 800; }
a {text-decoration: none; color: #53C3AD; font-family: 'Nunito', sans-serif !important; font-weight: 200 !important; }
#footer a{ text-decoration: none; }
a:hover {text-decoration: none; color: #53C3AD;}
.a-btn {text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
span{ font-weight: 800; }
.mob{ display: none; }
.pres-header{ background-size: cover !important; height: 100vh; position: relative; }
#pres-home{ background: url('../images/background-header.gif') no-repeat;}
#pres-agence{ background: url('../images/background-header-agence.jpg') no-repeat; background-position: center; }
#pres-entert{ background: url('../images/background-header-ent.png') no-repeat; background-position: center; }
#pres-contact{ background: url('../images/background-header-contact.png') no-repeat; background-position: center; }
#pres-social-m{ background: url('../images/background-header-social.jpg') no-repeat; background-position: center; }
#pres-acquisition{ background: url('../images/background-header-acquisition.png') no-repeat; background-position: center; }
#pres-brand-c{ background: url('../images/background-header-brand.jpg') no-repeat; background-position: center; }
#pres-dev{ background: url('../images/background-header-dev.jpg') no-repeat; background-position: center; }
.h1-header, #header-edc h1, #header-sous-exp h1{ text-transform: uppercase; width: 500px; font-size: 50px; color: #53C3AD; font-weight: bold; letter-spacing: 0.05em; padding-bottom: 10px; line-height: 55px;}
#header-sous-exp h1{ font-size: 45px; }
#pres-home h1{ color: #fff; padding-bottom: 30px; }
 #pres-brand-c h1{ padding-bottom: 30px; }
.h2-header, #header-edc h2, #header-sous-exp h2{ color: #fff; text-transform: uppercase; font-weight: bold; font-size: 26px; letter-spacing: 0.05em; padding-bottom: 30px;}
#pres-home span{ color: #53C3AD; }
.p-header, #header-edc p, #header-sous-exp p{ color: #fff; font-size: 18px; width: 580px; line-height: 25px;}
#pres-home p{ color: #A4A4A4; }
#pres-agence a, #pres-agence2 a{ color: #53C3AD; font-size: 18px; }
#pres-home .a-btn{font-weight: 400; background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 30px; display: inline-block;
 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#pres-home .a-btn:hover{ background: #fff; color: #53C3AD;  }
.texte-header{ margin-left: 58%; position: relative; top: 35%;}
#pres-social-m .texte-header{ top: 30%; }
#pres-agence .texte-header{ top: 40%; }
.contenu-header{ height: 100vh; position: relative; }
.arrow-header{ position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; }

/* Expertises Home */

#exp-home{ background:#fff; no-repeat; background-size: cover; padding: 150px 15px; position: relative;}
#exp-agence{ background: url('../images/background-exp.jpg') no-repeat; background-size: cover; height: 100vh; position: relative;}
#exp-home .contenu, #exp-agence .contenu{ text-align: center; position: relative; top: 45%; width: 1200px; margin: auto; }
#exp-home h2, #exp-agence h2{ text-transform: uppercase; font-size: 22px; font-weight: bold; letter-spacing: 0.05em; padding-bottom: 15px; text-align: center;}
#exp-home h2 a, #exp-agence h2 a{ font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; }
#exp-home h2, #exp-home p{ color: #1D1D1D; }
#exp-agence h2, #exp-agence p{ color: #fff; }
#exp-home p, #exp-agence p{ font-size: 18px; margin: 0; }
#exp-home img, #exp-agence img{ margin-bottom: 20px; }
#exp-home .ellipse, #exp-agence .ellipse{ width: 10px; height: 10px; margin-bottom: 15px; }
#exp-agence a{ color: #fff; text-decoration: none; }
#exp-home a{ color: #1D1D1D; text-decoration: none; }
 

/* Réalisations Home */

#rea-home{ background: url('../images/background-client.jpg') no-repeat; background-size: cover; height: auto; position: relative; }
#rea-home .titre{ text-align: center; margin-top: 60px; }
#rea-home .titre h2{ font-size: 26px; margin-bottom: 20px; margin-top: 0; padding-bottom: 0;}
#rea-home #logos{ display: inline-block; text-align: center; width: 100%; margin-top: 30px; padding-bottom: 50px; }
#rea-home #logos img{ margin: 7px 34px;}
#rea-home #rea-header{ background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid #303030;}
#rea-home .contenu{ margin-top: 50px; }
#rea-home .texte{ width: 40%; float: left; text-align: center; margin-top: 65px;}
#rea-home .texte .texte-float{ float: right; }
#rea-home .image{ width: 60%; float: left;}
#rea-home .content-slider .ellipse{ width: 10px; }
#rea-home .site .image{ height: 500px; }
#rea-home .image{ height: 500px !important; }
#rea-home .site .image img{ position: relative; top: 25px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#rea-home .site .image img:hover{top: 0px;}
#rea-home .cm .image img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; width: 450px; }
#rea-home .cm .image img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
#rea-home h2{ color: #fff; font-size: 30px; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase; margin-top: 20px;padding-bottom: 30px;}
#rea-home .cat{ color: #53C3AD; text-transform: uppercase; font-size: 14px; letter-spacing: 0.05em; padding-bottom: 20px;}
#rea-home .desc{ color: #8E8E8E; font-size: 18px; width: 400px; margin: auto; padding-top: 20px;}
#rea-home .a-btn{ font-weight: 400; background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 50px; display: inline-block;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#rea-home .a-btn:hover{ background: #fff; color: #53C3AD; }
#rea-home #mcdo{ height: 140px ; width: auto; }
#rea-home #bbc{ height: 120px ; width: auto; }
#rea-home #tcl { height: 110px ; width: auto; }
#rea-home #marrakech{ height: 105px ; width: auto; }
#rea-home #m6{ height: 100px ; width: auto; }
#rea-home #uja{ height: 100px ; width: auto; }
#rea-home #altran{ height: 75px ; width: auto; }
#rea-home #oreal{ height: 75px ; width: auto; }
#rea-home #openskies{ height: 90px ; width: auto; }
#rea-home .site .image video {top: 25px;position: relative;}


/* Entertainment Home */

#entertainment-home{ background: #fff; position: relative; }
#entertainment-home #presentation { text-align: center; display: flex; }
#entertainment-home #services {text-align: center; display: flex;}
#entertainment-home h2{ text-transform: uppercase; color: #1D1D1D; font-size: 24px; letter-spacing: 0.025em; font-weight: bold; padding-bottom: 20px; margin-top: 20px; text-align: center; text-decoration: none;}
#entertainment-home h2 a{ font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; }
#entertainment-home h2 a:hover{ color: #1D1D1D; text-decoration: none; }
#entertainment-home a{ text-decoration: none; }
#entertainment-home #presentation p{ color: #1D1D1D; font-size: 18px; width: 65%; margin: auto; margin-top: 20px;}
#entertainment-home #presentation .points{ display: inline-flex; margin-top: 40px;}
#entertainment-home #presentation ul{ list-style: circle url("../images/ellipse.png"); padding-left: 20px; margin: 0 30px; }
#entertainment-home #presentation li { color: #1D1D1D; font-size: 18px; padding-left: 10px; line-height: 30px; text-align: left;}
#entertainment-home #presentation .colonne2:last-child img{ position: relative; left: 100%; margin-left: -200%; width: 100%;}
#entertainment-home #services .col-row, #desc-sous-exp .col-row{width: 100%; display: flex;}
#entertainment-home #services .colonne4{ position: relative; border-right: 1px solid #E5E5E5 !important; width: 50%;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#entertainment-home #services .colonne4:hover{ background: #fafafa; }
#entertainment-home #services .colonne4:first-child, #entertainment-home #services .colonne4:last-child{ border-right: 0;}
#entertainment-home #presentation .contenu{ padding: 75px 15px;}
#entertainment-home #presentation .contenu .a-btn{font-weight: 400; background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 50px; display: inline-block; margin-left: auto; margin-right: auto;}
#entertainment-home #presentation .contenu .a-btn:hover{ background: #fff; color: #53C3AD; }
#entertainment-home #services .contenu{ position: absolute; bottom: 0; top: 15%; left: 10px; right: 10px;}
#entertainment-home #services .contenu p{ width: 60%; margin: auto; padding-top: 20px;}
#entertainment-home #services .image img{ position: relative; left: 100%; margin-left: -200%; width: 100%;}
#entertainment-home #services .image #p-photo{ position: absolute; top: 23%; z-index: 99; color: #fff; text-transform: uppercase; left: 0; right: 0; font-size: 28px; font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; line-height: 30px;}


/* Agence / Contact Home */

#agence-home{ background: #fff; position: relative; }
#agence-home #agence{ text-align: center; display: flex;}
#agence-home #contact, #contact-strat #contact{ text-align: center; display: flex;}
#agence-home #agence .fond-vert{ background: url('../images/fond-vert.png'); width: 50%;}
#agence-home #agence .colonne4{ padding: 100px 0; width: 50%;}
#agence-home #agence .colonne2{ background: #fafafa;}
#agence-home #agence .colonne2 .texte{ padding: 8% 0; width: 70%; margin: auto; text-align: left; }
#agence-home #agence .colonne2 p{ margin: auto; text-align: left; font-size: 18px; color: #1D1D1D; line-height: 27px; margin-top: 10px;}
#agence-home #agence .colonne4 p, #agence-home #agence .colonne4 p a{ text-transform: uppercase; color: #fff; font-size: 24px; letter-spacing: 0.025em; font-weight: bold !important; margin-top: 20px; text-align: center; font-family: 'Raleway', sans-serif !important; font-weight: 800 !important;}
#agence-home #agence .a-btn{font-weight: 400; border: 2px solid #fff; background: #fff; color: #53C3AD; font-size: 14px; text-align: center; border-radius: 25px; padding: 15px 30px; margin-top: 20px; display: inline-block;}
#agence-home #agence .a-btn:hover{ border: 2px solid #fff; color: #fff; background: transparent; }
#agence-home .agence-expertise{ border-right: 1px solid #fff; }
#agence-home #contact p, #contact-strat p{width: 350px; margin: auto; text-align: left; font-size: 18px; color: #1D1D1D; }
#agence-home #contact .a-btn, #contact-strat .a-btn{ background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 50px; display: inline-block;}
#agence-home #contact .a-btn:hover, #contact-strat .a-btn:hover{ background: #F7F7F7; color: #53C3AD;  }
#agence-home #contact .colonne2, #contact-strat .colonne2{ position: relative;  }
#agence-home #contact .colonne2 .texte, #contact-strat .colonne2 .texte{ margin-top: 25%; }
#agence-home #contact .texte img, #contact-strat .texte img{ padding-bottom: 30px; }
#agence-home #contact .texte p, #contact-strat .texte p{ text-align: center; }
#agence-home #contact .colonne2:last-child img{ max-width: 100%; }
#contact-strat .colonne2:first-child img{ max-width: 100%; }

/* Description Agence */

#desc-agence .contenu{ display: flex; text-align: center;}
#desc-agence h2{ color: #1D1D1D; text-transform: uppercase; font-size: 26px; font-weight: bold; padding-bottom: 30px; line-height: 30px; }
#desc-agence p{ color: #1D1D1D; font-size: 18px; }
#desc-agence .colonne2:first-child .texte{ padding: 10% 0;}
#desc-agence .texte{  width: 70%; margin: auto; padding: 5% 0; text-align: left;}
#desc-agence .contenu .colonne2 img{ width: 100%; position: relative; left: 100%; margin-left: -200%; }
#desc-agence .texte ul{ position: relative; right: 10px; list-style: disc url("../images/ellipse.png"); }
#desc-agence .texte li{ padding-left: 10px; margin-bottom: 10px; }
.page-agence #services-expertises{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

/* Description Expertises */

#desc-expertises .contenu{ display: flex; text-align: center;}
#desc-expertises h2, #desc-expertises h2 a{ color: #1D1D1D; text-transform: uppercase; font-size: 26px; font-family: 'Raleway', sans-serif !important; font-weight: 800 !important; padding-bottom: 5px; padding-top: 10px; text-align: center; }
#desc-expertises h2.dev{ padding-bottom: 15px; }
#desc-expertises .legende-exp{ color: #848484; font-size: 18px; margin-bottom: 15px; margin-top: 0; padding: 0; }
#desc-expertises p, #infos-sup p{ color: #1D1D1D; font-size: 18px; padding-top: 15px; width: 100%; margin: auto; line-height: 25px;}
#desc-expertises .texte{ width: 70%; margin: auto; padding: 5% 0;}
#desc-expertises .contenu .img-desc{ width: 100%; position: relative; left: 100%; margin-left: -200%; }
#desc-expertises .a-btn, #services-expertises .a-btn{font-weight: 400; background: #F7F7F7; color: #53C3AD; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 40px; display: inline-block; margin-left: auto; margin-right: auto;
 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#desc-expertises .contenu:last-child .colonne2 { border-bottom: 1px solid #E5E5E5; }
#desc-expertises a{ color: #53C3AD; font-size: 18px;  }

/* Services Expertises */

#services-expertises{ text-align: center; position: relative;}
#services-expertises p, #services-expertises p a{ color: #1D1D1D; text-transform: uppercase; font-size: 22px; font-weight: bold !important; text-align: center; }
#services-expertises .a-btn{font-weight: 400; margin-top: 20px; font-size: 14px; }
#services-expertises .a-btn:hover, #desc-expertises .a-btn:hover{ background: #53C3AD; color: #F7F7F7; cursor: pointer; }
#services-expertises .contenu{ border-right: 1px solid #E5E5E5; padding: 50px 15px;}
#services-expertises .colonne3:last-child .contenu, #services-expertises .colonne4:last-child .contenu{ border-right: 0; }
#services-expertises img{ width: 50px; margin-bottom: 20px;}


/*Page brand-content*/
ul#listing-shooting, ul#listing-videos, ul#listing-creatif {padding-left: 0px;}
ul#listing-shooting li, ul#listing-videos li, ul#listing-creatif li {display: inline; padding: 0 7px;}
ul#listing-shooting img, ul#listing-videos img, ul#listing-creatif img {max-width: 7px;}
.shooting-photo, .shooting-gif { padding: 0px 0px 40px 0px;}
.shooting-photo .colonne4, .shooting-gif .colonne4 { width: 25%; float: left; text-align: center; margin-top: 30px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.shooting-photo .colonne4:hover{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }   
.shooting-photo .colonne4 .img-shooting-photo, .shooting-gif .colonne4 .img-shooting-gif { padding: 0 15px; }
.shooting-photo .colonne4 img, .shooting-gif .colonne4 img { width: 300px; box-shadow: 0px 0px 2px 1px #ccc; max-width: 100%; }
.shooting-photo #arrow-aff{ text-align: center; margin-top: 65px; cursor: pointer; }
.shooting-photo #arrow-aff-up{ text-align: center; margin-top: 65px; cursor: pointer; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.shooting-photo #btn-shooting-photo{ max-width: 85px; background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 30px; display: inline-block; cursor: pointer;
 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.shooting-photo #btn-shooting-photo:hover{  background: #fff; color: #53C3AD;}

.brand-content #desc-expertises .contenu {display: block;}
.brand-content #desc-expertises .texte {padding: 40px 0 10px 0;}
.brand-content #video li {width: 50%; display: block; float: left; margin: 0px 0px 40px 0px; text-align:center; }
.video-vimeo {margin: 10px 30px 30px 30px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.brand-content #video {margin: 10px 0px 20px 0px;}
.brand-content #expertise-video, .brand-content #contenus-creatifs {background: url('../images/background-client.jpg') no-repeat; background-size: cover;}
.brand-content #expertise-video h2 {color: #ffffff;}
.brand-content #expertise-video ul {padding-left: 0px;}
.brand-content #expertise-video li {color: #ffffff;}
.brand-content #desc-expertises .contenu:last-child .colonne2 {border-bottom:none;}
.brand-content #exemple-tuto ul {padding-left: 0px;}
.brand-content #exemple-tuto li { width: 45%;padding: 0px 2.5%; float: left;  text-align: center; display: block;}
.brand-content #exemple-tuto li img {max-width:100%; margin-top:20px;}
.brand-content #infos-sup {border-top:1px solid #E5E5E5;}
.brand-content #infos-sup .colonne2:last-child .texte { border-left: 1px solid #E5E5E5;}
.brand-content #infos-sup .colonne2:first-child .texte { border-right: none;}
#contenus-creatifs h2 {color: #ffffff;}
#contenus-creatifs ul {color: #ffffff; margin-bottom:20px; }


/*Page Agence Instagram*/
#desc-sous-exp #shooting-agence-instagram li {margin:0;}
#desc-sous-exp #shooting-agence-instagram ul {padding-left:0px;}
.prod-insta {border-bottom: 1px solid #E5E5E5;}

/* Infos supplémentaires Expertises */

#infos-sup{ position: relative; border-bottom: 1px solid #E5E5E5;}
#infos-sup .texte{ padding: 10% 15%;}
#infos-sup .colonne2:first-child .texte{ border-right: 1px solid #E5E5E5; }
#infos-sup p{ max-width: 100%; padding: 0; }
#infos-sup h2{ width: 450px; padding-bottom: 20px; }
#infos-sup #li-1{ position: relative; list-style: disc url("../images/li-1.png"); }
#infos-sup #li-2{ position: relative; list-style: disc url("../images/li-2.png"); }
#infos-sup #li-3{ position: relative; list-style: disc url("../images/li-3.png"); }
#infos-sup li{margin-bottom: 10px;}
#infos-sup .span-infos{ text-transform: uppercase; }
#infos-sup ul { padding: 0; }
#infos-sup .colonne2 ul{ margin-top: 30px; }
#infos-sup .colonne2 ul { list-style: circle url("../images/ellipse.png"); padding-left: 20px; }
#infos-sup .colonne2 li{ margin-bottom: 15px; font-size: 18px;}
#infos-sup a{ color: #53C3AD; font-size: 16px;}
#infos-sup ul .p-title{ font-weight: 400; display: inline; padding-left: 10px; }
#infos-sup ul .p-text{  padding-left: 45px; margin-bottom: 20px; }

/* Page Entertainment */

#desc-entertainment{ background: #fff; position: relative; }
#desc-entertainment .presentation { display: flex;}
#desc-entertainment .presentation .colonne2:first-child{ background: #fff; }
#desc-entertainment h2{ padding-bottom: 20px; width: 400px; }
#desc-entertainment .colonne2:first-child img{ padding-bottom: 20px;}
#desc-entertainment .presentation p{ color: #1D1D1D; font-size: 18px;  margin-top: 0px; line-height: 25px;}
#desc-entertainment .presentation .points{ display: inline-flex; margin-top: 30px;}
#desc-entertainment .presentation ul{ list-style: circle url("../images/ellipse.png"); padding-left: 20px; margin-right: 50px;}
#desc-entertainment .presentation ul:last-child{ margin-right: 0; }
#desc-entertainment .presentation li { color: #1D1D1D; font-size: 18px; padding-left: 10px; line-height: 30px; text-align: left;}
#desc-entertainment .presentation .contenu{ padding: 75px 15px; width: 600px; margin: auto;}
#desc-entertainment .presentation #texte-fan{ width: 300px; }
#desc-entertainment .colonne2:last-child{ text-align: center; }
#desc-entertainment .colonne2:last-child .contenu{ text-align: left; }
#desc-entertainment .colonne2:last-child img{ position: relative; left: 100%; margin-left: -200%; width: 100%;}
#desc-entertainment .colonne2 .colonne3{ text-align: center; height: 150px; position: relative; }
#desc-entertainment .colonne2 .colonne3 p{ font-size: 10px !important; text-transform: uppercase; position: absolute; top: 45%; left: 0; right: 0; line-height: 15px !important;}
#desc-entertainment .colonne2 .bloc-p{ height: 150px; border: 1px solid #eee; }
#desc-entertainment .colonne2 #sd{ background-color: #53C3AD; }
#desc-entertainment .colonne2 #sd p{font-weight: 400; color: #fff; font-size: 18px !important; line-height: 20px !important; top: 45%;}
#desc-entertainment .colonne2 #sd img{ position: relative; top: 25%;}
#desc-entertainment .colonne2 .colonne3:first-child img{ position: absolute; top: 40%; right: -10px; z-index: 99;  }
#desc-entertainment .colonne2 .colonne3:nth-child(2){  }
.affiches { padding: 65px 15px; padding-top: 50px; background: #f1f2f4; }
.personnalites { padding: 65px 15px; padding-top: 50px; }
.affiches .colonne6, .personnalites .colonne6 { width: 16.6%; float: left; text-align: center; margin-top: 30px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.affiches .colonne6:hover, .personnalites .colonne6:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }   
.affiches .colonne6 .img-entertainment, .personnalites .colonne6 .img-entertainment { padding: 0 15px; }
.affiches .colonne6 img, .personnalites .colonne6 img { width: 300px; box-shadow: 0px 0px 2px 1px #ccc; max-width: 100%; }
.affiches #arrow-aff, .personnalites #arrow-aff { text-align: center; margin-top: 65px; cursor: pointer; }
.affiches #arrow-aff-up, .personnalites #arrow-aff-up { text-align: center; margin-top: 65px; cursor: pointer; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.affiches #btn-entert, .personnalites #btn-personnalite {  background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 30px; display: inline-block; cursor: pointer;
 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.affiches #btn-entert:hover, .personnalites #btn-personnalite:hover {  background: #fff; color: #53C3AD;}
.affiches h2, .personnalites h2 {text-align: center;}
.img-entertainment:hover .nom-personnalite {transition:all 1s; opacity:1; background-color: #53C3AD}
.img-entertainment .nom-personnalite {opacity:0; position:relative; font-family : 'Nunito', sans-serif; margin-top: -40px; background-color: #53C3AD; color: #ffffff; padding: 10px; font-size:14px;}


/* Page Contact */

#desc-contact{ position: relative; display: flex; text-align: center; }
#desc-contact .colonne2{ position: relative; }
#desc-contact .colonne2:first-child{ background: #fafafa; }
#desc-contact .texte{ position: absolute; top: 35%; left: 30%; }
#desc-contact .texte p, #desc-contact .texte img{ display: inline-block; }
#desc-contact .texte .infos { padding-bottom: 15px; text-align: left; }
#desc-contact .colonne2:last-child img{ position: relative; left: 100%; margin-left: -200%; width: 100%;}
.form-contact{ padding: 75px 15px; }
.form-contact .colonne2 input{ float: right ; margin-right: 50px; margin-bottom: 30px;}
.form-contact .colonne2:last-child input,
.form-contact .colonne2:last-child textarea{ margin-left: 50px; margin-bottom: 32px; float: none;}
.form-contact .error-contact{ width: 400px; margin: auto; padding-bottom: 30px; }
.form-contact .valid-mess{ width: 500px; margin: auto; }


/* Etude de cas */

#header-edc { background: #1D1D1D; height: auto; position: relative; }
#header-edc .contenu{ margin-top: 5%; display: flex; }
#header-edc .texte{ width: 50%; float: left; margin-top: 10%;}
#header-edc .image{ width: 50%; float: left; text-align:  center;}
#header-edc .image img{ position: relative; top: 100px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; width: 80%;}
#header-edc .image img:hover{top: 50px;}
.edc-social #header-edc {height: 100vh;}
.edc-social #header-edc .image img{ top: 0px; width: 60%;}
.edc-social #header-edc .image img:hover{top: 0px;}
.edc-social .contenu .image{ padding: 100px 0; }
.edc-social #desc-edc .colonne2 { background: #fafafa; }
.edc-social #header-edc .image img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.edc-social #header-edc .image img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
#header-edc h1 {color: #fff; width: auto; }
#header-edc h2 {color: #53C3AD; }
#header-edc p{ margin-bottom: 20px; }
#header-edc .content-texte{ padding-left: 10%; }
#header-edc .h1-imglink{ position: relative; display: inline-block; }
#header-edc .h1-imglink img{ position: absolute; right: -20px; top: 8px;}
.edc-social #desc-edc .img-edc-social{ width: 100% !important; }
#desc-edc{ position: relative; text-align: center;}
#desc-edc .contenu{ display: flex; }
#desc-edc .texte{ width: 70%; margin: auto;  padding: 10% 0; text-align: left; }
#desc-edc .colonne2:first-child{ background: #fafafa; }
#desc-edc .contenu .colonne2:last-child img{ position: relative; left: 100%; margin-left: -200%; width: 100%; }
#desc-edc .image img{ width: 100%; }
#desc-edc h2{ color: #1D1D1D; text-transform: uppercase; font-size: 26px; font-weight: bold; padding-bottom: 5px; padding-top: 10px; }
#desc-edc .link-details{ margin-bottom: 20px; position: relative; }
#desc-edc .link-details a{ color: #53C3AD; font-size: 18px; }
#desc-edc p{ color: #1D1D1D; font-size: 16px; line-height: 25px; margin-top: 20px; }
#desc-edc .points{ display: inline-flex; margin-top: 30px; }
#desc-edc ul{ position: relative; right: 10px; list-style: disc url("../images/ellipse.png"); }
#desc-edc li{ padding-left: 10px; margin-bottom: 10px; }
#video-edc{ padding: 50px 15px; text-align: center; background: #fff !important;}
#autres-projets{ position: relative; display: flex; margin-top: -1px;}
#autres-projets img{ width: 100%; }
#autres-projets .colonne2:first-child{ background: #1D1D1D; text-align: center; position: relative; }
#autres-projets p{ color: #fff; text-transform: uppercase; font-size: 34px; font-family: 'Raleway', sans-serif; font-weight: 800 !important; line-height: 40px; width: 350px; position: absolute; top: 35%; left: 0; right: 0; margin: auto;}
#autres-projets .p-2-edc{ width: 500px; }
.new-edc ul.liste-gauche-edc {margin-left:20px; margin-top:5px;}
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute;}
@media screen and (max-width: 991px) {
	.edc-social #header-edc {height: auto;}
}

/* Nouvelles Etudes de cas */
.expertise-edc ul {margin-left: 10%;text-align: initial;}
#desc-edc .expertise-edc ul {list-style: none;right: auto;margin-left: 0px; padding-left: 11%;}
.image-pleine-page img {width: 100%; padding: 30px 0px;}
.edc-social #header-edc .image#header-biotherm img {margin-bottom: 30px; width: 50%;}
#desc-edc .expertise-edc li {font-weight: bold; padding-left: 0px;}
.contenu-edc2 {width: 90%; margin: auto; padding: 20px 0;text-align: left;}
.edc-social #desc-edc .contenu-edc2 .colonne2 {background: #ffffff;}
.contenu-edc2 .colonne3 img {width: 100%; padding: 15px 0px;}
.contenu-edc2 h2, .contenu-edc2 p {margin-left: 30px;}
.new-edc #desc-edc {margin:30px 0;}
.image-medley {padding:0 15px;}
@media screen and (min-width: 1500px) {
	.edc-social #header-edc .image#header-biotherm img {margin-bottom: 30px; width: 65%;}
}
@media screen and (max-width: 991px) {
	#desc-edc .expertise-edc ul {margin-left: 15px;padding-left: 0px;}
	.contenu-edc2 h2, .contenu-edc2 p {margin-left: 15px;}
    .expertise-edc {margin-top:10px;}
}
@media screen and (max-width: 768px) {
	.contenu-edc2 .colonne3 {width:100%}
}


/*showreel accueil*/
#showreel {padding: 100px 15px; background: #fafafa;}
#showreel .titre {text-align: center;margin-bottom: 60px;}
.player .vp-controls .logo {display:none;}

/* Sous Expertises */

#header-sous-exp{ background: url('../images/background-header-sous-exp.jpg') no-repeat; background-size: cover; position: relative; text-align: center; padding: 10% 15px; }
#header-sous-exp img:first-child{ width: 60px; margin-bottom: 20px; }
#header-sous-exp h1{ width: auto; }
#header-sous-exp h2{ width: auto; text-transform: lowercase; padding-bottom: 20px;}
#header-sous-exp p{ margin: auto; width: 700px; margin-top: 20px;}
#desc-sous-exp{ display: flex; position: relative; }
#contenu-viral-se #desc-sous-exp, #e-commerce-se #desc-sous-exp{ display: initial; position: relative; }
#desc-sous-exp .texte{ padding: 7%; width: 70%; margin: auto;  }
#desc-sous-exp .colonne2:first-child{ text-align: center; }
#desc-sous-exp .colonne2:first-child img{  position: relative; left: 100%; margin-left: -200%; width: 100%; }
#desc-sous-exp .colonne2:last-child{ border-bottom: 1px solid #E5E5E5; }
#desc-sous-exp .texte h2{ padding-bottom: 20px; }
#desc-sous-exp ul { list-style: circle url("../images/ellipse.png"); padding-left: 20px; }
#desc-sous-exp .texte ul{ margin-top: 30px; }
#desc-sous-exp .texte-no-circle ul{ list-style: none; padding: 0 }
#desc-sous-exp li{  margin: 5px 0;}
#desc-sous-exp #texte-rb{ padding: 4%; width: 70%; margin: auto; }
#desc-sous-exp #left{ text-align: left; }
#desc-sous-exp #full img{ width: 100%; }
#infos-web{ padding: 70px 15px; text-align: center; border-bottom: 1px solid #E5E5E5; }
#infos-web .chiffre{color: #53C3AD; font-size: 50px; font-weight: bold; line-height: 50px;}
#infos-web .titre{text-transform: uppercase; font-size: 26px; font-weight: bold; line-height: 30px; margin-top: 10px; margin-bottom: 10px;}
#infos-web .liste{ color: #505050; font-size: 18px; line-height: 25px; }
#infos-web img{ margin-bottom: 10px; }
#projets-se img{ width: 100%; }
#projets-se .colonne3:first-child img{ border-left: 0; }
#contact-se{ text-align: center; padding: 40px 15px; }
#contact-se .a-btn{ background: #F7F7F7; color: #53C3AD; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 30px; display: inline-block;}
#contact-se .a-btn:hover{ background: #53C3AD; color: #fff; }
#contact-se .texte img{ padding-bottom: 30px; width: 50px; }


/* Page Stratégie Digitale */

#desc-strat .contenu{ display: flex; }
#desc-strat .texte{ padding: 10% 0; width: 70%; margin: auto; }
#desc-strat .legende{ margin-bottom: 30px; font-weight: 800px !important; font-family: 'Raleway', sans-serif; font-size: 18px;}
#desc-strat ul{ margin-top: 30px; }
#desc-strat ul li{ margin-bottom: 10px; }
#desc-strat img{ position: relative; left: 100%; margin-left: -200%; width: 100%; }
#desc-strat .colonne2 .image{ text-align: center; }

/* Page Annonce */

.annonce{ padding: 100px 75px; border-bottom: 1px solid #EEE; }
.annonce h2{ padding-bottom: 50px; margin-left: 3.5%; }
.annonce h3{ text-transform: initial; padding-bottom: 20px; font-size: 22px; margin: 0;}
.annonce ul{ position: relative; right: 10px; list-style: disc url("../images/ellipse.png"); }
.annonce li{ padding-left: 10px; margin-bottom: 10px; }
.annonce .carte-blanche{ margin-top: 20px; }
.annonce .cond{ margin-bottom: 5px; margin-top: 0; }
.annonce .p-profil{ margin-top: 0; }
.annonce p{ margin: 20px 0; }
.annonce .texte{ width: 80%; margin: auto; }


/* Page Références */

.page-references #services-expertises{ border-top: 1px solid #EEE; }
.page-references .centrage{ position: relative; }
.page-references .btn-plus{ position: absolute; top: 20px; right: 20px; width: 40px; }
.page-references .expertises img{ display: -webkit-box; }

/* Page Audit */

.audit #desc-strat h2{ padding-bottom: 30px; }
.audit #desc-strat ul{ margin-top: 0; }
.audit #desc-strat ul{ position: relative; right: 10px; list-style: disc url("../images/ellipse.png"); }
.audit #desc-strat li{ padding-left: 10px; margin-bottom: 10px; }
.audit #services-expertises{ border-top: 1px solid #EEE; }

/* Page Expertises */

.page-expertises a{ color: #fff; text-decoration: none; }


/* Page Mentions / Presse / Plan du site */

#header-page-footer{ background: url('../images/background-header-sous-exp.jpg') no-repeat; background-size: cover; position: relative; text-align: center; padding: 150px 0;}
#header-page-footer h1{ font-size: 40px; color: #53C3AD; text-transform: uppercase; margin: 0; padding: 0; }
#header-page-footer p{ margin-top: 20px; color: #fff; font-size: 18px; }
.page-footer h2{ padding-bottom: 20px; }
.page-footer .container-page-footer{ width: 80%; }

/* Page Outils (Etude et publication) */

.outils #desc-expertises h2{ color: #53C3AD;}
.outils #desc-expertises .legende-exp{ color: #1D1D1D; text-transform: uppercase; font-size: 26px; font-weight: bold; padding-bottom: 5px; padding-top: 0px;  }
.outils #desc-expertises .texte { padding: 9% 0; }

/* Page Sous Outils */

#header-e-assurance{ background: url('../images/image-e-assurance-big.jpg') no-repeat; background-size: cover; text-align: center; padding: 15% 0; }
#header-relations-blogueurs{ background: url('../images/image-relations-blogueurs-big.jpg') no-repeat; background-size: cover; text-align: center; padding: 15% 0; }
.header-sous-outils h1{color: #53C3AD; text-transform: uppercase; font-size: 50px; letter-spacing: 0.05em;  }
.header-sous-outils p{color: #fff; text-transform: uppercase; font-size: 30px; letter-spacing: 0.05em; font-weight: 800 !important; font-family: 'Raleway', sans-serif !important; padding-top: 10px; }
.desc-sous-outils .colonne2:first-child{ text-align: center; background: #fafafa; padding: 30px 0;  }
.desc-sous-outils .texte{ padding: 8% 0; width: 65%; margin: auto; }
.desc-sous-outils h2{ font-size: 28px; }
.desc-sous-outils p{ font-size: 18px; margin-top: 20px; }
.contact-sous-outils{ display: flex;}
.contact-sous-outils .colonne2:first-child{ text-align: center; padding: 50px 15px; }
.contact-sous-outils .colonne2:last-child{ background: #fafafa; padding: 50px 15px; }
.contact-sous-outils form, .dl-etude form{ margin-top: 30px; }
.contact-sous-outils input, .dl-etude input{ width: 400px; margin-bottom: 15px; padding: 15px; }
.contact-sous-outils INPUT[type="submit"], .dl-etude INPUT[type="submit"]{border-radius: 25px; padding: 10px 40px; margin-top: 20px; }
.contact-sous-outils .texte{ position: relative; text-align: center; margin-top: 15%; }
.contact-sous-outils .texte img { margin-bottom: 30px; }
.contact-sous-outils #mess, .dl-etude #mess{ text-align: left; width: 70%; margin: auto; }
.contact-sous-outils .a-btn, .dl-etude .a-btn{  background: #53C3AD; color: #fff; font-size: 16px; text-align: center; border-radius: 25px; padding: 15px 30px; border: 0; margin-top: 30px; display: inline-block; }
#form-rb{ border-bottom: 1px solid #eee; }
#infographie-rb{ padding: 50px 15px; text-align: center; clear: both;}
#infographie-rb h2{ margin-bottom: 30px; }
#infographie-rb img{ margin-bottom: 30px; }
.sous-outils #services-expertises{ border-top: 1px solid #eee; }

/* Page Téléchargement Etude */

.dl-etude #services-expertises{ border-top: 1px solid #eee; }
.dl-etude #fond-gris{ background: #fff; text-align: center; border-bottom: 1px solid #eee; }
.dl-etude .titre-principal{ padding: 150px 15px; background: #fff; background: url('../images/background-header-sous-exp.jpg') ;}
.dl-etude .titre-principal h1{ color: #53C3AD; text-transform: uppercase; font-size: 40px; letter-spacing: 0.05em; }
.dl-etude .titre-principal p{ color: #fff; text-transform: uppercase; font-size: 30px; letter-spacing: 0.05em; font-weight: 800 !important; font-family: 'Raleway', sans-serif !important; padding-top: 10px; line-height: 35px; }


/*Responsive*/

@media screen and (max-width: 1700px) {
	#entertainment-home #presentation .colonne2:last-child img, 
	#entertainment-home #services .image img, #desc-expertises .contenu .img-desc, 
	#desc-sous-exp .colonne2:first-child img, #desc-agence .contenu .colonne2 img,
	#desc-strat img, #desc-entertainment .colonne2:last-child img,
	#desc-edc .contenu .colonne2:last-child img{ width: auto;}
}

@media screen and (max-width: 1500px) {
	#pres-home h1{ line-height: 40px; }
	#pres-home .texte-header{ top: 30%;}
	#pres-agence .texte-header, #pres-agence2 .texte-header { top: 35%; }
	.h1-header{ width: 400px; font-size: 36px; }
	.p-header{ width: 500px; font-size: 16px; }
	#rea-home .image{ height: 600px; }
	#rea-home .site .image img{ width: 750px; }
	#desc-entertainment .presentation .contenu{ width: 80%; }
	input, textarea{ width: 400px !important; }
	.annonce{ padding: 75px 50px;}
	#exp-home img, #exp-agence img{ width: 100px; }
	#exp-home a{ font-size: 16px; }
	#rea-home #mcdo{ height: 126px ; width: auto; }
	#rea-home #bbc{ height: 100px ; width: auto; }
	#rea-home #tcl{ height: 90px ; width: auto; }
	#rea-home #m6{ height: 87px ; width: auto; }
	#rea-home #altran{ height: 68px ; width: auto; }
	#rea-home #dermophil{ height: 85px ; width: auto; }
	#rea-home #marrakech{ height: 95px ; width: auto; }
	#rea-home #masterlock{ height: 81px ; width: auto; }
	#rea-home #logos img{ margin: 7px 25px;}
	.h2-header, #header-edc h2, #header-sous-exp h2, #desc-expertises h2, #desc-expertises h2 a, #infos-sup h2, h2{ font-size: 22px; }
	#desc-expertises p, #infos-sup p, #desc-expertises .legende-exp, #infos-sup .colonne2 li, #header-sous-exp p, p{ font-size: 16px; }
	#desc-expertises .texte img:first-child, #header-sous-exp img:first-child{ width: 50px; }
	#header-edc h1, #header-sous-exp h1{ font-size: 36px; }
	#autres-projets p{ font-size: 28px; }
	#autres-projets p{ width: 400px; }

}

@media screen and (max-width: 1400px){
	#desc-sous-exp #texte-rb{ padding: 5%; width: 80%; margin: auto; }
	#desc-strat .texte{ padding: 7% 0; width: 80%; margin: auto; }
	#header #menu .social-btn{ right: 0px !important; }
}

@media screen and (max-width: 1300px) {
	#pres-home .texte-header{ top: 25%;}
	#pres-agence .texte-header, #pres-agence2 .texte-header,  #pres-brand-c .texte-header, #pres-entert .texte-header,
	#pres-contact .texte-header{ top: 30%; }
	#pres-social-m .texte-header{ top: 25%; }
	.h1-header{ width: 400px; font-size: 36px;}
	.p-header{width: 400px; }
	#rea-home .site .image img{ width: 720px; }
	#desc-agence .texte{ padding: 1% 0; }
	#desc-agence .colonne2:first-child .texte{ padding: 5% 0;}
	#desc-entertainment .presentation .contenu{ padding: 50px 15px; }
	#desc-contact .texte{ left: 25%; }
	#header-edc p{ width: 400px;}
	.annonce{ padding: 50px 30px;}
	.annonce .texte{ width: 90%; }
	#header-edc h1{ color: #fff; width: auto; font-size: 42px; }
	#menu ul{padding-left: 0 !important;}
	#rea-home #mcdo{ height: 114px ; width: auto; }
	#rea-home #bbc{ height: 95px ; width: auto; }
	#rea-home #tcl{ height: 85px ; width: auto; }
	#rea-home #m6{ height: 80px ; width: auto; }
	#rea-home #altran{ height: 61px ; width: auto; }
	#rea-home #dermophil{ height: 77px ; width: auto; }
	#rea-home #marrakech{ height: 90px ; width: auto; }
	#rea-home #masterlock{ height: 76px ; width: auto; }
	
}

@media screen and (max-width: 1200px) {
	#exp-home .contenu, #exp-agence .contenu{ width: 950px; }
	#menu>ul>li{ margin: 0px 14px !important; }
	#rea-home .desc{ width: 90%; }
	#entertainment-home #services {display: initial;}
	#entertainment-home #services .contenu{ position: initial; margin-top: 10%; margin-bottom: 10%; }
	#entertainment-home #services .image img{width: 100%;}
	#agence-home #agence{ display: initial;}
	#agence-home #agence .colonne2, #agence-home #agence .fond-vert{ width: 100%; }
	#agence-home #agence .colonne2 p{ margin-top: 0; }
	#agence-home #agence .colonne4:first-child{ border-bottom: 1px solid #fff; }
	#pres-social-m .texte-header{ top: 20%; }
	#desc-expertises .texte{ width: 85%; }
	#infos-sup h2{ width: 360px; }
	input, textarea{ width: 350px !important; }
	#autres-projets p{ top: 30%; }
	#desc-edc .texte{ width: 85%; }
	#desc-sous-exp .texte{ padding: 7%; width: 85%; }
	#desc-sous-exp #texte-rb{ padding: 2%; width: 88%; }
	#infos-web .colonne4{ width: 50%; margin-bottom: 30px;}
	#desc-edc .texte{ width: 90%; padding: 5% 0; }
	#video-edc iframe{ width: 100%; }
	#rea-home #logos img{ margin: 7px 20px;}
}

@media screen and (max-width: 1150px) {
	#rea-home #logos img{ margin: 7px 35px;}
}

@media screen and (max-width: 991px) {
	#agence-home #agence .fond-vert{ background: #53C3AD; }
	#rea-home{ background: #1D1D1D; }
	.pres-header{ background-size: cover; height: auto; position: relative; }
	.mob{ display: block; }
	.web{ display: none; }
	#exp-home{ background: #fff; height: auto; position: relative;}
	#exp-agence{ background: #1D1D1D; height: auto; position: relative;}
	#exp-home .contenu, #exp-agence .contenu{ width: 90%; top: 15%; margin-bottom: 30px;}
	#exp-home .colonne4, #exp-agence .colonne4{ width: 50%; float: left; margin-top: 50px; }
	#rea-home .image, #rea-home .texte{ width: 100%; float: none; }
	#rea-home .image{ margin: 75px 0px 0px 0px; }
	#entertainment-home #presentation, #desc-contact, #desc-edc .contenu, #autres-projets,
	#desc-sous-exp { display: initial; }
	#entertainment-home #services, #desc-entertainment .presentation { display: initial;}
	#entertainment-home .colonne2, #desc-agence .colonne2, #desc-expertises .colonne2, #desc-edc .colonne2, 
	#autres-projets .colonne2, #desc-sous-exp .colonne2{ width: 100%; float: none; }
	#entertainment-home .colonne4, #desc-entertainment .presentation .colonne2{ width: 100%; float: none; }
	#entertainment-home #services .image{ position: initial; top: 0; width: auto; }
	#agence-home #agence, #agence-home #contact, #contact-strat #contact, #desc-agence .contenu, #desc-expertises .contenu{ display: initial;}
	#agence-home #agence .colonne4, #agence-home #agence .colonne2, #agence-home #contact .colonne2, #contact-strat #contact .colonne2{ width: 100%; float: none; }
	#rea-home .image{ text-align: center; }
	#rea-home .texte{margin-top: 0;}
	#rea-home .image img{width: 80%;}
	#rea-home .site .image img{width: 80%;}
	#rea-home .site .image img{ top: 0; }
	#rea-home .site .image video{ top: 0; }
	#rea-home .titre h2{ padding-left: 15px; padding-right: 15px;}
	#rea-home #openskies{ height: 70px ;}
	#rea-home #tcl {height: 75px;}
	.texte-header{margin-left: 0; width: 400px; margin: auto;}
	#agence-home #contact .colonne2 .texte, #contact-strat .colonne2 .texte{ margin-top: 10%; margin-bottom: 10%; }
	#entertainment-home #presentation .colonne2:last-child img{ max-width: 100%; }
	#agence-home .agence-expertise{ border-right: 0; }
	#desc-agence .contenu .colonne2 img{ width: 100%; }
	#desc-agence .texte{ padding: 5% 0; }
	#desc-expertises .contenu .img-desc{ width: 100%; }
	#infos-sup .colonne2, #desc-contact .colonne2{ width: 100%; float: none; }
	#infos-sup .texte{ width: 90%; margin: 5% auto; padding: 0;}
	#infos-sup .colonne2:first-child .texte{ border-right: 0; }
	#infos-sup h2{ width: 450px; }
	#desc-entertainment .colonne2:last-child img{ width: 100%;}
	.affiches .colonne6, .personnalites .colonne6{ width: 50%; }
	.shooting-photo .colonne4{ width: 33.33%; }
	.shooting-gif .colonne4{ width: 50%; }
	.brand-content #infos-sup .colonne2:last-child .texte {border-left: none;}
	#desc-contact .texte{ left: 35%; padding: 30px 15px; }
	#desc-contact .texte{ position: relative; }
	#desc-contact .colonne2:last-child img, #desc-sous-exp .colonne2:first-child img{ width: 100%; }
	.form-contact .colonne2{ width: 100%; float: none; }
	.form-contact .colonne2 input{ float: none; margin-right: 0; }
	.form-contact .colonne2:last-child input, .form-contact .colonne2:last-child textarea{ margin-left: 0; }
	.form-contact .colonne2{ text-align: center; }
	.form-contact .colonne2:last-child input{ width: auto !important; margin-right: 0; }
	#header-edc{ height: auto; }
	#header-edc .contenu{ display: initial; top: 5%;}
	#header-edc .texte{ width: 100%; float: none; margin-top: 150px;}
	#header-edc .image{ width: 100%; float: none;}
	.social-btn{ display: none; }
	#desc-edc .contenu .colonne2:last-child img{ width: 100%; }
	#autres-projets .colonne2:first-child p{ position: relative; padding: 10% 0; width: 280px; margin: auto; font-size: 28px }
	#desc-sous-exp .texte{ width: 90%; }
	#desc-sous-exp #texte-rb{ padding: 7%; width: 90%; margin: auto; }
	#header-sous-exp{ padding: 150px 0; }
	#header-sous-exp img:first-child{ width: 40px; margin-bottom: 20px; }
	#header-sous-exp h1{ width: auto; font-size: 36px; }
	#header-sous-exp h2{ font-size: 24px;}
	#header-sous-exp p{ margin: auto; width: 90%; margin-top: 20px;}
	#header-edc .arrow-header{ display: none; }
	#header-edc .content-texte{ width: 450px; margin: auto; padding-left: 0;}
	#header-edc .image img{ top: 50px; }
	#desc-sous-exp .col-row, #desc-strat .contenu{ display: initial;}
	#desc-strat .colonne2{ width: 100%; float: left; }
	#desc-strat img{ width: 100%; }
	#desc-strat .texte{ padding: 10% 0;}
	.annonce{ padding: 50px 15px; }
	.annonce .colonne3{ width: 100%; float: none; margin-bottom: 30px; }
	.annonce .colonne3 .texte{ width: 90%; }
	.audit #contact .texte{ border-top: 1px solid #EEE; margin-top: 0 !important; margin-bottom: 0 !important; padding: 10% 0;}
	.page-expertises .contenu{ margin-top: 15% !important; }
	.edc-social .contenu .image{ padding: 50px 0; }
	#rea-home .image, #rea-home .site .image{ height: 420px !important }
	#entertainment-home #presentation p{ width: 90%; }
	#agence-home #agence .colonne2 .texte{ width: 90%; padding: 10% 0; }
	#agence-home #agence .colonne2 .texte p{ margin-top: 20px; }
	#header-e-assurance{ padding: 150px 0; }
	.header-sous-outils h1{ font-size: 42px; }
	.header-sous-outils p{ font-size: 26px; }
	.desc-sous-outils .colonne2, .contact-sous-outils .colonne2{ width: 100%; float: none; }
	.contact-sous-outils{ display: initial; }
	.desc-sous-outils .texte{ width: 90%; }
	#infographie-rb img{ width: 90%; margin: auto; padding-bottom: 30px; }
	.dl-etude .titre-principal h1{ font-size: 35px; }
	.dl-etude .titre-principal p{ font-size: 24px; }
	.pres-header{ background: #1D1D1D !important; }
	.contenu-header{ height: auto; margin: 150px 0;}
	.h1-header{ font-size: 32px; }
	.h2-header, #header-edc h2, #header-sous-exp h2{ font-size: 24px; }
	#rea-home .cm .image img{ width: 90%; }
	#video-edc iframe{ width: 560px; }
	#rea-home #logos img{ margin: 7px 20px;}
	#rea-home .texte .texte-float{ float: none; }
}

@media screen and (max-width: 768px) {
	#agence-home #contact p, #contact-strat p{ width: auto; padding: 0 10px; }
	#exp-home, #exp-agence{ height: auto; padding: 50px 0; padding-top: 20px;}
	#exp-home .contenu, #exp-agence .contenu{ width: 90%; }
	#exp-home .colonne4, #exp-agence .colonne4{ width: 100%; float: none;}
	#desc-agence .texte{ width: 90%;}
	#rea-home .image {margin:50px 0px 0px 0px;}
	#rea-home .image, #rea-home .site .image {height: 320px !important;}
	#services-expertises .colonne3, #services-expertises .colonne4{ width: 100%; float: none; }
	#services-expertises .contenu{ border-right: 0; border-bottom: 1px solid #E5E5E5;}
	#services-expertises .colonne3:last-child .contenu, #services-expertises .colonne4:last-child .contenu{ border-bottom: 0; }
	.texte-header{width: 90%; margin: auto;}
	.h1-header{ width: auto;}
	.p-header{width: auto;}
	#entertainment-home #services .colonne4{ width: 100%; border-bottom: 1px solid #E5E5E5;}
	#entertainment-home #services .col-row, #desc-sous-exp .col-row{ display: initial;}
	#desc-agence .texte{ padding: 10% 0 !important; }
	#infos-sup .texte{ width: 90%; margin: 10% auto;}
	#infos-sup h2{ width: auto; }
	#desc-entertainment .presentation .points{ display: block;}
	#desc-entertainment h2{ width: auto;}
	#desc-contact .texte{ left: 5%; padding: 30px 15px; }
	.form-contact .colonne2 input, .form-contact .colonne2 textarea{ width: 300px !important }
	.form-contact .valid-mess{ width: auto; margin: auto; }
	#desc-edc .points{ display: block;}
	#projets-se .colonne3{ width: 100%; float: none; }
	#projets-se img{ border: 0;}
	#entertainment-home #presentation .points{ display: block; margin-top: 30px;}
	.liens-footer p{ padding: 0 15px; }
	#header-edc .content-texte, #desc-strat .texte, .mentions .container{ width: 90%; margin: auto;  }
	#header-edc p{ width: auto; }
	#infos-web .colonne4{ width: 100%; float: none;}
	#desc-entertainment .presentation #texte-fan{ width: 275px; }
	#video-edc iframe{ width: 100%; }
	.shooting-photo .colonne4{ width: 50%; }
}


@media (min-width: 768px) {
#header {background-color: transparent; position: absolute;}
.accueil .image-principale {margin-top:-95px;}
.accueil .image-principale h1 {background-color: rgba(0, 0, 0, 0.8); text-align:center; padding:35px; margin-top:-100px; position: relative;}
}
@media screen and (max-width: 767px) {
.accueil .image-principale h1 {text-align: center; margin-top: 20px; font-size:16px;}
.bouton.agence-bouton {float:none; margin-right:auto; width: 100px;}
.bouton.expertise-bouton {float:none; margin-left:auto; width: 100px;}
}
@media screen and (max-width: 427px) {
#rea-home .image, #rea-home .site .image {height: 200px !important;}
}
@media screen and (max-width: 360px) {
.references-accueil img {max-width: 140px;height: auto;}
}

/*Taille d'écran supérieur à 1200px*/
@media (min-width: 1200px) {
.container {width: auto;}
}

/*Taille d'écran supérieur à 992px*/
@media (min-width: 992px) and (max-width: 1199px) {
.container {width: auto;}
.ligne1 .bouton, .ligne2 .bouton {padding: 10px 10px;width: 120px;}
.contenu-principal {margin: 50px 90px;}
}

/*Taille d'écran entre 768px et 991px*/
@media (min-width: 768px) and (max-width: 991px) {
.container {width: auto;}
.ligne1 .bouton, .ligne2 .bouton {padding: 10px 10px;width: 120px;}
.contenu-principal {margin: 50px 60px;}
.expertises .colonne3 {width: 50%;}
.creation-site .ligne1 {width: 100%; margin-bottom: 30px;}
.creation-site .ligne2 {width: 100%;}
.page-expertises .contenu-principal {margin: 50px 20px;}
.experience p{
	width: 100%;
}
.strategie-digitale .colonne3{
	width: 100%;
	float: none;
}
.ul-accompagnement{
	width: 760px;
	margin: auto;
}
}

/*Taille d'écran inférieur à 768px*/
@media screen and (max-width: 767px) {
body {width: auto;}
.accueil #header { background-color: transparent; position: absolute;}
.container {width: auto; padding-left: 10px; padding-right: 10px;}
.colonne4 {width: 50%;}
.colonne5, {width: 50%;}
.ligne1, .ligne2 {width: 100%;float: left;}
.ligne1 .bouton, .ligne2 .bouton {width: 100px;}
.ligne1 {margin-bottom:30px;}
#header #logo {margin-left:10px;width: 48%;}
#header .container {padding:0px;}
#footer .colonne3 {width:100%; margin-bottom: 40px;}
#footer .colonne3.dernier {margin-bottom: 30px;}
.strategie-digitale .colonne3{
	width: 100%;
	float: none;
}
#footer h3 {margin-bottom: 10px}
.social {float: none; position: relative; margin: 20px 0px 0px 0px;}
.contenu-principal {margin: 50px 20px;}
.titre-principal {padding: 35px 10px;}
.autres-services-gris {padding: 50px 0px;}
.service, .agence-accueil, .contact-accueil, .outils-accueil, .references-accueil {padding: 35px 0px;}
.expertises .colonne2, .expertises-agence .colonne2, .expertises .colonne3 {width: 100%;}
.notre-agence .colonne2 {width: 100%;}
.notre-agence .colonne2 img {margin-bottom:20px;}
.notre-agence .colonne2 .legende {margin-top:-10px; margin-bottom:20px;}
.notre-agence .colonne2 p {margin-left:0px;}
.page-expertises .colonne4  {text-align: center;}
.contact .ligne1 .colonne4 {width: 100%;text-align: center;margin-bottom: 30px;}
.creation-site .ligne1 {margin-bottom: 0px;}
.creation-site .ligne1 .colonne4, .creation-site .ligne2 .colonne4  {width:100%;  margin-bottom: 50px;}
.contact textarea {width:300px;}
#ul-gauche, #ul-droit, #ul-milieu{
	width: 100%;
	float: none;
	margin-top: 50px;
}
#ul-gauche ul{
	float: none;
	right: 0;
}

#ul-droit ul{
	float: none;
	left: 0;
}
#ul-milieu ul{
	padding-left: 40px;
}
#ul-droit, #ul-milieu{
	margin-top: 0px;
}
.experience p{
	width: 100%;
}
.accompagnement h2{
	width: auto;
}
#texte-bkg{
	top: 30%;
}
.strategie-digitale #sd p{
	font-size: 18px;
}
.separation-img img{
	width: 200%;
}
#texte-bkg h1{
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	font-size: 32px;
}
.ul-accompagnement{
	width: auto;
	margin: auto;
}
}

/*Taille d'écran inférieur à 500px*/
@media screen and (max-width: 500px) {
body {width: auto;}
.accueil .service h2 a {font-size: 15px;}
.page-expertises .colonne4 {width:100%;  margin-top: 50px;}
.page-expertises .ligne1 {margin-bottom:0px}
.page-expertises .ligne2 {margin-bottom:50px}
.page-expertises .contenu-principal {margin: 10px 20px;}
.contact .contenu-principal {margin: 50px 10px;}
.contact textarea {width:185px;}
.contact input {width:167px;}
#texte-bkg{
	top: 25%;
}
}

/*Menu*/
#header .subheader #lang {float: right; margin: 15px 30px 0px 0px; color:#ffffff; font-size:14px;}
#header .subheader #lang a {color: #ffffff;}
#header #menu {overflow:visible; text-align: center; position: relative; }
#header #menu .social-btn{ position: absolute; right: 75px; top: 36px; cursor: pointer;}
#header #menu .social-btn img{ margin: 0 2px; cursor: pointer;}
#header #menu>ul { display:inline-block; top:-30px; position: inherit;}
#menu .a-ecart{ margin-right: 40px; }
	#menu>ul>li {background:none; padding:0px; margin:0 28px; position:relative; display: inline-block;}
	#menu>ul>li:first-child {}
	#menu>ul>li>a { /*font: bold 15px/18px 'proxima-nova', sans-serif;*/ color:#ffffff; display:block; text-decoration:none; text-transform: uppercase; line-height: 100px; font-weight: 400;}
	#menu>ul>li>a>span { display:block; font: normal 12px/18px Arial, Helvetica, sans-serif; color:#b6b6b6; text-transform: lowercase; padding-top:2px;}
	#menu>ul>li>a:hover,
	#menu>ul>li>a.active { color:#53C3AD;}
	#menu>ul>li ul { position:absolute; z-index:1000; width:150px; left:0px; top:75px; display: none; background:#FFF;  border:1px solid #f5f5f5; padding-top: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; text-align: left;}
	#menu>ul>li ul>li { display:block; position:relative; float: none; padding-bottom: 5px; padding-top: 5px; margin:0 0 0 3px; padding-right:0px; border-top:1px solid #f7f7f7; padding-left:8px;}
	#menu>ul>li ul>li:first-child { border-top: none;}
	#menu>ul>li ul>li a { font-size: 12px; color: #1D1D1D; text-decoration:none; text-transform: uppercase;}
	#menu>ul>li ul>li a:hover,
	#menu>ul>li ul>li a.active { color:#53C3AD;}
	#menu>ul>li ul ul { left:auto; right:-162px; top:-1px; display:none;}
	#menu>ul>li ul ul li:first-child { margin-top:-4px;}
	#menu #logo-mobile{display: none;}

/*Menu en responsive*/
#menu select {display: none;}
@media screen and (max-width: 991px) {#header #menu>ul {display: none;} #menu select {display: inline-block; cursor: pointer;}
div#menu {max-width: 100% !important;}
.select-style { margin-top: 31px; margin-right: 20px; float: right; padding: 0; border: 1px solid #ccc; width: 120px; border-radius: 3px; overflow: hidden; background-color: #fff; background: #fff url("../images/menu-burger.png") no-repeat 90% 50%;}

.select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.select-style select:focus { outline: none; }

#menu #logo-mobile{display: block; float: left; margin-top: 20px; margin-left: 20px;}
}

/*Formulaire contact*/
INPUT { color: #373b37; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 200; background-color: #ffffff; padding: 25px 15px; width:600px; border: 1px solid #E5E5E5;}
INPUT[type="submit"] { color: #ffffff; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 200; background-color: #53C3AD; padding: 20px 50px; width: auto !important; border: 0; cursor: pointer;}
SELECT {color: #000; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 200; background-color: #EEEEEE;}
TEXTAREA {color: #000; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 200; background-color: #ffffff; width: 600px; padding: 25px 15px; border: 1px solid #E5E5E5;}
.txterror {color: #9c9c9c; font-size: 12px; font-family: 'Nunito', sans-serif; font-weight: 200;}
.txtform {color: #373b37; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 200;}

/*Mise en forme annonce régie accueil*/
#regie {background: #83d5c7; padding:30px 0;}
.texte-regie {width:85%; text-align: center; margin:auto}  
.texte-regie a {color: #373b37;}

/*Vidéo player par défaut*/
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); /* Ajuster le nombre de px */}


/* Nouvelle page notre agence */
#pres-agence2, #entites, #oriente-roi {background: #1D1D1D; height: auto; position: relative; }
#pres-agence2 .contenu {margin-top: 5%; display: flex; }
#pres-agence2 .texte {width: 50%; float: left; margin-top: 10%;}
#pres-agence2 .image {width: 50%; float: left; text-align:  center;}
#pres-agence2 .image img {position: relative; top: 30px; width: 100%;}
#pres-agence2 .content-texte {padding-left: 10%; padding-right: 10%;}
#pres-agence2 h1 {text-transform: uppercase; width: auto; font-size: 50px; color: #ffffff; font-weight: bold; letter-spacing: 0.05em; padding-bottom: 10px; line-height: 55px;}
#pres-agence2 h2 {color: #53C3AD; font-weight: bold; text-transform: initial; font-size: 26px; letter-spacing: 0.05em; padding-bottom: 30px;}
#pres-agence2 img#logo-aacc {margin-bottom: 15px; margin-top: 5px; max-width:80px; height:auto;}
#desc-agence .contenu .colonne2#gif-equipe img {width: 100%;}
#desc-agence #equipe p {font-size:16px}
#entites {padding-bottom: 50px;}
#entites .contenu {margin-top: 5%; display: block; }
#entites #titre-entite {margin-bottom:50px; text-align: center;}
#entites #titre-entite, #entites #description-entite {width:100%;}
#entites img {width:50%; display: block; text-align: center; margin: auto; max-width: 170px;}
#entites h2 {text-align:center; color:#ffffff; font-size: 26px; padding-bottom: 10px; line-height: 30px;}
img#ellipse-entite {width:auto; display: initial;}
#entites .texte {float: left; padding: 10% 12%;}
#entites #description-entite p {color:#ffffff; margin-bottom:20px;}
.lien-entite {padding: 5% 10%; max-width: 100%;}
.lien-entite p {margin:auto; width: max-content;}
.lien-entite a {width: 160px; border:1px solid #ffffff; padding: 10px 20px; color:#ffffff; display: block; text-align: center; text-transform: uppercase; margin:auto;}
.span-vert {color: #53C3AD;}
#chiffres-expertises{ text-align: center; position: relative;}
#chiffres-expertises .contenu{ border-right: 1px solid #E5E5E5; padding: 50px 15px;}
#chiffres-expertises .colonne3:last-child .contenu, #services-expertises .colonne4:last-child .contenu{ border-right: 0; }
#chiffres-expertises img{ width: 50px; margin-bottom: 20px;}
#chiffres-expertises .chiffres-cles .contenu {padding: 70px 25px; height: inherit;}
#chiffres-expertises .chiffres-cles img {max-height: 80px; margin-bottom: 50px; width:auto;}
#chiffres-expertises .chiffres-cles p {text-transform: initial; font-size:18px; font-weight:bold; text-align: center; color: #1D1D1D;}
#oriente-roi .contenu {display: block;}
#oriente-roi h2 {color:#ffffff; font-size: 26px; padding-bottom: 30px; line-height: 30px;}
#oriente-roi .texte {width: 70%; margin: auto; padding: 10% 0; text-align: left;}
#oriente-roi p {color:#ffffff;}

@media screen and (max-width: 1500px) {
#pres-agence2 h1 {font-size:36px;}
#pres-agence2 h2 {font-size:22px;}	
}
@media screen and (max-width: 991px) {
#pres-agence2 .texte {width:100%;}
.page-agence-2 .p-header {width: 100%;}
#pres-agence2 h2 {font-size:24px;}
#pres-agence2 .content-texte {padding: 10%;}
.page-agence-2 #desc-agence .texte {width: auto;}
.page-agence-2 #desc-agence .colonne2:first-child .texte {padding:10%;}
.page-agence-2 #desc-agence .texte {padding:10% !important;}
.page-agence-2 .colonne3 {width:100%; margin-bottom: 40px;}
.page-agence-2 .colonne4 {width:50%;}
.page-agence-2 .colonne5 {width:50%;}
#entites .texte {padding: 7% 12% 0% 12%;}
}
@media screen and (max-width: 768px) {
#entites {padding: 10% 0 !important;}
.page-agence-2 #desc-agence .texte {padding: 10%;}
.page-agence-2 .colonne5 {width:100%;}
#oriente-roi .colonne2 {width:100%;}
#oriente-roi .texte {width:auto; padding:15% 10%;}
#pres-agence2 .content-texte {padding: 15% 10%;}
.page-agence-2 #desc-agence .colonne2:first-child .texte {padding: 15% 10% !important;}
.arrow-header {display:none;}
}
@media screen and (min-width: 991px) {
#chiffres-expertises .chiffres-cles .contenu {padding: 70px 25px; height: 180px;}
#entites .texte {height:160px;}
}

/*Mise à jour accueil*/
#cas-home {padding:100px 15px;}
#cas-home .contenu-edc2 {width:87%;}
#cas-home .colonne1 {width:60.614%;}
#cas-home .colonne3 {width:39.386%;}
#cas-home .titre {text-align: center; margin-bottom:60px;}
#cas-home .contenu-edc2 .colonne3 img {padding:0px;}
.cas-accueil {position: relative;}
.cas-accueil .detail-cas-accueil {bottom:10%; position:absolute;}
.cas-accueil .detail-cas-accueil .nom-marque {color:#ffffff; font-size:20px; font-weight:bold; text-transform:uppercase;}
.cas-accueil .detail-cas-accueil .intervention-marque {color:#53C3AD;} 
.cas-accueil img {transition: transform 1s;}
.cas-accueil img:hover {transform: scale(1.1);}

@media screen and (max-width: 768px) {
#cas-home .colonne3, #cas-home .colonne1 {width: 100%; margin-bottom:20px;}
}