/* Exemple FONT FACE*/
@font-face {
    font-family: 'TEAMEffraBold';
    src: url('fonts/effra_std_bd-webfont.eot');
    src: url('fonts/effra_std_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/effra_std_bd-webfont.woff2') format('woff2'),
         url('fonts/effra_std_bd-webfont.woff') format('woff'),
         url('fonts/effra_std_bd-webfont.ttf') format('truetype'),
         url('fonts/effra_std_bd-webfont.svg#effrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TEAMEffraLight';
    src: url('fonts/effra_std_lt-webfont.eot');
    src: url('fonts/effra_std_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/effra_std_lt-webfont.woff2') format('woff2'),
         url('fonts/effra_std_lt-webfont.woff') format('woff'),
         url('fonts/effra_std_lt-webfont.ttf') format('truetype'),
         url('fonts/effra_std_lt-webfont.svg#effra_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TEAMEffraRegular';
    src: url('fonts/effra_std_rg-webfont.eot');
    src: url('fonts/effra_std_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/effra_std_rg-webfont.woff2') format('woff2'),
         url('fonts/effra_std_rg-webfont.woff') format('woff'),
         url('fonts/effra_std_rg-webfont.ttf') format('truetype'),
         url('fonts/effra_std_rg-webfont.svg#effraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#FontLoad {
	font-family: 'TEAMEffraRegular';
	float: left;
	display: none;
}

/* Reset pour utilisation avec font-face */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal!important;
	text-shadow: none;
}

strong {
	font-weight: normal!important;
}

/*****************************************/
/* CONTAINERS							 */
/*****************************************/

 html {
	width: 100%;
	height: 100%;
 }
 
 body{	
	background-color: #fff;
	color:#000;
	font-family: TEAMEffraLight, Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	/*min-width: 960px;*/
	min-width: 320px;
	-webkit-text-size-adjust: none;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: middle;
	_vertical-align: middle;
	position: relative;
}

sup {
	bottom: 1ex;
	font-size: 8px;
}

sub {
	top: .5ex;
}

li {
	zoom: 1;
	list-style: none;
}

a {
	color: #b41938;
	text-decoration: none;
}

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

img {
	max-width: 100%;
	height: auto;
}

object embed, embed {
	margin-bottom: 24px;
}

table {
	margin-bottom: 24px;
}

input {	
	background-color: #ffffff;
	display: block;
	width: 95%;
	height: 24px;
	border: 1px solid #000000;
	margin: 0 0 24px 0;
	padding : 12px 2.5%;
	-webkit-border-radius: 0;
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

textarea{
	background-color: #ffffff;
	display: block;
	width: 100%!important;
	height: 150px;	
	border: 1px solid #000000;
	margin: 0 0 24px 0;
	padding : 12px 2.5%;	
	border-color: tansparent!important; 
	overflow: auto;
	-webkit-border-radius: 0;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #000000;
	text-transform: uppercase;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000000;
   opacity:  1;
  	text-transform: uppercase; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000000;
	opacity:  1;
	text-transform: uppercase; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000;
	text-transform: uppercase;	
}

input.placeheld, textarea.placeheld {
	color: #000000!important;
	text-transform: uppercase;	
}

.NoDisplay {
	display: none;
}

a.Bouton {
	background: url('./images/fleche_bouton.png') no-repeat scroll center center #b41938;
	display: block;
	width: 72px;
	height: 72px;
	margin-bottom: 24px;
	transition: background-color 0.5s ease;		
	cursor: pointer;
}

a.Bouton:hover {
	background-color: #000000;
	text-decoration: none;
}

a.BoutonRetour {
	position: relative;
	display: inline-block;
	padding-left: 96px;
	height: 72px;
	margin-bottom: 24px;
	cursor: pointer;
	clear: left;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 72px;
	color: #000000;
	text-transform: uppercase;	
}

a.BoutonRetour:before {
	background: url('./images/fleche_bouton_retour.png') no-repeat scroll center center #b41938;
    content: ""; 
	position: absolute;
    left: 0px;
    top: 0;
	width: 72px;
	height: 72px;
	transition: background-color 0.5s ease;			
}

a.BoutonRetour:hover:before {
	background-color: #000000;
}

a.BoutonTexte {
	background-color: #b41938;
	display: inline-block;
	padding: 12px 24px;
	height: 24px;
	margin-bottom: 24px;
	transition: background-color 0.5s ease;		
	cursor: pointer;
	clear: left;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
}

a.BoutonTexte:hover {
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;	
}

a.BoutonTexte span {
	font-size: 24px;
}

/*****************************************/
/* HEADER								 */
/*****************************************/

div#HeaderWrap{
	width: 100%;
}

div#Header {
	width: 100%;
	max-width: 1752px;
	height: 216px;
	margin: 0 auto;
	position: relative;
}

div#Header div#LogoWrap {
	position: relative;
}

div#Header div#Logo {
	z-index: 400;
	position: absolute;
	left: 0;
	top: 0;
}

div#Header div#Logo a {
	background: url('./images/logo.png') no-repeat scroll left top transparent;
	width: 312px; 
	height: 264px;
	display: block;
}

div#Header div#BoutonMobile {
	float: right;
	background: url('./images/bouton_responsive.png') no-repeat scroll left top transparent;
	width: 48px;
	height: 48px;
	display: none;
	cursor: pointer;
	margin-right: 18px;
	margin-top: 84px;
}

div#Header div#MenuHeader {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

div#Header div#MenuHeader ul {
	background-color: #000000;
	padding-left: 24px;
	padding-right: 24px;
	border-color: #000000;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

div#Header div#MenuHeader ul li a{
	display: inline-block;
	background-color: #000000;
	padding-top: 6px;
	margin-left: 12px;
	margin-right: 12px;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 42px;
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: 6px solid #000000;	
	transition: border-color 0.5s ease;	
}

div#Header div#MenuHeader ul li a:hover, div#Header div#MenuHeader ul li.SelectedMenu a {
	border-color: #b41938;
	text-decoration: none;
}

/*****************************************/
/* SLIDER								 */
/*****************************************/

div#ContentWrap div#Slider {
	width: 100%;
	max-width: 1752px;
	margin: 0 auto 72px;
}

div#ContentWrap div#Slider div#LayerSlider, div#ContentWrap div#Slider div#AlbumSlider {
	position: relative;
}

div#ContentWrap div#Slider div.ls-l2 {
	width: 600px!important;
	max-width: 600px;
	margin-left: -600px!important;
	position: relative;
	left: 100%!important;
	top: 55%!important;
	display: table!important;
}

