/* Artfully masterminded by ZURB  */

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

 */
.markItUp .markItUpHeader ul .markItUpDropMenu ul { top: 2.7em!important; }

/* CH01 - ANIMATIONS
/* ---------------------------------------------------------------------------------- */
.more,
.more::after,
.more.green::after {
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	}

	
/* CH02 - GESTION ROW
/* ---------------------------------------------------------------------------------- */
body {
	height:100%;
	font-size:16px;
	color:#000;
	background:#FFF;
	}
.slick-autoplay-toggle-button { display: none; }	
	
/*ROW 1920
/* -------------------------- */
.row-1920 .row {max-width:120rem;}

.lt-ie8 .row-1920 .row {
	max-width:1920px;
	width:auto;
	}

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

.lt-ie8 .row-1560 .row {
	max-width:1560px;
	width:auto;
	}
	
/* ROW 1440
/* -------------------------- */
.row-1440 .row {max-width:90rem;}

.lt-ie8 .row-1440 .row {
	max-width:1440px;
	width:auto;
	}
	
/* ROW 1200
/* -------------------------- */
.row-1200 .row {max-width:75rem;}

.lt-ie8 .row-1200 .row {
	max-width:1200px;
	width:auto;
	}

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

.lt-ie8 .row-1120 .row {
	max-width:1120px;
	width:auto;
	}

/* NO PADDING
/* -------------------------- */
.nopadding .columns {
	padding-left:0;
	padding-right:0;
	}

/* IFRAME */
iframe { margin-top:20px; }

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

/* CENTRER VERTICALEMENT
/* -------------------------- */	
.csstransforms .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%);
	}

.lt-ie8 .vertical-center {
	position: absolute;
	margin: auto;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
	}	


/* CH?? - HEADER
/* ---------------------------------------------------------------------------------- */
.logo-header {
	position:absolute;
	top:40px;
	left:12%;
	display:block;
	width:197px;
	height:190px;
	}


/* CH?? - FOOTER
/* ---------------------------------------------------------------------------------- */
footer {
	padding:0 12%;
	background:#eeeeee;
	}

#footer  .row {
	padding-top:50px;
	padding-bottom:50px;
	background:#eeeeee url("/IMG/star-white.png") no-repeat 270px 20px;
	}

hr {
	margin:50px 0 45px;
	height:2px;
	background:#FFF;
	border:none;
	}
	
#footer ul {font-size: 16px;}

#footer .address {
	float: left;
	padding-top:40px;
	background:transparent url("/IMG/icon-map@2x.png") no-repeat left top;
	background-size:20px 28px;
	}

#footer li {
    font: 700 0.875em/2.15em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
    color:blue;		
	}

#footer a {
	color:blue;
	border-bottom:2px solid blue;
	}

.logo-footer {
	float:right;
	display:block;
	width:270px;
	height:152px;
	border:none !important;
	}

.footer-nav {float:right;}
.footer-nav li {display:inline-block;}

.footer-nav a {
	display: inline-block;
	margin-left:20px;
	border-bottom:2px solid blue;
    font: 700 1em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
    color: blue;
	}
	
.a2a_kit {
	float:left;
	margin-top:5px;
	}

.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus {
	border:none !important;
	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.png") no-repeat 0 center;
	background-size:120px 30px;
	}
	
.a2a_button_twitter {background-position:-30px center;}
.a2a_button_google_plus {background-position:-60px center;}	



/* CH?? - HOME
/* ---------------------------------------------------------------------------------- */
#home-1 {
	padding:280px 12% 0;
	background:#eee;
	}

#home-1 > .row > .large-12 {
	padding-top:120px;
	background:#FFF;
	}

#home-1 h1 {
	margin-bottom:1em;
    font: 400 2.5em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
    color: blue;	
	}

#home-1 h1 a {color: blue;}
.menu-is-open a.cd-primary-nav-trigger { :#fff }
a.cd-primary-nav-trigger .cd-menu-icon,
a.cd-primary-nav-trigger .cd-menu-icon::before, 
a.cd-primary-nav-trigger .cd-menu-icon:after,
body .menu-is-open .cd-primary-nav-trigger { background: white} 

body .menu-is-open .cd-secondary-nav a, 
body .is-fixed .cd-secondary-nav a,
body .cd-primary-nav a { color: white; border-color: white;}

body .cd-primary-nav .address, 
body .cd-primary-nav .tel, 
body .cd-primary-nav .email a { color: white; }

h1 sup,
h2 sup {
    top: -0.25em;
    font-size: 100%;
	}

#home-1 p {
	padding-bottom:55px;
    font: 400 1.750em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: blue;	
	}
	
#home-1 strong {
	border-bottom:2px solid #000;
    font-style: normal;
    color: blue;	
	}
	
