/*
Theme Name: Thème officiel Groupe Clim
Theme URI: http://www.groupe-clim.com
Author: rezo 21
Author URI: http://www.rezo21.net
Version: 1.0.0
Description: Développement par l'agence web rezo 21
*/


/*******************************************/
/********** DEBUT DES GENERALITES **********/
/*******************************************/


a, a:hover, a:focus{
    color: #006b7e;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

ol,ul{
	list-style: none;
    margin-bottom: 0px;
}

h1{
	background: #278891;
    color: #fff;
    font-size: 2.8em;
    text-transform: uppercase;
	font-weight: 300;
	padding: 20px 50px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

h2{
    font-size: 1.6em;
    color: #006b7e;
    margin-top: 0px;
}

.center{
    text-align: center;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.clear-left{
    clear: left;
}

.clear-right{
    clear: right;
}

.clear-both{
    clear: both;
}

.no-padding{
    padding: 0;
}

.no-padding-left{
    padding-left: 0;
}

.no-padding-right{
    padding-right: 0;
}

.col-lg-0{
    display: none;
}


.lien-fond-blanc{
	display:inline-block;
	padding:5px 10px;
	background:#ffffff;
    transition: all 0.2s ease 0s;
	border-radius: 2px;
}

.lien-fond-blanc:hover{
	background:#006b7e;
	color:#ffffff;
	text-decoration:none;
}

.padding-top{
	padding-top:15px;
}

.fond-bleu-fonce{
	background-color:#206d81;
}

.bloc-emploi-gauche{
	background:url('./images/fond-emploi.jpg') top right no-repeat;
	background-color:#206d81;
	color:#ffffff;
	padding:25px;
	margin-bottom:20px;
}

.bloc-emploi-gauche .libelle{
	font-weight:700;
	text-transform:uppercase;	
}

.majuscules{
	text-transform:uppercase;
}

.plus-gras{
	font-weight:700;
}

.texte-noir{
	color:#000000;
}

.texte-bleu{
	color:#006b7e;
}

.lien-actu-marque{
	display:block;
	margin-bottom:5px;
}

/* COOKIE NOTICES */


#cookie-notice .cookie-notice-container {
	position: fixed;
    height: 50% !important;
    z-index: 2147483647 !important;
    bottom: 0;
    background: rgba(0,0,0,0.8) !important;
}

#cookie-notice .cookie-notice-sous-container {	
    display: block;
    width: 70%;
    margin: auto;
    background: #fbb03b;
    bottom: 30%;
    position: absolute;
    left: 0;
    right: 0;
	border: 5px solid #ffffff;
	border-radius: 3px;
	text-align:left;
	padding:20px;
}

#cookie-notice .cookie-notice-container .cn-text-container{
	display: block;
	margin: auto;
	padding: 15px 10px 10px 10px;
	max-width: 980px;
}

#cookie-notice .cookie-notice-container h2{
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#cookie-notice .cn-button.button{
    margin: 0 0 0 10px;
	border-radius:100px;
	color: #000000;
	font-size: 1.5em;
	text-transform: uppercase;
}

#cookie-notice #cn-accept-cookie {	
	color: #ffffff;
	background: none;
	border: 4px solid #ffffff;
	display:block;
	margin:0 auto 15px auto;
	max-width:300px;
}

#cookie-notice #cn-accept-cookie:hover{	
    background: #04abca;
	color: #ffffff;
	border: 4px solid #04abca;
}

#cookie-notice #cn-refuse-cookie, #cookie-notice #cn-more-info{
    background: none;
    color: #BBBBBB;
    font-size: 0.85em;
	border: none;
	text-transform: none;
}

#cookie-notice #cn-refuse-cookie:hover, #cookie-notice #cn-more-info:hover{
	text-decoration: underline;
}

.cn-close-icon::after, .cn-close-icon::before {
    top: -196px;
}


/*****************************************/
/********** FIN DES GENERALITES **********/
/*****************************************/

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

/*******************************************/
/********** DEBUT DES ALIGNEMENTS **********/
/*******************************************/

.alignleft{
	display: inline;
	float: left;
}

.alignright{
	display: inline;
	float: right;
}

