/*
Theme Name: Vision locale theme
Description: Thème du site Vision locale
Author: Marie-Ève Benson
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/



nav .outils{display:none;}




html, body{
	height:100%;
	/*overflow-x:hidden;*/
}

html {
    font-size: 100%;
}

body {
	background: #FFF; 
	color: #3c3c3b; 
	font: 1em 'Montserrat', Arial, Helvetica, sans-serif;
	line-height:21px;
}

h1{
	font-family: 'Merriweather', serif;
	color:#38b5e6;
	font-size:24px;
	font-style:italic;
	font-weight:300;
}

h2{
	font-family: 'Merriweather', serif;
	font-size:30px;
	line-height:34px;
	margin:0 0 30px 0;
}

h3{
	font-family: 'Montserrat', serif;
	font-size:21px;
	font-weight:600;
	margin:0 0 25px 0;
	text-transform:uppercase;
}


h4{
	font-family: 'Montserrat', serif;
	font-size:21px;
	font-weight:500;
	margin:0 0 15px 0;
}




/* LIGHT */

.light p { color:#3c3c3b; }
.light h2{ color:#009fe3; }
.light h4{ color:#3c3c3b; }

/* DARK */

.dark p { color:#FFFFFF; }
.dark h2 { color:#FFFFFF; }
.dark h3 { color:#FFFFFF; }
.dark a { color:#FFFFFF; }
.one-third.box-6.dark.last p, .one-third.box-6.dark.last h2, .one-third.box-6.dark.last h3, .one-third.box-6.dark.last a{ color: #3c3c3b;}

a { 
	text-decoration: none;
	transition: all .5s ease;
}

a:hover {
	
}

ul.list{
	list-style:none;
	padding-left:0;
}

ul.list li:before{
	content:"> ";
}

.container{
	clear: both;
	margin: 0 auto; 
	max-width: 980px;
	position: relative;
	padding:0 20px;
}

img {
	height: auto;
	max-width: 100%;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.slide { width:60%; display: none;}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header, section, footer {
	width: 100%;
}

.home header{
	background: url(images/en-tete-home.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	position:relative;
}

header{
	height:125px;
}

header .logo img{
	width:200px;
	margin-top:45px;
}

.home header .tel{
	color:#38b5e6;
}

header .tel{
	font:1.313em 'Montserrat', Sans-serif;
	color:#00aeef;
	font-weight:500;
	float:right;
	margin:30px 0 0 0;
}

.home header h1{
	font-size:5em;
	color:#575756;
	font-family: 'Merriweather', serif;
	text-align:left;
	line-height:1.2em;
	margin:30% 0 0 0;
	font-style:normal;
	font-weight:600;
}

.down-arrow img{
	width:48px;
	left:50%;
	margin-left:-24px;
	display:block;
	position:absolute;
	bottom:30px;
}

.img-top{
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height:400px;
	position:relative;
	z-index:-1;
}

.img-top img{
	width:120px;
	left:50%;
	top: 50%; 
	transform: translateY(-50%);	
	position:absolute;
	margin-left:-60px;
}

/***************************************************************************************************************************************************************************************/

/*NAV STYLES*/

/***************************************************************************************************************************************************************************************/


/* menu horizontal droite */

nav{
	margin:-30px 0 0 0;
}

nav ul:first-child{
	right:20px;
	position:absolute;
	width:940px;
	text-align:right;
}

.home .sub-menu{display:none;}
.home nav li.menu-item-has-children{background:none;}

nav li{
	display:inline;
	padding:5px 24px 17px 24px;
	height:20px;
	line-height:20px;
	font-size:0.875em;
	font-weight:500;
	text-transform:uppercase;
	text-align:right;
}

nav li.menu-item-has-children{
	background:url('images/menu-down-arrow.svg') no-repeat center right;
	background-size:8px;
}

.home nav li a{
	color:#3c3c3b;
}

nav li a{
	color:#3c3c3b;
}

nav li a:hover,
nav li.current-menu-item a,
nav li.current_page_ancestor a{
	color:#38b5e6;
}

nav li ul{
	background:#FFF;
	position: absolute;
    display: none;
    width: inherit;
	right:260px;
	padding-bottom:40px;
}

nav li:hover ul {
	display: block;
}

nav li ul li{
	display:block;
	text-align:left;
	padding:19px 24px 17px 24px;
}

nav li ul li a{
	display:block;
	padding:20px 0;
}

nav li:last-child{
	padding-right:0;
	margin-right:0;
}



#services header{
	height:190px;
}

#services nav li ul{
	display:block;
	width:100%;
	right:0;
	border-top:1px solid #90c8e0;
	padding-top:0px;
	padding-bottom:25px;
	margin-top:16px;
}

#services nav li ul li{
	/*display:inline;*/
	text-transform:none;
	font-size:12px;
	font-weight:normal;
	padding:0px 4% 5px 4%;
}

#services nav li ul li:first-child{
	padding-left:0;
}

#services nav li ul li:last-child{
	padding-right:0;
}

#services nav li ul li a{
	color:#3c3c3b;
	display:inherit;
}

#services nav li ul li a:hover,
#services nav li ul li.current-menu-item a{
	color:#00aeef;
}

#services nav li.current_page_item,
#services nav li.current_page_ancestor{
	background:url('images/v-line.gif') center 27px no-repeat;
}
#services nav li ul li.outil_un, #services nav li ul li.outil_deux {
	display: none;
}

#services nav li ul li{
	display: inline-block;
}
/*#outil_exclusif header{
	height:190px;
}

#outil_exclusif nav li ul{
	display:table-cell;
	width:100%;
	right:0;
	border-top:1px solid #90c8e0;
	padding-top:0px;
	padding-bottom:25px;
	margin-top:16px;
	margin-right: -20px;
	padding-right: 20px;
}

#outil_exclusif nav li ul li{
	text-transform:none;
	font-size:12px;
	font-weight:normal;
	padding:0px 4% 5px 4%;
}

#outil_exclusif nav li ul li:first-child{
	padding-left:0;
}

#outil_exclusif nav li ul li:last-child{
	padding-right:0;
}

#outil_exclusif nav li ul li a{
	color:#3c3c3b;
	display:inherit;
}

#outil_exclusif nav li ul li a:hover,
#outil_exclusif nav li ul li.current-menu-item a{
	color:#00aeef;
}

#outil_exclusif nav li.current_page_item,
#outil_exclusif nav li.current_page_ancestor{
	background:url('images/v-line.gif') center 27px no-repeat;
}
#outil_exclusif nav li ul li.sub-menu-service {
	display: none;
}

#outil_exclusif nav li ul li{
	display: inline-block;
}*/




