/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015
*/

/* ################################################################################################################																		     *
														IMPORTS
 *###############################################################################################################*/


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);*/
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,900");

@font-face {
	font-family: 'OldPress';
	src: url('font/old_press.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('font/old_press.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('font/old_press.ttf') format('truetype')
		/* Safari, Android, iOS */
}

@font-face {
	font-family: 'ChromosomeReversedHeavy';
	src: url('font/chromosome_w01_reversd_heavy-webfont.woff2') format('woff2'),
		url('font/chromosome_w01_reversd_heavy-webfont.woff') format('woff'),
		url('font/chromosome_w01_reversd_heavy-webfont.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirBlack';
	src: url('font/avenirltstd-black-webfont.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('font/avenirltstd-black-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('font/avenirltstd-black-webfont.ttf') format('truetype')
		/* Safari, Android, iOS */
}

@font-face {
	font-family: 'AvenirBook';
	src: url('font/avenirltstd-book-webfont.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('font/avenirltstd-book-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('font/avenirltstd-book-webfont.ttf') format('truetype')
		/* Safari, Android, iOS */
}

@font-face {
	font-family: 'AvenirRoman';
	src: url('font/avenirltstd-roman-webfont.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('font/avenirltstd-roman-webfont.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('font/avenirltstd-roman-webfont.ttf') format('truetype')
		/* Safari, Android, iOS */
}

/*font-family: 'Open Sans', Arial, sans-serif;*/



/* ################################################################################################################																		     *
														BASICS
 *###############################################################################################################*/


html,
body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 15px;
	background: #111;
	color: #7c8081;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.75em;
}

body.is-loading * {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input,
select,
textarea {
	color: #7c8081;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.75em;
}

a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	color: #111;
	text-decoration: none;
	border: none;
}

a:hover {
	text-decoration: none;
	color: #ffb900;
}

a:active,
a:focus {
	outline: 0;
}

a img {
	border: 0;
}


strong,
b {
	font-weight: 700;
}

p,
ul,
ol,
dl,
table,
blockquote {
	margin: 0 0 2em 0;
}

p {
	text-align: justify;
	font-family: 'AvenirRoman', Arial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

h1 {
	margin-bottom: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
	border: 0;
}

h2 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	font-family: "Josefin Slab", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	color: #ffffff;
}

.fancybox-inner h2 {
	background: #B9A64D;
}


h3 {
	font-size: 1.15em;
	letter-spacing: 0.025em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr {
	border-top: solid 1px rgba(124, 128, 129, 0.2);
	border: 0;
	margin-bottom: 1.5em;
}

blockquote {
	border-left: solid 0.5em rgba(124, 128, 129, 0.2);
	font-style: italic;
	padding: 1em 0 1em 2em;
}

pre {
	margin: 10px;
	padding: 5px;
	background: #fafafa;
	border: 1px dashed #ebebeb;
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
}

/**
	 * Lists
	 */
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

dl {
	margin: 0;
	padding: 0;
}

dt {}

dd {}

ul.strong li {
	font-weight: 900;
}

i.blue {
	color: #b9a64d;
}

.centered {
	text-align: center;
}

/* ################################################################################################################																		     *
														ELEMENTS
 *###############################################################################################################*/

/* Table */

table {
	width: 100%;
}

table.default {
	width: 100%;
}

table.default tbody tr {
	border-bottom: solid 1px rgba(124, 128, 129, 0.2);
}

table.default td {
	padding: 0.5em 1em 0.5em 1em;
}

table.default th {
	font-weight: 400;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

table.default thead {
	background: #7c8081;
	color: #fff;
}

/*   bouton article */
.btn-voir-plus {
	background-color: #b9a64d;
	color: white;
	width: 30%;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

/*form connection*/
#LogInForm {
	width: 50%;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}


/* Form */

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	border: solid 1px rgba(124, 128, 129, 0.5);
	color: inherit;
	display: block;
	padding: 0.4em 0.75em;
	text-decoration: none;
	width: 100%;
	outline: 0;
	border-right-width: 20px;
	border-right-style: solid;
}

input[type="text"],
input[type="password"],
input[type="email"] {
	line-height: 1.2em;
}

label {
	text-transform: uppercase;
}

.missingField label,
.invalidField label {
	color: #ec0001;
}

.missingField input,
.missingField textarea,
.missingField select,
.invalidField input,
.invalidField textarea,
.invalidField select {
	border-color: #ec0001;
}

.formErrors {
	margin: 0;
	padding: 10px 0 10px 0;
}

.formErrors li {
	list-style: none;
	margin: 0px 0 5px 0;
	line-height: 16px;
	color: #ec0001;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border-color: #b9a64d;
}


#field-security {
	display: none !important;
}



/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background: none;
	border: solid 1px;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 900;
	letter-spacing: 2px;
	min-width: 18em;
	padding: 0.5em 0.75em;
	line-height: 1.75em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
	background: rgba(188, 202, 206, 0.15);
	border-color: inherit;
}






/* LANGS */


#LangLinks {
	z-index: 1000;
	position: absolute;
	right: 10px;
	top: 3px;
}

#LangLinks li {
	width: 24px;
	height: 18px;
	float: left;
	margin-right: 8px;
}

#LangLinks li.last {
	margin: 0;
}

#LangLinks li a {
	display: block;
	height: 100%;
	background-image: url(zims/buttons/flags.png);
	border: none;
}

#LangLinks li a.disabled {
	background-image: url(zims/buttons/flags-disabled.png);
}

#LangLinks li a:hover {
	background-image: url(zims/buttons/flags.png);
	box-shadow: 0px 0px 3px #ffffff;
}

.hiddenData,
#ConceptionCredit span,
#LangLinks li a span {
	display: none;
}

#FrLink {
	background-position: -24px top;
}

#EnLink {
	background-position: 0 top;
}

#EsLink {
	background-position: -48px top;
}

#CaLink {
	background-position: -192px top;
}

#DeLink {
	background-position: -72px top;
}




/* Specials */


/**
	 * Floating elems
	 */
.float {
	display: inline;
	float: left;
}

/**
	 * Away elems
	 */
.away {
	position: absolute;
	top: -99999px;
}

.awayText {
	text-indent: -9999px;
	overflow: hidden;
}

.hidden {
	display: none;
}

/**
	 * WRAPPERS 980
	 */
.focusW {
	margin: 0 auto;
	width: 980px;
}

/**
	 * Overlays
	 */
/* WHITE*/
.overlay-w {
	background: rgba(255, 255, 255, 0.7);
}

.lt-ie9 .overlay-w {
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
	zoom: 1;
}

/* BLACK*/
.overlay-b {
	background: #242424;
}

.lt-ie9 .overlay-b {
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
	zoom: 1;
}

/* ################################################################################################################																		     *
														PAGES
 *###############################################################################################################*/


/*
	
	BLEU  #b9a64d
	
	*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HEADER */

body,
#ContentW,
#Content {
	height: 100%;
}

body {
	padding-top: 250px;
	background: no-repeat center top;
	background-size: 100% auto;
}

#HeaderW {
	z-index: 1000;
	position: fixed;
	/*height: 9%;*/
	top: 0;
	width: 100%;
	/* background-color: rgba(245, 243, 238, 0.9); */
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 9%, rgb(0 0 0 / 70%) 100%);
}

#Header {
	width: 90%;
	margin: 1em auto;
	position: relative;
	display: flex;
	/* flex-direction: row; */
	/* align-content: center; */
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	/*gap: 10px;*/
	/*border:1px solid red;*/
}