.aligncenter{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft{
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright{
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter{
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter{
	margin-bottom: 1.2em;
}

/*****************************************/
/********** FIN DES ALIGNEMENTS **********/
/*****************************************/

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

/*************************************/
/********** DEBUT DU HEADER **********/
/*************************************/

#reseaux-sociaux{
	position: fixed;
	top: 20%;
	right: 0%;
	z-index: 1000;
}

#reseaux-sociaux a{
	background: #fff;
	padding: 7px;
	display: block;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;	
    transition: all 0.2s ease 0s;
	cursor: pointer;
}

#reseaux-sociaux a:hover{
	background: #278891;
}

#reseaux-sociaux a#facebook{
	border-top: 1px solid #ddd;
}

#search-top {
	position: absolute;
    right: 00px;
    opacity: 0;
    transition: 1s;
    width: 500%;
    top: 95px;
	z-index: -1;
}

#search-top input{
	height: 40px;
}

#search-top .btn {
	height: 40px;
}

#search-top label{
	display: none;
}

header{
    padding: 15px 30px;
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: #fff;
}

header #lien-carrieres{
	padding: 10px 20px;
	background: #278891;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;	
    transition: all 0.2s ease 0s;
}

header #lien-carrieres:hover{
	background: #006b7e;
	text-decoration: none;
}

#diaporama{
	padding-top: 80px;
    z-index: 10;
	position: relative;
}

#diaporama .item{
	margin: 0px;
}

#diaporama .item img{
	width: 100%;
	height: auto;
}

#diaporama .main-texte{
	position: absolute;
    width: 100%;
	color: #000;
	top: 0%;
	padding: 5% 10%;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 300;
}

#diaporama .main-texte h2{
	font-weight: 600;
	margin: 0px;
}

#diaporama.owl-theme .owl-controls{
	margin-top: 0px;
}

#diaporama.owl-theme .owl-controls .owl-nav div{
	width: 88px;
	height: 88px;
	top: 50%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
}

#diaporama.owl-theme .owl-controls .owl-nav div:hover{
	opacity: 1.0;
}

#diaporama.owl-theme .owl-controls .owl-nav div.owl-prev{	
	background: url('./images/fleche-gauche-diaporama.png');
	left: 20px;
}

#diaporama.owl-theme .owl-controls .owl-nav div.owl-next{	
	background: url('./images/fleche-droite-diaporama.png');
	right: 20px;
}

.retour-haut{
	bottom: 30px;
    position: fixed;
    right: 30px;
    z-index: 1000;
	width: 50px;
	height: 50px;
	background: #000;
	border-radius: 50px;	
}

.retour-haut:hover{
	background: #278891;
}

.retour-haut span{
	color: #fff;
	font-size: 2.0em;
	padding-left: 23%;
    padding-top: 22%;
}

/***********************************/
/********** FIN DU HEADER **********/
/***********************************/

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

/***********************************/
/********** DEBUT DU MENU **********/
/***********************************/

.navbar-default{
    border: none;
    background: none;
    min-height: 0px;
	margin: 0px;
}

nav .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

nav .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}

nav .navbar-brand{
    display: none;
    float: right;
}

.navbar-default .navbar-nav>li{
	font-size: 1.2em;
	padding: 0 10px;
}

.navbar-default .navbar-nav>li.mobile-only{
	display:none !important;
}


.navbar-default .navbar-nav>li>a{
    color: #000;
    text-transform: uppercase;
	font-weight: 600;
    line-height: 2.4em;
	padding: 0px 5px;	
    transition: all 0.2s ease 0s;
}

.navbar-default .navbar-nav>li>a:hover{
	background: #278891;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
    background: #278891;
	color: #fff;
}

.navbar-default .navbar-nav>li:last-child{
    border-right: none;
}

/***** DEBUT MENU DEROULANT *****/

.navbar-nav>li>.dropdown-menu{
    border: none;
    box-shadow: none;
    z-index: 100;
    background: #fff;
	margin-left:10px;
	min-width:186px;
	border-top:1px solid #278891;
}

.navbar-nav .dropdown-menu{
    padding: 0px;
    border-radius: 0px;
}