div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider  {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	width: 408px;
	height: 114px;
	padding: 24px;	
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider  { 
	background-color: rgb(184, 33, 68);
	background-color: rgba(184, 33, 68, 0.95);
	width: 96px;
	height: 114px;	
	padding: 24px;	
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
	vertical-align: top;
	text-align: center;	
	transition: background-color 0.5s ease;
}

div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider h2 {
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 0px;
	text-transform: uppercase;	
	color: #b41938;
}

div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider p {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 0px;
	color: #ffffff;	
}

div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider span {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 114px;
	text-transform: uppercase;
	margin-bottom: 0px;
	color: #ffffff;
	display: block;
}

div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider:hover {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
}

div#ContentWrap div#Slider div.ls-lt-container {
	overflow: hidden;
}
 
div#ContentWrap div#Slider div.ls-bottom-nav-wrapper {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 72px;
	z-index: 500;
	text-align: center;
}

div#ContentWrap div#Slider span.ls-bottom-slidebuttons {
	height: 12px;
	display: inline-block;
}

div#ContentWrap div#Slider  span.ls-bottom-slidebuttons a{
	background-color: #ffffff;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 6px;
	margin-left: 6px;	
}

div#ContentWrap div#Slider  span.ls-bottom-slidebuttons a:hover, div#ContentWrap div#Slider  span.ls-bottom-slidebuttons a.ls-nav-active {
	background-color: #b41938;
}

div#ContentWrap a.ls-nav-prev {
	background: url('./images/slide_back.png') no-repeat scroll left top transparent;
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 48px;
	top: 50%;
	margin-top: -24px;
	z-index: 5000;
} 
 
div#ContentWrap a.ls-nav-next {
 	background: url('./images/slide_next.png') no-repeat scroll left top transparent;
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 48px;
	top: 50%;
	margin-top: -24px;	
	z-index: 5000;	
}

div#ContentWrap a:hover.ls-nav-prev , div#ContentWrap  a:hover.ls-nav-next {
	background-position: 0px -49px;
}

div#ContentWrap div#AlbumSlider div.ls-bottom-nav-wrapper {
	/*display: none;*/
}

/*****************************************/
/* CONTENT								 */
/*****************************************/

div#ContentWrap {
	background-color: #f8f8f8;
	width: 100%;
	overflow: hidden;
}

div#Content {
	width: 100%;
	max-width: 1752px;
	margin: 0 auto;
	padding-bottom: 48px;
	position: relative;
}

div#Content div#Template {
	padding-top: 96px;
}

div#Content div#Template.Template-accueil {
	padding-top: 0px;
}

div#Content h1 {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#Content h1 strong {
	color: #b41938;
}

div#Content h2 {
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;	
}

div#Content h3 {
	background-color: #000000;
	padding: 0px 24px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 48px;
	color: #ffffff;
	margin-bottom: 0px;
}

div#Content h3 strong {
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;
}

div#Content p {
	font-family: TEAMEffraLight, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 24px;
}

div#Content p strong, div#Content a {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
}

div#Content hr {
	background-color: #cbcbcb;
	width: 100%;
	height: 1px;
	border: none;
	margin-top: 48px;
	margin-bottom: 72px;
}

div#Content ul, div#Content ol {
	margin-bottom: 24px;
}

div#Content ul li {
	/*background: url("images/liste_puce.png") no-repeat scroll left top transparent;*/
	position: relative;	
	list-style-type: none;	
	padding: 6px 12px 6px 48px;
	font-family:  TEAMEffraLight, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 36px;
}

div#Content ul li strong {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
}

div#Content ul li:before {
	content: "»";
	background-color: transparent;
	position: absolute;
	left: 24px;
	top: 0px;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 44px;	
	text-align: left;
	color: #b41938;
}

div#Content ol {
	counter-reset: section;
}

div#Content ol li {
	position: relative;	
	list-style-type: none;	
	counter-increment: section;	
	padding: 6px 12px 6px 48px;
	font-family:  TEAMEffraLight, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 36px;
}

div#Content ol li:before {
	content: counter(section) ".";
	background-color: transparent;
	position: absolute;
	left: 24px;
	top: 0px;
	font-family: TEAMEffraLight, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 48px;	
	text-align: left;
	color: #b41938;
}

div#Content ul li:nth-child(odd) ,div#Content ol li:nth-child(odd) {
	background-color: #ffffff;
}

div#Content div.ZoneGauche {
	display: inline-block;
	width: 35%;
	margin-right: 5%;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#Content div.ZoneDroite {
	display: inline-block;
	width: 60%;
	vertical-align: top;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#Content div.ZoneDroiteAmbiance {
	margin-bottom: 24px;
}

div#Content div.ZoneGauche50 {
	position: relative;
	display: inline-block;
	width: 46.5%;
	margin-right: 7%;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#Content div.ZoneDroite50 {
	position: relative;
	display: inline-block;
	width: 46.5%;
	vertical-align: top;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

/*****************************************/
/* ACCUEIL								 */
/*****************************************/

div#Content div.TexteAccueil {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	margin-right: 5%;
	/*margin-bottom: 24px;*/
}

div#Content div.TexteAccueil h1 {
	margin-bottom: 0px;
}

div#Content div.RealisationAccueil {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	margin-bottom: 24px;	
}

div#Content div.RealisationAccueil div.ZoneTexte {
	background-color: #b41938;
	display: table-cell;
	vertical-align: top;	
	width: 312px;	
	padding: 72px 24px 24px 24px;
}

div#Content div.RealisationAccueil div.ZoneTexte div.TitreRealisation {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 24px;
	color: #ffffff;
	text-transform: uppercase;
}

div#Content div.RealisationAccueil div.ZoneImage {
	display: table-cell;
	vertical-align: top;	
	width: 696px;	
}

div#Content div.RealisationAccueil div.ZoneImage img {
	display: block;
}

/*****************************************/
/* REALISATIONS	/ UNITES				 */
/*****************************************/

div#Content div.CarreChoix {
	background-color: #212121;
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
	margin-bottom: 24px;
}

div#Content div.CarreChoix:nth-child(3n-1) {
	margin-left: 2.75%;
	margin-right: 2.75%;
}

div#Content div.CarreChoix div.ImageChoix img {
	display: block;
}

div#Content div.CarreChoix div.BandeDescription {
	display: inline-block;
	vertical-align: top;	
	width: 75%;	
	height: 168px;
	padding: 24px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
}

div#Content div.CarreChoix div.BandeDescription  h2 {
	font-size: 21px;
	line-height: 24px;
	color: #b41938;
	text-transform: uppercase;
	margin-bottom: 0px;
}

div#Content div.CarreChoix div.BandeDescription p {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;	
}

div#Content div.CarreChoix div.BandeBouton {
	display: inline-block;
	vertical-align: top;
	width: 25%;	
	height: 168px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
}