.more,
.more.green {
	position:relative;
	display:inline-block;
	padding:0 5px 5px 0;
    font: 700 0.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
    color: blue;	
	}

.more.green {color: #fff;}

.more.big {
    font-size: 1.5em;
    margin-right: 20px;
}
.more::after,
.more.green::after {
	position:absolute;
	content:"";
	background:rgba(0,0,248,0.1);
	right:0;
	bottom:0;
	width:85%;
	height:15px;
	}
	
.more:hover {color: #000;}	
.more:hover::after {background:rgba(54,193,134,0.2);}

.more.green:hover {color: #FFF;}	
.more.green::after {background:rgba(54,193,134,0.2);}
.more.green:hover::after {background:rgba(255,255,255,0.2);}
	
#home-1 .quote {
	position:absolute;
	margin-left:-50%;
	margin-right:0;
	left:0;
	bottom:50px;
	padding:40px 25px;
	width:100%;
	background:blue;
    font: 400 1.063em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	text-align:right;
    color: #000;	
	}

#home-1 .asterix {
	z-index:5;
	position:absolute;
	bottom:175px;
	left:-40%;
	right:0;
	}

#home-2 {
	padding:0 12%;
	background:#eeeeee;
	}

#home-2 > .row > .large-12 {background:#FFF;}

#home-2 h2 {
	margin-top:100px;
	margin-bottom:0.5em;
    font: 400 2.5em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	}	

#home-2 h2 a {color: blue;	}

#home-2 p {
	padding-bottom:80px;
    font: 400 1.5em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: blue;	
	}
	
#home-2-suite {
	position:relative;
	background:#dddddd;
	font-size:16px;
	}

#home-2-suite > img {
	position:absolute;
	z-index:50;
	bottom:10%;
	left:3%;
	}

#home-2-suite .large-7 { background:blue;}

#home-2-suite .large-4 .date,
#home-2-suite h3,
#home-2-suite .large-4 .type,
#home-2-suite .large-4 p,
#home-2-suite .large-5 .spectacle a {
	padding-left:75px;
	padding-right:25px;
	}
#home-2-suite .large-4 .more {margin-left:75px;}

#home-2-suite .large-4 .date {
	margin-top:70px;
	margin-bottom:0.5em;
    font: 700 1.125em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	color:blue;
	}

#home-2-suite h3 {
	margin-bottom:0.5em;
    font: 300 1.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	}

#home-2-suite h3 a {color:blue;}

#home-2-suite .large-4 .type {
	margin-bottom:0.5em;
    font: 400 1.125em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
    color: blue;	
	}

#home-2-suite .large-4 p {margin-bottom:1em;}

#home-2-suite .large-7 .mois,
#home-2-suite .large-5 .mois {
	position:relative;
	height:95px;
	border-bottom:1px solid #FFF;
    font: 700 0.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
    color: #FFFFFF;	
	}

#home-2-suite .large-5 .mois {height:70px;}

#home-2-suite .large-7 .mois span,
#home-2-suite .large-5 .mois span {
	position:absolute;
	bottom:15px;
	}

#home-2-suite .large-7 .type {
	padding:15px 0 5px;
    font: 400 0.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
    color: blue;	
	}

#home-2-suite .large-5 .spectacle {
	margin-top:94px;
	border-top:1px solid #FFF;
	}

#home-2-suite .large-5 .spectacle a {
	position:relative;
	display:block;
	padding-bottom:5px;
	padding-top:15px;
	padding-right:15px;
	background:transparent url("/IMG/arrow-right.gif") no-repeat right 20px;
	background-size:11px 9px;
    font: 700 0.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
    color: blue;	
	}

#home-2-suite .large-5 .spectacle a:hover {color:#000;}

#home-2-suite li:last-child .large-7,
#home-2-suite li:last-child .large-5 {padding-bottom:80px;}

#home-3 {
	padding:0 12%;
	background:#eeeeee;
	}

#home-3 > .row > .large-12 {
	padding-top:120px;
	padding-bottom:120px;
	background:#FFF;
	}

#home-3 h2 {
	margin-bottom:15px;
    font: 400 2.5em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	}	

#home-3 h2 a {color: #FFF;}

#home-3 p {
	margin-bottom:20px;
    font: 400 1.750em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: #FFF;	
	}

#home-3 .encadre {
	position:absolute;
	width:55%;
	left:10%;
	bottom:100px;
	}

#home-3 > img{
	position:absolute;
	z-index:50;
	}

#home-3 .quote {
	margin-right:-10%;
	bottom:-40px;
	width:40%;
	}	
			
		
/* CH?? - ARTICLE
/* ---------------------------------------------------------------------------------- */
#row-1 {
	padding:280px 12% 0;
	background:#eee;
	}

