/* -----------------------------------------------------
						Global
------------------------------------------------------*/
@font-face {
    font-family: 'Maax-Mono-Regular-205TF';
    src: url('../../fonts/Maax-Mono-Regular-205TF.eot');
    src: url('../../fonts/Maax-Mono-Regular-205TF.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Maax-Mono-Regular-205TF.woff') format('woff'),
         url('../../fonts/Maax-Mono-Regular-205TF.ttf') format('truetype'),
         url('../../fonts/Maax-Mono-Regular-205TF.svg#maax-mono-bold-205tfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Maax-Mono-Bold-205TF';
    src: url('../../fonts/Maax-Mono-Bold-205TF.eot');
    src: url('../../fonts/Maax-Mono-Bold-205TF?#iefix') format('embedded-opentype'),
         url('../../fonts/Maax-Mono-Bold-205TF.woff') format('woff'),
         url('../../fonts/Maax-Mono-Bold-205TF.ttf') format('truetype'),
         url('../../fonts/Maax-Mono-Bold-205TF.svg#maax-mono-bold-205tfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { 
	padding:0;
	margin:0;
 	font-family:'Maax-Mono-Regular-205TF',Arial;
	-webkit-font-smoothing: antialiased;
}

img {border:0;}
a {cursor:pointer;color:#000;text-decoration: none;}
a:hover{text-decoration: underline;}

body {
	margin:auto;
	padding:0px;
	background-color:#ffffff;
	text-align:center;
	background: url('../../images/fond-header.png') repeat-x top;
}

.clear{
	clear:both;
}

.fregular {
	font-family: 'maax-mono-regular-205tf';
}
.fbold {
	font-family: 'maax-mono-regular-205tf';
}
.label_consentement{
	font-size: 12px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.coul-artdelatable {
color:#000000;
}
.coul-mobilier {
color:#000000;
}

.coul-food {
color:#000000;
}

.coul-projet {
color:#cd0eb9;
}
.red{
	color:#f00;
}
.container{
	width:998px;
	min-height:1000px;
	overflow: hidden;
	margin: auto;
	text-align:left;
}

section{
	/*margin-left: 25px;*/
	margin-bottom: 30px;
	text-align:left;
	min-height:500px;
}

.floatLeft{
float:left;
}

.tac{
text-align:center;}

h1 {
	font-size:22px;
	color:#000000;
	letter-spacing:0.01em;
	text-transform: uppercase;
	display:inline;
	font-family: 'maax-mono-bold-205tf';
	font-weight: normal;
}

.titrekoncepts {
	color:#000000;
	font-size:22px;
	letter-spacing:0.01em;
	text-transform: uppercase;
	font-family: 'maax-mono-regular-205tf';
	font-weight: bold;
	margin-top: 35px;
	text-align: center;
}

.titrepagekoncepts {
	color:#000000;
	font-size:20px;
	letter-spacing:0.01em;
	font-family: 'maax-mono-regular-205tf';
	margin-top: 35px;
}

.fil-ariane {
	color:#000000;
	font-size:22px;
	letter-spacing:0.01em;
	text-transform: uppercase;
	display:inline;
	font-family: 'maax-mono-bold-205tf';
	font-weight: normal;
	float: left;
	padding-top: 35px;
}
.fil-ariane a{
	text-decoration:none;
	color:#000000;
}



.fil-ariane a:hover{
	text-decoration:underline;
	color:#000000;
}

.orange{
    color: #f5700e !important;
}

a[data-pin-log='button_pinit'],
span[data-pin-log='button_pinit'] {
	position: absolute;
	top: 1%;
	right: 1%;
	width: 25px;
	height: auto;
	opacity: 0;
}
a[data-pin-log='button_pinit']:hover,
span[data-pin-log='button_pinit']:hover {
	opacity: 1 !important;
}

.owl-item:hover > .item{
	opacity: 1;
}

/* -----------------------------------------------------
					cookie-bar
------------------------------------------------------*/
#cookie-bar body {
    text-align: center
}
#cookie-bar a {
    text-decoration: none
}
#cookie-bar {
    background: #efefef;
    font-family: Maax-moNo-regular-205TF;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    color: #000;
    padding: 10px 0;
}
#cookie-bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100
}
#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto
}
#cookie-bar p {
    margin: 0;
    padding: 0
}
#cookie-bar .cb-enable {
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 0 6px;
    margin-left: 8px;
    text-decoration: none;
}
#cookie-bar a {
	color: #000;
	text-decoration: underline;
}
#cookie-bar .cb-enable,
#cookie-bar .cb-enable:hover {
    background: #85c440
}
#cookie-bar .cb-disable {
    background: #900
}
#cookie-bar .cb-disable:hover {
    background: #b00
}
#cookie-bar .cb-policy {
    background: #03b
}
#cookie-bar .cb-policy:hover {
    background: #05d
}
/* -----------------------------------------------------
					sur-header
------------------------------------------------------*/
.surheader {
	width:998px;
	height:30px;
	margin:0px;
	padding:0px;
	margin-left: auto; 
	margin-right: auto; 
}