/***************************************************************************************************************************************************************************************/

/*FORM STYLES*/

/***************************************************************************************************************************************************************************************/

.pop-form{
	display:none;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	height:100%;
	background:rgba(0,0,0,0.8);
}

.pop-form iframe{
	width:630px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-272px;
	margin-left:-315px;
}




/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/


footer{
	background:#3c3c3b;
	padding:50px 0;
	font-size:11px;
}

footer h3{
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:0;
}

footer a h3{
	margin-bottom:15px;
}
footer .pos_relative{
	position: relative;
}
footer .logo_footer_div{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/


/* PREMIER ******************************* */

#premier{
	padding:108px 0 96px 0;
}

#premier h4{
	margin-top:90px;
}


/* SERVICES ******************************* */

.home #services .recherche-locale,
.home #services .e-reputation{
	text-align:center;
	padding:55px 0 60px 0;
}

.home #services .recherche-locale{
	background:#38b5e6;
}

.home #services .e-reputation{
	background:#878787;
}

.home #services img.icon{
	height:68px;
	margin-bottom:30px;
}

.home #services p{
	margin-bottom:46px;
}

.home #services a.bt{
	text-transform:uppercase;
	border:2px solid #FFF;
	padding:15px 35px;
	color:#FFF;
	letter-spacing:1px;
}

.home #services .recherche-locale a.bt:hover{
	background:#FFF;
	color:#009fe3;
}

.home #services .e-reputation a.bt:hover{
	background:#FFF;
	color:#007cb0;
}


/* STATISTIQUES ******************************* */

.home #statistiques .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

.home #statistiques .one-half:first-child{
	border-right:1px solid #009fe3;
}

.home #statistiques .graph-pourcentage{
	width:30%;
}

.home #statistiques{
	font-size:18px;
	font-weight:600;
}

.home #statistiques span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}


/* COMMENTAIRES CLIENTS ********************** */