div#Content div.CarreChoix div.BandeBouton a {
	background-color: #b41938;
	display: block;
	width: 100%;
	height: 100%;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 168px;	
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

div#Content div.CarreChoix div.BandeBouton a:hover {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	transition: background-color 0.5s ease;		
}

/*****************************************/
/* UNITES								 */
/*****************************************/

div#Content div#Immeubles_Google_Map {
	margin-bottom: 24px;
}

div#Content div#Immeubles_Google_Map div.InfoBulle {
	text-align: center;
	padding: 12px 0px;
	margin-left: 12px;
}

div#Content div#Immeubles_Google_Map div.InfoBulle p {
	line-height: 28px;
	margin-bottom: 12px;
}

div#Content div#Immeubles_Google_Map div.InfoBulle p span.SmallFont {
	font-size: 21px;
	line-height: 24px;
}

div#Content div#Immeubles_Google_Map div.InfoBulle a.BoutonTexte {
	margin-bottom: 0px;
}

div#Content div.EtapeWrap {
	margin-bottom: 24px;
}

div#Content div.NoticeMobile {
	display: none;
}

div#Content div.EtapeWrap div.Etape {
	background-color: #000000;
	display: inline-block;
	vertical-align: top;
	width: 48px;
	height: 48px;
	margin-right: 24px;	
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 48px;	
	color: #ffffff;
	text-align: center;	
}

div#Content div.EtapeWrap div.Etape.CurrentEtape {
	background-color: #b41938;
	margin-right: 0px;
}

div#Content div.EtapeWrap div.Etape.OldEtape {
	background-color: #cbcbcb;
}

div#Content div.EtapeWrap div.TexteEtape, div#Content div.PartageTrouvaille {
	display: inline-block;
	vertical-align: top;	
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 46px;	
	color: #000000;
	text-transform: uppercase;
	margin-right: 24px;
	padding: 0px 12px;
	border:	1px solid #000000;	
}

div#Content li.Etage:hover, div#Content li.Etage.Selected {
	background-color: #b41938;
}

div#Content li.Etage:hover a, div#Content li.Etage:hover:before, div#Content li.Etage.Selected a, div#Content li.Etage.Selected:before {
	color: #ffffff}

div#Content li.Etage a {
	display: block;
	color: #000000}

div#Content div.Legende {
	background-color: #f0f0f0;
	border: 1px solid #cbcbcb;
	padding-left: 24px;
	margin-bottom: 24px;
}

div#Content div.Legende div.LabelLegende {
	display: inline-block;
	vertical-align: top;
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 48px;	
	color: #000000;
	text-transform: uppercase;
	margin-right: 35px;
}

div#Content div.Legende div.CarreLegende {
	display: inline-block;
	vertical-align: top;	
	width: 24px;
	height: 24px;
	margin-top: 12px;
	margin-right: 12px;
	border: 1px solid #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
}

div#Content div.Legende div.CarreLegende.CarreGris {
	background-color: #cbcbcb;
}

div#Content div.Legende div.CarreLegende.CarreRouge {
	background-color: #940723;
}
div#Content div.Legende div.CarreLegende.CarreOrange {
	background-color: #cc6600;
}
div#Content div.DetailUnite span.Spacing {
	float: right;
	clear: left;
	display: inline-block;
	width: 50%;
	text-align: left;
	font-weight: bold;
}

div#Content div.PlanUnite {
	margin-bottom: 24px;
}

div#Content div.ListeColonne h3 {
	width: 46.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#Content div#ZoneAjaxUnite ul li:nth-child(2n+0), div#Content div#ZoneAjaxUnite ol li:nth-child(2n+0) {
	background-color: #f8f8f8;
}

div#Content div.ListeColonne ul li {
	background-color: #ffffff!important;
	float: left;
	width: 46.5%;
	margin-right: 7%;
	border-bottom: 1px solid #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 	
}

div#Content div.ListeColonne ul li:nth-child(2n+0) {
	margin-right: 0%;
}

div#Content div.PartageTrouvaille {
	margin-top: 24px;
	margin-bottom: 72px;
}

div#Content div.share42init {
	display: inline-block;
	height: 48px;
	margin-top: 24px;	
	margin-bottom: 72px;
}

div#Content div.share42init span#share42 {
	display: inline-block;
	height: 48px;
}

div#Content div.share42init span#share42 span.share42-item {
	margin-top: 6px!important;
}

div#Content div#ZoneAjaxEtage {
	display: none;
	padding-top: 48px;
	padding-bottom: 72px;
}

div#Content div#ZoneAjaxUnite {
	background-color: #ffffff;
	position: relative;
	display: none;
	padding-top: 72px;
}

div#Content div#ZoneAjaxUnite:before {
	background-color: #ffffff;
    content: ""; 
	position: absolute;
    left: -100%;
    top: 0;
	width: 100%;
	height: 100%;		
}

div#Content div#ZoneAjaxUnite:after {
	background-color: #ffffff;
    content: ""; 
	position: absolute;
    right: -100%;
    top: 0;
	width: 100%;
	height: 100%;		
}

div#Content div#ZoneAjaxUnite div.ZoneFormulaire {
	background-color: #f8f8f8;
	position: relative;
	padding-top: 72px;
	padding-bottom: 48px;
}

div#Content div#ZoneAjaxUnite  div.ZoneFormulaire:before {
	background-color: #f8f8f8;
    content: ""; 
	position: absolute;
    left: -100%;
    top: 0;
	width: 100%;
	height: 100%;		
}

div#Content div#ZoneAjaxUnite  div.ZoneFormulaire:after {
	background-color: #f8f8f8;
    content: ""; 
	position: absolute;
    right: -100%;
    top: 0;
	width: 100%;
	height: 100%;		
	z-index: 5;
}

div#Content div#ZoneAjaxUnite  div.ZoneFormulaire textarea {
	height: 272px;
}

div#Content div#ZoneAjaxUnite  div.ZoneFormulaire div.ZoneGauche50, div#Content div#ZoneAjaxUnite  div.ZoneFormulaire div.ZoneDroite50  {
	float: left;
}

div#Content div#AjaxChoixUnite {
	min-height: 300px;
}

div#Content div#AjaxLoading {
	display: none;
	margin: 0px auto 0px;
	width: 148px;
	height: 148px;
} 

div#Content div#SideAjaxLoading {
	display: none;
	width: 148px;
	height: 148px;
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left: -74px;
	margin-top: -74px;
}

div#Content a.BoutonHaut {
	background: url('./images/fleche_bouton_haut.png') no-repeat scroll center center #b41938;
	display: none;
	width: 48px;
	height: 48px;
	transition: background-color 0.5s ease;		
	cursor: pointer;
	margin-left: -24px;
	position: absolute;
	left: 50%;
	bottom: 48px;
}

