/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
 * CH01 - Animations
 * CH02 - Gestion row

 */

/* CH01 - ANIMATIONS
/* ---------------------------------------------------------------------------------- */
.animation,
a,
.marques .title,
.marques .title::before,
.thumbnail .title h3::after,
.thumbnail .title p::after,
.formulaire_formidable input[type="submit"] {
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	}

	
/* CH02 - GESTION ROW
/* ---------------------------------------------------------------------------------- */
body {
	overflow-x: hidden;
	height:100%;
	background:#f5f5f5;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:0;
	color:#000;
	}

body .row-1920 {background:#FFF;}

	
/*ROW 1920
/* -------------------------- */
.row-1920 .row {max-width:120rem;}


/* ROW 1560
/* -------------------------- */
.row-1560 .row {max-width:97.5rem;}

	
/* ROW 1440
/* -------------------------- */
.row-1440 .row {max-width:90rem;}

	
/* ROW 1200
/* -------------------------- */
.row-1200 .row {max-width:75rem;}


/* ROW 1120
/* -------------------------- */
.row-1120 .row {max-width:70rem;}


/* FLEXBOX
/* -------------------------- */
.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  	flex-direction:row; 
	}

/* CENTRER VERTICALEMENT
/* -------------------------- */	
.vertical-center {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}	
	

/* SLIDEOUT MENU
/* -------------------------- */	
.slideout-menu {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
	}

.slideout-panel {
	position:relative;
	z-index: 1;
	}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;}

.slideout-open .slideout-menu {display: block;}

