/*
Theme Name: Entreprise
Theme URI: 
Description: Creation par l'agence Aktor Interactive - Créateur du theme Benjamin Morouço Webdesigner / Developer web Front-end.
Author: Aktor interactive
Author URI: http://www.aktor.fr/ (Benjamin Morouço)
Version: 1.0
Text Domain: entreprise
Tags: responsive, bootstrap, seo, html5, css3, jquery, fontawesome, svg, sprite, git

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700');

#header-bl{
	background:#3C3C3A;
	font-size: 0.8em;
	height:35px;
	color:#FFF;
}

#header-bl a{
	color:#FFF;
}

#header-bl a:hover{
	color:#FFF;
}

#header-bl #websites-list{
	list-style: none;
	margin: 0;
	padding:0;
}

#header-bl #websites-list li{
	float: left;
	/*width: 160px;*/
	border-right: 1px solid #FFF;
	text-align: center;
	padding:7px 20px;
}

#header-bl #header-contact{
	padding:7px;
}

#header-bl a:hover{
	text-decoration:none;
}

 /* Dropdown Button */
#header-bl .dropbtn {
	background:#3C3C3A;
    color: white;
    padding: 3px;
    border: none;
    cursor: pointer;
	padding:6px;
	width: 80px;
}

/* The container <div> - needed to position the dropdown content */
#header-bl .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
#header-bl .dropdown-content {
    display: none;
    position: absolute;
    background:#3C3C3A;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
#header-bl .dropdown-content a {
    color: black;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
	color:#FFF;
}

/* Change color of dropdown links on hover */
#header-bl .dropdown-content a:hover {background-color: #f1f1f1;color:#000;}

/* Show the dropdown menu on hover */
#header-bl .dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
#header-bl .dropdown:hover .dropbtn {
    /*background-color: #3e8e41;*/
} 

.navbar-brand{
	max-width:150px !important;
	padding: 9px 15px;
	height:78px;
}

.navbar{
	background:#FFF !important;
}

#mainmenu{
	float:left;
	margin:20px 0 15px 0 !important;
}

.wrappercolor {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background:#fff;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    opacity:0.7;
}
.hourglass{
    display:block;
    background:#fff;
    margin:15%/*3em*/ auto;
    width:2em;
    height:4em;
    box-shadow:
        inset #fff 0 0 0 0,
        inset #00A0D3 0 2em 0 0,
        inset #fff 0 0 4em 0;
    animation:hourglass 1s linear infinite;
}

.outer{
    fill:#00A0D3;
}

.middle{
    fill:#fff;
}

@keyframes hourglass{
    0%{
        transform:rotate(0deg);
        box-shadow:
            inset #fff 0 0 0 0,
            inset #00A0D3 0 2em 0 0,
            inset #fff 0 4em 0 0,
            inset #00A0D3 0 4em 0 0;
    }
    80%{
        transform:rotate(0deg);
        box-shadow:
            inset #fff 0 2em 0 0,
            inset #00A0D3 0 2em 0 0,
            inset #fff 0 2em 0 0,
            inset #00A0D3 0 4em 0 0;
    }
    100%{
        transform:rotate(180deg);
        box-shadow:
            inset #fff 0 2em 0 0,
            inset #00A0D3 0 2em 0 0,
            inset #fff 0 2em 0 0,
            inset #00A0D3 0 4em 0 0;
    }
}

/* = WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* GLOBAL */
@font-face {
    font-family: 'valentine';
    src:url('fonts/Valentine-Regular_web.ttf') format('ttf'),
    	url('fonts/Valentine-Regular_web.woff2') format('woff2'),
        url('fonts/Valentine-Regular_web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body { 
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
    color:#3c3c32;
    overflow-x:hidden;
    background:#fff;
}

h1, .h1, h2, .h2, h3, .h3 {
    font-weight: 400;
    font-style: normal;
}

p {margin: 0 0 15px;}
/*strong, .bold{font-family:"";}
.black{font-family:"";}
.medium{font-family:"";}
.condensed{font-family:"";}*/

/*a img{
    opacity: 1;
    filter: alpha(opacity=100);}
a:hover img{
    opacity: 0.9;
    filter: alpha(opacity=90);
}*/
#main ul {list-style:none;padding-left:0;}
#main ul li{background:url(img/puce_li.png) no-repeat left 8px transparent;padding-left:30px;}
#main ul.sow-slider-images li{padding:0;}
.valentine, .valentine_title h3{font-family: 'Poppins', sans-serif;text-transform:none;}
.valentine_title h3{font-size:34px;text-align:center;}
.valentine_title{background:#fff;padding:15px;margin-bottom:30px;}
/*.valentine_title .textwidget{background:#fff;padding:15px;margin-bottom:30px;}*/
h2.valentine{font-size:46px;}
.zigouigouis{position:absolute;}
.bg_picto_zigouigoui{background:#26292E;padding:30px;}
.bloc a:hover{text-decoration:none;}
.shine a {
    position: relative;
    overflow:hidden;
    display:block;
    text-decoration:none;
}
.shine a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine a:hover::before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 8.5px;
    margin-top: 0/*17px*/;
}
H1, .h1 {
    font-size: 75px;
    /*color: #00a0e1;*/
    padding:32px 0;
    /*background:url(img/stars_bandeau_h1.jpg) no-repeat 33% 0 #fff;*/
    font-weight: 400;
    color:#c3a083;
    font-family:"Poppins", sans-serif;
    text-align:center;
    margin:15px 0 0;
}
H2, .h2 {
    color: #00A0D3;
    font-size: 31px;
    font-weight: 500;
    margin-bottom:15px;
}
.home h2, .home .h2{
    font-weight: 300;
    font-family:"Poppins", sans-serif;
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    writing-mode: lr-tb;
}
H2 span, .h2 span{font-weight:400;}
.home H2 span, .home .h2 span{font-weight:700;}
H3, .h3 { 
	color: #434343;
    font-size:22px;
    text-transform:uppercase;
    margin
}

#scroll-top{
	position:fixed;bottom:5px;right:5px;z-index:999;
	font-size:22px;font-weight:bold;text-align:center;
	height:28px;width:30px;line-height:24px;
	/*background:#fff;*/
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius: 100%;
	-khtml-border-radius:100%;
    behavior: url(css/pie/PIE.htc);
    /*border:2px solid #3C3C3C;*/
    cursor:pointer;
    color:#3C3C3C;
}
#scroll-top:hover{background:#3C3C3C;color:#fff;border-color:#f1f1f1; }
.mauto{margin:0 auto;}
.colorgrey{color:#111;}
.bloc_mgtopbot{padding-top:30px;padding-bottom:30px;}
.bloc_mgtop{padding-top:30px;}
.bloc_mgbot{padding-bottom:30px;}
.bloc_mgtopbotmedium{padding-top:15px;padding-bottom:15px;}
.bloc_mgtopmedium{padding-top:15px;}
.bloc_mgbotsmmedium{padding-bottom:15px;}
.bloc_mgtopbotsmall{padding-top:10px;padding-bottom:10px;}
.bloc_mgtopsmall{padding-top:10px;}
.bloc_mgbotsmall{padding-bottom:10px;}
.bloc_mgleftrightxs{padding-left:10px;padding-right:10px;}
.nopadleftright, #main .nopadleftrightgrid .panel-grid-cell{padding-left:0;padding-right:0;}
.scotch{margin-bottom:30px}
.scotch img{
    -webkit-transform: rotate(358deg);
    -moz-transform: rotate(358deg);
    -o-transform: rotate(358deg);
    writing-mode: lr-tb;
    box-shadow: 3px 3px 5px #aaa;
    webkit-box-shadow:3px 3px 5px #aaa;
    -moz-box-shadow:3px 3px 5px #aaa;
}
.polaroide{background:#fff;border: 25px solid #fff;margin-bottom:30px;
        box-shadow: 3px 3px 5px #aaa;webkit-box-shadow:3px 3px 5px #aaa;-moz-box-shadow:3px 3px 5px #aaa;}
.polaroide.pola_photo img{border:1px solid #aaa;}
.polaroide.pola_rotate{
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    writing-mode: lr-tb;
}
.polaroide.pola_rotate h2, .polaroide.pola_rotate img{margin:0;}
.video{background:#fff;border: 25px solid #000;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius: 50px;
    -khtml-border-radius:50px;}
	
.video .title{
	font-size:12px !important;
}

.video .reg{
	font-size:10px !important;
}
	
.video p{margin:0 !important;}
.bloc_collapse h3{text-transform:none;cursor:pointer;}
.bloc_collapse .glyphicon{cursor:pointer;}
.bloc_collpase .panel-last-child{display:none;}
/*.bloc_collapse .textwidget{display:none;}*/
.page-id-18 .bloc_histoire h2{font-size:26px;}
.accordion {text-align:left;}
/*.accordion .accordion-title, .accordion .accordion-content{border-bottom:1px solid #cecbcb;}*/
.accordion .accordion-content{padding-bottom: 10px;}
.accordion .accordion-title{padding-left:50px;background:url(img/circle_withpoint.png) no-repeat left top transparent;}
#main .accordion .accordion-content ul li{background:url(img/puce_li_orange.png) no-repeat left 8px transparent;}
.accordion .accordion-title:nth-child(2n+1){background-image:url(img/star.png);}
#main .accordion .accordion .accordion-content:nth-child(2n+1) ul li{background-image:url(img/puce_li.png);}
.accordion .accordion-title:focus, .accordion .accordion-title.open{border:none;outline:none;}
.accordion-title{position:relative;cursor:pointer;padding-bottom:25px;}
.accordion-title:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 0.5em;
}
.accordion-title.open:after {
    content: "\f077";
}
.bg_blanc, .bloc_histoire{position:relative;background:#fff;padding:15px;}
.bloc_histoire{padding-top:50px;margin-top:169px;position:relative;}
.bloc_histoire .circle{position:absolute;left:35%;left:calc(50% - 50px);top:-50px;/*border:2px solid #c4a181;*/background:#fff;padding:5px 0;}
.bloc_histoire .circle img{width:75%;height:75%;}
.parent-pageid-20 h3.widget-title, .parent-pageid-22 h3.widget-title{font-size:19px;font-weight:bold;}
img.img-circle, .circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius: 50%;
    -khtml-border-radius:50%;
}
img.img-circle{
    border:10px solid #eee;
}
img.desaturate{
    filter: gray;/* IE6-9 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
}
img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
img.desaturate:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.bloc_content_hp{position:relative;}
.border{border:1px solid #0078d7;padding:8px 8%;min-width:50%;}
.border_rounded{
    display:inline-block;
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;}

.center-pills { display: inline-block; }
a, .btn-link {
    border-radius: 0;
    color: grey;
    font-weight: 400;
    text-decoration:none;
}
.btn, .btn-default, .btn-primary{font-size:24px;}
.btn-primary, .btn-default{background:#00A0D3;border-color:#00A0D3;}
.btn-primary:hover, .btn-default:hover{background:#24A48F;border-color:#24A48F;}
.home #main a{color: #627876;}
/*#main a{color: #e84125;}*/
a:focus, a:hover{color:#000;}

/* specific */
.site-header{}
.site-description{
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:15px;
	font-weight:bold;
	padding:1px 12px;
	margin:0 0 15px;
}
/*-- menu */

.navbar{background:#27292d;border-radius:0;border:0;margin-bottom:0}
.navbar-nav{float:none;}
#mainmenu ul{padding:0; }
#mainmenu li a{color: #fff;}
#mainmenu li a:hover{/*text-decoration:none;*/}
/* FIRST LEVEL */

#mainmenu > ul > li { 
  display: inline-block;
  float:left;
  position: relative;
  z-index: 100;
}
.navbar-nav > li > a{
    color: #fff;
    font-size:18px;
    font-weight:bold;
    position:relative;
    text-transform: uppercase;
    text-align:center;
    padding:15px 10px;
}

.mega-sub-menu{
	min-width:170px;
}

/* SECOND LEVEL */
#mainmenu > ul#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
  position: absolute;
  left: 0;
  top: 100%;/*50px*/
  padding: 0 1000em; 
  margin: 0 -1000em; 
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  background: #404042;
  border-bottom:15px solid #565657;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*#mainmenu ul ul.sub-menu{
    display: none;
    list-style:none;
    padding:0 0 15px 20px;
    left: 0;
    right:0;
    width:100%;
    position: absolute;
    top: 50px;
    z-index: 1111;
}
#mainmenu > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}*/

#mainmenu > ul > li > ul > li {
  padding:5px 0;  
}
#mainmenu > ul > li > ul > li > a {
    padding-bottom:5px;
    text-transform:uppercase;
}
#mainmenu > ul > li.subsubmenu > ul > li > a {
    border-bottom:1px solid #fff;
}
#mainmenu > ul > li > ul > li > ul{
    padding: 15px 0;
}
.navbar-nav > li, .navbar-nav li, #mainmenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    /*width:16.6%;*/
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-postuler > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-postuler > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-postuler.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-postuler.mega-current-page-ancestor > a.mega-menu-link{color:#e6007e;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{line-height:1.35em !important;}
#mega-menu-wrap-primary #mega-menu-primary{text-align:left !important;}
body.page-id-12 .btn-primary:hover, body.page-id-12 .btn-default:hover{background:#e6007e;border-color:#e6007e;}

/*.navbar-nav > li.menu-item-57, .navbar-nav li.mega-menu-item-57,
#mainmenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-57{width:26%}*/
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.menu-item > a:hover,
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus,
.navbar .nav .current_page_item a,
.navbar .nav .current_page_item a:hover,
.navbar .nav .current_page_item a:focus,
.navbar .nav .current_page_parent a,
.navbar .nav .current_page_parent a:hover,
.navbar .nav .current_page_parent a:focus {
	background:transparent;
	color:#e34c31;
}
.navbar-collapse{
	padding:0;
}
/*-- slider*/
#sliderhome{width:100%;margin:0 0 30px;background:#fbf9f7;}
#sliderhome .carousel-inner .item {
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat:no-repeat;
}
.imghome1 {
    background: url(../../uploads/2017/02/bandeau_nadia-directrice_de_magasin.jpg) no-repeat center top /*fixed*/;
}
.imghome2 {
    background: url(../../uploads/2017/02/bandeau_mathilde-alternante.jpg) no-repeat center top /*fixed*/;
}
.imghome3 {
    background: url(../../uploads/2017/02/bandeau_estelle-styliste.jpg) no-repeat center top /*fixed*/;
}
.imghome4 {
    background: url(../../uploads/2017/02/bandeau_emilien-vendeur.jpg) no-repeat center top /*fixed*/;
}
/*.imghome5 {
    background: url(../../uploads/2017/02/slide_5.jpg) no-repeat center center fixed;
}*/
#sliderhome .carousel-caption{left:10%;top:5%;right:10%;bottom:auto;color:#bd9879;font-size:30px;font-weight: 300;width:382px;height:346px;text-shadow:none;}
#sliderhome .carousel-caption-right{padding: 50px 95px 0 52px;background:url('img/bulle_droite.png');}
#sliderhome .carousel-caption-left{padding: 70px 20px 0 75px;background:url('img/bulle_gauche.png');}
.carousel-nadia-fr, .carousel-estelle-fr, .carousel-emilien-fr, .carousel-nadia-en, .carousel-estelle-en, 
.carousel-estelle-de, .carousel-emilien-de, .carousel-nadia-nl, .carousel-estelle-nl, .carousel-emilien-nl,
.carousel-nadia-it, .carousel-estelle-it, .carousel-emilien-it,
.carousel-nadia-es, .carousel-estelle-es {padding-top: 34px;}
.carousel-mathilde-nl, .carousel-mathilde-it, .carousel-emilien-es{padding-top:15px;}

#sliderhome .carousel-text{font-family:"Poppins", sans-serif;}
#sliderhome .carousel-text-name{font-family: 'Open Sans', sans-serif !important;font-size: 18px;margin-top:15px;}
/*#sliderhome .imghome1 .carousel-caption img{
    width:55%;
}*/

#sliderhome .imghome2 .carousel-caption p, #sliderhome .imghome4 .carousel-caption p{
    display:inline-block;
    background:#e34c31;
    color:#fff;
    display: inline-block;
    opacity: 0.85;
    padding: 15px;
    position: absolute;
    right: 0;}
#sliderhome .imghome2 .carousel-caption p{left:0;right:auto;background:#434343;}
#sliderhome .imghome3 .carousel-caption p{color:#fff;text-shadow:0 0px 8px rgba(0, 0, 0, 0.9)}
#sliderhome .imghome4 .carousel-caption p{left:0;right:auto;background:#fff;color:#434343;}

#sliderhome .imghome1 .carousel-caption{left:auto;right:25%;}
#sliderhome .imghome2 .carousel-caption{left:auto;right:45%;}
#sliderhome .imghome3 .carousel-caption{left:38%;top:5%;}
#sliderhome .imghome4 .carousel-caption{left:auto;right:30%;}

#sliderhome .carousel-caption q{font-size:75px;}

.carousel-control{z-index:2;width:5%/*8%*/;top:50%;bottom:50%;color:#888;text-shadow:none;font-size:25px}
.carousel-control.left, .carousel-control.right{background:none;}
.carousel-control:focus, .carousel-control:hover{color:#000;}
.carousel-control span{display:block;padding:30px;background:#fff; }
/*.carousel-indicators{bottom:0;}*/
#video-container {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
    background-image:url(../../uploads/2017/02/poster_video.jpg);
    background:#141318;
}
.home #sliderhome{border-bottom:20px solid #00A0D3;}
.over-bg{
    height:100%;
    /*background:rgba(1, 3, 7, 0.6) none repeat scroll 0 0;*/
}
#video-container video{
    /*width:auto;*/

    /*min-width: 100%;
    min-height: 100%;*/
    position:relative;
    /*z-index:-1;*/
    width: 100%;
    height: auto;
    max-height: 100%;
}
#seeallmovie.btn{width:100%;text-align:center;background:#00A0D3;border-color:#00A0D3;border-radius:0;color:#fff;text-transform:uppercase;font-size:28px;padding:15px;}
#metiers, #metiers h2{
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}
#actus img{
    left: -5px;
    position: relative;
    top: 15px;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
}
#metiers h2{padding-left:40px;}
#line2{background:#f1f1f1;}
#line2 .content_actus, #line2 .content_actus a{background:#B79A81;color:#fff; }
#coulisses img{right:15%;top:-5%;}
#line2 .content_actus{position:relative;padding:30px;/*margin-top:80px;*/font-size:19px}
#line2 h2{color:#282727;}
#line2 #coulisses h2{margin-bottom:55px;}
#line2 h3{color:#fff;font-size:24px;margin:0 0 35px;}
#line2 .date_actus{display:block;}
#line2 .content_actus a.btn{background:#282727;text-transform:uppercase;border-color:#282727;border-radius:0;position:absolute;bottom:-5%;left:30%;font-size:24px}
#world h2{color:#e34c31;margin-bottom:25px;}