div#Content a.BoutonHaut:hover {
	background-color: #000000;
	text-decoration: none;
}

/*****************************************/
/* NOUS JOINDRE							 */
/*****************************************/

span.wpcf7-not-valid-tip {
	position: absolute;
	width: 300px;
	border: 1px solid red;
	background-color: #ffffff;
	top: -46px;
	top: 6px\9;
	left: 6px;
	padding: 2px;
	font-family: TEAMEffraLight, Arial, Helvetica, Sans-serif;
	font-size: 18px!important;
	line-height: 28px;
	color: #000000!important;
	text-transform: none;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
	font-family: TEAMEffraLight Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 28px;
	color: #000000!important;
	border-color: red!important;
	margin-bottom: 24px!important;
	margin-top: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	text-align: left;
}

div#Content div.ContactForm p a.BoutonTexte {
	margin-bottom: 0px;
}

/* **** MapPress **** */

div#Content div#Sample_Google_Map {
	margin-bottom: 24px;
}

div#Content div.mapp-container {
	margin-bottom: 24px!important;
}

div#mapp0_poweredby {
	display: none!important;
}

div#Content div#Sample_Google_Map img {
    max-width: none !important;
}

/*****************************************/
/* FOOTER								 */
/*****************************************/

div#FooterWrap {
	background-color: #f8f8f8;
	width: 100%;
}

div#Footer {
	width: 100%;
	max-width: 1752px;
	margin: 0 auto;
	border-top: 1px solid #000000;
	padding-bottom: 48px;
	padding-top: 72px;
}

div#Footer div#FooterAdresse {
	background-color: #000000;
	float: left;
	padding: 36px 0px 36px 48px;
}

div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse a {
	display: inline-block;
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 24px;	
	color: #ffffff;
	margin-right: 48px;
}

div#Footer div#FooterAdresse a:hover {
	color: #b41938;
}

div#Footer div#FooterAdresse span.Telephone {
	font-family:  TEAMEffraBold, Arial, Helvetica, Sans-serif;	
}

div#Footer div#FooterPrix {
	float: right;
}

div#Footer div#FooterPrix div.GalaHabitation {
	display: inline-block;
	margin-left: 24px;
}

div#Footer div#FooterNotes {
	margin-top: 24px;
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 24px;	
	color: #000000;	
}

div#Footer div#FooterNotes a {
	color: #000000;	
}

div#Footer div#FooterNotes a.PlanSite {
	display: inline-block;
	margin-left: 6px;
}	

div#Footer div#FooterNotes  span.Separateur {
	display: inline-block;
	margin-right: 6px;
	margin-left: 6px;
}

div#Footer div#FooterNotes a:hover, div#Footer div#FooterNotes a.SelectedMenu {
	color: #b41938;	
	text-decoration: none;
}

/*****************************************/
/* MAP MAKER							 */
/*****************************************/

div#MapAreaZoneWrap {
	max-width: 816px;
	max-height: 528px;
}

.QTipWrap {
	background-color: #ffffff!important;
	border: 5px solid #b41938!important;
	color: #000000!important;
	font-family:  TEAMEffraLight, Arial, Helvetica, Sans-serif!important;
	font-size: 16px!important;
	line-height: 24px!important;	
}

.QTipWrap .qtip-content {
	padding: 0px!important;
}

.QTipWrap  strong {
	background-color: #000000;
	display: block;
	padding: 6px 12px;	
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif!important;
	font-size: 18px!important;	
	color: #ffffff;
}

.QTipWrap span.Pyjama2 {
	background-color: #f8f8f8;
	display: block;
	padding: 6px 12px;
}

.QTipWrap span.Pyjama1 {
	background-color: #ffffff;
	display: block;
	padding: 6px 12px;	
}

div.LabelLogement {
	min-width: 25px;
	text-align: center;
	font-family:  TEAMEffraBold, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 24px;
	color: #000000;	
	pointer-events: none;
}

/*****************************************/
/* ZONE CONNEXION						 */
/*****************************************/

div#Header div#ZoneLocataire a.LogOut {
	background: url('./images/bouton_logout.png') no-repeat scroll left top #000000;
	/*background-size: cover;	*/
	width: 48px;
	height: 48px;
	display: block;
	float: left;
	border-radius : 0px 0px 5px 5px;
	margin-right: 12px;
	transition: opacity 0.5s ease;	
}

div#Header div#ZoneLocataire a.LogOut:hover {
	background-position: left -49px;
}

div#Header div#ZoneLocataire {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#Header div#ZoneLocataire a.BoutonLocataire {
	display: block;
	float: left;	
	background-color: #000000;	
	border-radius : 0px 0px 5px 5px;	
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #ffffff;	
	padding: 12px 24px;
	transition: background-color 0.5s ease;
}

div#Header div#ZoneLocataire a.BoutonLocataire:hover {
	background-color: #b41938;
}

div#ContentWrap.ContentWrapConnexion {
	background: url('./images/fond_connexion.jpg') repeat scroll left top transparent;
}

div#Content div.widget_loginwithajaxwidget {
	max-width: 450px;
	margin: 0 auto;
}

div#Content div.widget_loginwithajaxwidget h3 {
	text-transform: uppercase;
}

div#Content div.widget_loginwithajaxwidget div.lwa {
	text-align: center;
}

.lwa-divs-only .lwa-form .lwa-submit-button {
	float: none!important;
}

input#lwa_wp-submit, input#lwa-new-pass {
	background-color: #b41938;
	display: inline-block;
	padding: 12px 24px;
	width: 100%;
	height: 48px;
	margin-bottom: 24px;
	transition: background-color 0.5s ease;		
	cursor: pointer;
	clear: left;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
}

input#lwa_wp-submit:hover, input#lwa-new-pass:hover {
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;	
}

.lwa-status-invalid {
	margin-top: 12px!important;
	margin-bottom: 12px!important;
}

div.ContentWrapConnexion {
	position: relative;
}

div.BoiteMessageIE {
	background: url('./images/microsoft_edge.png') no-repeat scroll left 24px bottom 24px #b41938;
	background-size: 128px 56px;
	width: 608px;
	padding-top: 24px;
	padding-bottom: 104px;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;		
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	position: absolute;
	left: 0px;
	top: 96px;
	z-index: 2000;
	
}

div.BoiteMessageIE strong {
	font-family: TEAMEffraBold, Arial, Helvetica, Sans-serif;	
}

div.BoiteMessageIE a {
	color: #ffffff;	
}

