/****************************************************************************************/
/*********** SITE RESPONSIVE - MOBILE FIRST - LAYOUT FLUIDE *****************************/
/*********************************************************** Benoit L. - 28/08/15 *******/


/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}a{margin:0;padding:0;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:60%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.4em}sub{bottom: 0;}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

ul li, ol li { list-style: none; }

a { text-decoration: none; }

abbr[title], acronym[title] { text-decoration: none; }

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=search], input[type=url], input[type=date], input[type=number], textarea, button, select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select::-ms-expand { display: none; }   /* CACHER LA FLÈCHE SUR IE */

/* IMAGE FLEXIBLE */
img, iframe {
  max-width: 100%;
  /*max-height: 100%;*/
}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */


/* -------  MODIFICATION DU BOX MODEL  ----------- */
html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*, *:after, *:before {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}

td, th { vertical-align: top; }

hr {
  margin: 1em 0;
  border-top: 1px solid #e6e7e8;
}
img { display: block; }
q { font-style: italic; }

/* class atomiques */
.centrer { text-align: center; }
.droite { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.sep { border-bottom: 1px solid #e6e7e8; }
.minus { text-transform: lowercase; }
.margeBas { margin-bottom: 3.5em; }
.sansMarge { margin: 0 !important; }
.mobileOnly { display: block !important; }
.notMobile { display: none !important; }
.desktopOnly { display: none !important; }
.notDesktop { display: block !important; }

.mortaise {
  display: block;
  width: 17.5em;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  margin: 0 auto 1.5em auto;
}

@media only screen and (min-width: 48em) {
  .mobileOnly { display: none !important; }
  .notMobile { display: block !important; }
  .mortaise.mortaise {
    float: left;
    margin: 0.4em 3% 1.5em 0;
    max-width: 50%;
  }

  .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only screen and (min-width: 64em) {
  .desktopOnly { display: block !important; }
  .notDesktop { display: none !important; }
}

/* Méthode de clear float */
.both { clear: both; }
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '.';
  clear: both;
  height: 0;
}

/* Cacher pour les lecteurs d'écrans et navigateurs */
.hidden, .champCache {
  display: none !important;
  visibility: hidden;
}

/* Passe la navigation, pour screen reader */
.passeNav {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Correction pour AddThis */
#_atssh {
  position: absolute;
  top: 0;
}


/* Body et HTML
--------------------------------------------------------------------------------------- */
body {
	background: #fff;
	font: 400 100% / 1.4 'Open Sans', Arial, sans-serif;
	color: #555;
}

html, body, #stickyFooterWrapper { height: 100%; }
#stickyFooterWrapper { height: auto; min-height: 100%; }

#stickyFooterWrapper{ padding-bottom: 12.6em; }

@media only screen and (min-width: 22.5em) {
	#stickyFooterWrapper{ padding-bottom: 11.35em; }
}
@media only screen and (min-width: 48em) {
	#stickyFooterWrapper{ padding-bottom: 9.975em; }
}

@media only screen and (min-width: 64em) {
	#stickyFooterWrapper{ padding-bottom: 5.75em; }
}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-width: 20em;
}
.layout {
    margin: 0 auto;
    width: 90%;
}

main { min-height: 24em; }


@media only screen and (min-width: 48em) {
  .layout { width: 95%; }
  main { min-height: 53em; }
}
@media only screen and (min-width: 64em) {
  .layout {
    margin: 0 auto;
    max-width: 62em;
    width: 100%;
  }
}


/* Titres
--------------------------------------------------------------------------------------- */

.titre {
  color: #000;
  font: 800 1.5625em 'Open Sans', Arial, sans-serif;
  margin-bottom: 0.8em;
}
.sousTitre {
  color: #000;
  font-size: 1em;
  line-height: 1.8;
  margin-bottom: 1.8em;
}
.sousTitre a { color: #000; }

.titre2 {
  color: #740202;
  font: 800 1.875em 'Open Sans', Arial, sans-serif;
  margin-bottom: 1em;
}

.titre3 {
  color: #fff;
  font: 800 1.5625em 'Open Sans', Arial, sans-serif;
  margin-bottom: 1em;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
}

.titre4 {
  font: 800 1.875em 'Open Sans', Arial, sans-serif;
  margin-bottom: 0.5em;
}

.titre5 {
  color: #740202;
  font: 700 1.125em 'Open Sans', Arial, sans-serif;
  margin-bottom: 1.5em;
}

@media only screen and (min-width: 48em) {
  .titre {
    font-size: 1.875em;
    margin-bottom: 1.25em;
  }
  .sousTitre { font-size: 1.125em; }

  .titre2 { font-size: 2.5em; }
  .titre3 { font-size: 1.875em; }
}


/* Textes et CMS
--------------------------------------------------------------------------------------- */
h2{ margin-bottom: 1em; }

.texte h2 {
  color: #000;
  font: 800 1.875em 'Open Sans', Arial, sans-serif;
  margin-bottom: 0.5em;
}

.texte h3 {
  color: #740202;
  font: 700 1.125em 'Open Sans', Arial, sans-serif;
  margin-bottom: 0.6em;
}
.texte h4 {
  color: #740202;
  font: 400 1em 'Open Sans', Arial, sans-serif;
  margin-bottom: 0.75em;
}

.texte p {
  font: 400 0.9375em /1.7 'Open Sans', Arial, sans-serif;
  margin-bottom: 1.5em;
}
.texte p:last-child { margin-bottom: 0; }
.texte .intro { font-weight: 700; }

.texte a {
	color: #740202;
	text-decoration: underline;
	transition: all 0.15s linear 0s;
}
.texte a:hover, .texte a:active, .texte a:focus {
	outline: none;
	text-decoration: none;
}
.texte abbr[title] { border-bottom: 1px dotted; }
.texte sup { top: -0.2em; }
.texte img { max-width: 100%; max-height: 100%; }

/* - - - Listes - - - */
.texte ul, .texte ol { overflow:hidden; }
.texte ul li, .texte ol li, .texte ul li ul li, .texte ol li ol li {
	font: 400 0.875em /1.7 'Open Sans', Arial, sans-serif;
	margin: 0 0 0.8em 1.4em;
}
.texte ul li { position: relative; }
.texte ul li:before {
  content: "\002022";
  color: #740202;
  font-size: 1.8em;
  position: absolute;
  top: -0.35em; left: -0.6em;
}

/* Liste incrementale stylable */
.texte ol {
  counter-reset: bullet;
  list-style-type: none;
}
.texte ol li{
  position: relative;
  margin-left: 1.6em;
}
.texte ol li:before {
  counter-increment: bullet;
  content: counters(bullet,".") ".";
  position: absolute;
  top: 0;
  left: -1.6em;
  color: #740202;
  font-weight: 700;
}
.texte ul li ul, .texte ol li ol{margin-top: 0.6em;}
.texte ul li ul li, .texte ol li ol li{margin: 0 0 0.4em 1.4em;}

.texte blockquote {
  font: 400 italic 1em 'Open Sans', Arial, sans-serif;
  margin-bottom: 1.5em;
}
.texte blockquote p {
  font: 400 italic 1em / 1.8 'Open Sans', Arial, sans-serif;
  margin-bottom: 1.2em;
}
.texte blockquote cite { font-size: 0.875em; }
.texte blockquote strong {
  color: #333132;
  font-size: 1.1428em;
  text-transform: uppercase;
}

.note.note {
  font-size: 0.8em;
  font-style: italic;
  line-height: 1.5em;
}

.vide {
	padding: 3em 0;
	text-align:center;
	font: 700 1.2em 'Open Sans', Arial, sans-serif;
	color:#000;
}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip {
	color: #d22f3e;
	font-size: 0.9em;
	font-weight: 700;
	white-space: nowrap;
}

/* - - - Style par défaut d'un tableau - - - */
.texte table {
	margin-bottom: 1em;
	border: 1px solid #dcddde;
	width: 100%;
}
.texte table caption {font: 700 0.875em 'Open Sans', Arial, sans-serif;}
.texte table th {
	background: #333;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.texte table td, .texte table th {
	min-width: 3em;
	padding: 0.25em 0.5em;
}
.texte table td { border: 1px solid #dcddde; }
.texte table tr:nth-child(even){ background: #eee; }

@media only screen and (min-width: 48em) {
  .texte blockquote { margin-bottom: 2em; }
}
@media only screen and (min-width: 64em) {
  .texte blockquote {
    margin: 0 auto 2em auto;
    max-width: 43em;
  }
}


/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{
	padding:0 2px;
	border:0 none !important;
	cursor:help;
}

.form label {
  color: #fff;
  font-size: 0.8125em;
  margin-bottom: 0.6em;
  text-align: left;
  text-transform: uppercase;
}
.form .lbl_cb {
  display: inline;
  font: 400 0.8em / 1.38 'Open Sans', Arial, sans-serif;
  margin-right: 1em;
  text-transform: none;
}

/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel], .form input[type=number],
.form input[type=search], .form input[type=url], .form input[type=date], .form input[type=file], .form select, .form textarea {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  color: #660002;
  font: 400 0.8125em 'Open Sans', Arial, sans-serif;
  height: 3em;
  margin-bottom: 0.77em;
  padding: 0 0.75em;
  width: 100%;
  -webkit-transition: box-shadow ease-in-out 0.3s;
          transition: box-shadow ease-in-out 0.3s;
}
.form textarea {
  display: block;
  height: 6.9em;
  margin-bottom: 2.3em;
  padding: 0.75em;
}

.form .champPetit.champPetit { width: 5em; }

.form input[type=checkbox] { display: inline; }
.form input[type=file] {
	max-width: 30em;
	padding: 0.5em;
}

.form select {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOGVhZDM3NC03MTk5LTlmNDAtYmUzMS0wZGUyZjk3OGI0ZTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA2NThCMjE0RkVCMTFFNTg1QTVDMzg5MEVGMUNDQkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA2NThCMjA0RkVCMTFFNTg1QTVDMzg5MEVGMUNDQkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMmIxMzE3LWE4ZDYtMmY0ZS1hNTZiLTU0ODI4NmE4NjJmOCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRhZjY2MmYxLTRiNjgtMTFlNS1hMmFhLWUyZWFmOTYxMDkzYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiSDkbsAAABnSURBVHjaYkxjYGIAgjQgvgfEexgwQTkQd7IAiVAgngnE74E4DE3xKqi8Mci4s1DTBKESLmiKQOAsE1SRK5ri3UiKKkBWM0E56IpdkBWBGExI7kFWjKIIBFjQfAhTbAzEq5ElAAIMAG2tGTg93dFWAAAAAElFTkSuQmCC) no-repeat 95% 50%;
}

.ie9 select {
  background: #fff;
  padding-right: 0;
}

/* - - - focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus {
  outline: 0;
  border: 1px solid #660002;
}

/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #959595; }
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #959595;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #959595 !important; }

/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
  font-size: 0.8125em;
  margin: 0 auto 1.2em auto;
  max-width: 40em;
  padding: 0.76923em;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
}
.messageInfo {
  color: #006592;
  background-color: #c6edff;
  border-color: #006592;
}
.messageSucces {
  color: #004D07;
  background-color: #dff2bf;
  border-color: #004D07;
}
.messageAvertissement {
  color: #7a440a;
  background-color: #ffffb3;
  border-color: #7a440a;
}
.messageErreur {
  color: #c00;
  background-color: #fdd;
  border-color: #c00;
}

.erreur, .erreur label, .erreur abbr { color: #c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur { border: 1px solid #c00 !important; }

@media only screen and (min-width: 48em) {
	/* - - - Layout - - - */
	.form .col1, .form .col2{
		float: left;
		width: 49.25%;
	}
	.form .col1 { clear: left; }
	.form .col2 { margin-left: 1.5%; }
	.form .colFull { clear: left; }
}


/*  BOUTONS
----------------------------------------------------------------------------------------- */

.bouton {
  background: transparent;
  border: 3px solid #fff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: 700 0.9375em /2.4 'Open Sans', Arial, sans-serif;
  padding: 0 2em;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 60em) {
  .bouton:hover, .slider-accueil .bouton:hover {
    background: #fff;
    color: #000;
  }
}


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
.entete {
  background: rgba(0, 0, 0, 0.6);
	position: absolute;
  top: 0; left: 0;
	height: 5em;
  width: 100%;
  z-index: 2;
}

.logo {
	display: block;
  padding: 0.67em 0 0.3em 6%;
  width: 8em;
	width: calc(7.5em + 6%);
  height: 5em;

}
.logo img{max-height: 100%;}
/*.logo svg { fill: #fff; }*/

.facebook:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOGVhZDM3NC03MTk5LTlmNDAtYmUzMS0wZGUyZjk3OGI0ZTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQzRjJCQjI0REFBMTFFNUFENjdBQjg5MEU2RUVEOTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQzRjJCQjE0REFBMTFFNUFENjdBQjg5MEU2RUVEOTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWFlYzc3ODctOTdkNS1mYzQzLTg0MDItYzVmNDNmYWQ0YzkxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGFmNjYyZjEtNGI2OC0xMWU1LWEyYWEtZTJlYWY5NjEwOTNhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3yqyQAAAAVZJREFUeNq0ls9Kw0AQxpPgRcil0HqS5N6+Qi49ePVq25sHDz1J8WX6Alrah1Afol61huBBBaEt2FCb9RuZBZFNd1qzAz8Swuw3O/tnJr5SyttiEeiBNmiCBliDDDyDezAGT6UKFMBABG7Al7Lbhn0jk5ZJ/BTM1e62AF1bgEue0b5WgEFZgDN2+K8VrPWj6/Mm02Y+gNCrxpagBVI9+2vBzHJwDkIek1j8R3qJYuG6D//sVyI4XfEB0uiAQJD2lJ814XKSZifgS2SzF/DB74fgEywE49qUaiZYnsRwX04E4zLKoL7nSTkW+DRoJivh+e7/KiNSyymDd8+dvQV8IlzZlALcOgxwF3A9LxyIk+aYAszAxEEA0pw5L3a6RKTgghpcBeKKtVJTy6yi4Vy5bJk9SU/Wt3UkzGbDvsam71t+W2LQ5YpLm3bE31/5UOjflscygW8BBgA7NPy8ieZ3IgAAAABJRU5ErkJggg==) no-repeat;
  content: '';
  display: inline-block;
  height: 1.5em;
  margin-left: 4%;
  vertical-align: middle;
  width: 1.5em;
}