.container_card {
  position: relative;
  /*
  margin: 10px auto;
  width: 250px;*/
  width:45%;
  height: 250px/*300*/;
  z-index: 1;
  background:#fff;
}
.container_card {
  perspective:1000;
  overflow:hidden;
}
.card {
  /*width: 100%;
  height: 100%;*/
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
.container_card:hover .card {
  transform: rotateY(180deg);
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  /*padding: 10px;*/
  color: white;
  text-align: center;
  background-color: #fff;
}
#chiffres_cles{position:relative;margin:30px 0;}
#chiffres_cles a{/*padding-bottom: 8%;*/}
#chiffres_cles h2{position:relative;top:15px;margin:0;/*position:absolute;bottom:-2%;left:7%;right:7%;background:rgba(255,255,255,0.7);box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);*/font-size:58px;color:#434343;padding:10px 15px 20px;font-weight:400;}
#chiffres_cles h2 span{font-weight:700;}

/*-- main */
#main, .site-main{
	background:#fff;
}
#content{background:#e9e9e9;}
#content_text{position:relative;}
.content_h1{background:#fff;}
.parent-pageid-12 .content_h1{margin-bottom:15px;}
#interet_par{position:relative;}
/*#interet_par h2{color:inherit;}*/
.bloc_picto{background:#fff;text-align:center;box-shadow:2px 1px 5px rgba(0, 0, 0, 0.2);}
.bloc_corail h3, .home .bloc_corail h2, .bloc_corail.bloc_histoire h2{color:#e84125;}
.bloc_kaki h3, .home .bloc_kaki h2, .bloc_kaki.bloc_histoire h2{color:#9e8b6c;}
.bloc_rose h3, .home .bloc_rose h2, .bloc_rose.bloc_histoire h2{color:#d30f79;}
.bloc_bleu h3, .home .bloc_bleu h2, .bloc_bleu.bloc_histoire h2{color:#00A0D3;}
.bloc_picto{margin:30px 0;}
.bloc_picto h3, .bloc_picto .panel-grid-cell .widget-title h3{font-family:"Poppins", sans-serif;text-align:center;margin-top:15px!important;}
.bloc_picto .so-panel{background:#fff;}
.bloc_picto .widget_sow-image{background:#26292E;}
.bloc_picto .widget_sow-image img{text-align:center;margin:0 auto;}
.bloc_picto p {margin:0 0 13px;}
.interet{/*border:1px solid #434343;*/text-transform:uppercase;}
#interet a{color:#434343}
#interet a:hover{color:grey}
#zigouigoui_interet{z-index:1;position:absolute;left:50%;top:50%;}
 #idea{position:absolute;right: -39px;top: -42px;}
/*-- footer */
.site-footer .social_networks{
    color:#24A48F;
    background:#3c3C3c;
    text-transform:uppercase;
    padding-left:15px;
    padding-right:15px;
}
.home .site-footer .social_networks{border-top:14px solid #f1f1f1;}
.social_networks a{text-decoration:none;}
.site-footer ul li{font-size:14px;}
.site-footer .social_networks a{color:#24A48F;}
.site-footer .mainmenu-foot > li{float: left;width:20%;}
.site-footer .mainmenu-foot > li > a{font-weight:bold;}
.site-footer .mainmenu-foot ul {list-style:none;}
.site-footer .mainmenu-foot li ul{padding-left:15px; }
.site-footer .mainmenu-foot li ul li::before{content: ">";}
.site-footer .mainmenu-foot li ul li a{padding-left:15px;}
.site-footer .nav-pills > li > a{
	border-radius:0;
}
.site-footer .nav-pills{
	border-top:1px solid gray;
	margin-top:15px;
}

.navbar-toggle .icon-bar{background:#fff;}
#offres_mobile, #actus_mobile, #metiers_mobile{margin:15px 0;}
#actus_mobile{background:#f1f1f1;}
#btn_speculative{
    position:fixed;
    right:1%;
    top:25%;
    display: inline-block;
    color:#fff;
    font-size:22px;
    /*border:1px solid #3C3C3B;*/
    background:#00A0D3;
    border-radius: 50%;
    height: 125px;
    width: 125px;
    text-align:center;
    padding: 35px 0 25px;
    z-index:999;}
ul.changelang{
text-align: center;
margin: 10px 0 0;
padding: 0;
}
ul.changelang li{display:inline;margin:;}
ul.changelang li::before{content:' - ';}
ul.changelang li:first-child::before{content:'';}
/*Mobile  & tablette version */
@media screen and (max-width: 768px) {
    body.home h2{
        text-align:center;
        padding:25px 25px 0;
    }
    body.home p{text-align:center;padding:0 25px;}
    body.home #metiers_mobile h2{color:#9e8b6c;}
    body.home #actus_mobile p{;padding:25px 25px 5px; }
    body.home #actus_mobile .date_actus{display:block;}
    body.home #actus_mobile img{margin-bottom:30px;}
    body.home #coulisses img{right:0%;top:0%;width: 30%;}
    #mainmenu.navbar-collapse{padding:0 15px;}
    .site-footer .mainmenu-foot > li{height: 135px;width: 33%;}
    .site-footer .mainmenu-foot > li .sub-menu li{clear:none;}
    #interet_par img.zigouigoui, #zigouigoui_interet, .menu_metier_description, #btn_speculative{display:none;}
	.navbar-nav > li{width:100%;}
	.navbar-header{background:#3C3C3A;}
	.navbar-brand{padding: 0px 15px;}
	#mainmenu{float:none;}
	#mega-menu-wrap-primary #mega-menu-primary{padding-left:0 !important;}
	.bloc_mgtopmedium{padding-top:0;}
	.navbar-nav > li, .navbar-nav li, #mainmenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{max-width:inherit !important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{padding:5px 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
		margin-left:15px;
	}
	.navbar-nav > li{width:100%;}
	.navbar-header{background:#3C3C3A;}
	.navbar-brand{padding: 0px 15px;}
	#mainmenu{float:none;}
	#mega-menu-wrap-primary #mega-menu-primary{padding-left:0 !important;}
	.bloc_mgtopmedium{padding:0;}
	#header-bl{border-bottom:1px solid #545454;}
	#header-bl #websites-list li{border-right:1px solid #565656;}
	.navbar-nav > li, .navbar-nav li, #mainmenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{max-width:inherit !important;padding:5px 0 !important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{padding:0;}
}

@media screen and (max-width: 1440px) {
	.navbar-nav > li, .navbar-nav li, #mainmenu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
			max-width:135px;
	}
}