div.BoiteMessageIE a:hover {
	color: #ffffff;
	text-decoration: underline;
}

@media screen and (max-width: 1919px) {

	div.ContentWrapConnexion div#Content {
		width: 100%;
		margin: 0 auto;
	}
	
	div.BoiteMessageIE {
		width: 30%;
		font-size: 16px;
		line-height: 18px;		
	}

}

@media screen and (max-width: 1023px) {

	div.BoiteMessageIE {
		position: relative;
		padding-top: 48px;
		width: 100%;
		top: 0px;
		z-index: 200;
	}		
	
	div#Content div.widget_loginwithajaxwidget {
		margin: 0 auto!important;
	}
	
}

@media screen and (max-width: 767px) {

	div#Header div#ZoneLocataire a.BoutonLocataire {
		font-size: 12px;
		line-height: 24px;
		text-transform: uppercase;
		color: #ffffff;	
		padding: 6px 6px;
		transition: background-color 0.5s ease;		
	}
	
	div#Header div#ZoneLocataire a.LogOut {
		background-size: cover;	
		width: 36px;
		height: 36px;
		margin-right: 6px;
	}	
	
	div#Header div#ZoneLocataire a.LogOut:hover {
		background-position: left -37px;
	}	

	div.BoiteMessageIE {
		position: relative;
		padding-top: 24px;
		width: 100%;
		top: 0px;
	}	
	
	div#Content div.widget_loginwithajaxwidget {
		margin: 0 auto!important;
		padding-left: 2.5%;
		padding-right: 2.5%;
		box-sizing: border-box;
	}	
	
}

/*****************************************/
/* ZONE RESERVATIONS					 */
/*****************************************/

div#Content div.Formulaire div.ColonneGauche {
	float: left;
	width: 47.5%;
	margin-right: 5%;
}

div#Content div.Formulaire div.ColonneDroite {
	float: left;
	width: 47.5%;
}

div#Content div.Formulaire input {	
	background-color: #ffffff;
	display: block;
	width: 95%;
	height: 24px;
	border: 1px solid #000000;
	margin: 0 0 24px 0;
	padding : 12px 2.5%;
	-webkit-border-radius: 0;
	font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

div#Content div.Formulaire textarea{
	background-color: #ffffff;
	display: block;
	width: 100%!important;
	height: 150px;	
	border: 1px solid #000000;
	margin: 0 0 24px 0;
	padding : 12px 2.5%;	
	border-color: tansparent!important; 
	overflow: auto;
	-webkit-border-radius: 0;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 		
}

div#Content div.Formulaire input.BoutonTexte {
	background-color: #b41938;
	display: inline-block;
	padding: 12px;
	height: 48px;
	margin-bottom: 24px;
	transition: background-color 0.5s ease;		
	cursor: pointer;
	clear: left;
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
	width: auto;
	border: none;
}

div#Content div.Formulaire input.BoutonTexte:hover {
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;	
}

/* Formulaire reservation */

div.Template-commun-reservation-add .widget_wpdev_booking {
	float: none!important;
}

.widget_bookingselectwidget {
	padding-bottom: 24px;
	margin-bottom: 48px;
	border-bottom: 1px solid #212121;
}

div#Content div.widget_wpdev_booking select {
	border-color: #dfdfdf;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	vertical-align: baseline;
	height: 28px;
	padding: 2px 8px;
	box-sizing: content-box;
	width: 99%;
}	

div#Content .widget_wpdev_booking .bk_calendar_frame {
	width: 100%!important;
	margin: 12px 0px 24px 0px;
}

div#Content div.widget_wpdev_booking h3 {
	margin-top: 24px;
	margin-bottom: 12px;
}

div#Content .datepick-inline .datepick-header, div#Content .datepick-inline .datepick-header span {
	font-size: 21px;
	line-height: 21px;
}

/* Voir Reservation */

div#Content div.TimelineCalendrier div.ColonneGauche {
	float: left;
	width: 42.5%;
	margin-right: 15%;
}

div#Content div.TimelineCalendrier div.ColonneDroite {
	float: left;
	width: 42.5%;
}

div#Content div.TimelineCalendrier div.bk_calendar_frame  {
	width: 100%!important;
}

div#Content div.Template-commun-reservation-view .widget_wpdev_booking {
	float: none;
}

div#Content div.Template-commun-reservation-view div.widget_bookingwidget {
	float: left;
	clear: right;
	width: 47.5%;
	margin-right: 5%;
}

div#Content div.Template-commun-reservation-view div.widget_bookingwidget:nth-child(2n) {
	margin-right: 0px;
}

@media screen and (max-width: 767px) {
	

	div#Content div.Template-commun-reservation-view div.widget_bookingwidget {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #cbcbcb;		
	}

	
	div#Content div.Template-commun-reservation-view div.widget_bookingwidget div.wpdev_hint_with_text {
		display: block;
		float: none;
	}
	
}

/*****************************************/
/* ZONE DOCUMENTS						 */
/*****************************************/

div#Content ul.jaofiletree li {
	white-space: normal;
	padding: 0px 0px 0px 12px;
}

div#Content ul.jaofiletree li:before {
	display: none;
}

div#Content ul.jaofiletree a {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;	
}

div#Content .jaofiletree .zmdi-folder,div#Content  .jaofiletree .zmdi-folder-open {
	margin-left: 6px;
	margin-right: 6px;
}

div#Content a.wpfd_downloadlink {
	color: #ffffff;
}

div#Content .wpfd-content .wpfdcategory {
	width: 275px;
	min-width: 275px;
}

div#Content .wpfd-content .wpfdcategory.backcategory {
	width: auto;
	min-width: auto;
}

div#Content .wpfd-content .wpfdcategory > span {
	width: 85%;
}

div#Content .wpfd-container-default .wpfd-categories h2 {
	font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;	
}

@media screen and (max-width: 479px) {
	
	div#Content .wpfd-content-default .wpfd_list .file {
		display: block;
	}
	
	div#Content .wpfd-content-default .file .file-right {
		float: none;
		display: block;
	}	
	
	div#Content .wpfd-content .downloadlink, div#Content .wpfd-content .openlink {
		margin: 0 auto;
	}
	
	div#Content .wpfd-content .wpfdcategory {
		width: 245px;
		min-width: 245px;
	}

}

/*****************************************/
/* RESPONSIVE							 */
/*****************************************/