#Header>div {
	/*border:1px solid blue; */
	flex-grow: 3;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

a#HomeLink {
	width: 100%;
}

a#HomeLink img {
	width: 100%;
}


#Header>div#Logo {
	flex-direction: row;
	justify-content: left;
}

#Header>div#Nav {
	flex-direction: row;
	justify-content: right;
}


#MenuLink {
	/*position: relative;
	left: 50%;
	transform: translate(-50%);*/
	width: 250px;
	border: none;
	rotate: -2deg;
	background: #bfd8b4;
}


#Header h1 {
	/* position: absolute; */
	/* font-weight: 900; */
	/* margin: 0; */
	/* text-align: center; */
	/* left: 5%; */
}

#Header h1 {
	/* margin: 0; */
	width: 125px;
	/* padding: 0; */
}

/* MAIN MENU */

div#opendate {
	background-color: #ffffff;
	position: fixed;
	top: 25%;
	left: 0;
	padding: 25px;
	color: #000000;
}

#exceptday {
	font-weight: bold;
}



#Nav {
	/* position: absolute; */
	/* right: 0; */
	/* width: 100%; */
}

#MainMenu {
	/* display: inline; */
	/* position: absolute; */
	/* z-index: 2000; */
	/* right: 0; */
}

.lt-1440 #MainMenu {
	top: 10px;
}

#MainMenu>li {
	text-transform: uppercase;
	display: inline;
	margin-left: 20px;
	position: relative;
}

#MainMenu>li a,
.HTMLMenu>li strong {
	font-size: 1em;
	/* letter-spacing: 0.1em; */
	color: #bfd8b4;
	font-weight: 500;
}

#MainMenu>li a:hover {
	border-bottom: 1px dotted #859b7c;
	color: #859b7c;
}

#MainMenu>li ul {
	position: absolute;
	left: 0;
	top: 35px;
	background: #fff;
	min-width: 200px;
	display: none;
}

#MainMenu>li ul li a {
	display: block;
	border-bottom: 1px solid #859b7c;
	padding: 10px 15px
}

#MainMenu .HTMLMenu-Level2 {
	font-size: 14px;
	line-height: 1;
}



.lt-1440 .HTMLMenu>li a {
	font-size: 1em;
}

#MainMenu-contact-Link {
	color: #b9a64d;
	font-weight: 700;
}

#MainMenu-fb-Link i,
#MainMenu-insta-Link i {
	font-size: 1.5em;
	position: relative;
	top: 3px;
}


#ContentW {
	margin-bottom: 11%;
}

/* Footer */

#Footer {
	text-align: center;
	z-index: 100;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 65px;
	padding-top: 2px;
}

#Copyright {
	font-size: 0.8em;
	margin: 0;
	color: #fff;
	line-height: 1.1em;
	text-align: center;
	margin-top: 10px;
}


#Socials {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	display: flex;
	justify-content: center;
}

#Socials li {
	display: inline-block;
}

#ConceptionCreditLink {
	color: #fff;
}

#FacebookLink,
#TwitterLink {
	border: none;
	margin-right: 7px;
}

*/
/*#ContentW{ background: #fff;  }
	
	#Page-Article #Content, #page-accords-ce #Content{ 
		background: rgba(255,255,255,0.9);
		margin: 25px 20% 50px;
		padding: 30px;
	}
	
	
	#VideoW {
		box-sizing: border-box;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
	}



/* Content */



.SkewW {

	-ms-transform: skew(-10deg, 0);
	-webkit-transform: skew(-10deg, 0deg);
	transform: skew(-10deg, 0deg);
	overflow: hidden;
}



.Skew {
	z-index: 1;
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.SkewCell {
	display: table-cell;
	vertical-align: middle;
	-ms-transform: skew(10deg, 0);
	-webkit-transform: skew(10deg, 0deg);
	transform: skew(10deg, 0deg);

}



#BMWLinkW {
	z-index: 10;
	position: absolute;
	top: 0;
	left: -7%;
	width: 57%;
	height: 100%;
	overflow: hidden;
}

#MINILinkW {
	z-index: 5;
	right: -7%;
	width: 64%;
	position: absolute;
	top: 0;
	height: 100%;
	overflow: hidden;
}


.homeImageW {
	display: block;
	position: absolute;
	height: 100%;
	overflow: hidden;
	width: 110%;
	opacity: 0;
}


.mainLink .homeImageW img.animZim {
	position: absolute;
	/* image à l'échelle 1 au départ */
	-webkit-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	-moz-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	-o-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	-ms-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	transition: all 2s;
	-webkit-transition: all 2s;
	/*transform: translate3d(0px, 0px, 0px) scale(1);*/
}

.mainLink:hover .homeImageW img.animZim {
	-ms-transform: translate3d(0px, 0px, 0px) scale(1.10, 1.10);
	transform: translate3d(0px, 0px, 0px) scale(1.10, 1.10);
	-webkit-transform: translate3d(0px, 0px, 0px) scale(1.10, 1.10);
}


#BandeauLogo {
	width: 100%;
	position: absolute;
	bottom: 100px;
	z-index: 1000;
	min-height: 100px;
	margin: 0;
}

#BandeauLogo a {
	display: block;
	position: absolute;
	width: 40%;
	text-align: center;
	font-weight: 700;
	top: 0;
	padding: 10px 0;
}

#BandeauLogo a span {
	display: block;
}

#BandeauLogo a#BMWLogoW {
	background: url(zims/frontend/bandeau-black-bmw.png) no-repeat right top;
	z-index: 1002;
	left: 0;
	color: #ffffff;
}

#BandeauLogo a#BMWLogoW img {
	height: 80px;
}

#BandeauLogo a#MiniLogoW {
	background: url(zims/frontend/bandeau-white-mini.png) no-repeat left bottom;
	right: 0;
	z-index: 1001;
	color: #000000;
}

#BandeauLogo a#MiniLogoW:hover,
#BandeauLogo a#BMWLogoW:hover {
	color: #859b7c !important;
}

#BandeauLogo a#MiniLogoW img {
	height: 80px;
}


a.supersizedLink {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#page-home,
#page-home #ContentW,
#page-home #Content {
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding-top: 0;
}

#page-home #ContentW {
	background: none;
	margin-top: 0
}

#page-home #Content {
	padding: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PARTENAIRES * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page-partenaires {
	background-image: url(../media/images/default.jpg);
}

#Page-Article #Content>div.articleHeader>div>div>h2 {
	font-size: 3em;
	color: black;
}




/* .accords-ce-section {background: url(zims/frontend/bg-accords-ce.jpg) no-repeat center; background-position: cover;} */
#page-accords-ce,
#Page-Article {
	background: url(zims/frontend/bmw-bg.jpg) no-repeat top center;
	background-position: cover;
	padding-top: 120px !important;
}

#page-accords-ce.mini,
#Page-Article.mini,
#page-blog.mini {
	background: url(zims/frontend/mini-bg.jpg) no-repeat top center;
}

#page-accords-ce.authCe {
	padding-top: 120px !important;
	background: none;
}

#page-accords-ce #ContentW {
	background: none;
}

#page-accords-ce.authCe #ContentW {
	/*background: rgba(255,255,255,0.9);*/
	background: none;
	width: 70%;
	margin: auto;
	position: absolute;
	top: 50%;
	height: auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#page-accords-ce h2.auth {
	padding-left: 0 !important;
}

#PartenaireContent {
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 1.5em;
}

#PartenaireContent h2,
#PartenaireContent h3,
#PartenaireContent h4,
#PartenaireContent p,
#PartenaireContent li {
	color: #333;
}