.dropdown-menu>li>a{
    padding: 5px 10px;
    text-transform: uppercase;
	font-size:1.2em;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus{
    color: #000000;
    background: #ffffff;
}

.dropdown-menu>.active>a:hover{
    color: #000000;
    background: #f5f5f5;
}



/***** FIN MENU DEROULANT *****/

/*********************************/
/********** FIN DU MENU **********/
/*********************************/

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

/************************************/
/********** DEBUT DU CORPS **********/
/************************************/

body{
    margin: auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: black;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
    border: none;
}

div.wpcf7-response-output{
    margin: 0;
    padding: 0;
    border: none;
}

.wpcf7-form-control {
    margin-top: 10px;
}

.item{
	margin: 0 10px;
}

body.home #main{
	padding-top: 0px;
}

#main{
	padding-top: 100px;
}

#content{
	margin: auto;
	padding-bottom: 20px;
}

.entry-content{
	max-width: 1200px;
	margin: auto;
	font-size: 1.1em;
	padding-top: 50px;
}

#content ul{
    margin-bottom: 10px;
}

#content ul li{
    list-style: disc;
}

#content p{
    font-size: 1.0em;
}

.single #content p{
	font-size: 1.2em;
}

.single h2.titre-article{
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.2em;
}

#content ul.post-categories{
	list-style: none;
	padding-left: 0px;
	margin-top:10px;
	margin-bottom:10px;
}

#content ul.post-categories li{
	list-style: none;
	float: left;
}

#content ul.post-categories li a{
	display: block;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #AAAAAA;
	text-transform: uppercase;
	font-size: 0.85em;
	color: #FFFFFF;
}

#content ul.post-categories li a:hover{
	background: #888888;
	text-decoration: none;
}

#content #groupe img{
	width: 100%;
}

#content .encart{
	padding: 50px 40px;
	color: #fff;
}

#content .encart .titre-encart{
	display: block;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
}

#content .encart .contenu-encart{
	display: block;
	margin-top: 15px;
	font-size: 1.2em;
}

#content #encart-1{
	background: #278891;
	margin-top: -100px;
	z-index: 100;
	position: relative;
}

#content #encart-2{ 
	background: #006b7e;
}

#content #marques{
	max-width: 1200px;
	margin: auto;
}

#content .liste-marques{
	margin: 50px 0px;
	padding: 0 50px;
}

#content .liste-marques .item{
	border: 1px solid #fff;
    transition: all 0.2s ease 0s;
	padding: 5px 0px;
}

#content .liste-marques .item:hover{
	border: 1px solid #ddd;
}

#content .liste-marques a img{
	opacity: 1.0;	
    transition: all 0.2s ease 0s;
	width: auto;
	margin: auto;
}

#content .liste-marques a:hover img{
	opacity: 0.8;
}

.liste-marques.owl-theme .owl-controls .owl-nav div{
	width: 28px;
	height: 55px;
	top: 10%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
}

.liste-marques.owl-theme .owl-controls .owl-nav div:hover{
	opacity: 1.0;
}

.liste-marques.owl-theme .owl-controls .owl-nav div.owl-prev{	
	background: url('./images/fleche-gauche-marques.png');
	left: 0%;
}

.liste-marques.owl-theme .owl-controls .owl-nav div.owl-next{	
	background: url('./images/fleche-droite-marques.png');
	right: 0%;
}

#groupe{
	max-width: 1200px;
	margin: auto;
	position:relative;
	z-index:100;
	margin-top:0px;
}

#main-services{
	padding: 30px 0px;
	background: #278891;
}

#main-actualites{
	padding: 30px 0px;
    background: #006b7e;	
}

#actualites{
	max-width: 1200px;
	margin: auto;
	color: #fff;
}

.actualite h3{    
	font-size: 1.5em;
    font-weight: 700;
	margin-top: 5px;
}

.actualite{
    color: #000;
}

.sub-actualite{
	background: #fff;	
    padding: 15px;
	padding-right: 0px;
    min-height: 205px;
}

.sub-actualite a{	
	text-decoration: none;
}

a.lire-la-suite{
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 0.9em;
	border: 3px solid #006b7e;
	padding: 5px;
	width: 200px;
}

a.lire-la-suite:hover{
	background: #006b7e;
	color: #ffffff;
	text-decoration: none;
}

