html {margin:0;padding:0;background-size: cover; }
body {overflow-x: hidden;overflow-x: -moz-scrollbars-none;}
img {max-width: 100%;height: auto;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px; }
@font-face {font-family: "Odin Rounded - Bold"; src: url('../odin_rounded-bold.woff2');src: url('../odin_rounded-bold.woff');src: url('../odin_rounded-bold.ttf');}
a:link { text-decoration:none; } 
#hauteur{ background: url('../images/fond-background.jpg') no-repeat;background-size: cover;}
#navbar{background-color: white;z-index: 100;}
#menu, #menu_blog{font-family: "Odin Rounded - Bold";font-size:22px;}
#logonav{float: left;}
#menu_blog{border-left-style: solid;border-left-width: 5px;}
#menu_blog li{background-color:#408dcb; -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
#menu_blog li:hover {background-color: #7959DB; }
#menu_blog li a {color: white;}
#menu_blog li a:hover {color: #FFFFA1; font-style:italic;}
#general_menu {float: right;}
.navbar-default .navbar-nav li{padding-top:15px; -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
.navbar-default .navbar-nav li:hover{background-color:#408dcb;  color: white; }
.navbar-default .navbar-nav li a{color:#408dcb;} 
.navbar-default .navbar-nav li a:hover{color:white;}
.navigation{z-index: 999;text-align: center;position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 40px;background-color: #E6EFFD;border-top: solid black 1px;color: white;opacity: 0.9;filter: alpha(opacity=80);}
.navigation img{max-width:50px;margin-left: 20px;margin-top: 5px;}
h1{color: white;padding : 20px;	font-size : 56px;display: inline;position: relative;font-family: "Odin Rounded - Bold";}
h2{font-family: "Odin Rounded - Bold";font-weight: 500;font-size : 40px;line-height: 1.1;color: white;}
h3{text-align: center;font-family: "Odin Rounded - Bold";font-weight: 400;font-size : 36px;padding: 10px;text-shadow: 4px 0px 4px grey;}
h4{text-align: center;font-family: "Odin Rounded - Bold";font-size : 30px;font-weight: 350;}
.langues{padding-left: 10px;padding-top: 10px;}
.langues li{list-style:none;padding-bottom: 5px;}
.center{text-align:center;}
.entre{background-color: rgba(145, 145, 145, 0.5);text-align:center;margin-top:70px;padding-top:40px;padding-bottom:70px; margin-bottom:5px;}
.entre p{font-size:20px; color: white; font-weight: 350; padding-top: 20px;padding-bottom: 20px;font-family: "Odin Rounded - Bold";}
.entre ul{font-size:20px;list-style: none;color: white; font-weight: 350; padding-top: 20px;padding-bottom: 20px;font-family: "Odin Rounded - Bold";}
#primary {padding-top: 20px;padding-bottom: 20px;}
.besoin{padding-bottom: 5px;font-size: 25px;color:#d6eaf8}
.besoin-n{display:inline;}
.besoin-tab{display:none;}
.besoin-port{display:none;}
.exemple {font-style:italic;font-size: 12px;color:grey;padding: 7px;}
.exemple-ads {font-style:italic;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:15px;margin-bottom:15px;}
.mail{padding-top:10px;padding-bottom: 5px;font-size: 25px;color:#d6eaf8;}
.remplacement{display:none;}
.certif img{max-height:150px;}
.certif{text-align: center;}
.button {font-size: 18px;font-weight: 600; padding-bottom: 0px;padding-top: 17px;text-align: center;color: white;font-family: "Odin Rounded - Bold";padding-right: 18px;padding-left: 18px;margin-bottom: 8px;border: solid 5px #fff;background: transparent;color: #fff;text-transform: uppercase;letter-spacing: 3px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.button-ads {font-size: 18px;font-weight: 600; padding-bottom: 0px;padding-top: 17px;text-align: center;color: #428bca;font-family: "Odin Rounded - Bold";padding-right: 18px;padding-left: 18px;margin-bottom: 8px;border: solid 5px #428bca;background: transparent;color: #428bca;text-transform: uppercase;letter-spacing: 3px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.expression {font-size: 15px;font-weight: 600;text-align: center;color: #428bca;padding: 12px 18px;margin-bottom: 8px;border: solid 5px #428bca;background: transparent;text-transform: uppercase;letter-spacing: 3px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.expression:hover, .button-ads:hover{color: white;background: #428bca; border-color: #428bca;}
.button:hover{color: black;background: white;border-color: white;}	
.bouton, .bouton-growth{text-align:center;}
.ligne_adwords h2, #AdWords h2 {font-family: "Odin Rounded - Bold";font-weight: 500;font-size : 40px;line-height: 1.1;color:black;}
.ligne_adwords{background-color: #fcf3cf ;text-align:center;padding-top:25px;font-size: 25px;text-shadow: -1px 1px 0px grey;text-align:center;border-top-style: solid;border-bottom-style: solid; border-width: 2px; border-color: black;}
.ligne{background-color: #fcf3cf ;text-align:center;padding-top:25px;font-family: "Odin Rounded - Bold";font-size: 25px;text-shadow: -1px 1px 0px grey;}
.sous-menu{padding-top:0px;}
.ligne_com .ligne_adwords a, .ligne a{text-align:center;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#propos{background-color: #fcf3cf;padding-bottom:20px;border-top-style: solid;border-bottom-style: solid;}
#com-digitale, #transformation {background-color: white;}
#growth-hacking, #carouselAARRR{background-color: black;}
#growth-hacking{color : white;}
#contact{background-color: rgba(145, 145, 145, 0.9);text-align:center;padding: 40px;}
.carte-index h4{padding-top:10px;color:white;text-shadow: 1px 0 0px black;}
.obligatoire{ color: #d6eaf8;text-align: center;font-style: italic;font-size: 12px;}
.carousel-caption{bottom: 260px;background-color: rgba(145, 145, 145, 0.7);border-radius:25px;}
#contact h3{color:white;}
footer{position: relative; bottom: 0; left: 0; right: 0;border-top-style: solid;border-top-color:  #1a237e ;padding-bottom:40px;background-color: rgba(10, 110, 356, 0.8) }
footer a{color:#000099;}
footer a:hover {color: #0000FF;}
footer a:visited{color: #0d47a1;}
.centre-footer{text-align: center;}
.centre-footer hr{width:75px; margin-top:5px;margin-bottom:7px;border-color:#0B1B96;}
.reseaux{width: 45px;margin-bottom: 10px;box-shadow: 4px 4px 1px 2px #0B1B96;background-size: cover;border-style: solid;filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.reseaux:hover{filter: brightness(75%);-webkit-filter: brightness(75%);-moz-filter: brightness(75%);-o-filter: brightness(75%);-ms-filter: brightness(75%);box-shadow:none;}
.twitter{background: linear-gradient(#1e88e5, #0000FF);padding: 5px;}
.mentions{color:black;text-align: center;}
.newsletter{padding-bottom: 15px;}
.breadcrumb{background:none;}
.debut{	margin-top:100px;}
.debut p, .schema, .techno{font-size:17px;line-height: 1.8;}
.entrecom{text-align:center;padding-top:40px;padding-bottom:20px;}
.entrecom h1{color:#1b4f72;}	
.entrecom h2{color:#2196f3;}	
#presentation-com, #growth-1, #growth-2{display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-flex;}
#presentation-com > .carte, #growth-1>.carte-index, #growth-2>.carte-index {flex: auto;}
.carte-index {padding-left :20px;padding-right:20px;}
.carte, .carte-index {text-align: center;width: 25%;padding-bottom:40px;}
.carte img, .carte-index img {height:100px;margin-bottom:10px;}
.carte p, .carte-index p{margin-bottom: 30px;margin-top: 20px;}
.carte-index p, .carte-index h3 {color:white;}
.entreprise{line-height: 120px; text-align:center;}
.entreprise img {vertical-align: middle;}
#entreprises{padding-bottom:25px;}
.smm_com{background-color:#d6eaf8;}
.site_com{background-color:#85c1e9;}
.mailing_com{background-color:#2e86c1;color:white;}
.chatbot_com{background-color: #1b4f72;color:white;}
.ligne_com, .ligne_adwords{margin-bottom:10px;}
.ligne_com, .ligne_com_index{background-color: #fcf3cf;text-align:center;padding-top:25px;padding-bottom:25px;font-size: 25px;border-top-style: solid;border-bottom-style: solid;}
.ligne_com p{font-family: "Odin Rounded - Bold";}
.ligne_com a, .ligne_com_index a, .ligne_adwords .button{text-align:center;}
.ligne-adwords .button{margin-top:15px;margin-bottom:15px;}
.btn_0_com, .btn_1_com{border-radius:10px;font-size: 18px;text-align: center;color: black;background: linear-gradient( #fff, #90caf9);padding:8px 25px 8px 25px;box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);}
.btn_0_com:hover, .btn_1_com:hover {color: grey;background: linear-gradient( #90caf9,#fff);}
.presta-com, .presta-growth{margin-bottom: 50px;margin-top: 20px;line-height: 1.8;}	
.presta-0{padding-top: 30px;}
.presta-1{background-color: #ebf5fb ;padding-top:30px;}
.contact{background:url(../images/fond-background.jpg);background-size: cover;border-style: solid;}
.acquisition-index{background:url(../images/acquisition.jpg) center;background-size: cover;border-style: solid;filter: brightness(50%);-webkit-filter: brightness(50%);-moz-filter: brightness(50%);-o-filter: brightness(50%);-ms-filter: brightness(50%);}
.acquisition-index:hover{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.activation-index{background:url(../images/activation-effet-wahoo.jpg) center;background-size: cover;border-style: solid;filter: brightness(50%);-webkit-filter: brightness(50%);-moz-filter: brightness(50%);-o-filter: brightness(50%);-ms-filter: brightness(50%);}
.activation-index:hover{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.retention-index{background:url(../images/retention.jpg) center;background-size: cover;border-style: solid;filter: brightness(50%);-webkit-filter: brightness(50%);-moz-filter: brightness(50%);-o-filter: brightness(50%);-ms-filter: brightness(50%);}
.retention-index:hover{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.reco-index{background:url(../images/reco-partage.jpg);background-size: cover;border-style: solid;filter: brightness(50%);-webkit-filter: brightness(50%);-moz-filter: brightness(50%);-o-filter: brightness(50%);-ms-filter: brightness(50%);}
.reco-index:hover{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.revenu-index{background:url(../images/revenue-argent.jpg);background-size: cover;border-style: solid;filter: brightness(50%);-webkit-filter: brightness(50%);-moz-filter: brightness(50%);-o-filter: brightness(50%);-ms-filter: brightness(50%);}
.revenu-index:hover{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);}
.carte_g{text-align: center;width: 20%;padding-bottom:40px;}
.carte_g img{height:100px;margin-bottom:10px;}
.carte_g p{margin-bottom: 30px;}
.presta-growth img{margin-top: 35px;}
.obligatoire_adwords{font-size: 12px;text-shadow:none;}
#plan_site li {font-size: 17px;line-height: 1.8;list-style-type:none;text-align:left;}
footer h3{text-align: center;font-family: "Odin Rounded - Bold";font-weight: 400;font-size : 36px;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 0px; margin-bottom:0px; text-shadow: 4px 0px 4px grey;}
footer hr{margin-top:0px;}
.ligne_site{display:flex;}
#cahier, .fleche, .fleche_basse, #accompagnement, #presentation, #crea, #accueil, #site, #referencement, #start{margin:auto;} 
#cahier, #accompagnement, #presentation, #crea, #accueil, #site, #referencement, #start{border: solid #408dcb;border-radius: 111px;background-color: #408dcb;padding-left: 5px;padding-right: 5px;}
#crea, #accueil{padding-left:35px;}
#cahier {padding-right: 0px;}
#referencement {padding-right: 0px; padding-left: 0px;}
.fleche_basse{text-align:center;}
.schema h3{font-size: 33px;text-shadow:none;padding-bottom:0px;margin-bottom:0px;color: white;}
.schema h2, .techno h2{color:#2196f3;}
.techno img{max-height: 100px;max-width: none;}
.marque{text-align:center;}
.schema, .fleche-descendante{padding-bottom:20px;padding-top:20px;}
.tarif{padding-bottom: 30px;padding-top: 15px;}
.sommaire{list-style:none;padding-left:0px;color:white;text-align: center;font-family: "Odin Rounded - Bold";font-size : 25px;font-weight: 350;}
.sommaire li a{color:white;}
.sommaire li a:hover{color:#73bcfb;}
.parties{padding-bottom:8px;font-family: "Odin Rounded - Bold";font-size : 22px;font-weight: 300;}
.gras{font-family: "Odin Rounded - Bold";font-weight: 300; font-size : 16px;}
.mois{color: #1e6ba9; font-style: italic; text-align: right;}
.centre-tarif{text-align: center; font-style : italic; font-size : 8px;}
.carousel-control.left{background-image:linear-gradient(to right,rgba(33,150,243,.5) 0,rgba(0,0,0,.0001) 100%);}
.carousel-control.right{background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(33,150,243,.5) 100%);}
.formation{margin-bottom:70px;}
.img-langue{margin-bottom:5px; width:25px;}
#mySidenav a {position: fixed;left: -40px;transition: 0.45s;padding: 15px;width: 60px;text-decoration: none;font-size: 20px;color: white;border-radius: 0 5px 5px 0;border: 5px black;z-index: 9999999;}
#mySidenav a:hover {left:0 ;}
#facebook {top: 120px;background-color: #0d47a1;}
#twitter {top: 180px;background-color: #2196F3;}
#linkedin {top: 240px;background-color: #007bb5;}
#whatsapp {top: 300px;background-color: #25D366}
#soundcloud {top: 360px;background-color: #FF7F34}
#contact {top: 420px;}
#languagPopup{display: none;}
#textarea{width: 650px; line-height: 14;}
@media (max-width: 1200px) {#menu, #menu_blog{font-size: 20px;}}	
@media (max-width: 995px) {#menu, #menu_blog{font-size: 14px;}video{display:none;}#presentation-com{display:none;}}	
@media (max-width: 768px) {.logo{text-align:center;}.carousel-caption{bottom: 10px;}.besoin-n{display:none;}.besoin-tab{display:inline;}.besoin-port{display:none;}#general_menu {float: none;}}
@media (max-width: 590px) {.sous-menu{display:none;}.remplacement{display:inline;}#carouselAARRR, #growth{display:none;}.besoin-n{display:none;}.besoin-tab{display:none;}.besoin-port{display:inline;}.bouton-growth{margin-top: 35px;}.Acquisition, .Activation, .Rétention, .recommandation{padding-top: 10px;}}
.smart-popin {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    overflow: auto; /* scrollbar will appear if the viewport is too tight to display all the popin content */
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.smart-popin:target {
    opacity: 1;
    visibility: visible;
	z-index:10;
}
.smart-popin .sp-table {
    display: table;
    height: 100%;
    width: 100%;
}
.smart-popin .sp-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px; /* this space is important to let the box-shadow exceed around the popin - so it has to be at least equal to the shadow radius */
}
.smart-popin .sp-body {
    position: relative; /* to allow absolute positionning inside */
    z-index: 1; /* to ensure the popin body will be over the .sp-back layer */
    width: auto; /* by default the width of the wider element inside */
    min-width: 300px;  /* standard width for xs smartphones (320px) minus 2*10px (.sp-cell margins) */
    margin: 0 auto;
    background-color: #ffffff;
    padding: 2em;
    -webkit-box-shadow: 4px 0px 5px 1px rgb(243, 3, 3, 0.8);
    box-shadow: 4px 0px 5px 1px rgb(243, 3, 3, 0.8);
    width: 50%; /* 66.66 looks good :-) */;
}
.sp-image-title{
	text-align:center;
	font-weight: bold;
	}
.smart-popin .sp-body * {
    max-width: 100%; /* this is a security to prevents wide elements such as img to stretch the popin beyond the viewport width */
	min-width: 3vw;
}
.smart-popin .sp-body a {color:black; }
.smart-popin .sp-back { /* only used to get clicks out of the popin body */
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    display: block;
}
.smart-popin .sp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 1.6em;
    color: #000000;
    font-weight: 900;
    text-decoration: none;
}
.website-content {
    max-width: 980px;
    margin: 0 auto;
}
.open-popin {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.open-popin-responsive {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
@media only screen and (min-width: 961px){
.open-popin-responsive {display:none;}}
@media only screen and (max-width : 960px) {
  .page-content {padding: 9vh 8.3333333333vw 4vh;}}
@media (max-width : 650px) {
  .page-content {
    padding-top: 4em;
    font-size: 1.375em;
  }
}