#PartenaireContent p,
#page-recrutement #ContentW p {
	margin-bottom: 8px;
}

#PartenaireContent p em,
#page-recrutement #ContentW em {
	font-style: italic;
	font-weight: 600;
	line-height: 12px;
	font-size: 0.9em;
}

#PartenaireContent h2,
#page-recrutement #ContentW h2 {
	font-size: 3em;
}

#PartenaireContent h2 img {
	display: block;
	/* margin: 0 0 10px 40px;*/
	position: relative;
	float: right;
	bottom: 100px;
}

#PartenaireContent h2 {
	margin-bottom: 1.5em;
}


#PartenaireContent h3 {
	border-top: 15px solid #859b7c;
	padding-top: 25px;
}

#PartenaireContent h3 {
	font-size: 2.2em;
	font-weight: 600;
	margin-top: 60px;
}

#PartenaireContent h3:nth-child(1) {
	border: none;
	padding-top: 0;
	margin-top: 0;
}

#PartenaireContent h4,
#page-recrutement #ContentW h4 {
	font-size: 1.8em;
	font-weight: 600;
	color: #859b7c;
	clear: left;
	padding-top: 30px;
}

#PartenaireContent li {
	border-bottom: 1px solid #777;
	padding: 7px 0;
	overflow: auto;
	clear: left;
}

#PartenaireContent li span,
#page-recrutement #ContentW li span {
	display: block;
	float: left;
}

#PartenaireContent li span:nth-child(2) {
	float: right;
}


.decoZimList {
	clear: both;
	padding-top: 50px;
}

.decoZimList h4 {
	padding-top: 0;
}

.decoZimList img {
	display: block;
	float: right;
	width: 35%;
	border-right: 15px solid #859b7c;
	margin-top: 30px
}

.decoZimList ul {
	display: inline;
	float: left;
	width: 55%;
}

.decoZim {
	display: block;
	float: right;
	margin: 0 0 40px 40px;
	width: 35%;
	border-right: 15px solid #b9a64d;
}

.decoZim.big {
	width: 50%;
}

.decoZim.full {
	width: 100%;
	float: none !important;
	margin: 0 !important;
}

.decoZim.noborder {
	border: none;
}

.decoZim.logo {
	width: 300px;
	border: 1px solid #b9a64d;
}

.clear {
	clear: both;
}


.cadre {
	border: 4px solid #b9a64d;
	padding: 20px;
	overflow: auto;
}

.cadre.aere {
	margin-top: 50px;
}

.cadre .decoZim {
	border: none;
	margin-bottom: 0;
}

.cadre.zim p {
	width: 43%;
	text-align: left;
}


#Proposition,
#VotreDemande,
.bigButton {
	font-size: 18px;
}

#page-accords-ce li p.centered {
	width: 100%;
	text-align: center;
}

.barreauTLS ul li:last-child {
	border-bottom: none !important;
}

#page-accords-ce .legend {
	font-style: italic;
}

#page-accords-ce .fullWidth {
	width: 100%;
	margin: 10px auto;
}

#page-accords-ce .fullWidth img {
	width: 100%;
	border: none;
	margin: 10px auto 20px;
}

#page-accords-ce .fullWidth .legend {
	padding-left: 0;
}

#page-accords-ce .fullWidth.center {
	text-align: center;
}

#page-accords-ce iframe {
	display: block;
	margin: 30px auto;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * COTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




#page-contact,
#page-newsletter {
	overflow: visible;
	background-image: url(../media/images/default.jpg);
}

#page-newsletter,
#page-map {
	padding: 0;
}

#page-newsletter,
.newsletter-section {
	width: min-content !important;
	margin: auto !important;
}

#page-newsletter #HeaderW,
#page-newsletter #Footer,
#page-map #HeaderW,
#page-map #Footer {
	display: none;
}

#page-newsletter #Content,
#page-map #Content {
	margin: auto;
	padding: 0 !important;
}

#page-newsletter #Content {
	width: 500px;
}

#page-map #Content {
	width: 800px;
}

#page-newsletter #Content .legend,
#page-map #Content .legend {
	margin: 0;
}

#page-newsletter .fancyContent,
#page-map .fancyContent {
	padding: 0 !important;
}

.screenbgZim {
	display: none;
}

/* Google Map / Vcard */


#jGMapW {
	width: 800px;
	height: 600px;
	margin: 0;
	border: none;
}

#jGMap {
	width: 100%;
	height: 100%;
}


.vcard p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

.vcard p.fn {
	font-size: 1.8em;
	color: #b9a64d;
	font-weight: 700;
	text-transform: uppercase;
}

.vcard p.hor {
	margin: 10px 0;
}

.vcard .adr .street-address {
	display: block;
}

.vcard .tel .type,
.vcard .uri,
.vcard .geo {
	display: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.fancyContent {
	background: #fff url(zims/frontend/floral.jpg) no-repeat right top;
	padding: 0 0 20px 0;
	min-width: 400px;
}

.fancyContent .button {
	color: #000
}

.fancyContent h2,
#page-accords-ce h2.auth {
	font-size: 2.3em;
	line-height: 1em;
	margin: 0 0 20px 0;
	text-transform: none;
	color: #b9a64d;
	background: none;
	padding: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.fancyContent form {
	padding: 20px 200px 20px 20px;
}



#NewsletterFormButtons {
	margin-top: 20px;
}


.legend {
	font-size: 0.9em;
	text-align: left !important;
	color: #000;
	padding-left: 15px;
}

#FancyContactBox {
	width: 700px;
}

#NewsletterBox {
	width: 500px;
}



.fancyContent #ContactForm {
	margin: 0;
	padding: 0 25px 10px;
	margin-top: 15px;
	padding-right: 200px;
}

.fancyContent #ContactForm fieldset p {
	width: 45%;
	display: inline;
	float: left;
	margin-bottom: 15px;
}

#NewsletterForm fieldset p {
	width: 95%;
	margin-bottom: 15px;
}

#NewsletterForm fieldset p#field-marque select {
	width: 100%;
	padding: 0.4em 0.75em;
}


.fancyContent #ContactForm fieldset p#field-nom,
.fancyContent #ContactForm fieldset p#field-email,
.fancyContent #ContactForm fieldset p#field-date {
	margin-right: 5%;
}

.fancyContent #ContactForm fieldset p#field-objet,
.fancyContent #ContactForm fieldset p#field-message {
	width: 95%;
}

/* #ContactForm fieldset p#field-date,  #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/

.fancyContent #message {
	height: 100px;
}

#date,
#heure,
#nbpers {
	width: 90px;
}

.fancyContent #Confirmation {
	padding: 100px 200px 100px 20px;
	font-size: 1.3em;
}

/*.formButtons { display: inline; float: left; width: 100%; texta-lign: center;}
	 .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;}
 	.formButtons input:hover{ color: #666;}*/


.fancyContent .vcard {
	padding: 0 200px 0 20px;
}

.fancyContent .vcard p {
	line-height: 1.1em;
	font-size: 1.1em;
}

.fancyContent .vcard p.fn {
	display: none;
}

.fancyContent .vcard .adr .street-address {
	display: inline;
}





/******** RESTONS CONNECTES ********/
#page-restons-connectes {
	background: url(zims/frontend/bg-restons-connectes3.jpg) fixed top;
}

#page-restons-connectes #ContentW {
	background: none;
}

#page-restons-connectes #Wrapper {
	background: #ffffff;
	padding: 40px;
}

#page-restons-connectes h2 {
	margin-bottom: 0;
}