#temoignages{
	background:url('images/testimonials-quotes.svg') no-repeat center #e1f4fb;
	background-size:255px;
	padding:57px 0;
	text-align:center;
	font-size:24px;
	line-height:32px;
	font-style:italic;
	font-family: 'Merriweather', serif;
}

#temoignages div{
	width:100%;
}

#temoignages span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}

.star{
	width:25px;
	margin:15px;
}


.slider {
  max-width: 100%;
  min-height:400px;
  height: auto;
  position: relative;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
}


/*.slide1 {
    animation:fade 8s infinite;
	-webkit-animation:fade 8s infinite;
} 

.slide2 {
	animation:fade2 8s infinite;
	-webkit-animation:fade2 8s infinite;
}

.slide3 {
    animation:fade3 8s infinite;
	-webkit-animation:fade3 8s infinite;
}*/

/*@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}*/


/* E-REPUTATION ***************************** */

#ereputation{
	background:#38b5e6;
	padding:55px 0;
}

/*.home #ereputation h2{
	padding-top:40px;
}*/

#ereputation h2{
	padding-top:40px;
	font-weight:300;
}

#ereputation p,
#ereputation a{
	margin-left:110px;
}

#ereputation a{
	text-decoration:underline;
}
/* SERVICES BOX ***************************** */
#services .pos_rel{
	position: relative;
}
#services div.bouton_box{
	position: absolute;
	bottom: 2%;
	width: 100%;
}

/* SERVICES CTA ***************************** */

#services-cta{
	background:url('images/bg-services-home.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:125px 0;
}

#services-cta h2{
	font-family: 'Montserrat', serif;
	font-size:32px;
	font-weight:600;
	line-height:36px;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:45px;
}

#services-cta a.bt{
	text-transform:uppercase;
	border:2px solid #FFF;
	padding:15px 75px;
	color:#FFF;
	width:100%;
	letter-spacing:2px;
}

/* CERTIFICATIONS ***************************** */


.home #certifications{
	text-align:center;
	padding:35px 0;
}

.competiteurs{
	background:#ededed;
	padding:5% 7%;
}

.annuaire{
	background:#38b5e6;
	padding:5% 7%;
}

/* OUTILS ************************************* */

.bt-trouver-competiteur,
.bt-doublons{
	display:none;
}

.bt-trouver-competiteur{
	border:2px solid #009fe3;
	padding:15px 30px;
	color:#009fe3;
	text-transform:uppercase;
	background:none;
}

.bt-trouver-competiteur:hover{
	background:#009fe3;
	color:#FFF;
}

.bt-doublons{
	border:2px solid #FFF;
	padding:15px 30px;
	color:#FFF;
	text-transform:uppercase;
	background:none;
}

.bt-doublons:hover{
	background:#FFF;
	color:#009fe3;
}

.trouver-competiteur{
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:999999;
	display:none;
}

.trouver-competiteur iframe{
	width:450px;
	margin:-325px 0 0 -225px;
	height:650px;
	position:absolute;
	top:50%;
	left:50%;
	background:#FFF;
}


.trouver-doublons{
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:999999;
	display:none;
}

.trouver-doublons iframe{
	width:450px;
	margin:-325px 0 0 -225px;
	height:650px;
	position:absolute;
	top:50%;
	left:50%;
	background:#FFF;
}


/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.left { 
	float: left; 
	margin-right: 15px; 
}

.right { 
	float: right; 
	margin-left: 15px; 
}

.clear{
	clear:both;
}

#intro{
	padding:95px 0;
}

.tag p{
	color:#575756;
	font-size:32px;
	line-height:36px;
	letter-spacing:4px;
	text-transform:uppercase;
	font-weight:600;
}


#main{
	padding:95px 0;
	text-align:center;
}

#a-propos #main,
.page-recherche-locale-seo #main,
.page-local-seo #main,
.page-creation-de-sites-web-cle-en-main #main,
.page-responsive-web-design #main,
.page-campagne-adwords #main,
.page-adwords-campaigns #main{
	background:#ededed;	
}

#main h2{
	color:#38b5e6;
	font-size:30px;
	font-weight:normal;
}

#main hr{
	border-top:1px solid #90c8e0;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:50%;
	margin:40px auto 50px auto;
}