.menu {background: #000;}

.menu-btn {
	margin-left:0;
	list-style:none;
	border-top:1px solid rgba(255,255,255,0.15);
	border-bottom:1px solid rgba(255,255,255,0.15);
	}

.menu-section { margin: 20px 0;}

.menu-section-title,
.menu-btn a {
    font-size: 0.813em;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#FFF;
    margin: 0;
    padding: 0 15px;
	line-height:1.5em;
	}

.menu-btn a {
    display: block;
    padding: 10px 15px;
	}

.menu-btn li:not(:last-child) a {border-bottom:1px solid rgba(255,255,255,0.15);}
	
.menu-section-list {
    list-style: outside none none;
    margin: 5px 0;
    padding: 0;
	}
	
.menu-section-list a {
    display: block;
    padding: 3px 15px;
	font-size:0.688em;
	font-weight:400;
	line-height:1.35em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#888;
	}
	
.menu-section-list a:hover,
.menu-section-list a.on,
.menu-btn a:hover,
.menu-btn a.on {
    background-color: rgba(255, 255, 255, 0.10);
	color:#e3b986;
	}

/**
 * hamburger
 */
.btn-hamburger {
	z-index:10;
	border: none;
	position: absolute;
	top: 0px;
	left: 10px;
	outline:none;
	width: auto;
	height: 45px;
	}

.btn-hamburger span {
	/* hamburger icon created in CSS */
	position: absolute;
	height: 2px;
	width: 25px;
	top: 50%;
	left: 5px;
	-webkit-transition: background-color 0.3s 0.3s;
	-moz-transition: background-color 0.3s 0.3s;
	transition: background-color 0.3s 0.3s;
	background-color: #bf4b03;
	}
	
.btn-hamburger span::before,
.btn-hamburger span::after {
	/* upper and lower lines of the menu icon */
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #bf4b03;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	}
	
.btn-hamburger span::before {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);
	}
	
.btn-hamburger span::after {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(8px);
	}

.btn-hamburger.active span {background-color: rgba(255, 255, 255, 0);}

.btn-hamburger.active span::before {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	}
	
.btn-hamburger.active span::after {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	}


.btn-hamburger div {
	padding-left:45px;
	font:400 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#bf4b03;
	}
	

/* CH?? - COL GAUCHE
/* ---------------------------------------------------------------------------------- */
.left-col {text-align:center;}

.left-col a {color:#000;}
		
.langues {
	position:relative;
	display:block;
	height:45px;
	padding-right:15px;
	margin:25px auto 90px;
	width:calc(100% - 1.875em);
	background:#f2f2f2;
	text-align:right;
	}

.langues a, .langues strong {
	display:inline-block;
	padding:0 5px;
	font-size:0.688em;
	line-height:45px;
	color:#000;
	}

.logo {display:block;}

.logo .title {
	display:block;
	margin-bottom:25px;
	font-size:2.5em;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:15px;
	}

.logo .signature {
	font-size:0.688em;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	}

.logo .signature strong {display:block;}

.btn-resa,
.btn-contact {
	display:block;
	margin:0 auto;
	width:170px;
	height:55px;
	background:#000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:0.813em;
	line-height:55px;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	color:#FFF !important;
	overflow:hidden;
	}

a:hover.btn-resa {
	background:#e3b986;
	color:#000 !important;
	}

.btn-contact {
	margin-top:85px;
	margin-bottom:10px;
	background:none;
	color:#000 !important;
	border:1px solid #bbb;
	}
	
.btn-resa {
	margin-top:10px;
	margin-bottom:85px;
	}

a:hover.btn-contact {border-color:#000;}

.marques {
	text-transform:uppercase;
	letter-spacing:2px;
	}
	
.marques .txt {
	margin-bottom:25px;
	padding:0 15px;
	font:normal 0.875em/1.15em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	letter-spacing:1px;
	color:#bf4b03;
	}

.marques .list {
	opacity:1;
	overflow:hidden;
	padding:0 0 50px;
	margin:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.marques .close .list {
	opacity:0;
	height:0;
	padding:0;
	}

.marques li {list-style:none;}
	
.marques .title {
	display:block;
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:0.813em;
	font-weight:600;
	line-height:1.5em;
	color:#000;
	}

.marques .title::after {
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	height:1px;
	width:10px;
	background:#d8d8d8;
	}

.marques a {
	display:block;
	font-size:0.688em;
	line-height:2.125em;
	color:#555;
	}

.marques a:hover {color:#bf4b03;}

.marques a.on {
	color:#bf4b03;
	background: #f5f5f5;
	}


/* CH?? - MAIN
/* ---------------------------------------------------------------------------------- */
.slider .medium-7 {position:relative;}

.slider .slogan {
	position:absolute;
	top:25%;
	left:0;
	right:0;
	margin:0 auto;
	padding-bottom:15px;
	-webkit-transform: translateY(-75%);
	-moz-transform: translateY(-75%);
	-ms-transform: translateY(-75%);
	-o-transform: translateY(-75%);
	transform: translateY(-75%);
	font:300 2.5em/1em "Open Sans",Helvetica,Arial,sans-serif;
	text-align: center;
	text-transform:uppercase;
	letter-spacing:10px;
	color:#FFF;
	}

.slider .slogan strong {
	display:block;
	font-size:0.375em;
	letter-spacing:3px;
	}

.slider .slogan i {
	margin-top:3px;
	display:block;
	font-size:0.625em;
	font-style:normal;
	letter-spacing:2px;
	}

.slider .slogan::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:70px;
	height:1px;
	margin:0 auto;
	background:rgba(255,255,255,0.2);
	}
	
.subscribe {
	padding:25px 0;
	background:#000;
	text-align:center;
	}

.subscribe p {
	position:relative;
	padding-bottom:35px;
	margin-bottom:40px;
	font:normal 1em/1.75em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	}

.subscribe p::after {
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	height:1px;
	width:70px;
	background:rgba(0,0,0,0.2);
	}

.subscribe a {
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#888;
	}

.subscribe a span {
	font:700 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	}

.subscribe a span strong {color:#FFF;}

/*#main {text-align:center;}*/
	
.page_accueil #main a {display:block;}

#main .title  {
	position:relative;
	font:700 0.688em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align: center;
	letter-spacing:3px;
	color:#000;
	}

#main .title strong  {
	display:block;
	margin-bottom:20px;
	font-size:2.727em;
	font-weight:300;
	letter-spacing:10px;
	}

#main .title.small  {
	font-weight:300;
	font-size:1.250em;
	letter-spacing:5px;
	}

#main .title a {
	padding:20px;
	color:#000;
	}		
	
#main .title a + a {
	position:relative;
	font-size:1.5em;
	}

#main .title a + a::after {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	height:1px;
	width:70px;
	background:#aaa;
	}


/* CH?? - VIDÉO
/* ---------------------------------------------------------------------------------- */
.video {
	position:relative;
	display:block;
	background: #FFF url("/IMG/bg_video.jpg") no-repeat scroll center center;
	background-size:cover;
	}
	
#video-container {
	overflow: hidden;
	position: relative;
	width:100%;
	height:600px;
	}

video {
    position: absolute;
    z-index: 0;
    max-width: 100%;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}

/* A Rajouter si la vidéo est moins large que 1920px*/
video.fillWidth,
video.vjs-tech {width: 100%;}

.vjs-text-track-display,
.vjs-big-play-button,
.vjs-control-bar {display:none;}

#main .video .title {
	z-index: 5;
	position: absolute;
	color: #FFF;
	}

#main .video .title img {margin-bottom: 25px;}


/* CH?? - SEO HOME
/* ---------------------------------------------------------------------------------- */
.seo {
	padding:90px 0 130px;
	text-align: center;
	background: #f5f5f5 url("/IMG/motif_seo.gif") repeat center center;
	background-size: 189px 189px;
	}

.seo h1,
.seo h2 {
	margin-bottom: 1.25em;
	font:300 1.5em/1.45em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:4px;
	text-transform:uppercase;
	color:#000;
	}