#page-restons-connectes h2,
#page-restons-connectes h3 {
	font-weight: 800;
	text-transform: initial;
}

#page-restons-connectes p:not(#Copyright),
#page-restons-connectes div {
	font-size: 17px;
	color: #333333;
}

#page-restons-connectes p.center {
	text-align: center;
}

#page-restons-connectes p strong.blue {
	color: #b9a64d;
	text-transform: uppercase;
	font-size: 25px;
}

#page-restons-connectes .blue {
	color: #b9a64d;
}

#page-restons-connectes #BilanSecu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#page-restons-connectes #BilanSecu #BilanSecuLeft,
#page-restons-connectes #BilanSecu #BilanSecuRight {
	width: 45%;
}

.mobile #page-restons-connectes #BilanSecu #BilanSecuLeft,
.mobile #page-restons-connectes #BilanSecu #BilanSecuRight {
	width: 100% !important;
}


#page-restons-connectes #BilanSecu #BilanSecuRight img {
	width: 100%;
}

#page-restons-connectes h4 {
	color: #b9a64d;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}

#page-restons-connectes #BilanSecu h4 span {
	line-height: 20px;
}

#page-restons-connectes #BilanSecu h4 img {
	position: relative;
	bottom: -10px;
	padding-right: 20px;
	width: initial;
}

#page-restons-connectes ol,
#page-restons-connectes ol li {
	list-style-type: revert;
	font-weight: 600;
}

#page-restons-connectes ol {
	font-size: 15px;
}

#page-restons-connectes img {
	width: 100%;
}

#page-restons-connectes .btnBilanSecurite,
#page-restons-connectes .btnSAV {
	background: #b9a64d;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: 600;
	margin: auto;
	display: table;
	margin-bottom: 50px;
}

#page-restons-connectes .btnSAV {
	margin-top: 30px;
	margin-bottom: 60px;
}

#page-restons-connectes .remiseText strong {
	display: block;
	margin-top: 20px;
}

#page-restons-connectes ul,
#page-restons-connectes ul li {
	list-style-type: revert;
}

#page-restons-connectes .remise {
	column-count: 2;
	width: 80%;
	margin: auto;
}

.mobile #page-restons-connectes .remise {
	column-count: 1;
	width: 80%;
	margin: auto;
}

#page-restons-connectes .remboursementPneumatiques {
	margin-top: 20px;
}

#page-restons-connectes .remboursementPneumatiques strong {
	text-transform: initial !important;
	font-size: 17px !important;
}

#page-restons-connectes #PartieAttestation {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
	justify-content: space-around;
	align-items: flex-start;
}

#page-restons-connectes #PartieAttestation div {
	width: 45%;
}

.mobile #page-restons-connectes #PartieAttestation div {
	width: 100% !important;
}

#page-restons-connectes #PartieAttestation div strong {
	font-size: 20px;
}

#page-restons-connectes #PartieAttestation .btnAttestation {
	background: #b9a64d;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: 600;
	display: block;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * BLOG * * * * * * * * * * * * * * * * * * * * * * * */

#page-blog {
	padding-top: 0;
	background: #F5F3EE;
	color: #000000;
}

#page-blog #ContentW {
	overflow-x: hidden;
}

#page-blog #Content,
#Page-ArticleBlog #Content {
	margin-bottom: 0px;
}

#page-blog #Content p {
	font-size: 1.1em;
	font-weight: 500;
}


#page-blog #EventWW {
	padding-top: 50px;
	width: 70%;
	margin: 0 auto;
}

#page-blog #Content .blogHeader {
	position: relative;
	width: 100vw;
	margin: -9px;
	height: 33vh;
	/* height: auto; */
	/*  border:1px solid red; */
	overflow: hidden;
}

#page-blog #Content .blogHeader img {
	/*position: absolute;
	
	height: 75%;
	left: 50%;
	top: 46%;
	transform: translate(-50%, -50%);*/
	width: 100%;
	filter: brightness(0.8);
}

#page-blog #Content .blogHeader h2 {
	position: absolute;
	bottom: 60px;
	color: #fff;
	width: 100%;
	text-align: center;
	font-family: oldpress;
	font-size: 4em;
}


#blogHeader {
	padding: 1em;
}

#p-fancy {
	text-align: center;
}

#EventWW {
	padding: 1em;
}

#EventWW.extrait {
	position: relative;
	height: 300px;
	overflow: hidden;
	padding: 0;
}

#EventWW.extrait div.moreInfos {
	position: absolute;
	bottom: 0;
	padding: 150px 20% 0 20%;
	text-align: center;
	width: 100%;
	/* border:1px solid red; */
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 1) 70%);
	overflow: auto;
}

#EventWW.extrait div.moreInfos a {
	width: 200px;
	margin: 0 auto;
	display: inline-block;
}

#titre-fancy {
	text-align: center;
	padding: 0.9em;
}

#remerciement-fancy-confirm {
	text-align: center !important;
}

#EmbaseFormSubmit {
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

#btn-confirm {
	left: 50%;
	position: relative;
	transform: translate(-50%);
}

#fancy-confirm {
	padding-bottom: 1em;
}


/*#page-blog #Content { width:70%; margin:0 auto; position:relative;  background:rgba(255,255,255,0.8); padding:1em; margin-bottom: 50px;  }*/

#page-blog #Content h2:first-child {
	position: absolute;
	padding-top: 25px;
	top: 50%;
}

@keyframes bounce {
	from {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-16px);
	}

	to {
		transform: translateY(0px);
	}
}

#ScrollLink i {
	animation: bounce 1s ease infinite;
}



#SearchForm {
	position: relative;
	padding-bottom: 25px;
	padding-top: 0;
	width: 340px;
	float: right;
}

#SearchForm p.textField {
	position: relative;
	text-align: right;
}

#SearchForm label {
	display: none;
}

#SearchForm input[type=text] {
	border: 1px solid #ffbd11;
	padding-left: 5px;
	text-align: left;
	width: 300px;
	display: inline-block;
}

#SearchForm svg,
#SearchForm i.fa {
	position: absolute;
	left: 15px;
	top: 10px;
	color: #ffb900;
}

#SearchForm .formButtons {
	display: none;
}

h2.centerLined {
	color: #060606;
	margin: 2em 0;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
	position: relative;
	font-weight: bold;
}

h2.centerLined:before {
	position: absolute;
	display: block;
	height: 1px;
	margin-left: 0%;
	content: "";
	background-color: #bfd8b4;
	width: 200%;
	left: -170%;
	top: 50%;
}

h2.centerLined:after {
	position: absolute;
	display: block;
	height: 1px;
	margin-left: 0%;
	content: "";
	background-color: #bfd8b4;
	width: 200%;
	right: -170%;
	top: 50%;
}

#StarsList {
	overflow: auto;
	width: 100%;
	display: block;
	position: relative;
	overflow: visible;
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	grid-template-rows: masonry;
	masonry-auto-flow: next;
	gap: 20px;
}


#StarsList li {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	margin: 0;
	display: grid;
	grid-template-rows: 1fr auto;
	grid-column-end: span 1;
	grid-row-end: span 1;
}

#StarsList li.bigItem {
	grid-column-end: span 2;
	grid-row-end: span 2;
	/*grid-template-rows: 2fr auto;*/
	/*height:500px;*/
}

#StarsList li img {
	width: 100%;

	-ms-transform: scale(1.1) translate(10px);
	/* IE 9 */
	-webkit-transform: scale(1.1) translate(10px);
	/* Safari 3-8 */
	transform: scale(1.1) translate(10px);

	transition: transform 3s;

}