.page .cta{
	background:url('images/cta.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:125px 0;
}

.page .cta p{
	color:#FFF;
	font-size:32px;
	line-height:36px;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	font-weight:600;
}

.page .cta a.bt{
	background-color:rgba(255,255,255,1);
	padding:15px 30px;
	color:#3c3c3b;
	text-align:center;
	text-transform:uppercase;
	width:380px;
	margin:30px auto 0 auto;
	display:block;
	font-size:21px;
	letter-spacing:2px;
	font-weight:600;
}

.page .cta a.bt:hover{
	background-color:rgba(255,255,255,0.8);
}

.page .intro{
	margin-top:58px;
}


.box-1, .box-2, .box-3,
.box-4, .box-5, .box-6{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:40px 0 80px 0;
	position:relative;
}

.box-2 img{
	width:10%;
}

.box-3 img,
.box-4 img, .box-5 img, .box-6 img{
	width:13%;
}

.box-5 img{
	margin-top:5px;
}

.box-1 a, .box-2 a, .box-3 a,
.box-4 a, .box-5 a, .box-6 a{
	width:200px;
	display:block;
	margin:0 auto;
	line-height:45px;
}

.box-1{
	background:#3c3c3b;
	
}

.box-1 h2{
	position:absolute;
	width:100%;
	top: 50%; 
	transform: translateY(-50%);
}

.box-2{
	background:#38b5e6;
}

.box-2 a,
.box-5 a{
	border:2px solid #FFF;
}

.box-2 a:hover,
.box-5 a:hover,
.box-6 a:hover{
	background:#FFF;
}

.box-3 a:hover{
	background:#3c3c3b;
	color:#ededed;
}

.box-4 a:hover{
	background:#0084b5;
	color:#dff2fd;
}

.box-2 a:hover{
	color:#0084b5;
}

.box-5 a:hover{
	color:#706f6f;
}

.box-6 a:hover{
	color:#009fe3;
}

.box-3 a, .box-6 a{
	border:2px solid #3c3c3b;
	color:#3c3c3b;
}

.box-4 a{
	border:2px solid #3c3c3b;
	color:#3c3c3b;
}

.box-3{
	background:#ededed;
}

.box-3{
	color:#3c3c3b;
}

.box-4{
	background:#e1f4fb;
	color:#3c3c3b;
}

.box-5{
	background:#706f6f;
}

.box-6{
	background:#7dcfef;
}

#services-access{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
	font-weight:600;
}

#services-access img{
	width:70px;
	margin-bottom:20px;
}

#services-access .one-fourth{
	padding:45px 0;
	position:relative;
}

#services-access .one-fourth a{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#services-access .one-fourth:hover{
	opacity:0.8;
	transition: opacity 0.3s, visibility 0.3s;
}

#services-access .one-fourth:nth-child(1),
#services-access .one-fourth:nth-child(3){
	background:#88d3f0;
}

#services-access .one-fourth:nth-child(2){
	background:#3c3c3b;
}

#services-access .one-fourth:nth-child(2) img{
	width:55px;
}

#services-access .one-fourth:nth-child(4){
	background:#38b5e6;
}

.page-creation-de-sites-web-cle-en-main #main,
.page-responsive-web-design #main{
	text-align:left;
}

.page-creation-de-sites-web-cle-en-main #main ul,
.page-responsive-web-design #main ul{
	width:50%;
	float:left;
	text-align:left;
	list-style:none;
	padding-left:0;
	line-height:21px;
}

.page-creation-de-sites-web-cle-en-main #main li:before,
.page-responsive-web-design #main li:before{
	content:"- ";
	color:#009fe3;
}

#contact #intro .one-half{
	width:70%;
	flex:inherit;
}

#contact #intro .one-half.last{
	width:30%;
	flex:inherit;
}

#contact #intro a{
	color:#3c3c3b;
}

#contact #main{
	background:#3c3c3b;
}

#contact #main h2{
	color:#c9e8fb;
}
/* STATISTIQUES SEO ******************************* */

#statistiques-seo .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

#statistiques-seo .one-half:first-child{
	border-right:1px solid #009fe3;
}

#statistiques-seo .graph-pourcentage{
	width:30%;
}

#statistiques-seo{
	font-size:18px;
	font-weight:600;
}

#statistiques-seo span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}
/* STATISTIQUES REPUTATION ******************************* */

#statistiques-reputation .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

#statistiques-reputation .one-half:first-child{
	border-right:1px solid #009fe3;
}