.actualite:hover .sub-actualite{
	/*background: #ededed;*/
}

#galerie-actualites.owl-theme .owl-controls .owl-dots{
	display: table;
    margin: auto;
	margin-top: 10px;
}

#galerie-actualites.owl-theme .owl-controls .owl-dots span {
    background: none repeat scroll 0 0 #278891;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
	float: left;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, 
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-dot{
	float: left;
}

#galerie-actualites.owl-theme .owl-controls .owl-dots .active span{
	background: none repeat scroll 0 0 #278891;
    opacity: 1.0;
}

#actualites .toutes-actualites{
	display: table;
	margin: 30px auto;
	border: 1px solid #ffffff;
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px 10px;
	font-size: 1.1em;
}

#actualites .toutes-actualites:hover{
	text-decoration: none;
	color: #278891;
	border-color: #278891;
}

.bloc-image-actu{
	position: relative;
	height: 140px;
	overflow: hidden;
}

.bloc-image-actu img{
	position: absolute;
	top: 0px;
	width: 100%;
	height: auto;
}

#main-carrieres{
	margin-top:40px;
}

#services{
	max-width: 1200px;
	margin: auto;
	color: #fff;
}

#services a{
	color: #fff;
	text-decoration: none;
}

#services a img{
    transition: all 0.3s ease 0s;
	border-radius: 1000px;
	margin: auto;
}

#services a:hover img{
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-ms-transform: scale(0.99);
	-o-transform: scale(0.99);
	transform: scale(0.99);
	border: 10px solid #006b7e;
    transition: all 0.3s ease 0s;
}

#services h3{
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0px;
}

#services .contenu-service{
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#main-histoire{
	padding: 30px 0px;
	background: #006b7e;
}

#histoire{
	max-width: 1200px;
	margin: auto;
}

#main-evenements{
	position: relative;
}

#evenements{
}

#trait{
	display: block;
	height: 2px;
	background: #36bac6;
	width: 80%;
	margin: auto;
    top: 75px;
	margin-top: 140px;
}

#evenements{
	width: 80%;
	margin: auto;
	margin-top: -138px;
}

#evenements .point-evenement{
	margin: auto;
	width: 50px;
	height: auto;
	display: block;
}

#evenements .item{
	padding: 10px 15% 50px 15%;
	text-align: left;
	position: relative;
}

#evenements .image-logo-histoire{
	width:100%;
	height:100px;
	padding:5px;
}

.fond-logo-histoire{
	background:url('./images/background-logo-histoire.png') bottom center no-repeat;
	padding:15px 5px 25px 5px;
}


#evenements .image-logo-histoire img{
	max-height:100%;
	width:auto;
	margin:auto;
}

#evenements .annee{
	color: #36bac6;
	font-size: 4.0em;
	font-weight: 600;
	text-align:center;
	display: block;
}

#evenements .titre{
	display: block;
	color: #fff;
	font-size: 1.2em;
	font-weight:600;
	line-height:1.1em;
}

#evenements .resume{
	display: block;
	color: #fff;
	font-size: 1.0em;
}

#evenements.owl-theme .owl-controls .owl-nav div{
	width: 40px;
	height: 79px;
	top: 19%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
}

#evenements.owl-theme .owl-controls .owl-nav div:hover{
	opacity: 1.0;
}

#evenements.owl-theme .owl-controls .owl-nav div.owl-prev{	
	background: url('./images/fleche-gauche-diaporama-marques.png');
	left: -10%;
}

#evenements.owl-theme .owl-controls .owl-nav div.owl-next{	
	background: url('./images/fleche-droite-diaporama-marques.png');
	right: -10%;
}

#chiffres .titre-secondaire{
	color: #000;
}

.titre-secondaire{
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.8em;
	font-weight: 300;
	margin-bottom: 20px;
}

.titre-secondaire strong{
	font-size: 1.0em;
}

#main-chiffres{
	padding: 30px 0;
}

#chiffres{
	max-width: 1500px;
	margin: auto;
}

.chiffre{
	border: 1px solid #e4e1dc;
	padding: 50px 20px;
	margin-top: 40px;
    transition: all 0.2s ease 0s;
}