#StarsList li:hover img {
	/*border-color:#ffffff;*/
	-ms-transform: scale(1.5) translate(10px);
	/* IE 9 */
	-webkit-transform: scale(1.5) translate(10px);
	/* Safari 3-8 */
	transform: scale(1.5) translate(10px);
	transition: transform 30s;
}

#StarsList li div.textW {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}

#StarsList li div.textW h3 {
	margin: 0;
	padding: 4px 0;
	color: #ffffff;
	width: 100%;
	font-size: 1.3em;
	font-weight: bold;
}

#StarsList li div.textW span {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.8em;
}

#StarsList li span.ladate {
	letter-spacing: 5px;
}

/*#StarsList li:first-child { width:66%;  width:62.5%; margin-right:1%; }*/


#SearchList {
	display: block;
	overflow: auto;
	width: 100%;
}

#SearchList li {
	display: block;
	position: relative;
	margin: 0 1% 1em 1%;
	width: 48%;
	height: auto;
	height: 100%;
	float: left;
}

#SearchList li img {
	width: 100%;
	border: 1px solid rgb(124, 128, 129);
}

#SearchList li:hover img {
	border-color: #ffffff;
}

#SearchList li div.textW {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}

#SearchList li div.textW h3 {
	margin: 0;
	padding: 4px 0;
	color: #ffffff;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
}

#SearchList li div.textW span {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.9em;
}

#SearchList li span.ladate {
	letter-spacing: 5px;
}

p.noData {
	line-height: 300px;
	height: 300px;
	text-align: center;
	font-size: 2em;
	font-style: italic;
	color: #cccccc;
	clear: both;
}

p.searchResults {
	clear: both;
	text-align: center;
	background-color: rgba(185, 166, 77, 0.9);
	padding-bottom: 4px;
	color: #ffffff;
}

#Page-ArticleBlog .focus {
	width: 70%;
	margin: 0 auto;
	position: relative;
}

#MoreList {
	height: auto;
}

#MoreList li {
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}

#backLink {
	margin: 0.3em 0 0.3em 0;
}

#MoreList li div.textW {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}

#MoreList li div.textW h3 {
	color: #ffffff;
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
}

#MoreList li img {
	width: 100%;
}


#Page-ArticleBlog {
	padding-top: 0;
	color: #000000;
}

#Page-ArticleBlog #Content {
	width: 100%;
	padding: 0;
	overflow: hidden;
}

#Page-ArticleBlog #Content div.articleHeader {
	background: #000000;
	position: relative;
	height: 100vh;
	overflow: hidden;
	width: 100%;
}

#Page-ArticleBlog #Content div.articleHeader>img {
	/* position: absolute;
	bottom: 0;
	width: 100%; */
}

#Page-ArticleBlog #Content div.articleHeader .fullGallerieSlick {
	position: relative;
	height: 23vh;
	width: 100%;
}

#Page-ArticleBlog #Content div.articleHeader .fullGallerieSlick div.item {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #000000;
}

#Page-ArticleBlog #Content div.articleHeader .fullGallerieSlick div.item img {
	width: 100%;
	position: relative;
	padding-top: 50%;
	-ms-transform: translate(0, -50%);
	/* IE 9 */
	-webkit-transform: translate(0, -50%);
	/* Safari 3-8 */
	transform: translate(0, -50%);
}

/*#Page-ArticleBlog #Content div.articleHeader img  { position: absolute; top: 50%; margin-top: -35%; }*/
#Page-ArticleBlog #Content div.articleHeader #ScrollLink {
	position: absolute;
	bottom: 20%;
	left: 50%;
	-ms-transform: translate(-50%);
	/* IE 9 */
	-webkit-transform: translate(-50%);
	/* Safari 3-8 */
	transform: translate(-50%);

	color: #ffffff;
	font-size: 1.1em;
	font-weight: 600;
}

@keyframes bounce2 {
	from {
		transform: translateY(0);
	}

	50% {
		transform: translateY(8px);
	}

	to {
		transform: translateY(0px);
	}
}

#Page-ArticleBlog #Content div.articleHeader #ScrollLink i {
	animation: bounce2 1s ease infinite;
	margin-right: 0.3em;
}


#Page-ArticleBlog #Content div.articleHeader .zoneTitle {
	position: absolute;
	bottom: 40%;
	left: 0;
	width: 100%;
	padding-bottom: 4em;
}

#Page-ArticleBlog #Content div.articleHeader h2 {
	color: #ffffff;
	font-size: 3em;
	margin: 20px 0;
	font-weight: 600;
	font-family: "AvenirBlack";
	/*width:90%; */
	margin: 0 auto;
	text-shadow: 1px 1px 2px #000000;
}

#Page-ArticleBlog #Content div.articleHeader h2>span {
	display: block;
	font-weight: 500;
	font-size: 0.5em;
	text-transform: uppercase;
	margin: 0 auto;
}

#Page-ArticleBlog #Content div.articleHeader .zoneTitle span.ladate {
	margin: 0 0 1% 0;
	display: block;
	letter-spacing: 5px;
	color: #ffffff;
	/*width:90%;*/
	margin: 0 auto;
	font-weight: 600;
}

/*#Page-Article #Content .focus { padding: 25px 20% 20px; }*/

#Page-ArticleBlog #Content div.paragraphe {
	padding: 35px 0;
	font-size: 1.2em;
	border: none;
	font-weight: 400;
	margin: 0;
}

#Page-ArticleBlog #Content div.paragraphe h3 {
	font-weight: 600;
}

#Page-ArticleBlog #Content div.paragraphe.no_photo,
#Page-ArticleBlog #Content div.paragraphe.photo_droite,
#Page-ArticleBlog #Content div.paragraphe.photo_gauche,
#Page-ArticleBlog #Content div.paragraphe.video_droite,
#Page-ArticleBlog #Content div.paragraphe.video_gauche {
	padding: 35px 20% 35px;
	overflow: auto;
}

.lt-1280 #Page-ArticleBlog #Content div.paragraphe.no_photo,
.lt-1280 #Page-ArticleBlog #Content div.paragraphe.photo_droite,
.lt-1280 #Page-ArticleBlog #Content div.paragraphe.photo_gauche,
.lt-1280 #Page-ArticleBlog #Content div.paragraphe.video_droite,
.lt-1280 #Page-ArticleBlog #Content div.paragraphe.video_gauche {
	padding: 35px 5% 35px;
}


#Page-ArticleBlog #Content div.paragraphe.photo_droite .ImageLink {
	float: right;
	margin-left: 20px;
}

#Page-ArticleBlog #Content div.paragraphe.photo_gauche .ImageLink {
	float: left;
	margin-right: 20px;
}

#Page-ArticleBlog #Content div.paragraphe.video_droite iframe {
	float: right;
	margin-left: 20px;
}

#Page-ArticleBlog #Content div.paragraphe.video_gauche iframe {
	float: left;
	margin-right: 20px;
}

#Page-ArticleBlog #Content div.paragraphe.video {
	text-align: center;
}

#Page-ArticleBlog #Content div.paragraphe.photo img {
	width: 100%;
}


#Page-ArticleBlog #Content div.paragraphe:first-child {
	padding-top: 70px !important;
}

#Page-ArticleBlog #Content div.paragraphe:last-child {
	padding-bottom: 0 !important;
}


p.backLink {
	width: 150px;
	position: fixed;
	bottom: 6%;
	right: 0;
	text-align: right;
	z-index: 100;
}