#statistiques-reputation .graph-pourcentage{
	width:30%;
}

#statistiques-reputation{
	font-size:18px;
	font-weight:600;
}

#statistiques-reputation span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}
/* STATISTIQUES RECHERCHE ORGANIQUE ******************************* */

#statistiques-recherche-organique .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

#statistiques-recherche-organique .one-half:first-child{
	border-right:1px solid #009fe3;
}

#statistiques-recherche-organique .graph-pourcentage{
	width:30%;
}

#statistiques-recherche-organique{
	font-size:18px;
	font-weight:600;
}

#statistiques-recherche-organique span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}

/* STATISTIQUES RECHERCHE SITE WEB ADAPTATIFS ******************************* */

#statistiques-creation-site-web-adaptatif .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

#statistiques-creation-site-web-adaptatif .one-half:first-child{
	border-right:1px solid #009fe3;
}

#statistiques-creation-site-web-adaptatif .graph-pourcentage{
	width:30%;
}

#statistiques-creation-site-web-adaptatif{
	font-size:18px;
	font-weight:600;
}

#statistiques-creation-site-web-adaptatif span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}
/* STATISTIQUES RECHERCHE SITE WEB ADAPTATIFS ******************************* */

#statistiques-adwords .one-half{
	text-align:center;
	padding:105px 0 90px 0;
	margin:50px 0;
}

#statistiques-adwords .one-half:first-child{
	border-right:1px solid #009fe3;
}

#statistiques-adwords .graph-pourcentage{
	width:30%;
}

#statistiques-adwords{
	font-size:18px;
	font-weight:600;
}

#statistiques-adwords span{
	font-size:18px;
	font-style:italic;
	color:#009fe3;
	font-family: 'Merriweather', serif;
	font-weight:normal;
}
/***************************************************************************************************************************************************************************************/

/*COLUMNS*/

/***************************************************************************************************************************************************************************************/

.container-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row; 
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.two-third {
   /* This will be twice as big as the small item. */
   -webkit-flex: 2 0 0; 
   flex: 2 0 0; 
   margin-right:50px;
}

.one-third {
   -webkit-flex: 1 0 0;
   flex: 1 0 0;
}

.one-half {
   -webkit-flex: 1 0 0;
   flex: 1 0 0;
}

.one-fourth {
   -webkit-flex: 1 0 0;
   flex: 1 0 0;
}

.last{
	margin-right:0;
}

nav.mobile{display:none;}

nav.mobile{
	background:#00aeef;
	height:75px;
	position:relative;
}

nav.mobile:after{
	content:
}

.mobile-sub{
	display:none;
	z-index:99999;
	background:#3c3c3b;
	width:100%;
	margin-top: -16px;
    padding: 30px 0 0 0;
}

.mobile-sub ul{
	padding:0;
}

.mobile-sub li{
	display:block;
	text-align:center;
	padding:20px 0;
}

.mobile-sub li:after{
	clear:both;
}

.mobile-sub .wpml-ls-item{
	line-height:105px;
}

.mobile-sub a{
	color:#FFF;
	text-transform:uppercase;
	font-weight:300;
}

.mobile-sub .sub-menu{
	display:block;
}

.mobile-sub .sAdwords,
.mobile-sub .sResponsive,
.mobile-sub .sOrganic,
.mobile-sub .sErep,
.mobile-sub .sLocal{
	font-size:12px;
	box-sizing: border-box;
}

.mobile-sub .sLocal,
.mobile-sub .sErep{
	float:left;
	width:50%;
}

.mobile-sub .sOrganic,
.mobile-sub .sResponsive,
.mobile-sub .sAdwords{
	float:left;
	width:33.333%;
}

.mobile-sub .sLocal{
	border-top:1px solid #83929b;
	border-right:1px solid #83929b;
	border-bottom:1px solid #83929b;
}
.mobile-sub .sErep{
	border-top:1px solid #83929b;
	border-bottom:1px solid #83929b;
}
.mobile-sub .sOrganic,
.mobile-sub .sResponsive{
	border-right:1px solid #83929b;
	border-bottom:1px solid #83929b;
}

.mobile-sub .sAdwords{
	border-bottom:1px solid #83929b;
}