.surheader ul{
	float:right;
	margin:2px 0px 0px 425px;
	padding:0px;
}

.surheader li{
	height:20px;
	float:left;
	text-align:left;
	margin:0px 5px 0px 5px;
	padding:0px;
	list-style-type: none;
}

.surheader input{
	font-size:12px;
	color:#000000;
	width:170px;
	height:16px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 3px;
	border: 1px solid #818181;
	background-color: #f8f8f8;
}

.surheader .oknews{
	width: 25px;
	font-size:12px;
	color:#5a2866;
	line-height:24px;
	margin:0px;
	padding:0px;
}
.surheader .oknews a{
	font-size:12px;
	color:#5a2866;
	line-height:24px;
	text-decoration: none;
}
.surheader .oknews a:hover{
	text-decoration: underline;
}
.surheader .nbproduits{
	width: 85px;
	font-size:12px;
	color:#5a2866;
	line-height:24px;
	margin:0px;
	padding:0px;
}
.surheader .nbproduits a{
	font-size:12px;
	color:#5a2866;
	line-height:24px;
	text-decoration: none;
}
.surheader .nbproduits a:hover{
	text-decoration: underline;
}
.surheader .moncompte{
	width: 85px;
	font-size:12px;
	color: #717070;
	line-height:24px;
	margin:0px;
	padding:0px;
}
.surheader .moncompte a{
	font-size:12px;
	color: #717070;
	line-height:24px;
	text-decoration: none;
}
.surheader .moncompte a:hover{
	text-decoration: underline;
}