#row-1 > .row > .large-12 {
	padding-top:120px;
	background:#FFF;
	}

#row-2 {
	padding:0 12%;
	background:#eeeeee;
	}
	
#row-2 > .row > .large-12 {
	background:#FFF;
	}

.page_article .large-8 {padding-bottom:100px;}

.image {background:blue;}
	
.image > img {
	opacity:0.80;
	width:100%;
	}
.image .noopacity{
	opacity:1;
}
.quote {
	position:absolute;
	margin-right:-20.05%;
	right:0;
	bottom:50px;
	padding:40px 25px;
	width:100%;
	background:blue;
    font: 400 1.063em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: #fff;	
	}

.quote i {
	font-style:normal;
    border-bottom: 2px solid blue;	
	}

.asterix {
	z-index:5;
	position:absolute;
	bottom:190px;
	right:50%;
	}

h1,
h2,
h3,
h4,
h5,
h6 {font-size:16px;}
	
h1 {
	margin-bottom:1em;
    font: 400 4.063em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
    color: blue;	
	}
	
h2 {
    font: 400 1.625em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
    color: blue;	
	}

h3 {
    font: 700 0.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
    color: blue;	
	}

.chapo p {
	padding-bottom:100px;
    font: 400 1.750em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: blue;	
	}

i {
	border-bottom:2px solid #000;
    font-style: normal;	
	}
	
p,
ul {
    font: 400 1.125em/1.5em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: 000;	
	}

#row-2 ul {
	list-style:circle;
	list-style-position:inside
	}

strong {
	position:relative;
	font-weight:400;
	color: #000;
	}

p strong::after {
	position:absolute;
	content:"";
	width:100%;
	height:15px;
	right:-5px;
	bottom:-3px;
	background:rgba(0,88,255,0.2);
	}

.chapo p strong::after {background:none;}

.large-8 p a,
.large-8 ul a,
.texteencadre-spip a,
#row-2 p a,
#row-2 ul a {
    border-bottom: 2px solid blue;
    color: blue;
	}
	
.suite {padding-top:100px;}

.row .texteencadre-spip {
	position:relative;
	margin-top:0;
	margin-bottom:2em;
	border:none;
	background:blue;
	padding:50px;
    font: 400 1.375em/1.5em "Cutive Mono",Helvetica,Arial,sans-serif;
	text-align:center;
    color: #000;	
	}

.texteencadre-spip h2,
.texteencadre-spip h3 {
	font:700 1em/1.5em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	}
	
.texteencadre-spip p,
.texteencadre-spip ul {font-size:18px;}


.entete {
	position:relative;
	background:blue;
	}
	
.entete > img {opacity:0.80;}

.resume {
	position:absolute;
	z-index:10;
	bottom:12.5%;
	left:10.5%;
	width:79%;	
	}

.resume h1 {
	margin-bottom:10px;
    font: 400 4.063em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
    color: #FFF;	
	}

.descriptif {
	background:#eee url("/IMG/arrow-right.gif")no-repeat 5% center;
	padding:35px 10.25%;
	margin-bottom:85px;
	}

.descriptif p {
    font: 400 1.125em/1.5em "Cutive Mono",Helvetica,Arial,sans-serif;
	color:blue;
	}
	
.resume .chapo p {
	padding-bottom:15px;
    font: 400 1.125em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#FFF;
	}

.resume .chapo p sup {
	top:-0.75em;
	font-size:48%;
	}

.surtitre p {
    font: 400 1.75em/1.35em "Cutive Mono",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	color:#FFF;
	}

.postscriptum {
	background:#dddddd;
	padding:4.5% 10.25%;
	}

.postscriptum p + h3,
.postscriptum ul + h3 {margin-top:2.5em;}



/* CH?? - RÉSIDENCES
/* ---------------------------------------------------------------------------------- */
.page_residences h2 {margin-bottom:1.250em;}

.inscrire,
.boutons,
.button {
	position:relative;
	display:block;
	margin:70px 0 100px;
	width:100%;
	height:60px;
	}

.button {
	width:50%;
	margin:50px auto 80px;
	}
	
.inscrire::after,
.boutons::after,
.button::after {
	position:absolute;
	content:"";
	display:block;
	border:1px solid #dddddd;
	background:transparent;
	width:100%;
	height:60px;
	right:-10px;
	bottom:-10px;
	}
		
.inscrire span,
.formulaire_formidable input[type="submit"],
.button a {
	z-index:10;
	position:absolute;
	display:block;
	width:100%;
	height:60px;
	left:0;
	top:0;
	margin:0 auto;
	border:1px solid blue;
	background:#FFF;
    font: 700 1em/58px "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:4px;
	color:blue;
	}

.inscrire:hover span,
.formulaire_formidable .boutons:hover input[type="submit"],
.button:hover a {
	border-color:#000;
	color:#000;
	}