.mobile-sub .sAdwords,
.mobile-sub .sResponsive,
.mobile-sub .sOrganic,
.mobile-sub .sErep,
.mobile-sub .sLocal{
	background-repeat:no-repeat;
	background-size:25px;
	background-position:center 10px;
	padding:50px 0 20px;
	height:120px;
}

.mobile-sub .sLocal{
	background-image:url('images/icon-recherche-local-seo.svg');
}

.mobile-sub .sErep{
	background-image:url('images/icon-e-reputation.svg');
}

.mobile-sub .sOrganic{
	background-image:url('images/recherche-organique-icon.svg');
}

.mobile-sub .sResponsive{
	background-image:url('images/site-web-icon.svg');
}

.mobile-sub .sAdwords{
	background-image:url('images/adwords-icon.svg');
}

/***Hamburger Menu Icon***/

.mobile-nav-toggle {
  display: block;
  top: 28px;
  right:20px;
  position: absolute;
  width: 24px;
}

.mobile-nav-toggle:before,
.mobile-nav-toggle:after,
.mobile-nav-toggle span {
  background: #FFF;
  content: "";
  display: block;
  height: 2px;
  transition: all .5s ease;
  width: 100%;
}
	
.mobile-nav-toggle span {
  display: block;
  margin: 6px 0;
  width: 17px;
}

.mobile-nav-toggle.active:before,
.mobile-nav-toggle.active:after {
		background: #012942;
	  height: 1px;
	  left: 0;
    position: absolute;
	  top: 5px;
	  width: 20px;
	}

.mobile-nav-toggle.active:before {
	border: none;
	transform: rotate(45deg) translate3d(0,0,0);
}
	
.mobile-nav-toggle.active:after {
  transform: rotate(-45deg) translate3d(0,0,0);
}

.mobile-nav-toggle.active span {
  display: none;
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1025*/

/***************************************************************************************************************************************************************************************/
@media screen and (width:1024px){
	.home header{
		background: url(images/en-tete-home.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:100%;
		position:relative;
	}
	#services-cta{
		background:url('images/bg-services-home.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding:125px 0;
	}
}
@media only screen and (max-width: 1080px) {

	.home #services .recherche-locale, 
	.home #services .e-reputation{
		padding-left:2%;
		padding-right:2%;
	}

	.home #services br, 
	.home #services br{
		display:none;
	}
	.home header h1{
		font-size: 3.5em;
	}
}

@media only screen and (max-width: 1020px) {

	#premier{
		padding:108px 0% 96px 0%;/* remttre 2 % au lieu de 0% */
	}

	h2 br, p br{
		display:none;
	}

	#ereputation h2,
	#ereputation p,
	#ereputation a{
		text-align:center;
		margin-left:0;
		display:block;
	}

	#services-cta a.bt{
		display: block;
		padding: 15px;
		margin-left: auto;
		margin-right: auto;
		width: 200px;
		text-align: center;
	}

	.box-1, .box-2, .box-3, 
	.box-4, .box-5, .box-6{
		font-size:14px;
		padding-left:2%;
		padding-right:2%;
	}

	.box-1 h2{
		width:inherit;
	}

	.box-1 h3, .box-2 h3, .box-3 h3, 
	.box-4 h3, .box-5 h3, .box-6 h3{
		font-size:17px;
	}
	#services div.bouton_box{
		width: 88%;
	}
	.box-1 a, .box-2 a, .box-3 a,
	.box-4 a, .box-5 a, .box-6 a{
		width:160px;
	}
}

@media only screen and (max-width: 980px) {

	#services nav li ul li{
		padding:5px 2%;
	}

}

@media only screen and (max-width: 940px) {

	.container-flex{
		display:block;
	}

	.down-arrow img{
		display:none;
	}

	#premier{
		text-align:center;
	}

	#premier .two-third{
		margin-right:0;
	}

	#premier h4 {
		margin-top: 50px;
	}

	.home #statistiques .one-half:first-child{
		border-right:0;
	}

	.home #certifications .container-flex,
	footer .container-flex{
		display: flex !important;
	}

}

@media only screen and (max-width: 935px) {

	.box-1{display:none;}

}

@media only screen and (max-width:860px){
	nav{
		margin:20px 0 0 0;
	}

	nav li{
		padding:5px 5px 17px 7px;
	}
	
	#services header{
		height:225px;
	}

	header{
		height:160px;
	}

	nav .outils{display:none;}

	.home header{
		height:550px;
		padding-bottom:30px;
		background-size:auto 850px;
		background-position:top center;
	}

	#services-cta{
		background-size:auto 450px;
		background-size: cover;
		background-position:top center;
		background-attachment:inherit;
	}

}