.chiffre:hover{
	background: #278891;
	color: #fff;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);   
	z-index: 1000;
}

.chiffre .icone-chiffre{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

.chiffre .texte-chiffre{
	display: block;
}

.chiffre .texte-chiffre .nombre-chiffre{
	font-weight: 600;
	font-size: 3.0em;
	display: block;
    line-height: 1.0em;
}

.chiffre .texte-chiffre .contenu-chiffre{
	font-size: 1.4em;	
	display: block;
	font-weight: 300;
}

.chiffre#naissance{
	padding: 50px 30px;
}

.chiffre#marque{
	padding: 50px 30px;
}

.chiffre#idees{
	padding: 50px 30px;
}

.chiffre#collaborateurs{
	padding: 50px 30px;
}

#main-carrieres .element{
	padding: 50px 15px;
}

#main-carrieres .titre-secondaire{
	font-size: 2.0em;
}

#main-carrieres .lien{
	color: #fff;
	background: #006b7e;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 20px 10px;
    transition: all 0.2s ease 0s;
	margin-top: 20px;
	width: 48%;
	text-align: center;
}

#carrieres{
	background: #278891;
}

#carrieres .lien{
	background: #006b7e;
}

#carrieres .lien:hover{
	color: #006b7e;
	background: #fff;
	text-decoration: none;
}

#main-carrieres .lien-1{
	margin-right: 2%;
}

#main-carrieres .lien-2{
	margin-left: 2%;
}

#vehicule .lien{
	background: #278891; 
}

#vehicule .lien:hover{
	color: #278891;
	background: #fff;
	text-decoration: none;
}

#vehicule{
	background: #006b7e;
}

#map-container #map{
	width: 100%;
	height: 800px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

#map-container #map-single{
	width: 100%;
	height: 800px;
}

.wrapper-map{
	position: relative;
}

body.page-id-83 #map-container #map-concession,
#map-container #map-footer,
body.page-id-701 #map-container #map-concession{
	height: 800px;
}

.wrapper-map #filtres{
	top: 100px;
}

#map-container #map-footer{
	position: relative;
}

#liste-marques{
	margin-bottom:30px;
}

#liste-marques a img{
	margin:10px auto;
	height:90px;
	width:auto;
}

a.concession{
	margin-bottom:15px;
}

a.concession:hover{
	text-decoration:none;
}

a.concession .titre-concession{
	display:block;
	text-align:center;
	padding:5px 10px;
	color:#ffffff;
	text-transform:uppercase;
	background-color:#006b7e;
}

a.concession:hover .titre-concession{
	background-color:#278891;
	text-decoration:none;
}

a.concession:hover img{
	opacity:0.8;
}

#info-bulle img{
	width: 200px;
	height: auto;
}

.service img{
	margin: auto;
	margin-bottom: 5px;
}

.service .nom-service{
	text-align: center;
}


.filtres{
	margin-left: 15px;
	margin-bottom: 15px;
}

a.etiquette,
.etiquette a{	
	display: inline-block;
	text-transform: uppercase;
	padding: 5px 10px 3px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #278891;
	transition: all 0.1s ease 0s;
	color: #fff;
}

.etiquette.active{
	background: #006b7e;
}

a.etiquette:hover,
.etiquette:hover a{
	text-decoration: none;
	background: #006b7e;
	color: #fff;
}

/**********************************/
/********** FIN DU CORPS **********/
/**********************************/

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

/***************************************/
/********** DEBUT DES MARQUES **********/
/***************************************/

.liste-marques a{
	margin-bottom:30px;
}

a span.nom-marque{
	text-align:center;
	display:block;
	text-transform:uppercase;
	color:#888888;
}

a:hover span.nom-marque{
	color:#000000;
}

/*************************************/
/********** FIN DES MARQUES **********/
/*************************************/

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

/*******************************************/
/********** DEBUT DES CONCESSIONS **********/
/*******************************************/

.logo {
	height: auto; 
	width: 55px;
}
#filtres{
	position: absolute; 
	top: 290px; 
	left: 10px;
}

#listeFiltres{
	padding: 10px; 
	background: #ffffff; 
	border: 1px solid #ddd;
}