#listes-residences {
	position:relative;
	background:#ddd;
	font-size:16px;
	}

#listes-residences .image > a  {display:block;}
#listes-residences .image > a img {opacity:0.80;}

#listes-residences > img {
	position:absolute;
	z-index:50;
	bottom:10%;
	left:3%;
	}

#listes-residences .large-4 .date,
#listes-residences h3,
#listes-residences .large-4 .type,
#listes-residences .large-4 p {
	padding-left:75px;
	padding-right:25px;
	}
#listes-residences .large-4 .more {margin-left:75px;}

#listes-residences .large-4 .date {
	margin-top:70px;
	margin-bottom:0.5em;
    font: 700 1.125em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	color:blue;
	}

#listes-residences .large-4 .type {
	margin-bottom:0.5em;
    font: 400 1.125em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
    color: blue;	
	}

#listes-residences h3 {
	margin-bottom:0.5em;
    font: 300 1.875em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	}

#listes-residences h3 a {color:blue;}

#listes-residences .large-4 p {margin-bottom:1em;}

#listes-residences sup {
	top:-0.75em;
	font-size:48%;
	}

#listes-residences li {background:#b4;}
#listes-residences li:nth-of-type(3n+1) {background:#ddd;}
#listes-residences li:nth-of-type(3n+3) {background:#FFF;}

#listes-residences li .more:hover {color: #FFF;}	
#listes-residences li .more:hover::after {background:rgba(255,255,255,0.2);}

#listes-residences li:nth-of-type(3n+1) .more:hover,
#listes-residences li:nth-of-type(3n+3) .more:hover {color: #000;}	
#listes-residences li:nth-of-type(3n+1) .more:hover::after,
#listes-residences li:nth-of-type(3n+3) .more:hover::after {background:rgba(54,193,134,0.2);}


/* NIVEAU DE LECTURE
/* -------------------------- */
p .caractencadre-spip { color: #0000fc; }
p + h2,
ul + h2,
.texteencadre-spip + h2,
.bouton + h2,
.vcard + h2,
.flex-video + h2 {margin-top:3em;}

h2 + h3,
p + h3,
ul + h3,
.texteencadre-spip + h3,
.bouton + h3,
.flex-video + h3,
p + h4,
ul + h4,
.texteencadre-spip + h4,
.bouton + h4,
.flex-video + h4 {margin-top:4em;}

h2 + .flex-video,
p + .flex-video,
ul + .flex-video {margin-top:1.75em;}

p + .texteencadre-spip,
ul + .texteencadre-spip {margin-top:2em !important;}

h2 + p,
h2 + ul,
h2 + .bouton,
h2 + .rslides_container,
p + p,
p + ul,
p + .bouton,
ul + p,
ul + .bouton,
p + .cs_blocs {margin-top:1.250em;}

h3 + h4,
.texteencadre-spip h2 + p,
.texteencadre-spip h3 + p {margin-top:1em;}

h3 + p,
h3 + ul,
h3 + .bouton,
h3 + .flex-video,
h4 + p,
h4 + ul,
h4 + .bouton,
h4 + .flex-video {margin-top:0.5em;}


/* CH?? - FORMULAIRE
/* ---------------------------------------------------------------------------------- */
.formulaire_formidable  {width:90%;}

.formulaire_formidable li {
	list-style:none;
	margin-bottom:3em;
	}
	
.formulaire_formidable fieldset {
	padding:0;
	margin:0;
	border:none;
	}
	
.formulaire_formidable fieldset li {
	width:100%;
	margin-top:1em;
	margin-bottom:0;
	}
	
.formulaire_formidable fieldset h2.legend {	
	display:block;
	margin-top:0;
	margin-bottom:1em;
    font: 700 1em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
    text-align: left;
    color: blue;	
	}

.formulaire_formidable .fieldset_fieldset_2 fieldset h2.legend {padding-bottom:0.5em;}
	
.formulaire_formidable .formulaire_spip li p {
    font: 400 1.125em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	color:blue;
	}
	
.formulaire_formidable label,
.formulaire_formidable select {
	display:block;
    font: 400 1.125em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
    color: blue;
	}

.formulaire_formidable select {
	margin-top:0.35em;
	margin-bottom:0.25em;
	height:55px;
	padding:10px;
	}

.formulaire_formidable textarea,
.formulaire_formidable input[type="text"] {
	float:none;
	width:100%;
	padding:0.5em;
	margin-top:0.35em;
	background:#ddd;
    font: 400 1.125em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	color:blue;
    border: none;
	}

.formulaire_formidable li.saisie_textarea {
	padding-left:0;
	margin-bottom:0;
	margin-top:-1.250em;
	width:100%;
	}
	
.formulaire_formidable textarea {	min-height:150px;}

.boutons {
	margin:50px 0 70px;
	width:250px;
	}

.reponse_formulaire_erreur p {
	color:#BB0000;
	font-size:1.250em;
	margin-bottom:2em;
	}

.erreur_message {
    font: 400 0.688em/1.65em "Cutive Mono",Helvetica,Arial,sans-serif;
	color:#BB0000;
	}
	
	
/* CH?? - DIVERS COMMUN
/* ---------------------------------------------------------------------------------- */

/* PAGINATION
/* -------------------------- */
/* Suivant-Précedent */
#row-navigation {
	margin:50px 0;
	position:relative;
	}
	