@media only screen and (max-width:825px){

	#services nav li ul li{
		padding:5px 1%;
	}

}

@media only screen and (max-width:780px) {

	footer .container-flex .one-fourth:first-child{
		display:none;
	}
	

}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col"] {
        width: 100%;
    }

	#temoignages{
	    font-size: 18px;
		line-height: 24px;
		font-style: italic;
		font-family: 'Merriweather', serif;
		padding-left: 0%;
		padding-right: 0%;
	}

	#temoignages p{
		width: 90%;
	    padding: 0 0 0 7%;
	}
	.home #statistiques .one-half, #statistiques-seo .one-half, #statistiques-reputation .one-half, #statistiques-recherche-organique .one-half, #statistiques-creation-site-web-adaptatif .one-half, #statistiques-adwords .one-half{
		padding:15px 10px 10px 10px;
		margin:50px 0;
	}
	.home header h1{
		font-size: 3.5em;
	}
}

@media only screen and (max-width:755px){

	#services nav li ul li{
		padding:5px 1%;
		white-space: nowrap;
	}

	nav ul:first-child{
		width:100%;
	}


	#services header{
		height:270px;
	}

	#services nav li ul li a{
		line-height:35px;
	}
	
}

@media only screen and (max-width: 690px){

	#services .container-flex{
		display:inherit;
	}

	.one-third{
		width:100% !important;
		display:block !important;
	}

	.box-1{
		padding:100px 0;
	}

	.box-1 h2{
		width:90%;
	}
	.box-1, .box-2, .box-3, .box-4, .box-5, .box-6{
		padding-left: 0px;
		padding-right: 0px;
	}
	.box-1 h2{
		width: 90%;
		padding: 5%;
	}
	#services div.bouton_box{
		width: 100%;
	}

}

@media only screen and (max-width: 520px){
	
	footer .container-flex{
		display:block !important;
	}

	footer .container-flex{
		font-size:14px;
		text-align:center;
	}

	footer .container-flex h3{
		margin-top:15px;
	}
	
	.home header{
		padding-bottom:30px;
		background-size:auto 850px;
		background-position:top center;
	}
	/* pour empecher de voir le titre en bas du menu mobile */
	.home div.container.max_height{
		max-height: 680px;
		overflow: hidden;
		}
	
	#services-cta{
		background-size:auto 450px;
		background-position:top center;
		background-attachment:inherit;
	}

	header{
		position:relative;
		z-index:99999;
	}

	.home header h1{
		font-size:3em;
		padding-left: 20px;
	}
	
	header .logo img {
		width: 180px;
		margin: 0 auto;
		display: block;
		padding-top:10px;
	}

	header .container{padding:0;}

	header .tel{
		position:absolute;
		z-index: 9999999;
		top: 60px;
	    left: 20px;
		font-size:24px;
	}

	header a .tel, .home header a .tel{
		color:#FFF;
	}
	header .tel, .home header .tel{
		color: #FFFFFF;
	}
	.home #statistiques .one-half{
		padding:0;
	}

	#temoignages{
		padding:24px 0;
	}

	nav{display:none;}
	nav.mobile{display:block;}

	#services header {
		height: 172px;
	}

	.box-1 p, .box-2 p, .box-3 p,
	.box-4 p, .box-5 p, .box-6 p{
		display:none;
	}

	#intro{
		padding:50px 0;
	}

	.frm_style_formidable-style.with_frm_style .form-field{
		margin-bottom:27px !important;
	}
	.box-1, .box-2, .box-3, .box-4, .box-5, .box-6{
		padding-left: 0px;
		padding-right: 0px;
	}
	.box-1 h2{
		width: 90%;
		padding: 5%;
	}
	.page .cta a.bt{
		width: 200px;
		font-size: 14px;
	}
	
}

@media (min-width:521px){

	.mobile-sub{display:none !important;}

}

@media (max-width:377px){

	.mobile-sub .sAdwords,
	.mobile-sub .sResponsive,
	.mobile-sub .sOrganic,
	.mobile-sub .sErep,
	.mobile-sub .sLocal{
		font-size:11px;
	}

}