@media screen and (max-width: 1919px) {

	/* Header */
	/*div#Header div#MenuHeader {
		right: 1.5%;
	}	*/
	
	/* Slider */
	
	/* Contenu */
	div#Content {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}	
	
	/* Accueil */
	
	div#Content div.RealisationAccueil {
		max-width: 696px;
		/*display: inline-flex;
		flex-direction: column-reverse;*/	
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);		
	}
	
	div#Content div.RealisationAccueil div.ZoneTexte {
		width: 100%;
		display: inline-block;
		padding: 24px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);		
	}
	
	div#Content div.RealisationAccueil div.ZoneTexte a.Bouton {
		margin-bottom: 0px;
	}
	
	div#Content div.RealisationAccueil div.ZoneImage {
		width: 100%;	
		display: inline-block;	
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);		
	}
	
	/* Secondaire */
		
	/* Realisations */
	
	/* Contact */
	
	/* Unites */
	
	/* Footer */
	div#Footer {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	div#Footer div#FooterAdresse {
		padding: 18px 0 18px 12px;
	}
	
	div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse a {
		margin-right: 12px;
		font-size: 18px;
	}	
	
	div#Footer div#FooterPrix {
		width: 45%;
		max-width: 550px;
		text-align: right;
	}

	div#Footer div#FooterPrix div.GalaHabitation {
		width: 46%;		
	}
	
	div#Footer div#FooterPrix div.GalaHabitation2013 {
		margin-left: 0px;
	}

}

@media screen and (max-width: 1365px) {

	/* Header */
	div#Header div#MenuHeader ul {
		padding-left: 12px;
		padding-right: 12px;
	}	
	
	div#Header div#MenuHeader ul li a {
		margin-left: 9px;
		margin-right: 9px;
		font-size: 13px;
	}	
	
	/* Slider */
	div#ContentWrap div#Slider div.ls-bottom-nav-wrapper {
		bottom: 48px;
	}
	
	div#ContentWrap div#Slider {
		margin-bottom: 36px;
	}
	
	div#ContentWrap a.ls-nav-prev {
		left: 0px;
	}
	
	div#ContentWrap a.ls-nav-next {
		right: 0px;
	}
	
	/* Contenu */
	
	a.Bouton {
		background: url('./images/mobile/fleche_bouton.png') no-repeat scroll center center #b41938;
		display: block;
		width: 36px;
		height: 36px;
	}

	a.BoutonRetour {
		position: relative;
		display: inline-block;
		padding-left: 48px;
		height: 36px;
		margin-bottom: 24px;
		cursor: pointer;
		clear: left;
		font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
		font-size: 16px;
		line-height: 36px;
		color: #000000;
		text-transform: uppercase;	
	}

	a.BoutonRetour:before {
		background: url('./images/mobile/fleche_bouton_retour.png') no-repeat scroll center center #b41938;
		content: ""; 
		position: absolute;
		left: 0px;
		top: 0;
		width: 36px;
		height: 36px;
		transition: background-color 0.5s ease;			
	}

	a.BoutonTexte {
		background-color: #b41938;
		display: inline-block;
		padding: 12px;
		height: 24px;
		margin-bottom: 24px;
		transition: background-color 0.5s ease;		
		cursor: pointer;
		clear: left;
		font-family: TEAMEffraRegular, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 24px;
		color: #ffffff;
		text-transform: uppercase;
	}

	a.BoutonTexte:hover {
		background-color: #000000;
		text-decoration: none;
		color: #ffffff;	
	}

	a.BoutonTexte span {
		font-size: 24px;
	}	
	
	div#Content {
		padding-bottom: 12px;
	}
		
	div#Content div.ZoneGauche {
		width: 45%;
	}
	
	div#Content div.ZoneDroite {
		width: 50%;	
	}	
	
	div#Content h1 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 24px;
	}

	div#Content h2 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 24px;
	}

	div#Content h3 {
		padding: 6px 24px;
		font-size:18px;
		line-height: 24px;
	}

	div#Content p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 24px;
	}

	div#Content hr {
		background-color: #cbcbcb;
		width: 100%;
		height: 1px;
		border: none;
		margin-top: 0px;
		margin-bottom: 24px;
	}

	div#Content ul li {
		font-size: 18px;
		line-height: 36px;
	}

	div#Content ul li:before {
		left: 24px;
		top: 0px;
		font-size: 18px;
		line-height: 44px;	
	}

	div#Content ol li {
		font-size: 18px;
		line-height: 36px;
	}

	div#Content ol li:before {
		left: 24px;
		top: 0px;
		font-size: 18px;
		line-height: 48px;	
	}	
	
	/* Accueil */
	div#Content div.TexteAccueil {
		width: 45%;
	}
	
	div#Content div.RealisationAccueil {
		width: 50%;
	}
	
	div#Content div.RealisationAccueil div.ZoneTexte div.TitreRealisation {
		font-size: 26px;
		line-height: 32px;
	}
	
	/* Secondaire */
		
	/* Realisations */
	div#Content div.CarreChoix {
		width: 47.5%;
	}
	
	div#Content div.CarreChoix:nth-child(even) {
		margin-left: 5%;
		margin-right: 0%;
	}	
	
	/* Contact */
	
	/* Unites */
	div#Content div#Immeubles_Google_Map {
		height: 450px!important;
	}
	
	div#Content div.EtapeWrap div.Etape {
		font-size: 21px;
		line-height: 36px;
		width: 36px;
		height: 36px;
	}
	
	div#Content div.EtapeWrap div.TexteEtape, div#Content div.PartageTrouvaille {
		font-size: 21px;
		line-height: 34px;
	}
	
	div#Content div.Legende div.LabelLegende {
		font-size: 16px;
		margin-right: 24px;
	}
	
	div#Content div.Legende div.CarreLegende {
		margin-right: 6px;
	}
	
	div#Content div.PartageTrouvaille, div#Content div.share42init {
		margin-bottom: 36px;
	}
	
	div#Content div.share42init span#share42, div#Content div.share42init {
		height: 36px;
	}
	
	div#Content div.share42init span#share42 span.share42-item {
		margin-top: 2px!important;
	}
	
	div#Content a.BoutonHaut {
		background: url('./images/mobile/fleche_bouton_haut.png') no-repeat scroll center center #b41938;
		display: none;
		width: 36px;
		height: 36px;
		transition: background-color 0.5s ease;		
		cursor: pointer;
		margin-left: -18px;
		position: absolute;
		left: 50%;
		bottom: 36px;
	}

	div#Content a.BoutonHaut:hover {
		background-color: #000000;
		text-decoration: none;
	}	
	
	div.LabelLogement {
		font-size: 16px;
	}
	
	div#Content div#ZoneAjaxEtage {
		padding-bottom: 12px;
		padding-top: 12px;
	}
	
	div#Content div#ZoneAjaxUnite {
		padding-top: 36px;
	}
	
	div#Content div#ZoneAjaxUnite div.ZoneFormulaire {
		padding-top: 36px;
	}
	
	/* Footer */
	div#Footer {
		padding-top: 36px;
		padding-bottom: 36px;
	}
	
	div#Footer div#FooterAdresse {
		padding: 18px 0 18px 6px;
	}
	
	div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse a {
		margin-right: 6px;
		font-size: 15px;
	}		
	
	div#Footer div#FooterPrix {
		width: 45%;
	}

	div#Footer div#FooterPrix div.GalaHabitation {
		width: 46%;		
	}
	
	div#Footer div#FooterPrix div.GalaHabitation {
		margin-left: 0px;
	}

}