.surheader .picto-extranet{
	margin:2px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

.surheader .canenas{
	margin:2px 5px 0px 5px;
	padding:0px 0px 0px 0px;
}
.surheader .extranet{
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}
.surheader .extranet a{
	font-size: 12px;
	color:#717070;
	text-decoration: none;
}


#newsl td{
	border:0;
}

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: scaleX(1.00) scaleY(1.00) ;
    	opacity: 1;
	}
	50% {
		-webkit-transform: scaleX(2.00) scaleY(2.00) ;
    	opacity: 0;
	}
	100% {
		-webkit-transform: scaleX(1.00) scaleY(1.00) ;
    	opacity: 1;
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
  	-moz-transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
  50% {
	-moz-transform: scaleX(2.00) scaleY(2.00) ;
    opacity: 0;
  }
  100% {
  	-moz-transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
  	-o-transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
  50% {
	-o-transform: scaleX(2.00) scaleY(2.00) ;
    opacity: 0;
  }
  100% {
  	-o-transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
  	transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
  50% {
	transform: scaleX(2.00) scaleY(2.00) ;
    opacity: 0;
  }
  100% {
  	transform: scaleX(1.00) scaleY(1.00) ;
  	opacity: 1;
  }
}


/* Animation Rebond du panie */
.rebond {
	margin:0;
	padding:0;
	position:absolute;
	top:2px;
  -webkit-animation: bounce 800ms ease-out;
  -webkit-transform-origin: center;
  -moz-animation: bounce 800ms ease-out;
  -moz-transform-origin: center;
  -o-animation: bounce 800ms ease-out;
  -o-transform-origin: center;
  animation: bounce 800ms ease-out;
  transform-origin: center;
  
}
/* -----------------------------------------------------
					header
------------------------------------------------------*/

header {
	width:998px;
	height:125px;
	margin:0px;
	padding:0px;
}
header .logo{
	float:left;
	margin:20px 0px 0px 16px;
	padding:0px;
}
header .baseline{
	margin:0px 0px 0px 0px;
	margin-left:16px;
	padding:0px;
	width: 232px;
}
header .baseline ul{
	width: 232px;
	margin:0px;
	padding:0px;
}
header .baseline li{
	float:left;
	text-align:left;
	width: 33%;
	font-size:12px;
	color:#4d4d4d;
	font-family: 'maax-mono-bold-205tf';
	letter-spacing:0.05em;
	list-style-type: none;
}

header .baseline li:nth-child(1) {text-align:left}
header .baseline li:nth-child(2) {text-align:left}
header .baseline li:nth-child(3) {text-align:right}

/* -----------------------------------------------------
					icones reseaux sociaux
------------------------------------------------------*/
.reseaux {
	float:right;
	margin:0px -12px 0px 0px;
	padding:0px;
}

.reseaux ul{
	margin-top:20px;
	padding:0px;
}

.reseaux li{
	float:left;
	text-align:left;
	margin: 0px 13px 0px 6px;
	padding:0px;
	list-style-type: none;
}

/* -----------------------------------------------------
					menu
------------------------------------------------------*/
nav {
	float:right;
	margin:-25px 0px 0px 0px;
	padding:0px;
}

nav ul{
	margin:0px;
	padding:0px;
}

nav li{
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:-0.01em;
	margin:0px 10px 0px 10px;
	list-style-type: none;
}

nav a{
	text-decoration:none;
	color:#000000;
}
nav a:hover{
	text-decoration:underline;
	color:#000000;
}

nav .active{
	text-decoration:underline;
	color:#000000;
}
.home{
	margin:-3px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}
.recherche input{
	font-size:12px;
	color:#000000;
	width:165px;
	height:16px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 3px;
	border: 1px solid #000000;
}

.pictorecherche{
	margin-top:5px !important;
	padding:0px 0px 0px 0px;
}

/* -----------------------------------------------------
					ss menu
------------------------------------------------------*/

.ssnav {
	width:220px;
	height:auto;
	margin-top:0px;
	margin-left:27px;
	padding:0px;
	border: 1px solid #858585;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	-moz-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	position:absolute;
	z-index:1500;
	display: none;
}

.ssnav ul{
	margin:0px;
	padding:0px;
}

.ssnav li{
	float:none;
	width: 210px;
	height: 26px;
	font-size: 14px;
	background-color: #ffffff;
	letter-spacing: 0.01em;
	text-align: left;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #858585;
	list-style-type: none;
}
.ssnav li a{
	text-decoration:none;
	color:#858585;
}
.ssnav li a:hover{
	text-decoration:none;
	color:#000000;
}
.ssnav li:last-child {border: 0px;}

.ssnav3 {
	margin-left: 145px;
}
.ssnav4 {
	margin-left: 259px;
}
.ssnav2 {
	margin-left:373px;
}
.picto-new-menu{
	opacity: 0.9;
	margin-top:-12px;
	transition:all 0.2s;
	webkit-transition:all 0.2s;
}
.picto-new-menu:hover{
	opacity: 1;
}


/* -----------------------------------------------------
					diaporama
------------------------------------------------------*/

.diaporama{
	background-color:#f6cb42;
	width:998px;
	height:344px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* -----------------------------------------------------
					les + d’aktuel
------------------------------------------------------*/

.lesplus{
	width:410px;
	height:390px;
	float:left;
	margin: 30px 0px 0px 46px;
	padding: 0px 0px 0px 0px;
	position:relative;
}

.lesplus .titre{
	font-size:28px;
	text-align:center;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.lesplus a{
	text-decoration:none;
	color:#666666;
}


.lesplus ul{
	margin-top:15px;
	padding:0px;
}

.lesplus li{
	width:110px;
	height:90px;
	float:left;
	font-size:13px;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:15px;
	color:#666666;
	margin:0px 0px 30px 20px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	cursor:pointer;
}
.lesplus li img{
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}
.lesplus li img:hover{
	margin-top:-10px;
}

.plusdet {
	width:130px;
	height:auto;
	left: 264px;
	top:120px;
	padding:10px;
	border: 1px solid #858585;
	background-color: #ffffff;
	font-size:12px;
	line-height:18px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	-moz-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	position:absolute;
	z-index:1500;
	display: none;
}

.plusdet2 {
	width:170px;
	height:auto;
	left: 115px;
	top:360px;
	padding:10px;
	border: 1px solid #858585;
	background-color: #ffffff;
	font-size:12px;
	line-height:18px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	-moz-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	position:absolute;
	z-index:1500;
	display: none;
}

.plusdet3 {
	width:190px;
	height:auto;
	left: 225px;
	top:240px;
	padding:10px;
	border: 1px solid #858585;
	background-color: #ffffff;
	font-size:12px;
	line-height:18px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	-moz-box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	box-shadow: 3px 3px 2px 0px rgba(56,55,56,0.7);
	position:absolute;
	z-index:1500;
	display: none;
}
.plusdet3 input{
	font-size:12px;
	margin-top:5px;
	margin-bottom: 5px;
	margin-right: 5px;
}



/* -----------------------------------------------------
					encart blog
------------------------------------------------------*/

.blog{
	width:465px;
	height:auto;
	float:left;
	margin: 50px 0px 0px 45px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #858585;
}

.alaune{
	width:450px;
	height:25px;
	text-align:left;
	line-height:22px;
	color:#ffffff;
	font-size:20px;
	letter-spacing:0.01em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #858585;
}
.titreblog{
	text-align:left;
	line-height:16px;
	color:#000000;
	font-size:16px;
	font-family: 'maax-mono-bold-205tf';
	letter-spacing:0.01em;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 15px;
}

.photoblog{
	width:400px;
	height:auto;
	text-align:center;
	margin: 10px auto;
	padding: 0px 0px 0px 0px;
}
.photoblog img{
	width:100%;
	max-width: 465px;
	height:auto;
	margin:0;
	padding:0;
}
.textblog{
	text-align:left;
	line-height:18px;
	color:#000000;
	font-size:14px;
	letter-spacing:0.01em;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 5px 15px;
}

.textblog a{
	text-decoration:none;
	color:#000000;
}

.textblog a:hover{
	text-decoration:underline;
	color:#000000;
}

.articleblog{
	display: block;
	text-align:right;
	line-height:15px;
	text-decoration:none;
	color:#000000;
	font-size:15px;
	text-transform: uppercase;
	letter-spacing:0.01em;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 0px;
}
.articleblog:hover{
	text-decoration:underline;
	color:#000000;
}

/* -----------------------------------------------------
					Nos agences
------------------------------------------------------*/
.titreagences {
	font-size:28px;
	text-align:center;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.agences{
	width:998px;
	height:190px;
	background: url('../../images/fond-agences.png') repeat-x top;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.agences a{
	font-size:14px;
	color:#858585;
	text-decoration:none;
}

.agences ul{
	margin-top:15px;
	margin-left:30px;
	padding:0px;
}

.agences li{
	float:left;
	font-size:14px;
	letter-spacing:0.01em;
	text-align:left;
	line-height:16px;
	color:#858585;
	margin:22px 15px 0px 15px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}

.agences .paris {
	color:#000000;
	font-size:16px;
	letter-spacing:0.01em;
}

.agences .marseille {
	color:#000000;
	font-size:16px;
	letter-spacing:0.01em;
}

.agences .cannes {
	color:#000000;
	font-size:16px;
	letter-spacing:0.01em;
}

.agences .brokloc{
	margin-top:70px;
	margin-left:55px;
	padding:0px;
}
/* -----------------------------------------------------
					Footer
------------------------------------------------------*/

footer {
	margin:12px 0px;
	padding:0px;
	text-align: center;
}

footer ul{
	display:inline-block;
	margin:0px auto;
	padding:0px;
}

footer li{
	float:left;
	text-align:left;
	font-size:13px;
	letter-spacing:0.01em;
	margin:0px 2px 15px 2px;
	list-style-type: none;
}

footer a{
	text-decoration:none;
	color:#000000;
}
footer a:hover{
	text-decoration:underline;
	color:#000000;
}
footer .active{
	text-decoration:underline;
	color:#000000;
}

/* -----------------------------------------------------
					nuage de mots clés
------------------------------------------------------*/
.nuage {
	width:640px;
	color:#000000;
	font-size:14px;
	float:left;
	text-transform: uppercase;
}

.nuage a{
	text-decoration:none;
	color:#888b8b;
	white-space: nowrap;
}

.nuage a:hover{
	text-decoration:underline;
	color:#888b8b;
}
.nuage .active{
	/*width:640px;*/
	color:#000000;
	font-size:14px;
}
.nuage .active:hover{
	/*width:640px;*/
	color:#000000;
	font-size:14px;
	text-decoration: none;
}

/* -----------------------------------------------------
 Bloc connexion/creation compte 	
 -----------------------------------------------------*/
.connexion_compte {
    padding:0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 14px;
    text-align:left;
}

.connexion_compte ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.connexion_compte li{
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:0.01em;
	margin:0px 40px 15px 0px;
	list-style-type: none;
}
.encadre-gris{
	border: 1px solid #ddd;
	padding:15px;
}

.connexion_compte li table{
	border:none;
}
.connexion_compte li td{
	color:#000;
	border:none;
}
.connexion_compte input, select{
    width:190px;
    margin-right:10px;
    margin-bottom:5px;
}
.connexion_compte .check{
	width:auto;
}
.connexion_compte .erreur{
	width:190px;
	font-size: 10px;
	color:red;
}
.details_location table{
	border:none;
}
.details_location td{
	color:#000;
	border:none;
}
.details_location input{
    width:190px;
    margin-right:10px;
    margin-bottom:5px;
}

/* -= Calendrier =- */
.evement_jour{
	width: 80px !important;
	text-align: right;
	border:none;
}
.evement_date{
	width:75px !important;
}
.evement_heure{
	width:35px !important;
}
.ds_box{background-color: #FFF;border: 1px solid #000;	position: absolute;	z-index: 32767;}
.ds_tbl{background-color: #FFF;border:none;}
.ds_tbl td{border: none;}
.ds_head{background-color: #333;color: #FFF;font-family: 'maax-mono-regular-205tf',Arial; font-size: 12px; font-weight: normal; text-align: center;letter-spacing: 1px;}
.ds_subhead{background-color: #CCC;color: #000;font-size: 12px;font-weight: normal;text-align: center;font-family: 'maax-mono-regular-205tf',Arial;width: 14px; }
.ds_cell {background-color: #EEE;color: #000;font-size: 12px;text-align: center;font-family: 'maax-mono-regular-205tf',Arial;padding: 2px;	cursor: pointer;border:none;}
.ds_cell:hover {background-color: #F3F3F3;} 


/* -----------------------------------------------------
					PAGE INTERIEUR
------------------------------------------------------*/

.pfooter{
	margin-top:20px;
	margin-bottom: 30px;
	padding: 0px 100px 0px 75px;
	text-align:left;
}
.pfooter h1 {
	color:#000000;
	font-size:22px;
	letter-spacing:0.01em;
	text-transform: uppercase;
	margin-bottom:5px;
	font-family: 'maax-mono-bold-205tf';
}

.pfooter-d{
	margin-top:10px;
	margin-bottom: 30px;
	padding: 0px 0px 0px 75px;
	text-align:left;
}
.pfooter-d h1 {
	color:#000000;
	font-size:22px;
	letter-spacing:0.01em;
	text-transform: uppercase;
	margin-bottom:5px;
	font-family: 'maax-mono-bold-205tf';
}

.textfooter {
    padding:0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 14px;
    text-align:center;
}

.textfooter2 {
    padding:0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 14px;
    text-align:left;
}

.textfooter2 ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.textfooter2 li{
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:-0.01em;
	margin:0px 50px 15px 0px;
	list-style-type: none;
}

.textfooter2d {
    padding:0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 14px;
    text-align:left;
}

.textfooter2d ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.textfooter2d li{
	width:350px;
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:0.01em;
	margin:0px 47px 0px 0px;
	list-style-type: none;
}

.encartlogistique{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.encartlogistique ul{
	display: inline-block;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.encartlogistique li{
	width:350px;
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:0.01em;
	margin:0px 47px 0px 0px;
	list-style-type: none;
}

.textlogistique {
    padding: 60px 0px 20px 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 20px;
    font-weight:normal;
    text-align:center;
}
.textviolet {
    padding: 10px 0px 20px;
    margin: 0px;
    color:#663871;
    font-weight: normal;
    font-size: 16px;
    text-align:center;
    text-transform: uppercase;
    font-family: 'maax-mono-bold-205tf';
}
.textviolet2 {
    padding: 10px 0px 20px;
    margin: 0px;
    color:#663871;
    font-weight: normal;
    font-size: 16px;
    text-align:center;
    font-family: 'maax-mono-bold-205tf';
}


.textfooter2 a{
	text-decoration:none;
	color:#000000;
}
.textfooter2 a:hover{
	text-decoration:underline;
	color:#000000;
}

/* BOUTONS FOND VERT */
.boutonvert{
	display: inline-block;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:#85c440;
	padding:3px 5px 3px 5px;
	margin-bottom: 10px;
}

.boutonnoir{
	display: inline-block;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:#000000;
	padding:3px 5px 3px 5px;
	margin-bottom: 10px;
	line-height: 35px;
}

.boutonnoir a{
	display: inline-block;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:#000000;
	padding:3px 5px 3px 5px;
}

.boutonvert a{
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:#85c440;
	padding:3px 5px 3px 5px;
}

.boutonorange{
	display: inline-block;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:#f5700e;
	padding:3px 5px 3px 5px;
	margin-bottom: 10px;
}

.boutonorange a{
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	letter-spacing:0.02em;
	background-color:##f5700e;
	padding:3px 5px 3px 5px;
}

/* -----------------------------------------------------
					AKTUEL RESPONSABLE
------------------------------------------------------*/
.respons{
	margin-top:20px;
	margin-bottom: 30px;
	padding: 0px 100px 0px 75px;
	text-align:left;
}
.respons h1 {
    padding: 0px;
    margin: 0px;
    color:#000000;
    font-weight: bold;
    letter-spacing:0.02em;
    font-size: 32px;
    font-family: 'maax-mono-bold-205tf';
}


.boutonjaune{
	color:#000000;
	background-color:#ffdf72;
	border-radius:25px;
	padding: 5px 20px;
	float: right;
	font-size: 19px;
	letter-spacing:0.02em;
}

.textnoir {
    padding: 10px 0px 20px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 16px;
    text-align:left;
    font-family: 'maax-mono-bold-205tf';
}

.cadrevert {
	border :5px solid #90d646;
	width:500px;
	padding: 15px;
    margin: 20px 0px 0px 110px;
    text-align: left;
    font-size:14px;
}

.tvert {
    padding: 10px 0px 20px;
    margin: 0px 0px 0px 160px;
    color:#90d646;
    font-weight: normal;
    font-size: 16px;
    font-family: 'maax-mono-bold-205tf';
}

.stvert {
    padding: 0px;
    margin: 0px;
    color:#90d646;
    font-weight: 400;
    font-size: 16px;
    font-family: 'maax-mono-bold-205tf';
}

.akresp {
    padding:0px;
    margin: 0px 0px 0px 0px;
    text-align:center;
}

.akrespn {
    padding: 0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    letter-spacing:-0.02em;
    font-size: 30px;
    font-family: 'maax-mono-bold-205tf';
}



.akrespr {
    padding: 0px;
    margin: 0px;
    color:#eb3a26;
    font-weight: normal;
    letter-spacing:0.01em;
    font-size: 30px;
    font-family: 'maax-mono-bold-205tf';
}

.akrespv {
    padding: 0px;
    margin: 0px;
    color:#8be142;
    font-weight: normal;
    letter-spacing:0.01em;
    font-size: 30px;
    font-family: 'maax-mono-bold-205tf';
}

.aktresp {
	margin:0px 0px 50px 0px;
	padding:0px;
	text-align: center;
}
.aktresp ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.aktresp li{
	float:left;
	text-align:left;
	margin:0px 6px 0px 0px;
	list-style-type: none;
}

.bilancar {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align: center;
}
.bilancar ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.bilancar li{
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	list-style-type: none;
	font-size:16px;
}

.bilancol1{
	width:670px;
}

.bilancartext {
    margin: 20px 0px 0px 0px;
    color:#00000;
    font-weight: normal;
    font-size: 16px;
    text-align:left;
}

.bilancarre {
	margin:50px 0px 0px 0px;
	padding:0px;
	text-align: center;
}
.bilancarre ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.bilancarre li{
	float:left;
	width:370px;
	height:290px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	list-style-type: none;
	font-size:14px;
	letter-spacing:-0.02em;
}

.borddroit{
border-right:2px solid #90d646;
}

.bordbas{
border-bottom:2px solid #90d646;
}

.aligndroite{
	text-align:right;
}
.aligngauche{
	text-align:left;
}

.label {
	margin:30px 0px 40px 0px;
	padding:0px;
	text-align: left;
}
.label ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.label li{
	float:left;
	margin:0px 22px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	font-size:16px;
}

.gesteeco {
	margin:40px 0px 40px 0px;
	padding:0px;
	text-align: right;
}
.gesteeco ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.gesteeco li{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 22px 0px 0px;
	list-style-type: none;
	font-size:14px;
}
.alignbas{
line-height:20px;
margin-top:14px;
font-weight: bold;
}

.aktresp .homme {
	border-bottom:10px solid #90d646;
	width:250px;
	font-size:16px;
	letter-spacing:0.01em;
}
.aktresp .transp {
	border-bottom:10px solid #3e3e40;
	width:250px;
	font-size:16px;
	letter-spacing:0.01em;
}

.aktresp .recyc {
	border-bottom:10px solid #5a2866;
	width:250px;
	font-size:16px;
	letter-spacing:0.01em;
}

/* -----------------------------------------------------
					livraison
------------------------------------------------------*/

.livraison {
    padding:0px;
    margin: 0px;
    color:#000000;
    font-weight: normal;
    font-size: 14px;
    text-align:left;
    line-height: 20px;
}


.livraison ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

.livraison li{
	float:left;
	text-align:left;
	font-size:14px;
	letter-spacing:-0.01em;
	margin:0px 50px 15px 0px;
	list-style-type: none;
}

/* -----------------------------------------------------
					Recrutement
------------------------------------------------------*/
.recrutement-liste{
	list-style-type: none;
}

.titrerecrutement {
	font-size:16px;
	font-weight: bold;
	text-align:left;
	margin: 0px;
	padding: 0px;
}

.recrutement{
	width:998px;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.recrutement a{
	font-size:14px;
	color:#000000;
	text-decoration:none;
}

.recrutement ul{
	margin-top:15px;
	margin-left:0px;
	padding:0px;
}

.recrutement li{
	float:left;
	font-size:14px;
	letter-spacing:0.01em;
	text-align:left;
	line-height:18px;
	color:#000000;
margin: 22px 45px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
}

.recrutement .txvert {
	color:#90d646;
	font-size:16px;
	letter-spacing:0.01em;
	margin-bottom: 5px;
}
/* -----------------------------------------------------
					plan du site
------------------------------------------------------*/
.plansite{
	margin-bottom: 30px;
	padding: 0px 20px 0px 75px;
	text-align:left;
}

#colonne1{
	width:290px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	letter-spacing: -0.05em;
}

#colonne1 ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#colonne1 li{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style: none;
}

#colonne1 a{
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#colonne2{
	width:270px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	text-align:left;
	float:left;
	letter-spacing: -0.05em;
}

#colonne2 ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#colonne2 li{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style: none;
}

#colonne2 a{
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#colonne3{
	width:230px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	text-align:left;
	float:left;
	letter-spacing: -0.05em;
}

#colonne3 ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#colonne3 li{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style: none;
}

#colonne3 a{
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/* -----------------------------------------------------
					Studio showroom
------------------------------------------------------*/
.titrestudio {
	font-size:16px;
	font-weight: bold;
	text-align:center;
	letter-spacing:-0.02em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.formulaire-datepicker{
	margin:10px 0px 30px 235px;
	display: none;
}
.formulaire-datepicker label{
	font-family: 'maax-mono-regular-205tf';
	font-weight:normal;
	font-size:14px;
	color:#000000;
	width:140px;
	display: inline-block;
	text-align: left;
	margin:0px 0px 10px 0px;
}
.formulaire-datepicker input{
	font-family: 'maax-mono-regular-205tf';
	font-weight:normal;
	font-size:14px;
	color:#000000;
	width:200px;
	margin:0px 0px 0px 0px;
}
.formulaire-datepicker i{
	font-family: 'maax-mono-regular-205tf';
	font-weight:normal;
	font-size:14px;
	color:#000000;
	text-align: left;
}

/* -----------------------------------------------------
					formulaire telechargement
------------------------------------------------------*/
.interieurpage{
	font-family: 'maax-mono-regular-205tf';
	font-weight:normal;
	font-size:14px;
	color:#000000;
	margin:0px 0px 0px 0px;
	letter-spacing: -0.03em;
}

.col350{
	width: 350px;
}


.boxclose{
    position: absolute;
    top: -7px;
    right: -7px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #999;
    border-radius: 40px;
    background: #999;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 10px 6px;       
}

.boxclose:before {
    content: "x";
}


/* -----------------------------------------------------
					planche d'ambiance
------------------------------------------------------*/
.encartplanche {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    float:right;
}

.encartplanche ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.encartplanche li {
    text-align: left;
    line-height:12px;
    list-style: outside none none;
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 0px 0px;
    float:left;
}

.encartplanche li a{
    font-weight: normal;
    font-size: 12px;
    color: #000000;
	text-transform: uppercase;
    text-decoration:none;
}
.encartplanche li a:hover{
	text-decoration:underline;
}

.encartplanche .tx{
padding-top: 18px;
text-align: right;
}

.encartplanche .otxa{
    color: #f5700e;
}