#row-navigation::after {
	position:absolute;
	top:35%;
	bottom:0;
	left:50%;
	height:30%;
	width:1px;
	content:"";
	background:#ccc;
	}

.precedent,
.suivant {
	float:left;
	width:50%;
	}

.suivant {float:right;}
	
.precedent a,
.suivant a {
	background:transparent url("/IMG/arrow-left.gif") no-repeat left center;
	background-size:11px 9px;
	padding:40px 20px;
	display:block;
    font: 700 1em/1.35em "Dosis",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
    color:#000;	
	}

.suivant a {
	background:transparent url("/IMG/arrow-right.gif") no-repeat right center;
	background-size:11px 9px;
	text-align:right;
	}

.precedent br,
.suivant br {display:none;}

.precedent a:hover,
.precedent a:focus,
.suivant a:hover,
.suivant a:focus {}

.precedent a:active,
.suivant a:active {}


/* ANCHOR
/* -------------------------- */
.cd-top {
	display: inline-block;
	z-index:100;
	height: 60px;
	width: 60px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: blue 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;
	}

.lt-ie8 .cd-top {background-image:url("/IMG/arrow-up.png");}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .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;}
	
.no-touch .cd-top:hover {
	background-color: blue;
	opacity: 1;
	}
	
					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure {margin:0;}
	
	.adapt-img-wrapper,
	.adapt-img-wrapper::after {width:100%;}
	
	#main p > span {line-height:0; display:block; margin:1.5em 0 !important;}
		
	.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 {
		z-index:2000 !important;
		right:50% !important;
		}	
	.spip_documents_left {float:left !important}
	.spip_documents_right {float:right !important}
    dl.spip_documents { margin-top: 25px; }
	dl.spip_documents dt { float: left; }
	dl.spip_documents dt.spip_doc_titre { width: 250px!important; padding: 10px;}