.elementFiltres{
	margin-bottom: 5px; 
	border-bottom: 1px solid #ddd;
}
body.single-concession .fond-bleu-contact{
	background-color: #278891;
}

body.single-concession .fond-bleu-contact a{
	color: #ffffff;
}

body.single-concession .infos{
	color: #fff;
	padding: 25px;
	min-height: 283px;
	background-repeat: no-repeat;
}

body.single-concession .infos h2{
	text-transform: uppercase;
	color: #fff;
}

body.single-concession .contact{
	background-image: url('./images/picto-phone.png');
	background-color: #278891;
	background-position: 105% -10%;
}

body.single-concession .horaires{
	background-image: url('./images/picto-horaires.png');
	background-color: #006b7e;
	background-position: 110% -20%;
}


body.single-concession .services{
	background-image: url('./images/picto-services.png');
	background-color: #278891;
	background-position: 90% 100%;
	min-height: auto;
}

body.single-concession .services a{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 2.4em;
}

body.single-concession .services a img{
	float: left;
	margin-right: 10px;
}

body.single-concession .galerie-photos {
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
}

body.single-concession .galerie-photos  img{
	width: auto;
	border: none;
	opacity: 1.0;
}

body.single-concession .galerie-photos  img:hover{
	opacity: 0.8;
}

body.single-concession h2{
	text-transform: uppercase;
}

/*****************************************/
/********** FIN DES CONCESSIONS **********/
/*****************************************/

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

/**********************************************/
/********** DEBUT DE OFFRES D'EMPLOI **********/
/**********************************************/

.offre-emploi{
	display: block;
	color:#555555;
	margin-bottom:20px;
    transition: all 0.2s ease 0s;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #ddd;
	min-height: 0px;
}

.offre-emploi:hover{
	text-decoration: none;
	background: #006b7e;
	color: #fff;
}

.offre-emploi:hover .titre-offre{
	color: #fff;
}

.offre-emploi:hover .btn{
	text-decoration: none;
	background: #278891;
	color: #fff;
}

.offre-emploi .btn{
	text-transform: uppercase;
	background: #006b7e;
	color: #fff;
	border: 0px;
	border-radius: 0px;
	margin-top: 5px;
	font-size: 0.85em;
	width: auto;
}

.offre-emploi .btn:hover{
	text-decoration: none;
}

.offre-emploi .contenu-offre{	
	min-height: 0px;
}

.offre-emploi .contenu-offre img{
	margin: auto;
	margin-bottom: 10px;
}

.offre-emploi i{
	width: 20px;
    text-align: center;
}

.offre-emploi .titre-offre{
	text-transform: uppercase;
    font-weight: 700;
	color: #006b7e;
	font-size: 1.0em;
	padding-bottom: 10px;
}

.offre-emploi .titre-offre span{
	padding-right: 0px;
}

.contrat{
}

/*.offre-emploi h3{
	color: #278891;
	font-weight:600;
	font-size:1.5em;
	margin-bottom:0px;
	margin-top:5px;
}

.offre-emploi span{
	display:block;
	padding:3px 0px;
	line-height:1.1em;
}

.offre-emploi span.glyphicon{
	display:inline-block;
	margin-bottom:10px;
}

.offre-emploi .lien-postulez{
	padding:10px;
	background:#278891;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
    transition: all 0.2s ease 0s;
	border: none;
	width: 100%;
}

.offre-emploi:hover .lien-postulez{
	background:#006b7e;
}*/

a.retour-marques{
	padding:10px;
	background:#278891;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
    transition: all 0.2s ease 0s;
	display:inline-block;
	
}

a.retour-marques:hover{
	background:#006b7e;
}

.single-offre-emploi .lien-postulez{
	padding:15px;
	background:#278891;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
    transition: all 0.2s ease 0s;
	border: none;
	width:100%;
}

.single-offre-emploi .lien-postulez span.titre-1{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
	font-size:1.5em;
}

.single-offre-emploi .lien-postulez span.titre-2{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	font-size:1.0em;
}

.single-offre-emploi .lien-postulez:hover{
	background:#006b7e;
}

.single-offre-emploi span.libelle{
	display:block;
	font-weight:700;
	margin-bottom:0px;
	margin-top:0px;
}

.single-offre-emploi span.valeur{
	display:block;	
	margin-bottom:10px;
}