@media only screen and (min-width: 48em) {
  .entete { height: 6.25em; }
  .logo {
    height: 6.25em;
    padding: 0.3em 0 0 2%;
    width: 10.5em;
    width: calc(9.5em + 2%);
  }
  .facebook:after { margin-left: 2%; }

  .entete > .facebook { margin: 2.2em 8%; }
}
@media only screen and (min-width: 64em) {
  .logo {
    float: left;
    padding: 0.75em 0 0 1%;
    width: calc(9.5em + 1%);
    height: 6em;
  }
  .entete > .facebook { margin: 2.2em 1% 0 0; }
}
@media only screen and (min-width: 77.5em) {
  .entete > .facebook { margin: 2.2em 1.5% 0 1.5%; }
}


/* Menu principal
--------------------------------------------------------------------------------------- */

@media only screen and (min-width: 64em) {
  .menu { display: inline-block;
    height: 6.25em; }
  .menu_item { display: inline; }
  .menu_lnk {
    color: #fff;
    display: inline-block;
    font: 700 0.875em /7.15 'Open Sans', Arial, sans-serif;
    height: 7.15em;
    padding: 0 1%;
    vertical-align: top;
    transition: background 0.5s ease;
  }
  .menu_item:nth-child(2) .menu_lnk { margin-left: 1%; }
  .menu_lnk:hover { background: #740202; }
  .menu_lnk.actif {
    border-top: 5px solid #740202;
    line-height: 6;
  }

  .avecSousMenu { position: relative; }
  .sousMenu {
    display: none;
    position: absolute;
    left: 0; top: 6.25em;
  }
  .explorer .sousMenu { top: 3.8em; }
  .sousMenu_item {
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    display: block;
    text-align: left;
  }
  .sousMenu_item:last-child { border-bottom: none; }
  .sousMenu_lnk {
    color: #000;
    display: block;
    font-size: 0.875em;
    line-height: 3.33;
    padding: 0 4.6em 0 1.1em;
    white-space: nowrap;
  }
  .sousMenu_lnk:hover { color: #740202; }
}
@media only screen and (min-width: 77.5em) {
  .menu_lnk {
    font-size: 0.9375em;
    line-height: 6.66;
    height: 6.66em;
    padding: 0 1.5%;
  }
  .sousMenu_lnk { font-size: 0.9375em; }

  .avecSousMenu > a:after {
    content: ',';
    font: 400 0.6em/100% "guifx";
    padding-left: 0.75em;
  }
}


/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
.banniere-bg{
	background-color: #252525;
}

.banniere-interne {
  height: 9em;
  margin:0 auto 1.8em;
  max-width: 1920px;
}

@media only screen and (min-width: 48em) {
  .banniere-interne {
    height: 18.125em;
    margin-bottom: 2.5em;
  }
}


/* LISTING DE PROJET
----------------------------------------------------------------------------------------- */

.projet_liste { display: inline-block; }

.flexbox .projet_liste {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
}

.projet_item {
  display: inline-block;
  margin-bottom: 1.8em;
  max-width: 280px;
  vertical-align: top;
}

.projet_item:last-child { margin-bottom: 0; }
.projet_libeler {
  background: #000;
  color: #fff;
  display: block;
  font: 700 0.9375em/5.33 'Open Sans', Arial, sans-serif;
  height: 5.33em;
  margin-bottom: 0.9em;
}
.vendu .projet_img {
  -webkit-filter: grayscale(100%);
          filter: gray;
          filter: grayscale(100%);
}

.vendu .projet_libeler {
  background: #6d6e71;
  text-transform: uppercase;
}
.projet_nom {
  color: #000;
  font-size: 1.125em;
  margin-bottom: 0.5em;
}
.projet_txt {
  color: #666;
  font-size: 0.9375em;
  line-height: 1.5;
}

.projet_lnk:focus{ outline:none; }

@media only screen and (min-width: 40em) {
  .projet_item {
    margin: 0 2.5% 1.25em 2.5%;
    width: 47.5%;
  }
  .flexbox .projet_liste {
    -webkit-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 48em) {
  .no-flexbox .projet_liste { text-align: left; }
  .no-flexbox .projet_item { text-align: center; }
  .projet_item {
    margin: 0 1% 1.25em 1%;
    width: 31.3%;
  }
  .projet_item:nth-child(2n+2) {  margin: 0 1% 1.25em 1%; }
}
@media only screen and (min-width: 60em) {
  .projet_libeler { transition: background 0.5s ease; }
  .projet_lnk:hover .projet_libeler,
  .projet_lnk:focus .projet_libeler { background: #740202; }
}


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
.titre-accueil {
  display: inline;
  font-size: 1em;
}

.slider-accueil_item {
  padding: 6.5em 0 0 0;
  text-align: center;
  width: 100%;
}
.slider-accueil .btnWrapper{ height:8.5em; }

.slider-accueil .bouton {
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 0.7em;
  padding: 0;
  text-align: center;
  width: 63%;
}
.slider-accueil_txt {
  background: #000;
  color: #fff;
  font: 700 0.8em /1.8 'Open Sans', Arial, sans-serif;
  margin: 2.5em 0 0 0;
  padding: 1em 10% 3.5em 10%;
  height:8.125em;
}
.slider-accueil_txt.single { padding: 2.25em 10% 2.25em 10%; }
.slider-accueil_txt a { color: #fff; }
.slider-accueil_boite { position: relative; }
.slider-accueil_boite .bx-pager {
  position: absolute;
  bottom: 1.5em;
  text-align: center;
  width: 100%;
}
.slider-accueil_boite .bx-pager-item {
  display: inline;
  margin: 3px;
}
.slider-accueil_boite .bx-pager-link {
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  overflow: hidden;
  text-indent: 100%;
}
.slider-accueil_boite .bx-pager-link.active { background: #740202; }

.projet_boite {
  background: #e1e1e1;
  padding: 1.5em 0 2.5em 0;
}
.intro_boite { padding: 1.5em 0 2em 0; }

.residence_boite {
  background: #79caea url(../gx/01/img_residence.png) no-repeat bottom right;
  background: url(../gx/01/img_residence.png) no-repeat bottom right, -moz-linear-gradient(-45deg,  #79caea 0%, #dcf3fd 100%);
  background: url(../gx/01/img_residence.png) no-repeat bottom right, -webkit-gradient(linear, left top, right bottom, color-stop(0%,#79caea), color-stop(100%,#dcf3fd));
  background: url(../gx/01/img_residence.png) no-repeat bottom right, -webkit-linear-gradient(-45deg,  #79caea 0%,#dcf3fd 100%);
  background: url(../gx/01/img_residence.png) no-repeat bottom right, -o-linear-gradient(-45deg,  #79caea 0%,#dcf3fd 100%);
  background: url(../gx/01/img_residence.png) no-repeat bottom right, -ms-linear-gradient(-45deg,  #79caea 0%,#dcf3fd 100%);
  background: url(../gx/01/img_residence.png) no-repeat bottom right, linear-gradient(135deg,  #79caea 0%,#dcf3fd 100%);
  background-size: 140%, auto;
  padding: 1.8em 0 18em 0;
}
.residence_boite .texte {
  color: #fff;
  margin-bottom: 1.5em;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
}

.carte {
  height: 20em;
  width: 100%;
}
.carte img {
  max-height: none;
  max-width: none;
}

.joindre_ctn {
  background: #404040;
  color: #fff;
  padding: 2em 5%;
}
.joindre_txt {
  font-size: 0.9375em;
  line-height: 1.7;
  margin-bottom: 1.5em;
}
.joindre_txt a { color: #fff; }
.joindre_titre { font: 700 1em /1.7 'Open Sans', Arial, sans-serif; }
.joindre_lnk {
  color: #fff;
  text-decoration: underline;
}

.joindre_boite{
  display: flex;
  flex-direction: column;
  .carte{
    display: flex;
    height: 20em;
    filter: brightness(0.5);
    img{
      object-fit: cover;
      width: 100%;
    }
  }
}

@media only screen and (min-width: 25em) {
	.slider-accueil_txt { font-size:1em; }
}

@media only screen and (min-width: 30em) {
  .residence_boite { padding-bottom: 29em; }
}
@media only screen and (min-width: 40em) {
  .residence_boite {
    background-size: 100%, auto;
    padding-bottom: 24em;
  }
  /*.slider-accueil_txt { padding-bottom: 6em; }*/
}
@media only screen and (min-width: 48em) {
  .slider-accueil_item {
    height: 35.9em;
    padding: 6em 0 3em;
  }

  .slider-accueil_contenu{
  	position: relative;
  	top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .slider-accueil .btnWrapper{ height:auto; }
  .slider-accueil_txt, .slider-accueil_txt.single {
    background: transparent;
    font-size: 1.125em;
    margin-top: 2em;
    padding: 0 22%;
    height:auto;
  }
  .slider-accueil_titre {
    color: #fff;
    font: 800 2.5em /1 'Open Sans', Arial, sans-serif;
    margin-bottom: 0.75em;
  }
  .slider-accueil .bouton {
    margin: 0 0.5%;
    max-width: 12em;
    width: 23%;
  }
  .slider-accueil_boite .bx-pager { bottom: 2em; }

  .projet_boite { padding: 3em 0 2em 0; }
  .intro_boite { padding: 5em 2em 6em 2em; }


  .residence_boite {
    background: url(../gx/01/residence_bg.jpg) no-repeat bottom right;
    background-size: cover;
    height: 30em;
    padding: 3em 0 0 0;
  }
  .residence_ctn {
    margin-left: 3%;
    width: 55%;
  }

  .joindre_boite {
    position: relative;  flex-direction: row;
    .carte{
      flex: 1;
      height: 48em;
    }
  }

  .joindre_ctn {
    background: rgba(0, 0, 0, 0.75);
    height: 50em;
    padding: 2em 3% 2em 3%;
    width: 50%;
  }
  .joindre_ctn .form .col1, .joindre_ctn .form .col2 {
    float: none;
    margin-left: 0;
    width: 100%;
  }

  .carte { height: 50em; }
}
@media only screen and (min-width: 64em) {
  .slider-accueil_item {
    height: 43em;
    height: calc(100vh - 0px); /* hack pour iPad */
    min-height: 38em;
    width: 100%;
    padding: 6em 0 4.5em;
  }
  .slider-accueil_txt2 {
    color: #fff;
    display: block;
    font: 700 1.125em /1.7 'Open Sans', Arial, sans-serif;
    margin: 0 auto 2em auto;
    width: 70%;
  }
  .slider-accueil_txt, .slider-accueil_txt.single {
    padding: 0 32%;
  }
  .slider-accueil_boite .bx-pager { bottom: 5em; }

  .accueil_ancre {
    position: absolute;
    left: 50%; left: calc(50% - 0.7em);
    bottom: 3em;
  }
  .accueil_ancre:before {
    color: #fff;
    content: ',';
    font: 400 2em 'guifx';
  }

  .projet_boite { padding: 2em 0; }
  .projet_liste {
    margin: 0 auto;
    max-width: 55em;
    width: 100%;
  }

  .residence_boite {
    height: 47em;
    padding-top: 16em;
  }
 .joindre_ctn { padding-top: 4em; }
  .joindre_ctn .form .col1, .joindre_ctn .form .col2 {
    float: left;
    width: 49.25%;
  }
  .joindre_ctn .form .col2 { margin-left: 1.5%; }
  .carte, .joindre_ctn { height: 48em; }
}
@media only screen and (min-width: 64em) and (min-height: 49em) {
  /*.slider-accueil_item { padding-top: 15em; }*/
}
@media only screen and (min-width: 64em) and (min-height: 55em) {
  .slider-accueil_boite .bx-pager { bottom: 10em; }
  /*.slider-accueil_item { padding-top: 20em; }*/
  .accueil_ancre { bottom: 6em; }
}


/* 04_110 : PAGE DÉTAIL DE PROJET
--------------------------------------------------------------------------------------- */

.quartier {
  background: #f5f5f5;
  margin: 0 auto 2.5em auto;
  max-width: 680px;
}
.quartier .titre4 {
  color: #000;
  line-height: 1;
  margin-bottom: 1em;
}
.quartier_ctn { padding: 1.8em 10%; }

.plan3D {
  margin: 0 auto 2.5em auto;
  max-width: 620px;
}
.plans .titre4 { color: #000; }

.plans .note{
	display: inline-block;
	margin: 0 5% 0.75em 5%;
}

.titre-etage {
  color: #740202;
  font-size: 1.125em;
  margin: 0 0 0.75em 5%;
}
.boite_table {
  margin-bottom: 1.8em;
  overflow-x: auto;
  padding: 0 5%;
  width: 100%;
}
.boite_table .plans_table { min-width: 50em; }
.plans_table { border: 1px solid #acacac; }
.plans_table tr:nth-child(even) { background: #f2f2f2; }
.plans_table tr:nth-child(odd) { background: #fafafa; }
.plans_table th, .plans_table td {
  border-right: 1px solid #e2e2e2;
  font-size: 0.9375em;
  padding: 0.75em 2%;
  text-align: center;
}
.plans_table th:last-child, .plans_table td:last-child { border-right: none; }
.plans_table th { color: #fff; }
.plans_table th:nth-child(even) { background: #c2c2c2; }
.plans_table th:nth-child(odd) { background: #acacac; }
.plans_table td { color: #000; }
.plans_table .vendu td { color: #959595; }
.plans_table .vendu .non-dispo {
  color: #740202;
  text-transform: uppercase;
}
.lnk_fiche {
  color: #740202;
  text-decoration: underline;
}
.boite_photo.juste-une .bx-controls { display: none; }

.boite_photo { position: relative; }
.boite_photo .bx-controls { display: block; }
.boite_photo .bx-prev, .boite_photo .bx-next {
	background: #000;
	color: #fff;
	height: 4em;
	width: 2em;
	overflow: hidden;
	text-indent: 100%;
	position: absolute;
	top: 49%; top: calc(50% - 2em);
}
.boite_photo .bx-prev { left: 0; }
.boite_photo .bx-next { right: 0; }
.boite_photo .bx-prev:before, .boite_photo .bx-next:before {
	font: 100 2em /1 guifx;
	height: 1em;
	position: absolute;
	top: 50%; top: calc(50% - 0.4em);
	text-indent: 0;
}
.boite_photo .bx-prev:before {
	content: '<';
	left: 20%;
}
.boite_photo .bx-next:before {
	content: '>';
	right: 20%;
}

@media only screen and (min-width: 48em) {
  .quartier_ctn { padding: 3em 6.6%; }
}

@media only screen and (min-width: 53em) {
  .plans .note{ display: none; }
}

@media only screen and (min-width: 64em) {
  .quartier {
    max-width: none;
    overflow: auto;
  }
  .quartier_photo {
    float: left;
    max-width: 50%;
  }
  .quartier_ctn {
    overflow: auto;
    padding: 3em 4%;
  }

  .plans {
    margin: 0 auto 3em auto;
    width: 62.5em;
  }
  .titre-etage { margin-left: 0; }
  .boite_table { padding: 0; }
  .boite_table .plans_table { width: 100%; }
  .plans_table tr {
    cursor: pointer;
    transition: all 0.5s linear;
  }
  .plans_table tr:hover {
    background: #740202;
    color: #fff;
  }
  .plans_table tr:hover td, .plans_table tr:hover .lnk_fiche, .plans_table tr.vendu:hover .non-dispo { color: #fff; }

  .joindre-projet .joindre_ctn, .joindre-projet .carte { height: 40em; }
}


/* 07_100 : RÉSIDENCE
---------------------------------------------------------------------------------------- */

.galerie_item {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-bottom: 1.25em;
}

@media only screen and (min-width: 48em) {
  .galerie {
    margin: 0 auto;
    max-width: 660px;
    width: 90%;
  }
  .galerie_item {
    margin: 0 2.3% 1.25em 0;
    width: 48.5%;
  }
  .galerie_item:nth-child(2n+2) { margin-right: 0; }

  .titre-galerie { margin-left: 5%; }
}
@media only screen and (min-width: 64em) {
  .galerie {
    max-width: none;
    width: 100%;
  }
  .galerie_item {
    margin: 0 2% 1.25em 0;
    width: 31.3%;
    position: relative;
  }
  .galerie_item:nth-child(2n+2) { margin-right: 2%; }
  .galerie_item:nth-child(3n+3) { margin-right: 0; }
  .titre-galerie { margin-left: 0; }

  .galerie_item .galerie_lnk:before {
    background: rgba(0, 0, 0, 0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOGVhZDM3NC03MTk5LTlmNDAtYmUzMS0wZGUyZjk3OGI0ZTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAwMENEOEI1MjZDMTFFNUFCOTREMDI2QzhERDA5N0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAwMENEOEE1MjZDMTFFNUFCOTREMDI2QzhERDA5N0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQxMDBmNjgtMzEwYi1iZDRlLTgwZmYtMDcyYjBkNGIzNTdiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjA0YTdhMTUtNGI3MS0xMWU1LWEyYWEtZTJlYWY5NjEwOTNhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+K0VOywAABBlJREFUeNrMml1IFUEUx69XzQq1Mr/xZho+RELYh0VCZE+9VGj0YJZEkWFUFIUm9BAEZQR9PVjUQxAlgSBRUL1ERd9qGtVDGSrmQ9+ZX0X5sf2PnQvjtHud3R2v98AP7l5mzpmzs3vmzJkNMwzDo0FSQD7IA/PALDAdTANkoAd8B63gLXgC7oEPbg2HuXAgAZSAYpDjUEcTuMx8caSBHLCJD5wFvwx90g9OgjS747HTeBI4BH4a4yd9oIJtaXUgG7w0gidNIEuXA+t4ioMtvaDQrQM7wKAxcUK2S506UGaEjpRZjdMqjBaAWhDuCQ0ZAoXguso6QAtRPZhq00gvaAcDIArMAVM0OkH6F/NCaLkOUPh6ZfNFOwZygFfSFQGWgWrwW9Oj1AwiA70DBxQVDYPzIEExDKeDOk1OVFg5kKYYLuluFjtYwYn97Lzb8Jpq5sApRQVmg48D28AFcBWc5nbRJm0rNczCCdmBeMUUoVoajJentM+i/TewRepDgeOGhpQjXnRgt0KnLhArDb5G0WCV5EQGGHDpxB7RgQYHg6iwabBI6l/j0oEGvwM+xQ4LBOMz+GWyI50gXNBR4NIBCgaJXiwFKxQWkT7wQrheA6JtLkRpYLlw/cDtZgysJAdyFRq/B8PC9UKHRsV+X/nGuJGl5EC2QsMf0nWcQ4Mzx9BrV7LJAZ9CQ3nAnx0a/KLpRvgl3auoZDaIFK4fOzT4SPid6iBhlCWeHIhRaDgZLBGubzmoIlAQeCZc52vIUKeRAxGKjTcIv/tBuc18fqf030YtSXaANEAWSjWSpcXoiOK2cLPUL1dDUjeSHZCyVhsd6kySs/Wgw6L9Q5Bn0kdXat1CiRU9z6tsTFolqJL+C+ey4iKQCD6C+6DZQoePS4uZLh+gmx5Ofe0u4Qc5q/S4wGdz9k3TanqJGxws4YfBbd4/qwit9tcobgv/dXIa0+ZiBp56eHfj9IUaArVcgEqS7vBsUALuCPrbeHupYyZIZ7xfSb2ml6qHNzF/ArTR5QSN2ePlqbikqfQRwyt7ZIA2GeCuxePUasPWFbEuNJOV6KzjjCXtvBp3SDWp14rpPR2idPln4Bu4GORqm9lMtIBBhb7naPByYSvVwS5Lh7SD+SAKHFUsqyRbFbbKJ7CAqxoJ9wUq7kZyxpjjCU15Trsw8TEzK+5mgUYQG2KD7+Yt6ahI5TVp+A5s4hQ4VGSIT0T/C7Neiw5Uh98VIoOnR2S72dmAyjFraQgcMW11e8i3FnRPwODJ5mpdx6x05NkYxMFT2TBT90F3BMfg8VzsSPdetqX9pN5PCjij+eyYBn7cJCUfEzcfe8RxaCviw7cwB9GFNlM1nA13BftrlVEFJs4sqXY0l/e6SdLnNp84jr8Z2Un92xN/dWv4rwADANnoVMv2RHw+AAAAAElFTkSuQmCC) no-repeat center center;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 0; left: 0;
    z-index: 2;
    transition: opacity 0.3s ease;
  }
  .galerie_item .galerie_lnk:hover:before { opacity: 1; }
}

/* 08_100 : FAQ
--------------------------------------------------------------------------------------- */

.faq_titre {
  cursor: pointer;
  font-weight: 700;
  margin-top: 1em;
}
.faq_titre:first-child { margin-top: 0; }


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
.carte-bg{
  padding-top: 5em;
}

.carte-contact {
  display: block;
  height: 9.4em;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 1.8em;
}

.formContact_boite {
  background: #404040;
  color: #fff;
  margin-bottom: 2.5em;
  padding: 1.5em 5%;
}

@media only screen and (min-width: 30em) {
  .carte-contact { height: 18em; }
}
@media only screen and (min-width: 48em) {
  .carte-bg{
    padding-top: 0;
  }
  .formContact_boite {
    margin: 0 auto 3em auto;
    width: 95%;
  }
   .carte-contact { margin-bottom: 2.5em; }
}
@media only screen and (min-width: 64em) {
  .layout2 {
    margin: 0 auto;
    max-width: 62em;
  }
  .formContact_boite {
    float: right;
    padding: 1.5em 3%;
    width: 49%;
  }

  .contact_texte {
    float: left;
    width: 49%;
  }
}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
.piedPage {
  background: #000;
  color: #959595;
  padding: 1.8em 0;
  text-align: center;
  height:12.6em;
  margin-top: -12.6em;
}
@media only screen and (min-width: 22.5em) {
	.piedPage { height:11.35em; margin-top: -11.35em; }
}

@media only screen and (min-width: 40em) {
	.piedPage { height:9.975em; margin-top: -9.975em; }
}

@media only screen and (min-width: 48em) {
	.piedPage { height:5.75em; margin-top: -5.75em; }
}


.piedPage a { color: #fff; }

.referencement {
  font-size: 0.75em;
  padding-top: 1em;
}

.copyrights {
  display: block;
  font-size: 0.75em;
  line-height: 1.8;
  margin-bottom: 2em;
  padding: 0 7%;
}
.copyrights a { color: #959595; }
.copyrights a:hover { text-decoration:underline; }
.signatureVortex { white-space: nowrap; }
.signatureVortex a:last-child { color: #fff; }

.lienPartager { font-size: 0.75em; }


@media only screen and (min-width: 48em) {
  .piedPage {
    padding: 1.2em 0;
    text-align: left;
  }
  .copyrights {
    font-size: 0.8125em;
    padding: 0;
    margin-bottom: 0.2em;
  }
  .lienPartager {
    display: inline-block;
    font-size: 0.8125em;
    line-height: 1.7;
    vertical-align: -0.25em;
  }

  .piedPage .facebook { margin-top: 1em; }
}
@media only screen and (min-width: 64em) {
  .piedPage { padding: 1.8em; }
  .copyrights {
    display: inline-block;
    line-height: 1.69;
    margin: 0 0.5em 0 0;
    vertical-align: -0.25em;
  }
  .piedPage .facebook { margin-top: 0.3em; }
}


/* Menu pied de page
--------------------------------------------------------------------------------------- */
.menuPied { margin-bottom: 0.7em; }
.menuPied_item {
  display: inline;
  font-size: 0.75em;
  padding-right: 0.2em;
  vertical-align: middle;
}
.menuPied_lnk { padding-right: 0.4em; }
.menuPied_lnk:hover { text-decoration: underline; }

@media only screen and (min-width: 48em) {
  .menuPied {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .menuPied_item { font-size: 0.8125em; }
}