@media screen and (max-width: 1023px) {

	/* Header */	
	div#Header {
		height: 136px;
	}
	
	div#Header div#Logo {
		padding: 36px;
		background-color: #ffffff;		
	}		
	
	div#Header div#Logo a {
		background: url('./images/logo_retina.png') no-repeat scroll center top transparent;
		background-size: 134px 100px ;
		background: url('./images/logo_mobile.png') no-repeat scroll center top transparent\9;
		width: 134px;
		height: 100px;
	}
	
	div#Header div#BoutonMobile {
		display: block;
	}
	
	div#Header div#MenuHeader {
		display: none;
	}	
	
	div#Header div#MenuMobileWrap {
		background-color: #ffffff;
		display: none;
		position: absolute;
		top: 148px;
		right: 0px;
		width: 300px;
		z-index: 300;
	}

	div#Header div#MenuMobile ul li a {
		display: block;
		padding: 6px 24px;
		font-family:  TEAMEffraRegular, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 24px;
		color: #000000;	
		border-bottom: 1px solid #b41938;
	}

	div#Header div#MenuMobile ul li a:hover, div#Header div#MenuMobile ul li.SelectedMenu a {
		background-color: #000000;
		color: #ffffff;
		text-decoration: none;
	}

	div#Header div#MenuMobile ul li.LastMenuItem a {
		border-bottom: none;
	}		
	
	/* Slider */
	div#ContentWrap.ContentAccueil div#Slider {
		padding-bottom: 162px;
		margin-bottom: 36px;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.9);		
	}	
	
	div#ContentWrap .ls-slide, div#ContentWrap .ls-layer, div#ContentWrap .ls-inner {
		overflow: visible;
	}
		
	div#ContentWrap div#Slider div.ls-l2 {
		width: 100%!important;
		max-width: 1024px;
		margin-left: 0px!important;
		position: relative;
		left: 0%!important;
		top: 100%!important;
		display: block!important;
	}
	
	div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider {
		background-color: transparent;
		width: 80%;
		height: 162px;
		-webkit-box-sizing: border-box!important;
		-moz-box-sizing: border-box!important;
		box-sizing: border-box!important;
		padding: 24px 5%;		
	}
	
	div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider {
		width: 20%;
		height: 162px;	
		-webkit-box-sizing: border-box!important;
		-moz-box-sizing: border-box!important;
		box-sizing: border-box!important;	
		padding: 24px 5%;		
	}
	
	div#ContentWrap a.ls-nav-prev, div#ContentWrap a.ls-nav-next {
		display: none;
	}	
	
	/* Contenu */	
	div#Content div#Template {
		padding-top: 60px;
	}	
	
	/* Accueil */
	div#Content div.TexteAccueil {
		display: block;
		max-width: 696px;
		width: 100%;
		margin: 0 auto;
	}
	
	div#Content div.RealisationAccueil {
		width: 100%;
		display: block;
		margin: 0 auto 24px;
	}	
	
	div#Content div.ZoneGauche {
		display: block;
		width: 100%;
		margin-right: 0%;
	}
	
	div#Content div.ZoneDroite {
		display: block;
		width: 100%;	
	}
	
	/* Secondaire */
		
	/* Realisations */
	div#Content div.CarreChoix div.BandeDescription {
		padding: 12px 5%;
	}
	
	div#Content div.CarreChoix div.BandeDescription h2 {
		font-size: 18px;
		line-height: 21px;
	}
	
	div#Content div.CarreChoix div.BandeDescription p {
		font-size: 16px;
		line-height: 21px;
	}
	
	div#Content div.CarreChoix div.BandeBouton a {
		font-size: 16px;
	}
	
	/* Contact */
	
	/* Unites */
	div#Content div.ZoneGauche50 {
		display: block;
		width: 100%;
		margin-right: 0%;
	}
	
	div#Content div.ZoneDroite50 {
		display: block;
		width: 100%;	
	}
	
	
	div#Content div.ZoneGaucheEtage {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);		
	}
	
	div#Content div.ZoneGaucheEtage div.WrapEtageHaut, div#Content div.ZoneGaucheEtage div.WrapEtageBas {
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);		
	}	
	
	div#Content div.ListeColonne ul li {
		float: none;
		width: 100%;
		margin-right: 0%;
		border-bottom: none!important;
	}

	div#Content div.ListeColonne ul li:nth-child(2n+0) {
		background-color: #f8f8f8!important;	
	}	
	
	div#Content a.BoutonHaut {
		display: none!important;
		visibility: hidden;
	}
	
	div#Content div#ZoneAjaxUnite div.ZoneFormulaire {
		padding-bottom: 0px;
	}
	
	div#Content div#ZoneAjaxUnite div.ZoneFormulaire input {
		width: 94.5%;
	}
	
	/* Footer */
	div#Footer {
		text-align: center;		
	}
	
	div#Footer div#FooterAdresse {
		width: 100%;
		max-width: 600px;
		padding: 24px 0 24px 24px;
		display: inline-block;
		float: none;
		margin-bottom: 24px;
	}
	
	div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse a {
		margin-right: 24px;
		font-size: 21px;
	}	
	
	div#Footer div#FooterPrix {
		width: 100%;
		display: inline-block;
		float: none;
		max-width: 960px;
		text-align: center;
	}
	
	div#Footer div#FooterPrix div.GalaHabitation {
		width: auto;
		max-width: 300px;
	}

	div#Footer div#FooterPrix div.GalaHabitation2014 {
		margin-left: 24px;
	}	
	
}