p.backLink>a.button {
	min-width: 70px;
	padding: 0.75em 0.75em 0.75em 1em;
	background: rgba(255, 255, 255, 0.8);
}




@media(max-width:1300px) {

	#Header h1 {
		left: 3%;
	}

	.HTMLMenu {
		padding-right: 3%;
	}

	#Content {
		padding-left: 10%;
		padding-right: 10%;
	}
}




@media(max-width:1024px) {

	.fancybox-inner {
		height: auto !important;
	}

	body {
		background-size: 230% auto;
		padding-top: 220px;
	}

	#page-accords-ce {
		padding-top: 120px !important;
	}

	.focusW {
		width: 100%;
		margin: 0;
	}

	#HeaderW {
		position: absolute;
		padding-top: 0;
	}

	#Header h1 {
		left: 20px;
		top: 20px;
	}

	#Header {
		width: 95%;
	}

	.screenbgZim {
		display: none;
	}

	#BandeauLogo {
		bottom: 50px;
	}

	#BandeauLogo a {
		width: 60%;
		padding: 10px 15% 10px 0;
	}

	#BandeauLogo a span {
		line-height: 1em;
	}

	#BandeauLogo a#MiniLogoW {
		padding: 10px 0 10px 15%;
	}

	#BandeauLogo a img {
		height: 55px !important;
	}

	/*#page-home #supersized .slide-1 img{ margin-left: -30%; }
		#page-home #supersized .slide-2 img{ margin-left: 20%; }
		#page-home #supersized .slide-3 img{ margin-left: 30%; }*/

	#Copyright {
		font-size: 0.7em;
	}


	/*#BandeauLogo a{ width: 100%; text-align: left; padding: 10px 0 10px 5%; position: static; overflow: auto;   }
		#BandeauLogo a img, #BandeauLogo a span{ display: inline; float: left; vertical-align: middle;}*/

	/*.portrait #BMWLinkW{ z-index: 10;  position: absolute;  top: 0;  left: 0;  width: 100%;   height: 50%; overflow: hidden; }
		.portrait #BMWLogoW{ top: 35%; }
		.portrait #BMWLogoW .linkLabel{ color: #fff;}
		
		.portrait #MINILinkW{ z-index: 5; right: 0; width: 100%; position: absolute; bottom: 0; top: auto; height: 50%;  overflow: hidden; }
		
		.portrait .logoW{  width: 100%; left: 0; right: auto; text-align: center;}
		.portrait .logo{ display: inline-block; width: 100px; }
		

		.portrait #BMWLogoW .logo{ width: 60px;  }
		.portrait #MiniLogoW span.logoWW{ display: inline-block; padding: 2px 5px; background: #fff;}
		
	
		.portrait #HomeLink img{ display: inline-block; width: 150px;}
		
		.portrait #Copyright{font-size: 0.7em; }*/

	#Nav {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5000;
	}

	#NavIco {
		display: block;
		position: absolute;
		bottom: -50px;
		width: 100%;
		z-index: 10001;
		height: 50px;
		width: 70px;
		text-indent: -999px;
		overflow: hidden;
		background: rgba(65, 186, 236, 0.8) url(zims/buttons/minimenu-b.png) no-repeat center;
		border: none;
	}

	#NavIco.left {
		left: 0;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		border-bottom-right-radius: 10px;
	}

	#NavIco.right {
		right: 0;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-left-radius: 10px;
	}


	#Nav .HTMLMenu {
		height: auto;
		padding: 0;
		margin: 0;
		background: #fff;
		position: static !important;
		display: block;
	}

	#Nav .HTMLMenu li {
		height: auto;
		display: block;
		float: none !important;
		width: 100%;
		margin: 0 !important;
		border-bottom: 1px solid #aaa;
	}

	#Nav .HTMLMenu li a {
		display: block;
		padding: 12px 15px;
		color: #111;
		text-align: center;
		line-height: 1em;
		font-size: 1.3em;
		font-weight: 300;
	}



	#Nav .HTMLMenu li>strong {
		display: none;
	}

	#MainMenu>li ul {
		position: static;
		display: block;
	}

	#MainMenu>li ul li a {
		border: none;
		padding: 5px 15px
	}


	#AuthFormButtons {
		text-align: center;
	}

	#Content {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	#PartenaireContent h2 img {
		margin: 0 auto;
		float: none;
		bottom: 0;
	}

	#PartenaireContent h2 {
		font-size: 2.5em;
		text-align: center;
	}

	.decoZimList img {
		float: none;
		width: 100%;
		margin-top: 10px;
	}

	.decoZimList ul {
		display: block;
		float: none;
		width: 100%;
	}

	.decoZim {
		display: block;
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}

	.decoZim.big {
		width: 100%;
	}



	#jGMapW {
		width: 100%;
		height: 500px;
		margin: 0;
		border: none;
	}


	#page-contact #Header,
	#page-newsletter #Header {
		height: 250px;
		position: absolute;
	}

	#page-contact #Nav,
	#page-newsletter #Nav {
		position: fixed;
	}

	#page-contact #Content,
	#page-newsletter #Content {
		padding: 25px 5% 50px;
		margin-top: 20px;
	}

	h2.pagetitle {
		font-size: 2.3em;
		line-height: 1em;
		text-transform: none;
		color: #b9a64d;
		background: none;
		font-weight: 600;
		text-transform: uppercase;
	}


	#ContactForm fieldset p,
	#NewsletterForm {
		width: 100%;
	}

	#page-contact .vcard p {
		line-height: 1.1em;
		font-size: 1.1em;
		margin-bottom: 20px;
	}

	#page-contact .vcard p.fn {
		display: none;
	}

	#page-map #Content {
		width: auto;
	}

	#page-accords-ce #ContentW {
		position: initial !important;
		transform: none !important;
		width: 90% !important;
	}

	#page-accords-ce #Content {
		padding: 0 30px 30px;
	}

	#NewsletterBox {
		width: 100%;
		background: none;
		min-width: 100%;
	}

	#NewsletterForm {
		padding: 20px;
	}

	#NewsletterForm fieldset p {
		width: 100%;
	}

	#NewsletterFormButtons {
		text-align: center;
	}

	#page-newsletter #Content {
		width: 100%;
	}

	#page-newsletter,
	.newsletter-section {
		width: 100% !important;
	}

	#MenuLink {
		width: 150px;
		min-width: auto;
	}

	div#Nav {
		display: none !important;
	}

	#page-blog #Content .blogHeader img {
		width: auto;
		height: 100%;
		position: relative;
		left: -70%;
	}

	#page-blog #Content h2:first-child {
		position: relative;
		text-align: center;
		text-shadow: 1px 1px 7px #00000040;
	}

	#SearchForm {
		position: relative;
		padding-bottom: 25px;
		padding-top: 0;
		width: 340px;
		left: 50%;
		transform: translate(-55%);
		float: none;
	}

	#page-blog #EventWW {
		padding-top: 20px;
		width: 80%;
		margin: 0 auto;
	}

	#StarsList {
		overflow: auto;
		width: 100%;
		display: block;
		position: relative;
		overflow: visible;
		display: flex;
		flex-direction: column;
	}

	#page-blog #Content h2:first-child {
		position: absolute;
		text-align: center;
		z-index: 3000;
	}

	#page-blog #Content .blogHeader h2 {
		font-size: 2em;
	}

	#ScrollLink {
		display: none;
	}

	#SearchList li {
		display: block;
		position: relative;
		margin: 0 2% 1em 0;
		width: 99%;
		height: auto;
		height: 100%;
		float: left;
	}

	#Header>div {
		justify-content: center;
		align-items: end;
	}

	#Socials {
		justify-content: space-evenly;
	}

	#EmbaseFormMainFieldset>p {
		margin: 0 0 1em 0;
	}

	#p-fancy {
		margin: 0 0 1em 0;
	}

}