/* CH?? - VISIBILITY
/* ---------------------------------------------------------------------------------- */
	.show-for-tablet,
	.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) {
		.logo-header {left: 10.5%;}
		#home-1,
		#home-2,
		#home-3,
		#row-1,
		#row-2,
		footer {
			padding-left:10.5%;
			padding-right:10.5%;
			}
		#home-1 p,
		#home-3 p,
		.chapo p {font-size:1.5em;}
		#home-1 .quote {margin-left: -45%;}
		
		#home-2-suite .large-4 .date {margin-top:60px;}
		#home-2-suite .large-4 .date,
		#home-2-suite h3,
		#home-2-suite .large-4 .type,
		#home-2-suite .large-4 p,
		#home-2-suite .large-5 .spectacle a {padding-left:55px;}
		#home-2-suite .large-4 .more {margin-left:55px;}
		#home-2-suite .large-7 .mois,
		#home-2-suite .large-7 .type,
		#home-2-suite .large-5 .spectacle a {letter-spacing:3px;}
		
		#home-3 .quote {
			width: 50%;
			}
		#home-3 .encadre {bottom:95px;}
		
		#listes-residences .large-4 .date {margin-top:60px;}
		#listes-residences .large-4 .date,
		#listes-residences h3,
		#listes-residences .large-4 .type,
		#listes-residences .large-4 p {padding-left:55px;}
		#listes-residences .large-4 .more {margin-left:55px;}
			
		}
	
		
	/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1152px) and (orientation: landscape) {
			/*HEADER*/
		.logo-header {left: 9%;}
		#home-1,
		#home-2,
		#home-3,
		#row-1,
		#row-2,
		footer {
			padding-left:9%;
			padding-right:9%;
			}
		#home-1 p,
		#home-3 p,
		.chapo p {font-size:1.5em;}
		#home-1 .quote {
			margin-left: -20%;
			padding: 30px 15px;
			}
		#home-1 .asterix {
			bottom: 160px;
			left: 10%;
			}
			
		#home-2-suite .large-4 .date {margin-top:45px;}
		#home-2-suite > img {left:2%;}
		#home-2-suite .large-4 .date,
		#home-2-suite h3,
		#home-2-suite .large-4 .type,
		#home-2-suite .large-4 p,
		#home-2-suite .large-5 .spectacle a {padding-left:40px;}
		#home-2-suite .large-4 .more {margin-left:40px;}
		#home-2-suite .large-7 .mois,
		#home-2-suite .large-7 .type,
		#home-2-suite .large-5 .spectacle a {letter-spacing:2px;}
		
		#home-3 .quote {
			padding: 30px;
			width: 55%;
			}
		#home-3 .encadre {bottom:75px;}
		
		#row-1 > .row > .large-12 {padding-top:100px;}

		#listes-residences .large-4 .date {margin-top:45px;}
		#listes-residences .large-4 .date,
		#listes-residences h3,
		#listes-residences .large-4 .type,
		#listes-residences .large-4 p {padding-left:40px;}
		#listes-residences .large-4 .more {margin-left:40px;}
			
		}


	/* ========== PASSAGE FORMAT MEDIUM ========== */	
	
	/* Widescreen landscape > BREAKPOINT 1025PX */
	@media only screen and (max-width: 1151px) and (min-width: 960px) and (orientation: landscape) {
		.logo-header {
			height: 140px;
			left: 7%;
			top: 70px;
			width: 250px;
			}
		.cd-primary-nav-trigger {
			left:20px;
			top:15px;
			}
		.cd-secondary-nav {top:15px;}			
		#home-1,
		#home-2,
		#home-3,
		#row-1,
		#row-2,
		footer {
			padding-left:7%;
			padding-right:7%;
			}
		#home-1,
		#row-1 {padding-top:260px;}
		#home-1 > .row > .large-12 {padding-top:80px;}
		#home-1 h1 {margin-bottom:0.5em;}
		#home-1 p,
		#home-2 p,
		#home-3 p,
		.chapo p {font-size:1.375em;}
		#home-1 p {padding-bottom:30px;}
		#home-1 .quote {
			margin-left: -20%;
			padding: 30px 15px;
			font-size:1em;
			}
		#home-1 .asterix {
			bottom: 155px;
			left: 10%;
			}
		#home-2-suite .large-4 {font-size:15px;}
		#home-2-suite > img {display:none;}	
		#home-2-suite .large-4 .date {margin-top:35px;}
		#home-2-suite > img {left:2%;}
		#home-2-suite .large-4 .date,
		#home-2-suite h3,
		#home-2-suite .large-4 .type,
		#home-2-suite .large-4 p,
		#home-2-suite .large-5 .spectacle a {padding-left:35px;}
		#home-2-suite .large-4 .more {
			margin-left:35px;
			font-size:0.933em;
			}
		#home-2-suite .large-7 .mois,
		#home-2-suite .large-7 .type,
		#home-2-suite .large-5 .spectacle a {letter-spacing:2px;}

		#home-3 .quote {
			padding: 30px;
			width: 55%;
			}
		#home-3 .encadre {bottom:70px;}
		
		#row-1 > .row > .large-12 {padding-top:100px;}

		h1,
		.resume h1 {
			font-size:3.125em;
			line-height:1.25em;
			}
		.resume {
			left: 6%;
			width: 88%;
			}
			
		#row-2 .image {margin-top:100px;}
		.quote {
			margin-right:-10%;
			font-size:1em;
			}
		.rslides_container {padding:60px 40px;}
		.centered-btns_nav {left:2px;}
		.centered-btns_nav.next {right:2px;}
		.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {bottom:17px;}
		.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
			margin-left:7px;
			margin-right:7px;
			}
		.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
			height:12px;
			width:12px;
			}

		#listes-residences {font-size:15px;}
		#listes-residences .large-4 .date,
		#listes-residences h3,
		#listes-residences .large-4 .type,
		#listes-residences .large-4 p {padding-left:35px;}
		#listes-residences .large-4 .date {margin-top:35px;}
		#listes-residences .large-4 .more {
			margin-left:35px;
			margin-bottom:35px;
			font-size:0.933em;
			}
		#listes-residences h3 {margin-bottom:0.25em;}
		#listes-residences .large-4 .date,
		#listes-residences .large-4 p {font-size:1em;}

		.show-for-tablet {display:block !important;}
		.hide-for-tablet {display:none !important;}
		}
	
	/* Ipad Portrait / Small tablet Landscape 800x600 > BREAKPOINT 768PX + 800PX */
	@media only screen and (max-width: 960px) and (min-width: 768px) {
		.logo-header {
			height: 140px;
			left: 7%;
			top: 70px;
			width: 250px;
			}
		.cd-primary-nav-trigger {
			left:20px;
			top:15px;
			}
		.cd-secondary-nav {top:15px;}			
		#home-1,
		#home-2,
		#home-3,
		#row-1,
		#row-2,
		footer {
			padding-left:7%;
			padding-right:7%;
			}
		#home-1,
		#row-1 {padding-top:260px;}
		#home-1 > .row > .large-12 {padding-top:80px;}
		#home-1 h1 {margin-bottom:0.5em;}
		#home-1 p,
		#home-2 p,
		#home-3 p,
		.chapo p {font-size:1.250em;}
		#home-1 p {padding-bottom:30px;}
		#home-1 .quote {
			margin-left: 16.85%;
			padding: 30px 15px;
			}
		#home-1 .asterix {
			bottom: 170px;
			left: 13%;
			}

		#home-2-suite .large-4 {font-size:15px;}
		#home-2-suite > img {display:none;}	
		#home-2-suite .large-4 .date {margin-top:35px;}
		#home-2-suite > img {left:2%;}
		#home-2-suite .large-4 .date,
		#home-2-suite h3,
		#home-2-suite .large-4 .type,
		#home-2-suite .large-4 p,
		#home-2-suite .large-5 .spectacle a {
			padding-left:35px;
			padding-right:30px;
			}
		#home-2-suite .large-4 .more {
			margin-left:35px;
			font-size:0.933em;
			}
		#home-2-suite .large-7 .mois,
		#home-2-suite .large-7 .type,
		#home-2-suite .large-5 .spectacle a {letter-spacing:2px;}

		#home-3 .quote {
			bottom:-65px;
			padding: 30px;
			width: 70%;
			}
		#home-3 h2 {font-size:2em;}
		#home-3 .encadre {
			bottom:30px;
			width:80%;
			}
			
		h1,
		.resume h1 {
			font-size:3.125em;
			line-height:1.25em;
			}
		.resume h1 {font-size:2.5em;}
		.resume {
			left: 6%;
			width: 88%;
			}
		.resume .chapo p {font-size:1em;}
		.surtitre p {font-size:1.375em;}

		#row-1 > .row > .large-12 {padding-top:100px;}
		
		#row-2 .image {margin-top:100px;}
		.quote {margin-right:-10%;}
		.rslides_container {padding:60px 40px;}
		.centered-btns_nav {left:2px;}
		.centered-btns_nav.next {right:2px;}
		.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {bottom:17px;}
		.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
			margin-left:7px;
			margin-right:7px;
			}
		.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
			height:12px;
			width:12px;
			}
		
		#listes-residences {font-size:15px;}
		#listes-residences .large-4 .date,
		#listes-residences h3,
		#listes-residences .large-4 .type,
		#listes-residences .large-4 p {padding-left:35px;}
		#listes-residences .large-4 .date {margin-top:35px;}
		#listes-residences .large-4 .more {
			margin-left:35px;
			margin-bottom:35px;
			font-size:0.933em;
			}		
		#listes-residences h3 {margin-bottom:0.25em;}
		#listes-residences .large-4 .date,
		#listes-residences .large-4 p {font-size:1em;}
		#listes-residences .medium-5 {width:58.3333%;}
		#listes-residences .medium-7 {width:41.6667%;}
		#listes-residences .push-5 {left:58.3333%;}
		#listes-residences .pull-7 {right:41.6667%;}

		.show-for-tablet {display:block !important;}
		.hide-for-tablet {display:none !important;}
		}
		
	
	/* ========== PASSAGE FORMAT SMALL ========== */	

	/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
	@media only screen and (max-width: 767px) {
		#home-1 .quote,
		#home-3 .quote,
		.quote,
		.asterix,
		.logo-footer,
		.footer-nav ,
		#home-2-suite .medium-collapse .large-7,
		#home-2-suite > img,
		.centered-btns_nav {display:none;}
			
		.logo-header {
			height: 85px;
			left: inherit;
			right:15px;
			top: 3px;
			width: 130px;
			}
		.cd-primary-nav-trigger {
			left:20px;
			top:15px;
			}
		body .cd-header {background: white}
		.cd-primary-nav {padding-top:80px;}		
		.cd-primary-nav a {font-size:1.375em;}		
		
		#home-1,
		#row-1 {
			padding-top:90px;
			background:blue;
			}
		#home-1,
		#home-2,
		#home-3,
		#row-1,
		#row-2,
		footer {
			padding-left:0;
			padding-right:0;
			}
		#home-1 .quote,
		#home-3 .quote,
		.quote {
			margin-left:0;
			margin-right:0;
			}
			
		h1 {
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			-o-hyphens: auto;
			hyphens: auto;
			word-wrap:break-word;
			}
			
		#home-1 h1,
		h1,
		.resume h1 {
			font-size:2.625em;
			line-height:1.15em;
			margin-bottom:0.5em;
			}
		#home-1 > .row > .large-12,
		#row-1 > .row > .large-12,
		.suite {padding-top:60px;}
		
		#home-1 p,
		#home-2 p,
		#home-3 p,
		.chapo p {font-size:1.250em;}
		.chapo p {padding-bottom:60px;}
		#home-1 p,
		#home-2 p {padding-bottom:40px;}
		#home-1 .image,
		#row-2 .image,
		#home-2 h2 {margin-top:60px;}
		.row .texteencadre-spip {padding:25px;}

		#home-2-suite .large-4,
		#listes-residences .large-4 {font-size:15px;}
		#home-2-suite .large-4 .date,
		#listes-residences .large-4 .date {margin-top:35px;}		
		#home-2-suite .large-4 .date,
		#home-2-suite h3,
		#home-2-suite .large-4 .type,
		#home-2-suite .large-4 p,
		#home-2-suite .large-5 .spectacle a,
		#listes-residences .large-4 .date,
		#listes-residences h3,
		#listes-residences .large-4 .type,
		#listes-residences .large-4 p {
			padding-left:15px;
			padding-right:15px;
			}
		#home-2-suite .large-5 .spectacle a {padding-left:0;}	
		
		#home-2-suite .large-4 .more,
		#listes-residences .large-4 .more {
			margin-left:15px;
			margin-bottom:35px;
			font-size:0.933em;
			}
		#home-2-suite .large-7 .mois,
		#home-2-suite .large-7 .type,
		#home-2-suite .large-5 .spectacle a {letter-spacing:2px;}
		#home-2-suite .large-5 {background: blue;}
		#home-2-suite li:last-child .large-5 { padding-bottom: 25px;}
		#home-2-suite .large-5 .spectacle {
			margin-top:0;
			border:none;
			}
			
		#home-3 > .row > .large-12 {
			padding-top:60px;
			padding-bottom:60px;
			}
		#home-3 .encadre {
			bottom: inherit;
			left: inherit;
			position: relative;
			width: 100%;
			margin:0 auto;
			padding:35px 15px;
			background:blue;
			}
		#home-3 .more.green {color:#FFF;}
		#home-3 .more.green::after {background:rgba(255,255,255,0.15);}
		
		.entete {margin-top:-60px;}
		.resume {
			position:relative;
			background:#FFF;
			left:0;
			width:100%;
			padding-top:35px;
			padding-bottom:35px;
			padding-left: 0.9375rem;
			padding-right: 0.9375rem;
			}
		.resume .chapo p,
		.resume h1,
		.resume .surtitre p {color:blue;}
		.resume .surtitre p {font-size:1.250em;}
		.postscriptum,
		.descriptif {padding:15px;}
		.descriptif {background-image:none;}
			
		#footer .row {background:#eee;}
		
		.rslides_container {padding:5px;}
		.centered-btns_tabs,
		.transparent-btns_tabs,
		.large-btns_tabs {bottom:-40px;}
		.centered-btns_tabs li,
		.transparent-btns_tabs li,
		.large-btns_tabs li {
			margin-left:5px;
			margin-right:5px;
			}
		.centered-btns_tabs a,
		.transparent-btns_tabs a,
		.large-btns_tabs a {
			width:15px;
			height:15px;
			}
									
		.flexbox .flex-box {
			display: inherit;
			position:inherit;
			-webkit-transform: none;
			-moz-transform:none;
			transform:none;
			}
				
		.csstransforms .vertical-center {
			position:inherit;
			top:inherit;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;
			}
			
		.formulaire_formidable {width:100%;}
		.formulaire_formidable li,
		.formulaire_formidable li p {font-size:16px;}
		.formulaire_formidable fieldset li,
		.formulaire_formidable fieldset li:nth-child(2n+0) {
			width:100%;
			margin-left:0;
			margin-right:0
			}
		.reponse_formulaire_erreur p {font-size:1em !important;}
		.formulaire_formidable input[type="submit"] {width:100%;}
		.boutons {
			margin-left:auto;
			margin-right:auto;
			}

		.show-for-small {display:block !important;z-index: 100000;}
		.hide-for-small {display:none !important;}
		}

	/* Small Tablet 800x600 Portrait (devices and browsers) / Mobile Landscape Iphone5 > BREAKPOINT 568PX */
	@media only screen and (max-width: 767px) and (min-width: 568px)  {
					
		}

	/* Mobile Landscape Iphone4 > BREAKPOINT 480PX */
	@media only screen and (max-width: 567px) and (min-width: 480px) {
	
		}
		
	/* Mobile Portrait Iphone5-4 > BREAKPOINT 320PX */
	@media only screen and (max-width: 479px) {

		}


/* -----------------------------------------
   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)
			{
					
				.a2a_button_facebook,
				.a2a_button_twitter,
				.a2a_button_google_plus {background-image:url("/IMG/sprite-reseaux_circle@2x.png");}

			}

@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)
			{

			}