@media screen and (max-width: 767px) {

	/* Header */
	div#Header {
		height: 148px;
	}
	
	div#Header div#Logo {
		padding: 24px;	
	}		

	
	/* Slider */
	div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider {
		width: 70%;
	}
	
	div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider {
		width: 30%;	
	}	
	
	div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider h2 {
		font-size: 24px;
		line-height: 28px;
	}

	div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider p {
		font-size: 14px;
		line-height: 18px;
	}

	div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider span {
		font-size: 16px;
		line-height: 114px;
	}		
	
	div#ContentWrap div#Slider div.ls-bottom-nav-wrapper {
		display: none;
	}	

	/* Contenu */
	div#Content div#Template {
		padding-top: 36px;
	}	
	
	div#Content h3 {
		padding: 6px 12px;
	}

	div#Content ul li {
		padding: 6px 12px 6px 30px;
		font-size: 18px;
		line-height: 28px;
	}

	div#Content ul li:before {
		left: 12px;
		top: -4px;
		font-size: 18px;
		line-height: 44px;	
	}

	div#Content ol li {
		padding: 6px 12px 6px 30px;
		font-size: 18px;
		line-height: 28px;
	}

	div#Content ol li:before {
		left: 12px;
		top: -4px;
		font-size: 18px;
		line-height: 48px;	
	}	
	
	/* Accueil */
	div#Content div.RealisationAccueil div.ZoneTexte {
		padding: 12px;
	}
	
	div#Content div.RealisationAccueil div.ZoneTexte div.TitreRealisation {
		font-size: 21px;
		line-height: 24px;
		margin-bottom: 12px;
	}
	
	/* Secondaire */
		
	/* Realisations */
	div#Content div.CarreChoix {
		display: block;
		width: 100%;
		max-width: 552px;
		margin: 0 auto 24px;
	}
	
	div#Content div.CarreChoix:nth-child(even) {
		margin: 0 auto 24px;
	}	
	
	/* Contact */
	div#Content div#Sample_Google_Map {
		height: 350px!Important;	
	}
	
	input {
		padding: 6px 2.5%;
		font-size: 14px;
	}
	
	textarea {
		font-size: 14px;
	}
	
	/* Unites */
	div#Content div#Immeubles_Google_Map {
		height: 350px!Important;
	}
		
	div#Content div.ListeColonne h3 {
		width: 100%;
	}	
	
	div#Content div.EtapeWrap div.Etape {
		display: none;
	}
	
	div#Content div.EtapeWrap div.Etape.CurrentEtape {
		display: inline-block;
	}
	
	div#Content div.EtapeWrap div.TexteEtape, div#Content div.PartageTrouvaille {
		font-size: 16px;
		margin-right: 12px;
	}	
	
	div#Content div.NoticeMobile {
		display: block;
	}	
		
	div#Content div.Legende {
		padding-bottom: 6px;
	}
	
	div#Content div.Legende div.LabelLegende {
		float: left;
		font-size: 14px;
		line-height: 36px;
	}
	
	div#Content div.Legende div.CarreLegende {
		float: left;
		clear: left;
		margin-top: 6px;
	}
	
	div#Content div.DetailUnite span.Spacing {
		float : none;
		width: auto;
	}
	
	div#Content div#ZoneAjaxUnite div.ZoneFormulaire textarea {
		height: 150px;
	}
	
	div#Content div#AjaxChoixUnite {
		min-height: 200px;
	}	
		
	/* Footer */
	
	div#Footer div#FooterAdresse {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 		
	}
	
	div#Footer div#FooterAdresse span, div#Footer div#FooterAdresse a {
		line-height: 36px;
	}
	
	div#Footer div#FooterPrix div.GalaHabitation {
		width: 100%;
	}
	
	div#Footer div#FooterPrix div.GalaHabitation2014 {
		margin-left: 0px;
	}
	
	div#Footer div#FooterNotes a.PlanSite {
		display: none;
	}
	
	div#Footer div#FooterNotes span.Separateur {
		display: block;
		height: 0px;
		visibility: hidden;
	}
	
}

@media screen and (max-width: 479px) {

	/* Header */
	div#Header {
		height: 124px;
	}
	
	div#Header div#Logo {
		padding: 12px;	
	}	
	
	div#Header div#BoutonMobile {
		margin-top: 72px;
		margin-right: 6px;
	}
	
	div#Header div#MenuMobileWrap {
		width: 100%;
		top: 124px;
	}
	
	/* Slider */
	div#ContentWrap.ContentAccueil div#Slider {
		padding-bottom: 114px 
	}
	
	div#ContentWrap div#Slider div.ls-l2 div.ZoneTexteSlider {
		height: 114px;
	}
	
	div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider {
		height: 114px;		
		padding: 24px 2.5%;
	}		
	
	div#ContentWrap div#Slider div.ls-l2 a.ZoneLienSlider span {
		font-size: 16px;
		line-height: 66px;
	}			
	
	/* Contenu */

	a.BoutonTexte {
		padding: 12px;
		font-size: 16px;
	}	
	
	/* Accueil */
	
	/* Secondaire */
		
	/* Realisations */
	
	/* Contact */
	
	/* Unites */
	div#Content div#Immeubles_Google_Map div.InfoBulle a.BoutonTexte {
		padding: 6px;
		font-size: 14px;
	}
		
	div#Content div#Immeubles_Google_Map div.InfoBulle p {
		line-height: 21px;
	}
	
	div#Content div#Immeubles_Google_Map div.InfoBulle p span.SmallFont {
		font-size: 14px;
		line-height: 18px;
	}	
	
	div#Content div.EtapeWrap div.TexteEtape, div#Content div.PartageTrouvaille {
		font-size: 14px;
		margin-right: 0px;
		padding: 0 6px;
	}
	
	div#Content div.PartageTrouvaille {
		margin-top: 0px;
		margin-bottom: 12px;
		margin-right: 12px;
	}	 
	
	div#Content div.share42init {
		margin-top: 0px;
		margin-bottom: 24px;
	}	
	
	div.LabelLogement {
		font-size: 14px;
	}
	
	div#Content div#ZoneAjaxUnite div.ZoneFormulaire input {
		width: 94%;
	}	
	
	.QTipWrap {
		border: 2px solid #b41938!important;
		font-size: 12px!important;
		line-height: 21px!important;	
	}

	.QTipWrap  strong {
		padding: 3px 6px;	
		font-size: 16px!important;	
	}

	.QTipWrap span.Pyjama2 {

		padding: 3px 6px;
	}

	.QTipWrap span.Pyjama1 {
		padding: 3px 6px;	
	}	
	
	/* Footer */	
	div#Footer div#FooterAdresse {
		max-width: 300px;
	}

}

/*****************************************/
/* CONTACT FORM 7						 */
/*****************************************/

div.wpcf7{
	position: relative;
}

div.wpcf7 div.HiddenInput {
	display:none;
}

/*****************************************/
/* COMMONS								 */
/*****************************************/

/* TIMYMCE */

.Capitale, .capitale {
	text-transform: uppercase;
}

/* autres */

.empty {
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.clear {
	clear: both!important;
	line-height: 0px!important;
	font-size: 0px!important;
	overflow: hidden!important;
	width: 0!important;
	height: 0!important;
	float: none!important;
	margin: 0!important;
	padding: 0!important;
}