/**************************************** RECRUTEMENT *******************************************/


#page-recrutement {
	padding-top: 0;
	margin-top: 50%;
}

#page-recrutement #ContentW {}

#MainTitle {
	text-align: center;
	margin-top: -190px;
	color: #ffffff;
}



#page-recrutement #Content {
	padding: 25px 10% 50px;
}

#page-recrutement h3 {
	color: #b9a64d;
	text-align: center;
	font-size: 2.2em;
	font-weight: 600;
}

#page-recrutement h4 {
	color: #b9a64d;
}

p.accroche {
	text-align: center;
	font-weight: 600;
	padding-bottom: 2em;
	color: #333;
}

p.btnRecrutement {
	text-align: center;
	color: #333;
}

/*#page-recrutement .focusW h3 {border: none !important; margin-top: 0 !important; color: #b9a64d !important;}*/
#page-recrutement .btnRecrutement {
	margin-top: 50px;
	margin-bottom: 50px !important;
}

#page-recrutement .focusW .stretch {
	font-weight: bold;
}

#page-recrutement #ListeOffresE li {
	text-align: center;
	border-bottom: 1px solid #b9a64d;
}

/*#page-recrutement #ContentW { background: url(../media/images/intro-offre.png) no-repeat center top; margin-top: -100px; padding-top: 290px; }*/


div.contentSingleOffre ul {
	list-style: square;
	padding-left: 15px;
	overflow: auto;
}

div.contentSingleOffre ul>li {
	border: none;
	padding: 7px 0;
	clear: left;
	display: block;
	list-style-type: disc;
}



/*  #page-recrutement .homeRecrutement .focusW, #page-recrutement .contentSingleOffre {border-top: 15px solid #b9a64d;}*/
#page-recrutement .homeRecrutement .focusW .stretch {
	padding-top: 40px;
}

#depotCandidature form {
	text-align: left;
	width: 60%;
	margin: auto;
}

#page-recrutement #field-prenom,
#page-recrutement #field-tel {
	float: right !important;
}

#page-recrutement #fieldset-LeftCol p {
	width: 45%;
	display: inline;
	float: left;
	padding-bottom: 20px;
}

#PostuleFormButtons {
	text-align: center;
	margin-top: 30px;
}

#PostuleFormWrapper {
	margin-bottom: 50px;
	margin-top: 50px;
}

#PostuleFormButtons:hover {
	color: #b9a64d;
	border-color: #b9a64d;
}

/*#page-recrutement #LoiCV {text-align:justify; width:60%; margin:auto;}*/
#page-recrutement #depotCandidature {
	margin-bottom: 50px;
}

#page-recrutement #depotCandidature h3 {
	color: #b9a64d;
	width: 60%;
	margin: auto;
}

#page-recrutement label {
	text-transform: initial;
	display: block;
}

#page-recrutement .backLinkW {
	text-align: right;
}

#page-recrutement .paragrapheW {
	text-align: justify;
}

#page-recrutement h4 {
	margin-bottom: 0;
}

#page-recrutement .contentSingleOffre .paragrapheW ul li {
	border: none !important;
	padding: 0 0 !important;
}

#page-recrutement .contentSingleOffre .paragrapheW ul {
	list-style: square !important;
}

#page-recrutement .contentSingleOffre .paragrapheW h3 {
	margin-bottom: 0;
	text-align: center;
}

p#EspaceContact {
	margin-top: 30px;
	text-align: center;
}

#page-recrutement #msgConfirmation {
	padding-top: 10px;
}

#page-recrutement #msgConfirmation h3 {
	margin-top: 0;
	border-bottom: none;
}

#page-recrutement .offreDateDetail {
	text-align: center;
}

/*#page-recrutement .contentSingleOffre  ul li {list-style-type: inherit !important; overflow: inherit !important;}*/
#page-recrutement #ListeOffresE li {
	border: 4px solid #b9a64d;
	padding: 20px;
	height: 300px;
	width: 300px;
	margin-bottom: 20px;
}

#page-recrutement #ListeOffresE li:hover {
	background-color: #b9a64d;
	color: #fff !important;
}

#page-recrutement .offreDate {
	text-align: center;
	float: none !important;
}

#page-recrutement .offreDate em {
	font-weight: normal !important;
}

#ListeOffresE {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#ListeOffresE li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#ListeOffresE li a strong {
	font-size: 1.3em;
}

.linkOffre a {
	margin-top: 10px;
}

.btnDetail:hover,
.postulerFormIframe:hover {
	color: #b9a64d !important;
	border-color: #b9a64d;
	background-color: #fff;
}

#ListeOffresE li a:hover {
	color: #fff;
}

.contentSingleOffre .pg-textW {
	color: #000 !important;
}

.stretch.accroche {
	padding-top: 3em;
}

#page-recrutement #Content {
	border-top: 15px solid #b9a64d;
	background: white;
}




/**************************************** BLOG *******************************************/


.paragraphe {
	margin: 30px 0;
	display: inline-block;
	border: #b9a64d solid 4px;
	padding: 50px;
	font-weight: 600;
	min-width: 100%;
	max-width: 100%;
}

.paragraphe>p {
	max-width: 100%;
}

.paragraphe.photo {
	text-align: center;
}

.paragraphe img {
	max-width: 100%;
}

.photo_droite img {
	float: right;
	margin-left: 50px;
	max-width: 500px;
}

.photo_gauche img {
	float: left;
	margin-right: 50px;
	max-width: 500px;
}

.video_droite iframe {
	float: right;
	margin-left: 50px;
}

.video_gauche iframe {
	float: left;
	margin-right: 50px;
}

.lien {
	text-align: center;
	display: block;
	border: none;
	margin: 10px;
}

.link a {
	text-align: center;
	border: solid 1px black;
	padding: 10px 50px;
	text-transform: uppercase;
}

.video {
	text-align: center;
	display: block;
}

#Content>div.articleHeader>img {
	float: right;
	max-width: 100%;
}

.paragraphe li {
	min-width: 150px;
}





@media(max-width:1300px) {
	.paragraphe img {
		float: unset;
		text-align: center;
	}

	.photo_droite img {
		margin: 0;
		max-width: 100%;
	}

	.photo_gauche img {
		margin: 0;
		max-width: 100%;
	}

	#HomeLink img {
		max-width: 145px;
	}
}

@media(max-width:450px) {

	#Page-Article #Content,
	#page-accords-ce #Content {
		margin: unset !important;
		padding: 30px;
	}
}




/* Page des Conditions générales de prêt */
#page-conditions-generales-de-pret {
	padding-top: 150px;
}

#page-conditions-generales-de-pret #Nav {
	display: none;
}

#page-conditions-generales-de-pret #HeaderW {
	padding-top: 0;
	position: absolute;
}

#page-conditions-generales-de-pret #Header {
	z-index: 10000;
	background: url(zims/frontend/header-cgp.jpg) no-repeat top center;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	height: 400px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

#page-conditions-generales-de-pret #Nav {
	display: none;
}

#page-conditions-generales-de-pret #HomeLinkW {
	padding-top: 20px;
}

#page-conditions-generales-de-pret #ContentW {
	padding-top: 280px;
}

#page-conditions-generales-de-pret .columnsCGV {
	margin-bottom: 100px;
}

#page-conditions-generales-de-pret h2 {
	color: #b9a64d;
	font-weight: 600;
	font-size: 2em;
	line-height: 1em;
}

