@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);
@font-face {
	font-family:'chaleteighty';
	src:url('../fonts/chaletnewyorknineteeneighty-webfont.eot');
	src:url('../fonts/chaletnewyorknineteeneighty-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/chaletnewyorknineteeneighty-webfont.woff2') format('woff2'),
		 url('../fonts/chaletnewyorknineteeneighty-webfont.woff') format('woff'),
		 url('../fonts/chaletnewyorknineteeneighty-webfont.ttf') format('truetype'),
		 url('../fonts/chaletnewyorknineteeneighty-webfont.svg#chaletmedium') format('svg');
	font-weight:600;
	font-style:normal;
}
.conteneur {width:100%;max-width:1000px;margin:auto;font-size:16px; font-family:'chaleteighty','Open Sans', sans-serif;}

#center{width:1000px;margin:0 auto;overflow:hidden;}
#center_part_1{display:none;}
#center_part_2_full{width:100%;}
#contenuhome{width:100%;margin:0;} 

#content a, #footer-b a {text-decoration:none;}
h3 {margin:0;}
#content, #footer-b, #content-assistance, #content-contenu {text-align:center;letter-spacing:-0.31em;}
div * {letter-spacing:normal;}
.conteneur strong,.conteneur b{font-weight:700;}

div[id^='header-'] {margin-top:10px;}
div[id^='header-'] ul {list-style:none;font-family:'Open Sans', sans-serif;}
div[id^='header-'] ul li {display:inline-block;font-size:0.750em;}
div[id^='header-'] ul li a {color:black; text-decoration:underline;}
div[id^='header-'] ul li::after {content:">";margin:0 0.625em;}
div[id^='header-'] ul li:first-child, ul li:last-child  {margin:0;}
div[id^='header-'] ul li:last-child:after {content:'';}
div[id^='header-'] h2 {text-transform:uppercase;display:block;font-size:0.875em;margin-top:20px; color:#000;}

/******* PAGE ACCUEIL *********/
div[id^='header-'] .img-bg {margin-top:20px;}
#header-essentielb .img-bg { background:url(../img/home/header.jpg) center no-repeat; min-height:388px;}
#header-essentielb h2 {color:black;}
#header-essentielb .img-bg > img {width:30%;min-width:300px;position:absolute;margin:0;top:35px;left:53%;transform:translate(-50%, -50%);}
#header-essentielb .desc{background-color:#f9f9f9; padding:50px 0 50px 0; margin:0; font-size:20px; color:#e75300;}
#header-essentielb .desc img{display: inline-block;vertical-align: middle;margin:0px 20px;}
#header-essentielb .desc br{margin-bottom: 10px;content: "";display: block;}
#header-essentielb .desc span{color: #3b3b3b;font:400 16px 'Open Sans',Arial,sans-serif;text-align:left;display: inline-block;width: 80%;vertical-align: middle;}


#content > div, #content > a > div {display:inline-block;vertical-align:top;width:320px;height:320px;overflow:hidden; margin: 5px;}


#content > a .orange {background:#e75300;width:320px;padding:115px 0 122px 0; height:84px;}
#content .orange h2 {color:white;margin:auto;margin-bottom:0.313em;font-weight:200;font-size:18px;font-family:'Open Sans', sans-serif;}
#content .orange div {width:100%;background-color:white;}
#content .orange img {height:50px;}
#content .produits {position:relative;}
#content .produits h2 {color:#ff5c00;font-size:0.8em;display:inline-block;position:relative;margin-top:10px;font-family: 'Open Sans',Arial,sans-serif;}
#content .produits h2 span.brand{color:#3b3b3b;font-size:1em;font-family: 'Open Sans',Arial,sans-serif;text-transform: uppercase;}
#content .produits .titre-prod {color:black;font-size:1.25em;margin-top:130px;}
#content .produits .desc {color:black;font-size:0.875em;font-weight:200;font-family:'Open Sans', sans-serif;}
#content .produits h2:after {content:'';width:0;height:0;border-style:solid;border-width:0 5px 8.7px 5px;border-color:transparent transparent #000 transparent;display:block;position:absolute;right:-20px;top:4px;}

#content .media {width:650px;  margin-left:10px;}
#content .media > a:first-child {background-color:rgba(255, 255, 255, 0.9);width:100%;position:absolute;bottom:0;height:46px;overflow:hidden;background-color:#e9e9ea;}
#content .media h2:after {content:'';width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent  #000000;display:block;position:absolute;right:-20px;top:2px;}
#content .media video, #content .media iframe {width:100%;}

#content .animation {background-color:rgba(255, 255, 255, 0.9);width:100%;transition:height 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;position:absolute;bottom:0;height:35px;overflow:hidden;}
#content .produits:hover .animation {height:360px;}

#content .essentiel {;position:relative;}

#content .animation-mirror img {height:40px;position:absolute;top:10px;left:10px;}
#content .animation-mirror {background-color:#162f33;width:100%;transition:height 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;position:absolute;height:100%;bottom:0;overflow:hidden;margin:0;}
#content .essentiel:hover .animation-mirror  {height:0;}

#content .essentiel h2 {width:100%;margin-top:5.5em;font-family:'Open Sans', sans-serif;color:white;font-weight:600;font-size:1.250em;}
#content .essentiel .desc {color:white;font-weight:200;font-size:0.938em;display:block;font-family:'Open Sans', sans-serif;margin:0;}
#content .essentiel p::after {content:'';width:0;height:0;border-style:solid;border-width:19.1px 11px 0 11px;border-color:#ffffff transparent transparent transparent;display:block;position:absolute;left:150px;top:200px;}
#content .garantie {background-color:#e75300;;padding:115px 0 80px 0; height:125px;}
#content .garantie > img  {height:120px;margin-top:-30px;}
#content .garantie h2 {color:white;margin:auto;margin-bottom:0.313em;font-weight:200;font-size:18px;font-family:'Open Sans', sans-serif;}


#footer-b div {display:inline-block;vertical-align:top;margin:20px 0 0 8px;}
#footer-b > a {padding: 0;}
#footer-b > a div {background-color:#e75300;width:320px; padding:15px 0;}
#footer-b > a div p {color:white;font-size:16px;font-weight:600;}


/*******HEADER PAGES CONTENU ********/ 
.img-bg {width:100%;max-width:1000px;height:100%;max-height:716px;min-height:215px;position:relative; border-bottom:4px solid #e75300;}
.return {position:absolute;top:5px;left:5px;width:30px;height:auto;}
.return > img {width:100%;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.desc {font-size:0.875em;color:black;font-weight:600;text-align:center;margin:45px 0;font-family:'Open Sans', sans-serif;}
.descMarque {font:400 24px 'Open Sans',Arial,sans-serif;color: #FFF;text-align: center;width: 100%;background-color: #ff5c00;padding: 20px 0px;margin-top: 20px;}
.descMarque span{font:400 24px 'Open Sans',Arial,sans-serif;color: #FFF;text-transform: uppercase;}
.titre {color:white;font-size:3em;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);font-family: 'Open Sans',Arial,sans-serif;font-weight: 300;}
.logoEssentiel{display: block;margin: 20px auto 0px;}

/******* PAGE ASSISTANCE *********/

#header-assistance .img-bg{ background:url(../img/assistance/head.jpg) no-repeat center;}
#header-contenu .img-bg.garanties{ background:url(../img/contenu/garanties.jpg) no-repeat center;}
.conteneur .gps {margin:15px 0px;padding: 25px 0px;display: table;}
.conteneur .gps p {display: table-cell;vertical-align: middle;background-color:#f1f2f2;border-right: 10px solid #FFF;padding: 0px 10px}
.conteneur .gps p span{font-size: 14px;display: block;}
.conteneur .gps p span a{color: #000;}
.conteneur .gps img{display: inline-block;vertical-align: middle;}
@media screen and (max-width: 780px){
	.conteneur .gps{display: flex;flex-flow: column;}
	.conteneur .gps p {border-right: 0px solid #FFF;padding: 20px}
}

/*ENCARTS TELECHARGEMENT*/
#content-assistance *{font-family:'Open Sans', sans-serif;color:white;}
#content-assistance > div {vertical-align:top;margin-top:15px;}
.encart-telechargement {height:355px;width:390px;padding:30px 50px;display:inline-block;vertical-align:top;text-align:left;}
.encart-telechargement h3 {font-size:1.750em;font-weight:300;}
.encart-telechargement p {font-size:0.750em;font-weight:600;}


/*LISTES*/
.encart-telechargement .liste {width:320px;border:1px solid ;background:transparent;height:35px; border-radius:3px;margin-top:15px;position:relative;display:inline-block;}
.encart-telechargement select {width:100%;height:100%;background:transparent;font-size:0.875em;border:none;position:relative;z-index:1;padding:0 35px 0 5px; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.33) inset; color:white}
.encart-telechargement form {height:100%;}

.encart-telechargement option, optgroup {background:white;border:1px solid #e2e2e2;color:#999 !important;font-weight:400;}
.encart-telechargement .liste::before {content:'';height:100%;border-left:1px solid white;position:absolute;top:0;right:32px;}
.encart-telechargement .liste::after {content:'';width:0;height:0;border-style:solid;border-width:8px 7.5px 0 7.5px;border-color:white transparent transparent transparent;position:absolute;display:block;right:10px;top:15px;}
.encart-telechargement .intitule {font-size:12px;margin-top:10px;}
.encart-telechargement > .resultat > a {width:150px;height:30px;border:1px solid white;text-align:center;background-color:#1a2d2f;display:inline-block;text-decoration:none;font-size:14px;padding-top:8px;margin-top:10px;border-radius:3px;color:white;}

/*Suppression de la flèche du select*/
#content-assistance select::-ms-expand {display:none;}
#content-assistance select{-webkit-appearance:none;appearance:none;}
#content-assistance @-moz-document url-prefix(){
	.ui-select{border:1px solid #CCC;border-radius:4px;box-sizing:border-box;position:relative;overflow:hidden;}
	.ui-select select { width:110%;background-position:right 30px center !important;border:none !important;}
}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 30px 2px 2px;border:none;}

/*PILOTES*/
#content-assistance .pilotes {background-color:#162f33;}
#content-assistance .pilotes p {color:#ed5c2f;}

/*IMAGE*/
#content-assistance .img {display:inline-block;height:415px;overflow:hidden;vertical-align:top;margin-left:15px;}
#content-assistance .img > img {height:100%;}

/*DECLARATIONS*/
#content-assistance .declarations {background-color:#f1f2f2;}
#content-assistance .declarations p, #content-assistance .declarations h3 {color:#000;}
#content-assistance .declarations .liste {border:1px solid #575454;background:#f1f2f2;}
#content-assistance .declarations .align {margin-top:22px;}
#content-assistance .declarations select {color:#575454;}
#content-assistance .declarations .liste::before {border-left:1px solid #575454;}
#content-assistance .declarations .liste::after {border-color:#575454 transparent transparent transparent;}
#content-assistance .declarations .intitule {font-size:12px;margin-top:10px;color:#575454;}
#content-assistance > .declarations > .align > .resultat > a {width:150px;height:30px;border:1px solid #575454;text-align:center;background-color:transparent;display:inline-block;text-decoration:none;font-size:14px;padding-top:8px;margin-top:10px;border-radius:3px;color:#575454;}

/*PILOTES*/
#content-assistance .compo {background-color:#ed5c2f;margin-left:15px;}
#content-assistance .compo p {color:white;}
#content-assistance .compo .liste { background:transparent;}
#content-assistance > .compo > .resultat > a {width:150px;height:30px;border:1px solid white;text-align:center;background-color:transparent;display:inline-block;text-decoration:none;font-size:14px;padding-top:8px;margin-top:10px;border-radius:3px;color:white;}

/*ENCARTS-BOTTOM*/
#content-assistance .notice {height:180px;width:195px;text-align:center;background-color:#162f33;padding:25px;display:inline-block;}
#content-assistance .notice h3 {font-size:0.875em;color:#15a3bd;font-weight:800;text-transform:uppercase;}
#content-assistance .notice p, #content-assistance .notice a {font-size:0.750em;color:white;font-weight:800;}

/*RAPPEL*/
#content-assistance .rappel {height:180px;width:690px;text-align:center;background-color:#f1f2f2;padding:25px;display:inline-block;margin-left:12px;}
#content-assistance .rappel h3 {font-size:0.875em;color:#15a3bd;font-weight:800;text-transform:uppercase;}
#content-assistance .rappel p, #content-assistance .rappel p a {font-size:12px;color:black;font-weight:800;margin:0;}


/******* PAGE CONTENU *********/
#content-contenu > div {vertical-align:top;margin-top:15px;} 

#header-contenu .img-bg{ background:url(../img/contenu/head.jpg) no-repeat center;display:inline-block;}
#header-contenu .titre {top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;text-align: center;}
#header-contenu .logo {position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);height:35px;background-color:white;text-align:center;width:300px;}
#header-contenu .logo img {height:120%;width:auto;margin-top:-5px;}

#content-contenu {font-family:'Open Sans', sans-serif;}
#content-contenu .facilite {background:#162f33;color:white;}
#content-contenu span {font-family:'chaleteighty', sans-serif;}
#content-contenu .orange {font-weight:600;color:#ed5c2f;}
#content-contenu ul li, #content-contenu p {font-weight:400;font-size:12px;}
#content-contenu ul li::before {content:'\2022 \ ';}
#content-contenu ul li::after {content:'';}

#content-contenu .qualite {background:#ed5c2f;color:white;margin-left:15px;}

#content-contenu .img {display:inline-block;height:415px;overflow:hidden;vertical-align:top;margin-left:15px;}
#content-contenu .img > img {height:100%;}
#content-contenu .img:nth-child(3) {margin-left:0;}

#content-contenu .side {display:inline-block;height:645px;overflow:hidden;width:245px;}
#content-contenu .side:last-child {margin-left:15px;}
#content-contenu .sous-titre {text-transform:uppercase;color:#162f33;font-weight:600;}

#content-contenu .encart-naissance {height:575px;width:400px;text-align:left;background-color:#f1f2f2;padding:35px 40px;display:inline-block;margin-left:12px;}
#content-contenu .encart-naissance .orange {margin:0 0 0 0;}

#content-contenu .encart-naissance h3 {font-weight:200; font-size:20px;}
#content-contenu .encart-naissance ul {padding:0; margin:0;}

/******* AJOUTS *********/
.conteneur h3, .conteneur [class^="encart-"] p {padding-bottom:15px;}
.conteneur .encart-telechargement h3{padding-bottom:25px;}

/****GARANTIES****/
#content-contenu .garantie-5 {background:#ed5c2f;color:white;margin-left:15px;}
#content-contenu .garantie-5 h3, #content-contenu .garantie-5 p {padding-bottom:5px;}

/****PRESSE***/
#content-contenu .coordonnees {background:#162f33;color:white;}
#content-contenu .coordonnees > h3 {margin:70px 0 20px 0;}
#content-contenu .coordonnees > div > p {color:white;display:inline-block; margin:0; vertical-align:top;}
#content-contenu .coordonnees > div > p:last-child {margin-left:30px;}

@media screen and (max-width:1030px) {
	#content-assistance > div, #content-contenu > div {width:100% !important;text-align:center !important;margin:0 !important; height:auto !important; }
	.encart-telechargement, .notice, .rappel, .encart-naissance {padding:20px 0 !important;}
	p, a, #content-contenu ul li{font-size:1em !important;padding:5px;}
	.titre {font-size:30px !important;}
	#content-assistance > .img, #content-contenu > .img, #content-contenu > .side {display:none !important;}
	.f-assistance {width:100% !important; margin:5px 0 !important;}
	.f-home {width:640px;} 
	h3 {padding:20px 0; font-size:30px !important; margin:0 !important;}
	.rappel a {text-decoration:underline;}
}

@media screen and (max-width:690px) {
	p, a, #content-contenu ul li{padding:0;}
	#content > div, #content > a > div {margin:0 !important;}
	#content .media {width:320px;overflow:hidden;}
	#content .media video, #content .media iframe {height:274px;}
	.f-home {width:320px;}
	#footer-b div {margin: 8px 0 !important;}
	#header-contenu .logo {top:70% !important;}
	#content-contenu .coordonnees > div > p:last-child {margin-left:0;}
	#header-essentielb h1 {margin-left:10px;}
}