/********************************************/
/********** FIN DE OFFRES D'EMPLOI **********/
/********************************************/

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

/********************************************/
/********** LANCEMENT CLASSE A **********/
/********************************************/

body.page-template-page-lancement-classe-a .classe-a{
	max-width: 800px;
	margin: auto;
}

body.page-template-page-lancement-classe-a{
	background: #050603;
	color: #ffffff;
}

body.page-template-page-lancement-classe-a #main{
	padding-top: 0px;
	max-width: 1300px;
	width: 100%;
	margin: auto;
}


body.page-template-page-lancement-classe-a h1{
	margin-top: 20px;
	text-transform: none;
	background: none;
	font-size: 1.6em;
	text-align: left;
	padding:0px;
	font-weight: 600;
}

body.page-template-page-lancement-classe-a .galerie-photos{
	margin-top: 30px;
	
}

body.page-template-page-lancement-classe-a #content .entry-content{
	padding: 0px;
}

body.page-template-page-lancement-classe-a #content .entry-content a{
	color: #278891;
}

body.page-template-page-lancement-classe-a .texte-footer{
	text-align:center;
	padding: 30px 10px;
}

body.page-template-page-lancement-classe-a .texte-footer a{
	color: #fff;
	display: inline-block;
	margin: 5px 10px;
	text-transform: uppercase;
}

body.page-template-page-lancement-classe-a .optin{	
	font-size: 0.8em;
    line-height: 1.4em;
    font-style: italic;
    display: block;
}

/********************************************/
/********** FIN LANCEMENT CLASSE A **********/
/********************************************/

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

/*************************************/
/********** DEBUT DU FOOTER **********/
/*************************************/

footer{
    /*margin-top: 40px;*/
	padding-bottom:80px;
}

footer #informations-contact{
	margin: auto;
	font-size: 1.2em;
	padding: 0px 0px 0 0;
}

footer #informations-contact #coordonnes{
	padding: 0px;
	margin-bottom: 15px;
	padding-top:120px;
}

footer #informations-contact #adresse{
	display: block;
	margin-top: 20px;
}

footer #informations-contact #telephone{
	font-size: 2.0em;
	font-weight: 600;
	display: block;
}

footer #informations-contact #menu-footer a{
	color: #000;
	font-weight: 300;
}

footer #informations-contact #menu-footer ul{
	padding-left: 0px
}


/***********************************/
/********** FIN DU FOOTER **********/
/***********************************/

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

/*************************************/
/********** FORMAT TABLETTE **********/
/*************************************/

@media screen and (max-width: 1024px) {
    body{
        width: auto;
    }
	
	header{
		padding: 15px;
	}
	
	header #lien-carrieres{
		font-size: 1.0em;
	}
    
    nav.navbar-default{
        margin: 0 15px;
    }
	
	.navbar-default .navbar-nav>li{
		font-size: 1.0em;
		padding: 0;
	}	
	
	.navbar-default .navbar-nav>li>a{
		padding: 4px 10px;
		font-size: 0.95em;
	}
	
	.chiffre .icone-chiffre{
		margin-top: 0px;
	}
	
	.chiffre{
		padding: 50px 15px !important;
		margin-top: 0px;
		height: 150px;
	}
	
	.chiffre .texte-chiffre .nombre-chiffre{
		font-size: 2.4em;
	}

	.chiffre .texte-chiffre .contenu-chiffre{
		font-size: 1.2em;
	}
	
    #content{
        padding: 0;
    }
	
	#main-carrieres .lien{
		padding: 20px;
	}

    footer{
        padding: 0 15px;
    }
	
	.entry-content{
		padding-top: 20px;
	}
	
	/* COOKIE NOTICES */
	#cookie-notice .cookie-notice-container {
		height: 60% !important;
	}
}

/*************************************/
/********** FORMAT TABLETTE **********/
/*************************************/

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

/***********************************/
/********** FORMAT MOBILE **********/
/***********************************/