#page-conditions-generales-de-pret h3 {
	font-weight: 600;
}

#page-conditions-generales-de-pret strong {
	font-weight: 500;
}

#page-conditions-generales-de-pret ul.content {
	padding-left: 20px;
}

#page-conditions-generales-de-pret .downloadCGP {
	display: block;
	position: fixed;
	bottom: 50px;
	left: 0;
	padding: 10px 20px;
	background: #b9a64d;
	text-transform: uppercase;
}

#page-conditions-generales-de-pret .downloadCGP a {
	color: #ffffff !important;
}



@media all and (max-width: 1024px) {
	#page-recrutement #ContentW {
		background: url(../media/images/intro-offre-1.png) no-repeat center top;
		margin-top: -350px;
		padding-top: 290px;
	}

	#page-recrutement .focusW {
		width: auto !important;
	}

	#PostuleForm,
	#page-recrutement #depotCandidature h3,
	#page-recrutement #LoiCV {
		width: auto !important;
	}

	#page-recrutement #MainTitle {
		display: none;
	}
}

@media all and (max-width: 800px) {
	#page-recrutement #ContentW {
		margin-top: -250px;
	}

	div#opendate {
		background-color: #ffffff;
		position: fixed;
		top: 10%;
		left: 0;
		padding: 10px;
		color: #000000;
		opacity: 0.9;
	}

	#Page-ArticleBlog #Content div.articleHeader h2 {

		font-size: 1.3em;

	}
}

@media all and (max-width: 450px) {
	#page-recrutement #ContentW {
		background: url(../media/images/intro-offre-400.png) no-repeat center top;
		margin-top: -100px;
		padding-top: 120px;
	}

	#page-accords-ce #ContentW {
		width: 100% !important;
	}

	#page-recrutement #Content {
		padding: 25px 10px 50px;
	}

	#page-accords-ce #Content {
		padding: 0 10px;
	}

	#page-recrutement #PostuleForm fieldset p {
		float: none !important;
		width: 100%;
	}

	#page-recrutement #PostuleForm fieldset p input {
		margin-bottom: 10px;
	}

	#page-recrutement #MainTitle {
		display: none;
	}

	.stretch.accroche {
		padding-top: 0px;
	}

	div#opendate {
		background-color: #ffffff;
		position: fixed;
		top: 11%;
		left: 0;
		padding: 10px;
		color: #000000;
		opacity: 0.9;
	}

	.decoZim.logo {
		width: 100%;
	}

	#page-accords-ce a#Proposition,
	#page-accords-ce a#VotreDemande {
		font-size: 12px;
	}

	#page-accords-ce .cadre.zim p {
		width: 100%;
	}

	#page-accords-ce iframe {
		width: 100%;
		height: auto;
	}

	#Proposition,
	#VotreDemande,
	.bigButton {
		font-size: 14px;
	}

	#EventWW {
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}

	#Content {
		margin: 0;
	}

	.photo_droite img {
		float: unset;
		margin-left: unset;
		max-width: 100%;
	}

	.paragraphe {
		padding: 20px;
	}

	.video_droite iframe {
		float: unset;
		margin-left: unset;
		max-width: 100%;
	}

	#Content>div.pragraphesW>div.paragraphe.video_droite>p>a {
		max-width: 300px !important;
		min-width: unset !important;
	}

	#Proposition,
	#VotreDemande {
		max-width: 300px !important;
		min-width: unset !important;
	}

	#Content>div.articleHeader>img {
		margin-bottom: 50px;
	}

	#Page-Article #Content>div.articleHeader>div>div>h2 {
		text-align: center;
	}

	.video iframe {
		max-width: 100%
	}

	#Content>div.pragraphesW>div>ul {
		max-width: 100%
	}

	p.fullWidth {
		width: 100% !important;
	}


	#page-blog .focus,
	#page-blog #Content {
		width: 100%;
		padding-bottom: 5px;
	}

	/* #page-blog #Content h2:first-child {
		position: relative;
		text-align: center;
	} */

	#StarsList li:first-child,
	#StarsList li {
		width: 100%;
		margin: 0;
	}

	#MoreList li {
		margin-right: 0;
	}

	.fancyContent {
		min-width: auto;
	}


	#Page-ArticleBlog #Content div.articleHeader {
		/* padding-top: 65px; */
		height: auto;
	}

	#Page-ArticleBlog #Content div.articleHeader img {
		position: relative;
		margin-top: 0;
		top: auto;
		z-index: 100;
	}

	#Page-ArticleBlog #Content div.articleHeader .zoneTitle {
		position: relative;
		margin-top: 0;
		bottom: auto;

		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
		background: -moz-linear-gradient(top, rgba(186, 183, 164, 1) 0%, rgba(185, 166, 77, 0.9) 100%);
		/* FF3.6-15 */
		/* background: -webkit-linear-gradient(top, rgba(186, 183, 164, 1) 0%, rgba(185, 166, 77, 0.9) 100%); */
		/* Chrome10-25,Safari5.1-6 */
		/* background: linear-gradient(to bottom, rgba(186, 183, 164, 1) 0%, rgba(185, 166, 77, 0.9) 100%); */
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066B1', endColorstr='#ff0066B1', GradientType=0);
		/* IE6-9 */
		padding-bottom: 1em;
	}

	#Page-ArticleBlog #Content div.articleHeader .zoneTitle .focus {
		width: 100%;
	}

	#Page-ArticleBlog #Content {
		margin: 0;
		padding-bottom: 50px;
	}

	#Page-ArticleBlog #Content .focus {
		padding: 25px 5% 20px;
		width: 90%;
	}

	#Page-ArticleBlog p.backLink {}

	#Page-ArticleBlog #Content div.paragraphe.no_photo,
	#Page-ArticleBlog #Content div.paragraphe.photo_droite,
	#Page-ArticleBlog #Content div.paragraphe.photo_gauche,
	#Page-ArticleBlog #Content div.paragraphe.video_droite,
	#Page-ArticleBlog #Content div.paragraphe.video_gauche {
		padding: 35px 25px 35px;
	}

	#Page-ArticleBlog #Content .ImageLink {
		width: 100%;
		float: none;
		margin: auto 0 !important;
	}

	#Page-ArticleBlog .ImageLink img {
		width: 100%;
		/* padding: 0 25px; */
	}

	#Page-ArticleBlog iframe {
		width: 90%;
		margin: auto 5%;
	}

	#Page-ArticleBlog h2.centerLined:before {
		left: -185%;
	}

	#Page-ArticleBlog h2.centerLined:after {
		right: -185%;
	}

	#page-blog h2.centerLined:before {
		left: -190%;
	}

	#page-blog h2.centerLined:after {
		right: -190%;
	}


	p.backLink {
		bottom: auto;
		top: 85%;

	}


}

@media all and (max-width: 350px) {
	#page-recrutement #ContentW {
		background: url(../media/images/intro-offre-300.png) no-repeat center top;
		margin-top: -30px;
		padding-top: 100px;
	}

	#page-recrutement #MainTitle {
		display: none;
	}
}

@media all and (max-width: 250px) {
	#page-recrutement #ContentW {
		background: url(../media/images/intro-offre-200.png) no-repeat center top;
		margin-top: 0px;
		padding-top: 100px;
	}

	#page-recrutement #MainTitle {
		display: none;
	}
}


.imgSerenite {
	width: 100%;
}

.listePuces li {
	border: none !important;
}

.listePuces li i {
	margin-right: 10px;
	color: #0066B2;
}