.seo h1 strong {
	display:block;
	margin-bottom: 0.3em;
	font-weight: 300;
	font-size:1.5em;
	letter-spacing:10px;
	}

.seo h2 {
	margin-bottom: 4em;
	font:700 0.813em/1.45em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:2px;
	}

.seo p {
	position:relative;
	width:70%;
	margin: 0 auto;
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#444;
	}

.seo p::after {
	position: absolute;
	content: "";
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -40px;
	height: 1px;
	width: 70px;
	background: #aaa;
	}
	

/* CH?? - ENTRÉE RUB THUMBNAIL
/* ---------------------------------------------------------------------------------- */
.thumbnail .title {
	position:relative;
	background:#dfae73;
	overflow:hidden;
	}

.thumbnail h3,
.thumbnail p {
	font:700 0.688em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	color:#1e1e1e;
	}
	
.thumbnail a:hover .title h3,
.thumbnail a:hover .title p {color:#000;}

.thumbnail .title h3::after,
.thumbnail .title p::after {
	position:absolute;
	content:"↓";
	width: 100%;
	height: 100%;
	top:-35px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	color:#000;
	opacity:0;
	}
	
.thumbnail a:hover .title h3::after,
.thumbnail a:hover .title p::after {
	top:-25px;
	opacity:1;
	}

/* CH?? - ACTUS HOME
/* ---------------------------------------------------------------------------------- */
.news a {
	display:block;
	color:#000;
	}

.news .medium-4 {padding-bottom:100px;}

.news img {margin-bottom:30px;}
	
.news h2 {
	padding:70px 0;
	margin-bottom:0;
	font:300 1.875em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:10px;
	}
	
.news h3 {
	font:700 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.news .date {
	padding:8px 0;
	font:400 0.688em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	}
	
.news p,
.news .more {
	display:inline;
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	}

.news .more {
	font-style:italic;
	text-decoration:underline;
	}


/* CH?? - ARTICLE
/* ---------------------------------------------------------------------------------- */
.article .content {
	position:relative;
	padding:125px 10%;
	}
.popup .article .content {
	position:relative;
	padding:25px 8% 1%;
	}
.popup .article .content::after {
	display:none;
}
.article .content::after {
	position:absolute;
	content:"";
	left:0;
	right:0;
	bottom:100px;
	margin:0 auto;
	background:#777;
	width:70px;
	height:1px;
	}

.article .heading  {position:relative;}

.article .heading .titre  {
	margin-bottom:0;
	padding:75px 10%;
	}
	
.article h1 {
	font:300 1.875em/1.2em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:10px;
	}

.article h1 strong {
	display:block;
	margin-top:25px;
	font-size:0.367em;
	line-height:1.75em;
	letter-spacing:2px;
	}
.popup .article h1 strong {
	margin-top:10px;
}
.article .heading .surtitre {
	position:relative;
	display:block;
	padding-bottom:10px;
	margin-bottom: 10px;
	font:italic 1.125em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	text-align:center;
	letter-spacing:1px;
	color:#bf4b03;
	}

.article .heading .surtitre::after {
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	height:1px;
	width:10px;
	background:#d8d8d8;
	}
	
.article .chapo { 
	margin-bottom:50px;
	padding:50px 0;
	}
	
.article .chapo p {
	margin-bottom:0;
	padding:0 10%;
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#000;
	}

.article .chapo .texteencadre-spip p {padding: 0;}
.article .chapo .texteencadre-spip {margin-bottom:0;}


.article h2,
.article h3,
.article p,
.article ul {text-align:left;}
	
.article h2 {
	font-size:1.375em;
	font-weight:400;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:2px;
	}
	
.article h3,
.article h4 {
	font-size:0.813em;
	font-weight:700;
	line-height:1.5em;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.article h4 {
	font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	}
	
.article p,
.article ul {
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#666;
	}

.article p strong,
.article ul strong,
.article .texteencadre-spip strong {
	font-weight:normal;
	color:#333;
	}

.article p a,
.article ul a,
.article .texteencadre-spip a {
	border-bottom:1px solid #ccc;
	color:#bf4b03;
	}

.article .texteencadre-spip {
	position:relative;
	background: none;
	margin:0;
	border:1px solid #dfae73;
	padding:40px 45px;
	font:italic 1em/1.65em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#333;
	}
.popup .article .texteencadre-spip { 
	margin: 0 20px;
	padding:20px;
}
.popup .article div + p { margin-top: 10px;}


.article .texteencadre-spip::after{
	position:absolute;
	z-index:-1;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	content:"";
	margin:0 auto;
	border:1px dashed #ddd;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	}
	
.article .texteencadre-spip p {
	font-style:italic;
	text-align:center;
	}

.article .texteencadre-spip h2,
.article .texteencadre-spip h3,
.article .texteencadre-spip h4,
.page_rubrique .article .texteencadre-spip h2 {
	font:italic 1.125em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	text-align:center;
	letter-spacing:1px;
	color:#bf4b03;
	}
.article .texteencadre-spip p,
.article .texteencadre-spip ul {font-size:1em;}

.article h1,
.article h2,
.article h3 {margin-bottom:1.125em;}
.article h4 {margin-bottom:0.375em;}
.article p,
.article ul {margin-bottom:0.750em;}

.article p + h2,
.article p + h3,
.article ul + h2,
.article ul + h3 {margin-top:2.5em;}
.article p + h4,
.article p + h5,
.article ul + h4,
.article ul + h5 {margin-top:1.250em;}

.article p + ul {margin-top:-0.625em;}

.article .texteencadre-spip {margin-bottom:2em;}

.article h2 + .texteencadre-spip,
.article h3 + .texteencadre-spip,
.article h4 + .texteencadre-spip,
.article h5 + .texteencadre-spip,
.article p + .texteencadre-spip,
.article ul + .texteencadre-spip {margin-top:2em;}

.article h2 + .flex-video,
.article h3 + .flex-video,
.article h4 + .flex-video,
.article h5 + .flex-video,
.article p + .flex-video,
.article ul + .flex-video {margin-top:1.5em;}

.article .texteencadre-spip + h2,
.article .texteencadre-spip + h3,
.article .texteencadre-spip + h4,
.article .texteencadre-spip + h5,
.article .flex-video + h2,
.article .flex-video + h3,
.article .flex-video + h4,
.article .flex-video + h5,
.article .flex-video + p,
.article .flex-video + ul,
.article div + h2,
.article div + h3,
.article div + h4,
.article div + h5,
.article div + p,
.article div + ul {margin-top:3.125em;}

.article .texteencadre-spip h2,
.article .texteencadre-spip h3,
.article .texteencadre-spip h4,
.article .texteencadre-spip h5,
.article .texteencadre-spip p,
.article .texteencadre-spip ul {margin-bottom:0;}

.article .texteencadre-spip h2 + p,
.article .texteencadre-spip h3 + p,
.article .texteencadre-spip h4 + p,
.article .texteencadre-spip h5 + p,
.article .texteencadre-spip h2 + ul,
.article .texteencadre-spip h3 + ul,
.article .texteencadre-spip h4 + ul,
.article .texteencadre-spip h5 + ul,
.article .texteencadre-spip p + p,
.article .texteencadre-spip ul + p {margin-top:1.125em;}

.article .texteencadre-spip p + ul {margin-top:0.625em;}


.page_rubrique .article ul {
	list-style:none;
	margin-left:0;
	}

.page_rubrique .article h2,
.page_rubrique .article li {text-align:center;}

.page_rubrique .article h2 {
	font:700 0.813em/1.2em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	}
	
.page_rubrique .article li a {
	display:block;
	padding:5px;
	margin-bottom:4px;
	font:400 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	border:none;
	color:#555;
	}

.page_rubrique .article li a:hover {color:#bf4b03;}


/* PAGE ACTUALITÉS */
.page_actus ul {color:#000;}

.article.actus h1 {
	font: 300 2em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	text-transform: none;
	}

.page_actus .article h2,
.page_actus .article li,
.page_actus .article li a {
	padding:0;
	text-align:left;
	letter-spacing:normal;
	text-transform:none;
	}

.page_actus .article li h2 a {
	display: block;
	margin-bottom: 0;
	border: none;
	font: 700 1em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	}

.page_actus .article h2 {margin:10px 0 3px;}

.page_actus .article li {
	position:relative;
	margin-bottom:35px;
	}

.page_actus .article .date {
	font: 400 0.688em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

.page_actus .article p {
	display:inline;
	margin-bottom:0;
	}

.page_actus .article .more {
	display:inline;
	font: 1em/1.5em "Crimson Text",Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	text-decoration: underline;
	}
	

/* PAGE MARQUES */
.page_marques .article .content {padding: 75px 10% 125px;}
.page_marques .article .content::after {background: none;}

.page_marques .article .chapo {margin-bottom:0;}

.bloc-chapo {position:relative;}

.page_marques .article .content{text-align:left;}
	
.page_marques #main .article .btn-resa {
	position:relative;
	display: inline-block;
	width:auto;
	height: auto;
	margin-top:40px;
	margin-bottom:0;
	padding:10px 55px 10px 20px;
	line-height:1.5em;
	text-align:left;
	}

.page_marques #main .article .btn-resa::after {
	position: absolute;
	right:15px;
	content:"→";
	font-size:18px;
	color:#FFF;
	top:7px;
	/*-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);*/
	}


/* CH?? - FORMULAIRES
/* ---------------------------------------------------------------------------------- */
.formulaire_formidable  {
	margin-top:20px;
	text-align: left;
	}

.formulaire_formidable br {display:none;}

.article .formulaire_formidable h2,
.article .formulaire_formidable h3 {
	margin-bottom:1.125em;
    font:700 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000;
	}
	
label,
select {
	display:block;
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
fieldset,
.fieldset {
	padding:0;
	margin-top:50px;
	border:none;
	}

select {
    height: 50px;
    margin-bottom: 0.25em;
    margin-top: 0.35em;
    padding: 10px;
	border:1px solid #ccc;
	}
		
.formulaire_formidable fieldset .editer {
	float:left;
	position: relative;
	width:48%;
	margin-right:2%;
	margin-top:10px;
	list-style:none;
	}
			
.formulaire_formidable fieldset .editer:nth-child(2n+0) {
	float:left;
	width:48%;
	margin-left:2%;
	margin-right:0;
	}

/* Arrangement Fieldset 2 */
.formulaire_formidable .fieldset_fieldset_2 .editer {
	width:100%;
	margin-right:0;
	}

.formulaire_formidable .fieldset_fieldset_2 .editer:nth-child(2n+0) {
	width:50%;
	margin-left:0;
	}
/*Fin */
			
.formulaire_formidable .saisie_textarea {
	margin:1.125em 0 0;
	width:100% !important;
	}
	
textarea {min-height:200px;}
		
.formulaire_formidable textarea,
.formulaire_formidable input[type="text"] {
	float:none;
	width:100%;
	height:50px;
	padding:0.750em;
	margin-top:0.35em;
	border:1px solid #ccc;
	box-shadow:none;
	border-radius:0;
	background:#FFF;
	font:normal 1.125em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#000;
	}

.formulaire_spip input.date {width:100% !important;}
img.ui-datepicker-trigger {
	display:inline-block !important;
	margin-left: -25px !important;
	}

.formulaire_formidable input[type="submit"]  {
	display:block;
	margin:0 auto;
	width:170px;
	height:55px;
	background:#000;
	border:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    font:700 0.813em/55px "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	color:#FFF;
	}

.formulaire_formidable input[type="submit"]:hover {
	background:#e3b986;
	color:#000;
	}

.reponse_formulaire_erreur p {
	background:#ddd;
	padding:15px !important;
	color:#ff2c14 !important;
	font-size:1.125em !important;
	}

.erreur_message {
	position:absolute;
	left:0;
	bottom:-10px;
	font:400 0.688em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	color:#ff2c14;
	}

p.reponse_formulaire_ok {
	font:400 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
    color: #f0e38d;
	}

p.reponse_formulaire_ok b {
	font-weight:400;
    color: #FFF;
	}


/* CH?? - PLAN DU SITE
/* ---------------------------------------------------------------------------------- */
.page_plan ul {
	list-style:none;
	margin-left:0;
	}

.page_plan .article a {
	border-bottom: none;
	color: #666;
	}

.page_plan .article span > ul > li {margin-top:40px;}

.page_plan .article span > ul > li > a,
.page_plan .article h2 {
	margin-top:1em;
	margin-bottom:.5em;
    font:700 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000;
	}

.page_plan .article h2 a {
	border-bottom:none;
	color:#000;
	}

.page_plan .article h2 + ul h2 {font-weight:400;}

.page_plan .article li ul {	margin-left:20px;}

.page_plan .article li ul li ul {margin-left:0;}

.page_plan .article a {
	border-bottom: none;
	color: #444;
	}



/* CH?? - FOOTER
/* ---------------------------------------------------------------------------------- */
.instagram .title {
	position:relative;
	padding:30px 0;
	font:normal 1.125em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#666;
	}

.instagram .title::after {
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	height:1px;
	width:25px;
	background:#d8d8d8;
	}

.instagram .title i {color:#000;}
	
footer {
	background:#000;
	margin-top: -3px;
	}

footer .column {
	position:relative;
	background:#0F0F0F;
	}

footer .title {
	margin-bottom:5px;
	font:400 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#FFF;
	}

footer .adress {
	margin:0 auto;
	width:160px;
	}

footer .share {
	margin:0 auto;
	width:120px;
	text-align:center;
	}

footer p {
	margin-bottom:0;
	font:normal 1em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#777;
	}

footer p a {color:#aaa;}

footer .btn-resa {
	background:none;
	border:1px solid #FFF;
	margin:0 auto;
	}

footer a:hover.btn-resa {border-color:#e3b986;}
	
.newsletter .title {
	margin-bottom:25px;
	color:#e3b986;
	}

.newsletter {
	width:90%;
	margin:0 auto;
	}

.newsletter ul {
	list-style-type: none;
	margin:0;
	}

#session_email {
    float: left;
	height: 50px;
    width: 60%;
    padding: 0 10px;
    background: #FFF;
	margin:0;
    border:none;
	border-radius:0;
	font:normal 1em/50px "Crimson Text", Georgia, "Times New Roman", Times, serif;
    color: #000;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	}

input::placeholder{color: #000; }
input::-webkit-input-placeholder{color: #000; }
input:-ms-input-placeholder{color: #000; }
input::-moz-placeholder {color: #000; }

input.newsletter-submit {
    padding: 0;
	float: right;
	display: block;
    height: 50px;
    width: 40%;
    background: #e3b986;
    border:none;
	border-radius:0;
	font:700 0.688em/50px "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	}

.footer-bottom {
	padding:10px 20px;
	background:#000;
	}

.designby {
	font:normal 0.875em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	color:#444;
	}

.designby a {
	font-style:italic;
	color:#777;
	}

.mentions {
	font:normal 0.875em/1.5em "Crimson Text", Georgia, "Times New Roman", Times, serif;
	text-align:right;
	}
	
.mentions a {color:#444;}
	

/* CH?? - ADD TO ANY
/* ---------------------------------------------------------------------------------- */
.share {margin-bottom:100px;}

.share .title {
	margin-bottom:5px;
	font:400 0.813em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing:4px;
	text-transform:uppercase;
	color:#000;
	}
	
.a2a_kit {
	margin:15px auto 0;
	width:120px;
	}

.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus {
	width:30px;
	height:30px;
	margin:0 5px;
	}
	
.a2a_button_facebook span,
.a2a_button_twitter span,
.a2a_button_google_plus span {display:none;}
	
.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus {
	background:transparent url("/IMG/sprite-reseaux_circle@2x.png") no-repeat 0 center;
	background-size:180px 30px;
	}
	
.a2a_button_twitter {background-position:-30px center;}
.a2a_button_google_plus {background-position:-60px center;}



/* CH?? - DIVERS
/* ---------------------------------------------------------------------------------- */

/* LAZY LOAD
/* -------------------------- */
img.lazy {
	opacity: 0;
	transition: opacity .65s ease-in;
	}
	
	
/* ANCHOR
/* -------------------------- */
.cd-top {
	display: inline-block;
	z-index:100;
	height: 60px;
	width: 60px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #000 url("/IMG/arrow-up@2x.png") no-repeat center center;
	background-size:16px 9px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
	}
	
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
	}
	
.cd-top.cd-fade-out {opacity: .5;}
	
.cd-top:hover {
	background-color: #e3b986;
	opacity: 1;
	}
	
					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure {margin:0;}
	
	.adapt-img-wrapper,
	.adapt-img-wrapper::after {width:100%;}
	
	article p > span {line-height:0; display:block; margin:1.5em 0 !important; text-align: center;}
		
	.markItUpContainer textarea {background:#FFF !important; color:#000 !important;}
	
	#colorbox, #cboxOverlay, #cboxWrapper {
		-moz-box-sizing:content-box !important;
		-webkit-box-sizing:content-box !important;
		box-sizing: content-box !important;
		}
		
	.spip-admin-float {
		line-height:1.5em;
		z-index:2000 !important;
		right:5% !important;
		}	
	.spip_documents_left,
	.spip_documents_right {float:inherit !important}
	
	.edition textarea {line-height:1.5em !important;}


/* CH?? - VISIBILITY
/* ---------------------------------------------------------------------------------- */
	.show-for-medium,
	.show-for-small {display:none !important;}


/* CH?? - CLASS NETTOYEUR
/* ---------------------------------------------------------------------------------- */
	.nettoyeur {
		height:1px;
		line-height:0;
		clear:both;
		}	

	
/* CH?? - MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1920px) and (orientation: landscape) {
		body {
			max-width:1920px;
			margin:0 auto;
			}
		}
		
/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1919px) and (min-width: 1680px) and (orientation: landscape) {

		
		}
	
	
/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1679px) and (min-width: 1440px) and (orientation: landscape) {
		#main .title strong {
			font-size: 2.364em;
			letter-spacing: 7px;
			}
		#main .title.small {
			font-size: 1.125em;
			letter-spacing: 4px;
			}
		}
	
		
/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1280px) and (orientation: landscape) {
		#main .title strong {
			font-size: 2.182em;
			letter-spacing: 7px;
			}
			
		#main .title.small {
			font-size: 1.125em;
			letter-spacing: 4px;
			}
		
		#video-container {height:525px;}
		}


	
/* Widescreen landscape > BREAKPOINT 1025PX */
	@media only screen and (max-width: 1279px) and (min-width: 1024px) and (orientation: landscape) {
		.langues { margin-bottom: 65px;}
		.logo .title {
			font-size: 2.125em;
			letter-spacing: 10px;
			}
		.logo .signature {letter-spacing: 2px;}			
		.btn-resa,
		.btn-contact {
			width: 150px;
			height:50px;
			line-height:50px;
			}
		.btn-resa {margin-bottom:55px}
		.btn-contact {margin-top:55px}
		.marques {letter-spacing: 1px;}
		.marques ul {padding-bottom:40px;}
		.marques .title {
			margin-bottom: 5px;
			padding-bottom: 10px;
			}
		
		.slider .slogan {
			top:90%;
			-webkit-transform: translateY(-90%);
			-moz-transform: translateY(-90%);
			-ms-transform: translateY(-90%);
			-o-transform: translateY(-90%);
			transform: translateY(-90%);
			font-size:1.750em;
			letter-spacing:6px;
			}
		.subscribe p {line-height:1.55em;}
		.subscribe a span {
			display:block;
			margin-bottom:4px;
			}
		#main .title {letter-spacing:2px;}
		#main .title strong {
			font-size: 2em;
			letter-spacing: 5px;
			margin-bottom: 10px;
			}			
		#main .title.small,
		#main .title a + a {font-size: 1em;}
		#main .title a { padding: 10px;}
		#main .title a + a::after { width: 40px;}

		#video-container {height:420px;}
		}
		
/* ========== PASSAGE FORMAT MEDIUM ========== */	
/* Ipad Portrait  > BREAKPOINT 768PX + 800PX */
	@media only screen and (max-width: 1023px) and (min-width: 640px) {
		#main img,
		#footer img {width:100%;}
		#main .video img {width:62px;}

		#video-container {height:315px;}
		video {display: none;}

		.langues { margin-bottom: 45px;}
		.langues a { display: none;}
		.logo .title {
			font-size: 1.875em;
			letter-spacing: 3px;
			}
		.logo .signature {letter-spacing: 1px;}		
		.btn-resa,
		.btn-contact {
			width: 150px;
			height:50px;
			line-height:50px;
			}
		.btn-resa {margin-bottom:40px}
		.popup .btn-resa {margin-bottom:0px}
		.btn-contact {margin-top:40px}
		.marques {letter-spacing: 0;}
		.marques ul {padding-bottom:40px;}
		.marques .title {
			margin-bottom: 5px;
			padding-bottom: 10px;
			}
			
		.slider .slogan {
			top:90%;
			-webkit-transform: translateY(-90%);
			-moz-transform: translateY(-90%);
			-ms-transform: translateY(-90%);
			-o-transform: translateY(-90%);
			transform: translateY(-90%);
			font-size:1.5em;
			letter-spacing:4px;
			}
		.subscribe p {line-height:1.55em;}
		.subscribe a span {
			display:block;
			margin-bottom:4px;
			}
			
		#main .title {letter-spacing:2px;}
		#main .title strong {
			font-size: 2.182em;
			letter-spacing: 5px;
			margin-bottom: 10px;
			}
		
		.evenements .title img,
		.bien-etre .title img {display:none;}
		.evenements .title,
		.bien-etre .title {height:190px;}
		#main .bien-etre .title {
			background:#a92318;
			color:#fff;
			}
		#main .title.small,
		#main .title a + a {font-size: 1em;}
		#main .title a { padding: 10px;}
		#main .title a + a::after { width: 40px;}
		#main .maroquinerie img,
		#main .bien-etre .maroquinerie .title {
			float:right;
			width:50%;
			background:none;
			color:#000;
			}
		.seo h1 br {display: none;}
		.seo p {width: 85%;}
		
		footer .title {font-size:0.750em;}	
		footer p {font-size:0.813em;}
		footer .adress { width: 127px;}	
		footer .btn-resa {
			height: 45px;
			letter-spacing: 1px;
			line-height: 45px;
			width: 135px;
			}
			
		#session_email {line-height:30px;}
		#session_email,
		input.newsletter-submit {
			width:100%;
			height:30px;
			text-align:center;
			}
		input.newsletter-submit {line-height:30px;}
		.newsletter .title {margin-bottom: 5px;}
		
		.page_marques .article .content {padding: 0px 10% 50px;}
		
		.popup .article.actus h1 {
			font: 300 1.5em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
			letter-spacing: 1px;
			text-transform: none;
			}
		
		/* VERTICAL-CENTER Pages Marques */
		.page_marques .article .vertical-center {
			position:relative;
			top:0;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			}

		/* FLEX-BOX */
		.flex-box {
			display: inherit;
			position:inherit;
			-webkit-transform: none;
			-moz-transform:none;
			transform:none;
			}
			
		/* VISIBILITY */
		.show-for-medium {display:block !important;}
		.hide-for-medium {display:none !important;}
		}
		
			
	
/* ========== PASSAGE FORMAT SMALL ========== */	
/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
	@media only screen and (max-width: 639px) {
		#main img,
		#footer img {width:100%;}
		#main .video img {width:62px;}
		
		#video-container {height:280px;}
		video {display: none;}

		.langues { margin: 15px auto 45px;}
		.langues a { display: none;}
		.btn-resa {margin-bottom:35px}
		.popup .btn-resa {margin-bottom:0}
		.btn-contact {margin-top:35px}
		.share {margin-bottom:50px;}
		
		.marques { display:none;}
			
		.slider .medium-5 {
			position:relative;
			overflow:hidden;
			height:400px;
			}
		.slider .medium-5 img {
			position:absolute;
			left:0;
			right:0;
			top:25%;
			-webkit-transform: translateY(-25%);
			-moz-transform: translateY(-25%);
			-ms-transform: translateY(-25%);
			-o-transform: translateY(-25%);
			transform: translateY(-25%);
			}
		.slider .slogan {
			top:90%;
			-webkit-transform: translateY(-90%);
			-moz-transform: translateY(-90%);
			-ms-transform: translateY(-90%);
			-o-transform: translateY(-90%);
			transform: translateY(-90%);
			font-size:1.750em;
			letter-spacing:4px;
			}
		.subscribe p {line-height:1.55em;}
		.subscribe a span {
			display:block;
			margin-bottom:4px;
			}
		.seo h1 br,
		.seo h2 br {display: none;}
		.seo p {width: 90%;}
		
		.evenements .title img,
		.bien-etre .title img,
		#footer .column img {display:none;}
		.evenements .title,
		.bien-etre .title,
		#footer .column {height:190px;}
		#footer .column + .column {height:140px;}
		#main .bien-etre .title {
			background:#a92318;
			color:#fff;
			}
		#main .bien-etre .maroquinerie .title {
			background:none;
			color:#000;
			}
			
		.news {text-align:center;}

		footer .adress {
			font-size:20px;
			width:100%;
			}
		footer .adress,
		.newsletter {text-align:center;}
		
		.newsletter {width:80%;}
		#session_email,
		input.newsletter-submit {
			width:100%;
			height:45px;
			text-align:center;
			}
		input.newsletter-submit {line-height:45px;}
		.newsletter .title {margin-bottom: 15px;}
		
		input::placeholder{text-align:center; }
		input::-webkit-input-placeholder{text-align:center; }
		input:-ms-input-placeholder{text-align:center; }
		input::-moz-placeholder {text-align:center; }
		
		.article {
			margin-bottom:75px ;
			font-size:20px;
			}
		.popup .article {
			margin-bottom:5px ;
			}
		
		.page_marques .article .content {padding: 0px 20px 50px;}
		.page_marques .article .chapo p {
			padding-left:20px;
			padding-right:20px;
			}
		
		.article .content {padding:50px 20px;}
		.article .content::after {bottom: 45px;}
		.article h1 {
			font-size:1.5em;
			font-weight:700;
			letter-spacing:5px;
			margin-bottom:0;
			}
		.article h1 strong {
			font-size:0.5em;
			font-weight:400;
			}
		.article .heading .titre {padding: 50px 20px;}
		.article .chapo {margin-bottom:25px;}
		.article .chapo p {
			padding-left:0;
			padding-right:0;
			}
		.article .texteencadre-spip {padding: 20px 25px;}
		.page_marques #main .article .btn-resa {
			padding: 15px 25px;
			text-align: center;
			width:100%;
			}
		.page_marques #main .article .btn-resa::after {content: "";}
		
		/* VERTICAL-CENTER Pages Marques */
		.page_marques .article .vertical-center {
			position:relative;
			top:0;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			}

		.popup .article.actus h1 {
			font: 300 1.25em/1.5em "Open Sans",Helvetica,Arial,sans-serif;
			letter-spacing: 1px;
			text-transform: none;
			}

		.popup .article .texteencadre-spip h4 {
			font: italic 1.025em/1.35em "Crimson Text", Georgia, "Times New Roman", Times, serif
		}
																	
		/* FLEX-BOX */
		.flex-box {
			display: inherit;
			position:inherit;
			-webkit-transform: none;
			-moz-transform:none;
			transform:none;
			}
			
		/* VISIBILITY */
		.show-for-small {display:block !important;}
		.hide-for-small {display:none !important;}
		}



/* -----------------------------------------
   RETINA Display
----------------------------------------- */

/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
/* - Android tvdpi devices, including Google Nexus 7 */
/* - Chrome running on high DPI Macs and PCs */
/* - Opera running on high DPI Macs, PCs and mobile devices */
/* */
/* Please note that that this code assumes you'll swap a */
/* 2× version of your images. If you'd like to supply */
/* finer increments, other thresholds might be appropriate. */
/* */
/* A test for CSS pixel densites can be found here: */
/* http://bjango.com/articles/min-device-pixel-ratio/ */
/* */
/* @marcedwards from @bjango */
/* */
/* ---------------------------------------------------------- */
 
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
		only screen and (-o-min-device-pixel-ratio: 13/10),
		only screen and (min-resolution: 120dpi)
			{
					
			
			}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 1151px),
		only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1151px),
		only screen and (min-resolution: 120dpi) and (max-width: 1151px)
			{

			}