@media screen and (max-width: 767px) {     
  
	/* COOKIE NOTICES */
	#cookie-notice .cookie-notice-container {
		position: fixed;
		height: 100% !important;
		z-index: 2147483647 !important;
		bottom: 0;
		background: rgba(0,0,0,0.8) !important;
	}

	#cookie-notice #cn-accept-cookie {
		display: block;
		margin-bottom: 15px;
	}
		
	#cookie-notice .cookie-notice-container, #cookie-notice .cookie-revoke-container {
		padding: 15px 15px !important;
	}

   header{
		padding: 15px;
	}
	
	header #logo{
        text-align: center;
        padding-bottom: 10px;
		z-index: 100;
		position: relative;
    }
	
	h1{
		font-size: 1.8em;
	}
	
	#reseaux-sociaux{
		display: none;
	}
	
	#lien-carrieres{
		display: none;
	}
	
	.navbar-default .navbar-nav>li.mobile-only{
		display:block !important;
	}
	
	#diaporama .main-texte{
		position:relative;
	}
	
	#diaporama .main-texte span{
		margin-left: 0 !important;
		margin-top: 10px !important;
		color: #000000 !important;
	}
	
	#diaporama .main-texte span h2{
		color: #000000 !important;
	}
	
	.owl-controls{
		display:none;
	}
		
	body.home #main,
	#main{
		padding-top: 10px; 
	}
	
	#content #encart-1{
		margin-top: 0px;
	}
	
	#content .encart{
		padding: 20px;
	}
	
	#evenements .item{
		padding: 50px 5%;
	}
	
	#evenements .point-evenement{
		margin: auto;
	}
	
	#evenements .annee {		
		text-align: center;
		display: block;
	}
	
	.chiffre{
		padding: 50px 15px !important;
		margin-top: 0px;
	}
	
	#main-carrieres .titre-secondaire,
	.titre-secondaire{
		font-size: 1.8em;
		padding: 0 15px;
	}
	
	#main-carrieres .lien{
		font-size: 1.0em;
		padding: 10px;
	}

	.navbar-header{
		margin-top: -60px;
	}	
	
    nav .navbar-brand{
        display: block;
    }

    nav .container-fluid{
    }

    nav .navbar-collapse{
        padding-left: 15px;
        padding-right: 15px;
    }

	.navbar-default .navbar-toggle {
		border:none;
		padding:0px;
		margin-right: 0px;
		border-radius: 0px;
		z-index: 100;
		position: relative;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background:none;
	}
	
	.navbar-default .navbar-toggle .icon-bar{
		background-color:#000000;
		height:7px;
		margin-bottom:7px;
		width:40px;
	}
	
    .navbar-default .navbar-nav>li{
        border-right: none;
    }

    .navbar-default .navbar-nav>li>a{
        padding: 5px;
		line-height: 1.4em;
    }

	#content .contact-gauche,
	#content .contact-droite{
		padding: 0px;
	}
	
	#content .informations-concession,
	#content .sidebar-concession{
		padding: 0px;
	}
	
	#content .concession{
		padding: 0px;
	}
	
	body.single-concession #content .entry-content{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#content .entry-content{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	h2.titre-padding-xs{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.liste-marques.owl-theme .owl-controls .owl-nav div.owl-prev{
		left: 5%;
	}
	
	.liste-marques.owl-theme .owl-controls .owl-nav div.owl-next{	
		right: 5%;
	}

    .col-xs-0{
        display: none;
    }

    .col-lg-0{
        display: block;
    }
	
	footer #informations-contact #coordonnes{
		padding-top:20px;
	}
}

/***********************************/
/********** FORMAT MOBILE **********/
/***********************************/

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

/**************************************************/
/********** FORMAT ORDINATEUR UNIQUEMENT **********/
/**************************************************/

@media screen and (min-width: 1024px) {
    
    /* Permet d'afficher le menu déroulant au survol de la souris */
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;   
    }

    /* Permet de cacher le triangle des items du menu possédant un menu déroulant */
    .caret {
        display: none;
    }
}

/**************************************************/
/********** FORMAT ORDINATEUR UNIQUEMENT **********/
/**************************************************/

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

/****************************************************/
/********** FORMAT ORDINATEUR GRAND FORMAT **********/
/****************************************************/

@media screen and (min-width: 1920px) {
}

/****************************************************/
/********** FORMAT ORDINATEUR GRAND FORMAT **********/
/****************************************************/