/*
Theme Name: Récits qui font jaser
Theme URI: latomatebleue.net/themes/recitsquifontjaser
Author: Tomy Grenier (code) et Émilie Lapierre-Pintal (graphisme)
Author URI: latomatebleue.net
Description: Theme pour Récits qui font jaser
Version: 1.0.2
License: GNU General Public License

-------------------------------------------------------------- */

html {	
	font-family: "din-2014";
	font-style:normal;
	font-weight: 300;
	font-size: 17px; 
	line-height: 25px;
/*	-webkit-font-smoothing: subpixel-antialiased;*/
}

/**,
*:before,
*:after {   
  box-sizing: inherit;
}*/ 

.clearfix {
	display: block;
	clear: both;
}

* {
	box-sizing:border-box;
}

a:focus { outline: none; }

button:active {
	outline: none;
	border: none;
}
button:focus {outline:0;}

body {
	margin:0;
	padding:0;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0.02em;
/*	background-image: url(_IMG/FondTemp.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top;*//*123*/
	background-color:#ffffff;
}

body.MS {
	background:none;
	background-color:#ffffff;		  
} 

.FondBandeau {
	margin:0;
	padding:0;
	position: absolute;
	top:0;
	display: block;
	width:100%;
	height: 341px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
	background-color:#ffffff;
}

header {
	top:0;
	margin-top:0;
	/*height: 350px;*/
	height: auto;
	background-repeat: no-repeat;
	background-size:  auto 100%;
	background-position: center bottom;
	/*background-color:#ffffff;*/
}

/*.MS header,
.DS header {
	top:32px;
}*/

.COLL .FondBandeau {
	position: fixed;
	z-index: 8000;
	height: 123px;
}

.MS .FondBandeau {background-image: url(_IMG/FOND_PAGE_MS.jpg);}

.VP .FondBandeau {background-image: url(_IMG/FOND_PAGE_VP.jpg);}

.DS .FondBandeau {background-image: url(_IMG/FOND_PAGE_DS.jpg);}

.COLL .FondBandeau {background-image: url(_IMG/FOND_PAGE_CollB.jpg);}

* {box-sizing: border-box}


/* DÉBUT Squelette */

#Englobe {
	margin:0;
	padding:0;
	position: relative;
	width:100%;
	height: auto;
}

.PageIndividuelle #Englobe {
	background: #ffffff;
}

#ZoneContenu {
	margin:0;
	padding:0;
	position: relative;
	width:100%;
	height: auto;
}

.PageIndividuelle #ZoneContenu {
	margin:0;
	padding:0;
	padding-top:60px;
	position: relative;
	width:100%;
/*	max-width: 2000px;*/
	height: auto;
	min-height: 380px;
}

/*#Englobe #ZoneContenuAccueil {
	margin:0;
	margin-top: 200px;
	margin-top: 120px;
	padding:0;
	padding-top:20px;
	padding-top:150px;
	position: relative;
	width:100%;
	height: auto;
	background-image: url( ../_IMG/silhouettes-D.png);
	background-size: 103% auto;
	background-position: top left;
	background-repeat: no-repeat;   
}*/


.ZoneCollectionsAccueil {
	margin:0;
	/* margin-top:40px;*/
	padding:0;
	padding-top:20px;
	padding-bottom:30px;
	position: relative;
	width:100%;
	height: auto;
/*	background-color: rgba(213,213,213,0.50);*/
	background-color: #f5f6f1;
}


/* FIN Squelette */


/* DÉBUT Éléments */

/*#ZoneContenu div,
#ZoneContenu p,
#ZoneContenu ul,
#ZoneContenu table,
#ZoneContenu h1,
#ZoneContenu h2,
#ZoneContenu h3,
#ZoneContenu h4,
#ZoneContenu h5,
#ZoneContenu h6,
#ZoneContenu h7 {
	margin:0 auto;
	padding:0;
	width:80%;
	height: auto;
}*/

/*#ZoneContenu div.PleineLargeur,
#ZoneContenu p.PleineLargeur,
#ZoneContenu ul.PleineLargeur,
#ZoneContenu table.PleineLargeur {
	margin:0 auto;
	padding:0;
	width: 100%;
	height: auto;
}*/

#ZoneContenu div,
#ZoneContenu article,
#ZoneContenu div p,
#ZoneContenu div ul,
#ZoneContenu div table,
/*#ZoneContenu div h1,*/
/*#ZoneContenu div h2,*/
/*#ZoneContenu div h3,*/
/*#ZoneContenu div h4,*/
#ZoneContenu div h5,
#ZoneContenu div h6,
#ZoneContenu div h7 {
	margin:0 ;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
	padding:0;
	width:100%;
	/*background: red;*/
}

#ZoneContenu .TexteCourant {
	margin: 0 auto;
	padding:0 0 30px 0;
	width:80%;
	max-width: 1200px;
	height: auto;
}

.Desrecits-ZC-sous-Page #ZoneContenu .TexteCourant {
	margin-top: -7px;
	padding-top: 40px;
}

.Desrecits-ZC-sous-Page #ZoneContenu {
	margin-top: -7px;
	padding-top: 40px;
	/*background-color: rgba(255,255,255,0.85);*/
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.85), rgba(255,255,255,1.00));
}

#ZoneContenu div p,
#ZoneContenu article p {
	margin-bottom: 15px;
}

.Sep,
#ZoneContenu div p.Sep,
#ZoneContenu article p.Sep {
	margin-bottom: 0;
	height: 15px;
	display: block;
}

#ZoneContenu article > table td,
.BlocsTexteJuxtaposes > table td {
	vertical-align: top;
	
}

#ZoneContenu div#ZoneContenuAccueil {
	margin:0;
	margin-top: 80px;
	margin-bottom: 30px;
	padding:0;
	padding-top:150px;
	position: relative;
	width:100%;
	height: auto; 
	background-image: url( _IMG/silhouettes-D.png);
/*	background-image: url( _IMG/silhouettes-D-Ligne-travail.png);*/
	background-size: 103% auto;
	background-position: top left;
	background-repeat: no-repeat;
}

/* FIN Éléments*/


a {
	color: #000000;
	text-decoration:  none;
	background-image: linear-gradient(to right, rgba(217,163,44,0.50), rgba(217,163,44,0.50));
  	background-position: 0 19px;
  	background-repeat: repeat-x;
  	background-size: 2px 2px;
}

a:hover {
	background-image: linear-gradient(to right, #d9a32c, #d9a32c);
}

.MS #ZoneContenu a {
	background-image: linear-gradient(to right, rgba(197,18,48,0.50), rgba(197,18,48,0.50));
}

.MS #ZoneContenu a:hover {
	background-image: linear-gradient(to right, #c51230, #c51230);
}


.VP #ZoneContenu a {
	background-image: linear-gradient(to right, rgba(175,189,32,0.50), rgba(175,189,32,0.50));
}

.VP #ZoneContenu a:hover {
	background-image: linear-gradient(to right, #afbd20, #afbd20);
}

.DS #ZoneContenu a {
	background-image: linear-gradient(to right, rgba(0,105,170,0.50), rgba(0,105,170,0.50));
}

.DS #ZoneContenu a:hover {
	background-image: linear-gradient(to right, #0069aa, #0069aa);
}

a.Bloc {
	padding-left: 4px;
	padding-right: 4px;
	color: #000000;
	font-weight:400;
	text-decoration:  none;
	background-image: linear-gradient(to right, rgba(217,163,44,0.20), rgba(217,163,44,0.20));
  	background-position: 0 0;
  	background-repeat: repeat-x;
  	background-size: 2px 22px;
}

a.Bloc:hover {
	background-image: linear-gradient(to right, rgba(217,163,44,0.40), rgba(217,163,44,0.40));
}

a.Bloc.MS {
	color: rgba(197,18,48,1.00);
	text-decoration:  none;
	background-image: linear-gradient(to right, rgba(197,18,48,0.08), rgba(197,18,48,0.08));
  	background-position: 0 0;
  	background-repeat: repeat-x;
  	background-size: 2px 22px;
}

a.Bloc.MS:hover {
	background-image: linear-gradient(to right, rgba(197,18,48,0.18), rgba(197,18,48,0.18));
}

a.Bloc.VP {
	color: rgba(95,124,41,1.00);
	background-image: linear-gradient(to right, rgba(175,189,32,0.15), rgba(175,189,32,0.15));
}

a.Bloc.VP:hover {
	background-image: linear-gradient(to right, rgba(175,189,32,0.25), rgba(175,189,32,0.25));
}

a.Bloc.DS {
	color: rgba(0,105,170,1.00);
	background-image: linear-gradient(to right, rgba(0,105,170,0.08), rgba(0,105,170,0.08));
}

a.Bloc.DS:hover {
	background-image: linear-gradient(to right, rgba(0,105,170,0.18), rgba(0,105,170,0.18));
}

a.Bloc.Outil {
	color: #49403e;
	background-image: linear-gradient(to right, rgba(255,255,255,1.00), rgba(255,255,255,1.00));
}

a.Bloc.Outil:hover {
	background-image: linear-gradient(to right, rgba(95,83,84,0.15), rgba(95,83,84,0.15));
}


.PiedTexte a:hover {
	background-image: linear-gradient(to right, #d9a32c, #d9a32c);
}

strong {font-weight: 600;display: inline;}

strong.Leger {font-weight: 400;display: inline;}

strong.Fort {font-weight: 700;display: inline;}

.Light {font-weight: 100;}

sup {
	font-size: 0.7em;
	line-height: 0.5em;
	text-transform: lowercase;
}


/* DÉBUT NAV (menu) PRINCIPAL */

nav {
	margin:0;
	padding:0;
	padding-bottom: 3px;
	position: absolute;
	width: 100%;
	z-index: 8000;
	top:0;
	background-color: rgba(0,0,0,0.30);
}

.admin-bar nav {
	top:32px;
}

.admin-bar header {
		  margin-top:40px;
		  }

nav .NavPrincipal {
	display:table;
	width: 100%;
	height: 43px;
	height: auto;
}

nav ul {
	width: 100%;
	display: table;
    table-layout:auto;
	margin: 0;
	padding: 0;
}

nav li {
	margin:0;
	padding:0;
	position: relative;
	display: table-cell;
	width: auto;
	height: auto;
	text-align: left;
	/*background-color: #fff;*/
}

nav ul.NavPrincipal > li {
	padding-right: 1px;
}

nav ul.NavPrincipal > li.Apropos {
	padding-right: 0px;
}

nav ul.NavPrincipal > li.lang-item {
	padding-right: 0px;
}

nav .Apropos {
	margin:0;
	padding:0;
	width: auto;
}

nav .espaceur {
	margin:0;
	padding:0;
	width: auto;
	background: #ffffff;
}

nav a {
	margin:0;
	padding:0;
	padding: 11px 5px 0 5px;
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	font-size: 0.83rem;
	line-height: 0.95rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0;
	color: #848484; 
	text-transform: uppercase;
	background: transparent;
}


nav > ul > li a {
	background-color: #fff;
}


nav a:hover {
	color: #000000; 
	background: #fff;
}

nav .Recit.PageActive a,
nav .Apropos.PageActive a {
	color: #000000; 
}

nav a .Texte { /*ELP: Devrait s'appliquer seulement sur le texte avant la flèche */
    padding-top: 9px;
}

nav .Recit a .Fleche { /*ELP: pas besoin de la flèche triangle pour la li .Recit */
	display: none;
}

/*nav li:hover {
	background: transparent;
}*/

nav .MS a:hover,
nav .MS.PageActive a {
	color: #c51230; 
}

nav .VP a:hover,
nav .VP.PageActive a{
	color: #889b0c; 
}

nav .DS a:hover,
nav .DS.PageActive a{
	color: #0069aa; 
}

nav .lang-item-fr a,
nav .lang-item-en a,
nav .Apropos a {
	width: 100%;
}

nav .Apropos a {
	/*padding-left: 14px;*/
	padding-left: 8px;
}

nav .lang-item-en a{
	padding-right: 12px;
	padding-left: 8px;
}

nav .lang-item-fr a {
	padding-right: 4px;
	padding-left: 8px;
}

nav .lang-item-en::before {
	content: '|';
	position: absolute;
	z-index: 8500;
	top: 9px;
	font-size: 1.2em;
	font-weight: 300;
}

nav .lang-item-fr.current-lang a,
nav .lang-item-en.current-lang a {
color: #000000;
}

nav.Accueil {
	width: 185px;
	right: 0;
}

nav.Accueil ul {
	display: none;
}

nav.Accueil .Apropos,
nav.Accueil .espaceur,
nav.Accueil .lang-item-fr,
nav.Accueil .lang-item-en {
	display: table-cell;
}

nav.Fixe {
	position: fixed;
}

nav div .Texte,
nav div .Fleche,
nav .Texte,
nav .Fleche {
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
/*	background: yellow;*/
}

nav div .Texte,
nav .Texte {
	padding-top:9px;
}

nav div .Fleche,
nav .Fleche {
	padding-top:9px;
	padding-left:7px;
	display:none;
}

nav .Fleche {
	padding-top:0px;
}


nav div.PageActive .Fleche,
nav .PageActive .Fleche {
	/*display: inline-block;*/	
	display:none;
}

nav div .Fleche svg,
nav .Fleche svg {
	margin:0;
	padding:0;
	width:13px;
	height:13px;
}

nav div.MS .Fleche svg,
nav .MS .Fleche svg {
	fill: rgba(197,18,48,0.50);
}

nav div.MS:hover .Fleche svg,
nav .MS:hover .Fleche svg{
	fill: rgba(197,18,48,1.00);
}

nav div.VP .Fleche svg,
nav .VP .Fleche svg{
	fill: rgba(136,154,34,0.50);
}

nav div.VP:hover .Fleche svg,
nav .VP:hover .Fleche svg
{
	fill: rgba(136,154,34,1.00);
}

nav div.DS .Fleche svg,
nav .DS .Fleche svg{
	fill: rgba(0,105,170,0.50);
}

nav div.DS:hover .Fleche svg,
nav .DS:hover .Fleche svg {
	fill: rgba(0,105,170,1.00);
}

nav div .Fleche svg .BtFermer,
nav .Fleche svg .BtFermer{
	display:none;
}

nav div.Fermer .Fleche svg .BtOuvert,
nav .Fermer .Fleche svg .BtOuvert{
		display:none;
}

nav div.Fermer .Fleche svg .BtFermer,
nav .Fermer .Fleche svg .BtFermer{
		/*display:block;*/
	display:none;
}

nav div.Ouvert .Fleche svg .BtOuvert,
nav .Ouvert .Fleche svg .BtOuvert{
		/*display:block;*/
	display:none;
}

nav div.Ouvert .Fleche svg .BtFermer,
nav .Ouvert .Fleche svg .BtFermer{
		display:none;
}

/*nav div.NavSecondaire,
nav .NavSecondaire {
	margin:0;
	margin-top: 1px;
	padding:0;
	position: relative;
	display: table;
	width:100%;
	height: auto;
}*/

nav div.NavSecondaire,
nav .NavSecondaire {
	margin:0;
	margin-top: 1px;
	padding:0;
	padding-bottom:7px;
	position: relative;
	display: block;
	width:100%;
	height: auto;
	text-align: center;
	background: rgba(242,242,242,0.95);
}

/*nav div.NavSecondaire div,
nav .NavSecondaire > li {
	margin:0;
	padding:0;
	display: table-cell;
	width: 15%;
	background-color: aqua;
}*/

nav div.NavSecondaire div,
nav .NavSecondaire > li {
	margin:0;
	padding:0;
	display: inline-block;
/*	width: 160px;*/
	width:auto;
	min-width:100px;
	text-align: center;
}

nav .NavSecondaire > li {
	margin-top:7px
}

nav .NavSecondaire > li:last-child {
	width: auto;
}

nav .NavSecondaire > li > a {
	padding:6px 15px 6px 15px;
/*	padding-top: 6px;
	padding-bottom: 6px;*/
	width: 100%;
	border-right: 1px solid gray;
}

nav .NavSecondaire > li:last-child > a {
	padding-left:0px;
	border-right: 0px;
}

nav div.NavSecondaire:hover div,
nav .NavSecondaire:hover ul {
	padding-bottom: 16px;
}


nav div.NavSecondaire div.CellAuto,
nav .NavSecondaire li.CellAuto {
	width: auto;
	display: none;
}

nav div.NavSecondaire div.NousVisiter,
nav .NavSecondaire li.NousVisiter{
	/*width: 160px;*/
}

nav div.NavSecondaire div.Programmation,
nav .NavSecondaire li.Programmation{
	/*width: 190px;*/
}

nav div.NavSecondaire div.Activites,
nav .NavSecondaire li.Activites {
	/*width: 130px;*/
}

nav div.NavSecondaire div.Location,
nav .NavSecondaire li.Location{
	min-width: 190px;
}

nav div.NavSecondaire div.AproposNiv2,
nav .NavSecondaire li.AproposNiv2 {

}

nav div.NavSecondaire div.Donner,
nav .NavSecondaire li.Donner{
	min-width: 220px;
}

nav .NavSecondaire li.Item-10car {
	min-width: 130px;
}

nav .NavSecondaire li.Item-20car {
	min-width: 220px;
}

nav div.NavSecondaire div.Collections,
nav .NavSecondaire li.Collections{
	/*width: 180px;*/
}

nav div.NavSecondaire div a,
nav .NavSecondaire a {
	margin:0;
	padding-top:6px;
	display: block;
	width: 100%;
	height: auto;
	min-height: 20px;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.1em;
	color: #000000;
	text-align: center;
	background: transparent;
}

nav ul.sub-menu {
	width: 100%;
	max-width: 100px;
	margin: 0 auto;
	padding: 0;
/*	background: yellow;*/
}

nav div.NavSecondaire div a.Niv3,
nav .NavSecondaire .sub-menu li {
	font-weight: 300;
	text-transform: none;
	display: none;
}

nav div.NavSecondaire:hover div a.Niv3,
nav .NavSecondaire:hover .sub-menu li {
	display: block;
}

nav .NavSecondaire .sub-menu li a {
	width:100%;
	min-width:100px;
	padding:6px 10px 0 10px;
	text-transform: none;
	font-weight: 300;
	border:0px;
}

nav div.NavSecondaire.COLL div,
nav .NavSecondaire.COLL li {
	height: 80px;
	background: rgba(242,242,242,0.87);
}

nav div.NavSecondaire.COLL div a,
nav .NavSecondaire.COLL a {
	padding-top:10px;
}

nav div.NavSecondaire.COLL div.NosCollections,
nav .NavSecondaire.COLL .NosCollections{
	padding-left: 25px;
	width:400px;
	background: transparent;
	background-image: url(_IMG/NavSecBtNosCollections.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 200px;
}

nav div.NavSecondaire.COLL div.NosCollections a,
nav .NavSecondaire.COLL .NosCollections a{
	color: #352b2a;
	font-family: Georgia, "serif";
	font-size: 1.5em;
	font-weight:100;
	text-transform: none;
}

nav div.NavSecondaire.COLL div.Apropos,
nav .NavSecondaire.COLL .Apropos{
	width:200px;
/*	background-color: rgba(0,133,255,1.00);*/
}

nav div.NavSecondaire.COLL div.OutilRech,
nav .NavSecondaire.COLL .OutilRech{
	width:180px;
}

nav div.NavSecondaire.COLL div a:hover,
nav .NavSecondaire.COLL a:hover{
	color: #d9a32c;
}

nav div.NavSecondaire.COLL div.Contribuer {
	padding-left: 50px;
	width:430px;
	height: 80px;
	vertical-align: top;
	background: transparent;
	background: rgba(225,179,49,0.87);
}

nav div.NavSecondaire.COLL div.Contribuer:hover {
	background: rgba(228,185,51,0.95);
	cursor: pointer;
	height: 80px;
}

nav div.NavSecondaire.COLL div.Contribuer a {
	padding-top:10px;
	display: inline-block;
	vertical-align: top;
	color: #352b2a;
	line-height: 1.15em;
}

nav div.NavSecondaire.COLL div.Contribuer a .Blanc {
	color: #ffffff;
}

nav div.NavSecondaire.COLL div.Contribuer a .EnSavoirPlus {
	text-transform: none;
	background-image: linear-gradient(to right, rgba(53,43,42,0.50), rgba(53,43,42,0.50));
  	background-position: 0 17px;
  	background-repeat: repeat-x;
  	background-size: 2px 2px;
}

nav div.NavSecondaire.COLL div.Contribuer a:hover .EnSavoirPlus {
	background-image: linear-gradient(to right, rgba(53,43,42,1.00), rgba(53,43,42,1.00));
}

nav div.NavSecondaire.COLL div.Contribuer img {
	position: absolute;
	display: block;
	top:-5px;
	left: -102px;
}


/* FIN NAV secondaire */

/* FIN NAV secondaire */

/* FIN NAV PRINCIPAL et secondaire */



h1,h2,h3,h4,h5,h6,h7 {
	margin:0;
	padding:0;
	 -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

#ZoneContenuAccueil h1.title,
article > h1:first-child,
.MS article > h1:first-child,
.VP article > h1:first-child,
.DS article > h1:first-child {
    margin: 0;
	margin-top:0;
    padding: 0;
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 1.8em;
    line-height: 1em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #000000;
	background: none;
/*	background: blue;*/
}

/*h1 {
	margin:0 0 0 0;
	margin-bottom:10px;
	padding:0;
	position: relative;
	display: table;
	width:auto;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000000;
	background-color: rgba(199,199,199,0.3);
}*/

.MS article > h1:first-child {
	color: #c51230;
}

.VP article > h1:first-child {
	color: #889b0c;
}

.DS article > h1:first-child {
		color: #00476d;
}

.Accueil h2 {
	margin:0;
	padding:0;
	position: relative;
	display: block;
	font-weight: 300;
	font-size: 1.8em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #000000;
	background: none;
}

h2 {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	position: relative;
	display: block;
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #000000;
}

h2::before,
h2::after {
	content: '–';
	padding-right:6px;
	font-weight: 300;
}

h2:after {
	padding-left:6px;
}

#ZoneContenu div h3 {
	/*width:auto;
	display: inline-block;*/
}

.MS .TexteCourant h3,
.MS #ZoneContenu div h3,
.VP .TexteCourant h3,
.VP #ZoneContenu div h3,
.DS .TexteCourant h3,
.DS #ZoneContenu div h3,
#ZoneContenu h4,
.TexteCourant h4 {
	margin: 0;
	margin-bottom: 5px;
	position: relative;
	margin-top:0;
	display: inline-block;
	width:auto;
	padding: 1px 6px 0 6px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
}

#ZoneContenu h4,
.TexteCourant h4 {
	margin: 0;
	padding:0;
	display: block;
}

/*.MS .TexteCourant h1,*/
.MS .TexteCourant h3{
/*	margin-top:0;
	padding: 1px 6px 0 6px;*/
	background-color: rgba(197,18,48,0.15);
}

/*.VP .TexteCourant h1,*/
.VP .TexteCourant h3{
/*	margin-top:0;
	padding: 1px 6px 0 6px;*/
	background-color: rgba(175,189,32,0.15);
}

/*.DS .TexteCourant h1,*/
.DS .TexteCourant h3{
/*	margin-top:0;
	padding: 1px 6px 0 6px;*/
	background-color: rgba(0,105,170,0.15);
}

h5 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	position: relative;
	width:auto;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000000;
}

#ZoneContenu .NavPage {
	margin:0;
	margin-bottom: 40px;
	padding:0;
	position: relative;
	display: block;
	width:100%;
}

#ZoneContenu .NavPage ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#ZoneContenu .NavPage li {
	margin:0;
	margin-top:15px;
	padding:0;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	display: inline-block;
	font-size: 1.1em;
	line-height: 1em;
	background: transparent;	
}

#ZoneContenu .NavPage li a {
	text-decoration: none;
	font-weight: 400;
	margin-bottom: 0;
}


#ZoneContenu .NavPage li a:before,
#ZoneContenu .NavPage li a:after {
	content: '';
	padding:0;
}
	
.MS #ZoneContenu .NavPage li {
	border-right: 0px solid #c51230;
	border-left: 2px solid #c51230;
}

.VP #ZoneContenu .NavPage li {
	border-right: 0px solid #afbd20;
	border-left: 2px solid #afbd20;
}

.DS #ZoneContenu .NavPage li {
	border-right: 0px solid #0069aa;
	border-left: 2px solid #0069aa;
}

.NavPage #ZoneContenu li:hover {
	background: transparent;
}

/* .MS #ZoneContenu .NavPage a h2, */
.MS #ZoneContenu .NavPage li a { 
	color: rgba(197,18,48,0.70);
	background: none;	
}

.VP #ZoneContenu .NavPage li a { 
	color: rgba(136,155,12,0.70);
	background: transparent;	
}

/*.DS #ZoneContenu .NavPage a h2,*/
.DS #ZoneContenu .NavPage li a { 
	color: rgba(0,105,170,0.7);
	background: transparent;	
}

.PageIndividuelle #ZoneContenu .NavPage li.current_page_item a,
.PageIndividuelle #ZoneContenu .NavPage li:hover a { 
	color: #000000;
	background: transparent;
}

#ZoneContenu .NavPage li:first-child {
	padding-left: 0px;
	border-left: 0px;	
}

#ZoneContenu .NavPage li:last-child {
	border-right: 0px solid #c51230;
}

#ZoneContenu .BlocsTexteJuxtaposes div {/*Ne semble plus servir...*/
	margin-right: 2%;
	margin-bottom: 20px;
	display: inline-block;
	width: 47%;
	vertical-align: top;
}

.page-template-template-onglets-2-colonnes #ZoneContenu article .BlocsTexteJuxtaposes {
	/* -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-width: 40%;
     -moz-column-width: 40%;
     column-width: 40%;
	-webkit-column-gap: 27px;*/ /* Chrome, Safari, Opera */
    /*-moz-column-gap: 27px; /* Firefox */
    /*column-gap: 27px;*/
}

.BlocsTexteJuxtaposes .Tirets {
	display: block;
	opacity: 0.4; /*?*/
	font-weight: 100;
	font-size:  0.8;
	line-height: 1em;
}

.Note {
	padding-top: 15px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #767676;
    display: block;
}


/* DÉBUT DIAPORAMA ACCUEIL*/

#DiaporamaAccueil {
	margin:0;
	padding:0;
	position: absolute;
	top:-135px;
	display: block;
	overflow: hidden;
	width:100%;
/*	height: 895px;*/
	height: 1000px; /*idem pour le diaporam ken burns*/
}

#DiaporamaAccueil video { /*idem pour le diaporam ken burns*/
    object-fit: cover;
}

/* FIN DIAPORAMA ACCUEIL*/

/* DÉBUT Bandeau CHOIX récits */

#BandeauChoix {
	margin:0;
/*	margin-top:220px;*/
	margin-top:140px;
	padding: 0;
	position: relative;
	display: block;
	width: 100%;
/*	height: 300px;*/
	height: auto;
	/*text-align: center;*/
	/*background-color: yellow;*/
}

#BandeauChoix::before {
	content: ' ';
	margin:0;
	padding:0;
	position: absolute;
	z-index: 7100;
	display: block;
	width:100%;
	height: 5px;
	bottom:-5px;
}

#BandeauChoix .GrandTitre {
	margin: 0 auto;
	padding:0;
	display: block;
	position: absolute;
	z-index: 7200;
	top: 20px;
	left: 0; 
  	right: 0; 
	width:500px;
	height: auto;
	font-size:  1.8em;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.05em;
}

#BandeauChoix .TiretsGrandTitre {
	font-weight: 100;
	font-size: 0.95em;
	color: rgba(147,149,143,0.70);
}

#BandeauChoix .BtMaisons {
	margin:0;
	padding:0;
	position: relative;
	display: inline-block;
	width: 28%;
	height: 300px;
	overflow: hidden;
}

#BandeauChoix .BtMaisons img {
	margin-left: 50%;
	transform: translateX(-50%);
	display: block;
	margin-top: -10px;
	width: 600px;
	height: auto;
}

#BandeauChoix .BtMaisons img.mobile {
		display: none;
	}

#BandeauChoix.Collection {
	margin-top:40px;
	height: 130px;
}

#BandeauChoix.Collection .BtMaisons {
	height: 130px;
}

#BandeauChoix.Collection .BtMaisons.COLL {
	width: 60%;
	background-image: url(_IMG/BtMaisons-COLL.png);
	background-size: 100% auto;
    background-position: top center;
}


#BandeauChoix .BtMaisons.Marge {
	width: 6%; 
	background-image: url(_IMG/BtMaison-Marge.png);
	background-repeat: repeat-x;
	background-size: 480px auto; /*	ELP: doit correspondre à la hauteru des maison pour que le dégradé continu*/
}


#BandeauChoix .BtMaisons.MS {
	
}

#BandeauChoix .BtMaisons.MS:hover {

}

#BandeauChoix .BtMaisons.VP {

}

#BandeauChoix .BtMaisons.VP img {
	
}

#BandeauChoix .BtMaisons.VP:hover {

}

#BandeauChoix .BtMaisons.DS {
	width: 32%;
}

#BandeauChoix .BtMaisons.DS img {
	
}

#BandeauChoix .BtMaisons.DS:hover {
	
}

#BandeauChoix .BtMaisons a {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 450px;
	background: transparent;
/*	background: red;*/
	overflow: hidden;
}

#BandeauChoix .BtMaisons a:hover {
	cursor:pointer;
}

#BandeauChoix .BtMaisons a .Slogan {
	margin: 0;
	padding:0;
	padding-left: 15px;
	display: block;
	position: absolute;
	z-index: 7200;
	bottom: 32px;
	width:100%;
	height: auto;
	font-size:  1.2rem;
	line-height: 1.2rem;
	font-weight: 600;
	text-align: center;
	text-transform: none;
}

#BandeauChoix .BtMaisons.MS a .Slogan {
	color: rgba(197,18,48,0.60);
}

#BandeauChoix .BtMaisons.MS:hover a .Slogan {
	color: rgba(197,18,48,1.00);
}

#BandeauChoix .BtMaisons.VP a .Slogan {
	color: rgba(136,155,12,0.60);
}

#BandeauChoix .BtMaisons.VP:hover a .Slogan {
	color: rgba(136,155,12,1.00);
}

#BandeauChoix .BtMaisons.DS a .Slogan {
	color: rgba(0,105,170,0.60);
}

#BandeauChoix .BtMaisons.DS:hover a .Slogan {
	color: rgba(0,105,170,1.00);
}

/* FIN Bandeau CHOIX récits */


/* DÉBUT  Bandeau CHOIX Pages */

.PageIndividuelle #BandeauChoix {
	margin:0;

	padding: 0;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
}

.admin-bar.PageIndividuelle #BandeauChoix {
	/*margin-top: -32px;*/ /* (40+32) */
	/*height:372px;*/
		margin-top:-40px;
}

.PageIndividuelle #BandeauChoix::before {
	height: 1px;
	bottom:-1px;
}

.PageIndividuelle #BandeauChoix .BtMaisons,
.PageIndividuelle #BandeauChoix.MS .BtMaisons,
.PageIndividuelle #BandeauChoix.VP .BtMaisons,
.PageIndividuelle #BandeauChoix.DS .BtMaisons {
	/*margin-top:72px;*/ /* (40+32)  */
	/*margin-top:86px;*/
	/*margin-top:40px;*/
	margin-top:0;
	display: block;
	width: 28%;
	max-width: 470px;
	height: 350px;
	z-index: 6500;
	background: rgba(255,255,255,0.95);
}

.PageIndividuelle #BandeauChoix .BtMaisons img {
		display: none;
	}

.PageIndividuelle #BandeauChoix .BtMaisons img.mobile {
		display: block;
	}

.PageIndividuelle #BandeauChoix .BtMaisons img {
	margin-top: 105px;
	width: 325px;
}

.PageIndividuelle #BandeauChoix .BtMaisons a:hover {
	cursor:auto;
}

.PageIndividuelle #BandeauChoix .BtMaisons.Marge.Droite {
	display: none;
}

.PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
	bottom:35px;
}

.PageIndividuelle.MS #BandeauChoix .BtMaisons.MS a .Slogan,
.PageIndividuelle.MS #BandeauChoix .BtMaisons.MS a:hover .Slogan{
	color: rgba(197,18,48,1.00);
}

.PageIndividuelle.VP #BandeauChoix .BtMaisons.VP a .Slogan,
.PageIndividuelle.VP #BandeauChoix .BtMaisons.VP a:hover .Slogan{
	color: rgba(136,155,12,1.00);
}

.PageIndividuelle.DS #BandeauChoix .BtMaisons.DS a .Slogan,
.PageIndividuelle.DS #BandeauChoix .BtMaisons.DS a:hover .Slogan{
	color: rgba(0,105,170,1.00);
}

.PageIndividuelle #BandeauChoix .BtMaisons a .Slogan,
.PageIndividuelle #BandeauChoix .BtMaisons a:hover .Slogan{
	cursor:auto;
}

.MS #BandeauChoix .Accroche {
	background-color: rgba(197,18,48,0.8);
}

.VP #BandeauChoix .Accroche {
	background-color: rgba(85,100,35,0.8); 
}

.DS #BandeauChoix .Accroche {
	background-color: rgba(0,71,109,0.8);
}

#BandeauChoix .Accroche {
	margin:0;
	padding:0;
	padding: 10px 10px 10px 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width:35%;
	max-width: 700px;
	height:  auto;
	font-weight: 300;
	font-size: 0.95em;
	line-height: 1.3em;
	color: #ffffff;	
}

#BandeauChoix .Accroche p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

/* FIN Bandeau CHOIX Pages */

.Exergue {
	margin-top: 15px;
	display: block;
	line-height: 1.25em;
	font-weight: 600;
	font-style: italic;
}

/* DÉBUT Image et texte juxtaposée */

#ZoneContenu div.ImgTexteJuxtaposes {
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
	width:80%;
	/*max-width: 1500px;*/
	max-width: 1200px;
}

#ZoneContenu.LocationSalle div.ImgTexteJuxtaposes {
	margin:0;
	margin-bottom: 30px;
	padding:0;
	width:100%;
}

#ZoneContenu .ImgJuxtapose,
#ZoneContenu .TexteJuxtapose {
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
}

#ZoneContenu .ImgJuxtapose {
	position: relative;
	width:480px;
	margin-right: 25px; 
}

#ZoneContenu .TexteJuxtapose {
	padding-top: 15px;
	width: calc(100% - 520px);
}

#ZoneContenu.LocationSalle .ImgJuxtapose {
	position: relative;
	width:400px;
	margin-right: 25px; 
}

#ZoneContenu.LocationSalle .TexteJuxtapose {
	padding-top: 15px;
	width: calc(100% - 520px);
}

.Accueil #ZoneContenu .TexteJuxtapose {
	padding-top: 35px;
}

#ZoneContenu .ImgJuxtapose .ZoneIMG {
	width:100%;
	height: 250px;
	overflow: hidden;
}

#ZoneContenu.LocationSalle .ImgJuxtapose .ZoneIMG {
	width:100%;
	height: auto;
	max-height: 250px;
	overflow: hidden;
}

#ZoneContenu .ImgJuxtapose .ZoneIMG img {
	margin:0;
	padding:0;
	width:100%;
	height: auto;
}

#ZoneContenu .ImgJuxtapose .ZoneIMG .VignetteCredits {
	margin:0;
	padding:0;
	padding: 5px 5px 5px 8px;
	position: absolute;
	bottom:0;
	width:100%;
	font-size: 0.89em;
	line-height: 1.2em;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.01em;
	height: auto;
	background-color: rgba(255,255,255,0.9);
}

#ZoneContenu .ImgTexteJuxtaposes .ZoneIMG .VignetteCredits .Credit {
	margin-left: 5px;
	font-size: 0.9em;
	font-weight: 400;
	font-style: normal;
	color: rgba(0,0,0,0.5);
}

#ZoneContenu .ImgJuxtapose .ZoneIMG .BtPhotos {
	margin:0;
	padding:0;
	position: absolute;
	top:0;
	left: 0;
	width:auto;
	height: auto;
	background-color: rgba(0,0,0,0.7);
}

#ZoneContenu .ImgJuxtapose .ZoneIMG .BtPhotos:hover {
	background-color: rgba(0,0,0,0.9);
}

#ZoneContenu .ImgJuxtapose .ZoneIMG .BtPhotos a {
	padding: 5px 22px 5px 8px;
	width:auto;
	color: #ffffff;
	text-align: center;
	font-size: 0.89em;
	line-height: 1.2em;
	font-weight: 500;
	letter-spacing: 0.01em;
	background: transparent;
	background-image:url( _IMG/Fleche_Photos.svg);
	background-position: center right 5px;
	background-size: 12px 12px;
	background-repeat: no-repeat;
}

#ZoneContenu .TexteJuxtapose p {
	/*margin-top: 35px;
	width: calc(100% - 540px);*/
}

/* DÉBUT ZONE ACTIVITÉS */

#ZoneContenu div.Activites {
	margin:0;
	padding:0;
	padding: 13px 5px 15px 15px;
	position: relative;
	width:100%;
	margin-right: 25px; 
	height: auto;
/*	height: 290px;*/
	color: #ffffff;
	font-size: 0.95em;
	line-height: 1.2em;
	font-weight: 300;
	letter-spacing: 0.01em;
	/*background-color: #0069aa;*/ /*ELP: À supprimer une fois les couleurs du diaporam ajusté avec les 3 couleurs*/
}


.mySlides.MS,
.MS .mySlides {
	background-color: #c51230;
}

.mySlides.VP,
.VP .mySlides {
	background-color: #889b0c;
}

.mySlides.DS,
.DS .mySlides {
	background-color: #0069aa;
}

/*.mySlides.MS .Activites,
.mySlides.MS #ZoneContenu .ImgJuxtapose .ZoneIMG,
.MS #ZoneContenu div.Activites,
.MS .mySlides #ZoneContenu .ImgJuxtapose .ZoneIMG {
	background-color: #c51230;
}

.mySlides.VP .Activites,
.mySlides.VP #ZoneContenu .ImgJuxtapose .ZoneIMG,
.VP #ZoneContenu div.Activites,
.VP mySlides #ZoneContenu .ImgJuxtapose .ZoneIMG {
	background-color: #889b0c;
}

.mySlides.DS .Activites,
.mySlides.DS #ZoneContenu .ImgJuxtapose .ZoneIMG,
.DS #ZoneContenu div.Activites,
.DS .mySlides #ZoneContenu .ImgJuxtapose .ZoneIMG {
	background-color: #0069aa;
}*/


#ZoneContenu div.Activites h2 { 
	margin:0;
	margin-bottom: 5px;
	padding:0;
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.05em;
	background: none;
}

#ZoneContenu div.Activites h2::before,
#ZoneContenu div.Activites h2::after {
	content: '';
	padding:0;
}

	
#ZoneContenu div.Activites .NavActivites {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -20px;
	left: 5px;
	right:0;
	width:100%;
	height: 20px;
	text-align: left; 
}

#ZoneContenu div.Activites .NavActivites .Ronds {
	margin: 0;
	margin: 0 5px 0 5px;
	padding: 0;
	position: relative;
	display: inline-block;
	width: 10.5px;
	height: 10.5px;
	background: transparent;
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #000000;
}

#ZoneContenu div.Activites .NavActivites .Ronds:hover {
	cursor: pointer;
	opacity: 0.7;
}

#ZoneContenu .mySlides.MS div.Activites .NavActivites .Ronds.Actif,
.MS #ZoneContenu div.Activites .NavActivites .Ronds:hover,
.MS #ZoneContenu div.Activites .NavActivites .Ronds.Actif {
	background-color: #c51230;
	/*border-color: #701301;*/
}

#ZoneContenu .mySlides.VP div.Activites .NavActivites .Ronds.Actif,
.VP #ZoneContenu div.Activites .NavActivites .Ronds:hover,
.VP #ZoneContenu div.Activites .NavActivites .Ronds.Actif {
	background-color: #afbd20;
	/*border-color: #701301;*/
}

#ZoneContenu .mySlides.DS div.Activites .NavActivites .Ronds.Actif,
.DS #ZoneContenu div.Activites .NavActivites .Ronds:hover,
.DS #ZoneContenu div.Activites .NavActivites .Ronds.Actif {
	background-color: #0069aa;
	/*border-color: #701301;*/
}


#ZoneContenu div.Activites p {
	margin:0;
	padding:0;
	width: 100%;
}

/* FIN ZONE ACTIVITÉS */

#ZoneContenu p.Exergue {
	margin:0;
	margin-top: 30px;
	margin-bottom: 10px;
	padding:0;
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 1em;
	text-align: center;
}

.Exergue .Tirets {
	opacity: 0.7;
	font-weight: 100;
}

.MS .Exergue {
	color: #c51230;
}

.VP .Exergue {
	color: #677622;
}

.DS .Exergue {
	color: #00476d;
}

#ZoneContenu div ul {
    margin-left: 80px;
    width: 80%;
    line-height: 1.2em;
    list-style: none;
}

#ZoneContenu div ul li {
    margin-bottom: 6px;
    position: relative;
}

#ZoneContenu div:not(.NavPage) ul li:first-child {
    margin-top: 10px;
}

#ZoneContenu div:not(.NavPage) ul li:last-child {
    margin-bottom: 15px;
}

#ZoneContenu div:not(.NavPage) ul li::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -16px;
    width: 7px;
    height: 7px;
    background-color: #5c5451;
    border-radius: 50%;
}

.MS #ZoneContenu div:not(.NavPage) ul li::before {
    background-color: #c51230;
}

.VP #ZoneContenu div:not(.NavPage) ul li::before {
    background-color: #889b0c;
}

.DS #ZoneContenu div:not(.NavPage) ul li::before {
    background-color: #0069aa;
}

.COLL #ZoneContenu div:not(.NavPage) ul li::before {
    background-color: #e4b933;
}

.COLL #ZoneContenu div:not(.NavPage) ul li::before {
    background-color: #e4b933;
}

/* DÉBUT Zone Logos partenaires */

.Partenaires { 
	margin:0;
	margin-top: 50px;
	padding:0;
	/*padding-bottom: 20px;*/
	padding-bottom: 10px;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: center;
	background-color: rgba(245,246,241,0.40);
	border-top: 1px solid rgba(73,64,62,0.3);
}
	
/*div.Partenaires { 
	margin:0;
	margin-top: 0px;
	padding:0;
	padding-bottom: 20px;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: center;
	background-color: rgba(245,246,241,0.40);
	border-top: 1px solid rgba(73,64,62,0.3);
}*/

div.Partenaires h4 {
	margin:0;
	margin-bottom: 8px;
	padding:0;
	padding-top: 12px;
	position: relative;
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: 300;
	letter-spacing: 0.08em;
	color: #25201f;
	text-transform: uppercase;
	background: transparent;
}

div.ZoneLogos { 
	margin:0 auto;
	padding:0;
	width: 98%;
	height: auto;
	min-height: 100px;
}

#ZoneContenu div.ZoneLogos div,
div.ZoneLogos div { 
	margin-bottom: 10px;
	padding: 0 10px 0 10px;
	display: inline-block;
	position: relative;
	width: auto;
	height: 80px;
	vertical-align: middle;
}

div.ZoneLogos div.Carte,
div.ZoneLogos div.Pub { 
	padding: 0 10px 0 10px;
	display: inline-block;
	width: auto;
	height: 140px;
}

div.ZoneLogos div.Pub {
	padding-top: 11px;
	background-color: #A6A6A6;
}

div.ZoneLogos div img { 
	width: auto;
	height: 100%;
}

div.ZoneLogos div.Carte img,
div.ZoneLogos div.Pub img { 
	border: 1px solid #A6A6A6;
}

/*div.ZoneLogos div.Carte img:hover,
div.ZoneLogos div.Pub img:hover { 
	cursor:pointer;
}*/

div.ZoneLogos div.Pub::before { 
	padding-top: 2px;
	content: 'Publicité payée';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	font-size: 0.55em;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #000000;
	
}

/*div.ZoneLogos div.Carte::after,
div.ZoneLogos div.Pub::after {
	margin:0;
	padding:0;
	padding: 6px 35px 6px 10px;
	content: 'Agrandir';
	position: absolute;
	display: none;
	bottom:10%;
	right:29%;
	width:auto;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.2em;
	color: #ffffff;
	background-image: url(_IMG/Fond-BT-Agrandir.svg);
	background-size: 18px 18px;
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.85);
}

div.ZoneLogos div.Carte:hover::after, 
div.ZoneLogos div.Pub:hover::after { 
	cursor:pointer;
	display: block;
}*/

/* FIN Zone Logos partenaires */


/* DÉBUT Zone Collections */

#ZoneContenu div.ZoneTexteApercuCollection {
	margin:0 auto;
	padding:0;
	padding-top:20px;
	width:  83%;
	height: auto;
}

#ZoneContenu .ZoneTexteApercuCollection h2 {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	position: relative;
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #322a28;
	text-transform: uppercase;
}

#ZoneContenu div.ZoneTexteApercuCollection .Texte,
#ZoneContenu div.ZoneTexteApercuCollection .Apercus  {	
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
	
}

#ZoneContenu div.ZoneTexteApercuCollection .Texte {
	margin-right: 50px;
	margin-left: 30px; 
	width: calc(100% - 565px);
}

.Texte h2 {}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus {
	margin-top:5px;
	width:450px;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div {
	margin:0;
	margin: 0 9px 10px 9px;
	padding:0;
	display: inline-block;
	width: 68px;
	height: 68px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
							
#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections {
	margin:0;
	margin-left: 10px;
	padding:0;
	width:auto;
	height: auto;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a {
	margin:0;
	padding:0;
	display: block;
	width:429px;
	height: auto;
	font-weight: 300;
	color: #d9a32c;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	background: transparent;
	background-color: #352e2a;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a:hover {
		background-color: #25201e;
}


#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a div.Texte,
#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a div.Fleche {
	margin:0;
	padding:0;
	display: inline-block;
	width:auto;
	height: auto;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a div.Texte {
	margin-right:3px;
	padding-top:13px;
	height: 48px;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a div.Fleche {
		padding-top:15px;
}

#ZoneContenu div.ZoneTexteApercuCollection .Apercus div.BTcollections a div.Fleche svg {
		width: 18px;
		height: 18px;
		fill: #d9a32c;
}

#ZoneContenu div.ZoneTexteApercuCollection p.Exergue {
	margin:0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 1em;
	text-align: left;
}

.PageIndividuelle.COLL #Englobe #ZoneContenu {
	margin-top:130px;
	margin-bottom:0px;
}

/* FIN Zone Collections */


/* DÉBUT Pied de page*/

table#Tel {
		display: none;
	}

.Pied {
	margin:0;
	padding:0;
	position: relative;
	z-index: 7000;
	display: block;
	width:  100%;
	height: auto;
	vertical-align: top;
	font-size: 0.94rem;
	text-align: right;
	background-color: #352e2a;
}

.Pied::before {
	content: ' ';
	margin:0;
	padding:0;
	position: absolute;
	z-index: 7100;
	display: block;
	width:100%;
	height: 5px;
	top:0;
	background-color: rgba(0,0,0,0.3);
}

.PiedTexte,
.PiedCarte {
	margin:0;
	padding:0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.PiedTexte {
	margin-left: 1%;
	width: 69%
}

.PiedTexte a {
	color: #ffffff;
	background-image: linear-gradient(to right, rgba(217,163,44,0.50), rgba(217,163,44,0.50));
  	background-position: 0 19px;
  	background-repeat: repeat-x;
  	background-size: 2px 2px;
}

.PiedTexte a:hover {
	background-image: linear-gradient(to right, #d9a32c, #d9a32c);
}

.PiedCarte {
	width:28%;
	height: 296px;
	background-image: url(_IMG/Carte-image-3-locations-V2.jpg); /* temporaire à supprimer après avoir ajouter la bonne carte */
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.NousJoindre {
	margin:0;
	padding:0;
	padding-top:16px;
}

.NousJoindre h4 {
	margin:0;
	margin-bottom: 5px;
	padding:0;
	padding-top: 15px;
	position: relative;
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: #d9a32c;
	text-transform: uppercase;
	background: transparent;
}

.NousJoindre span {
	margin:0;
	padding:0;
	padding: 0 5px 0 7px;
	position: relative;
	display: inline-block;
	line-height: 1em;
	color: #80807b;
	border-left: 1px solid #64625d; 
	/*background-color: #FFE100;*/ 
}

.NousJoindre span:first-child {
	padding-left: 0px;
	border-left: 0px solid #BEBEBE;  
}

.Coordonnees {
	margin:0;
	margin-top:10px;
	margin-bottom:20px;
	padding:0;
	position: relative;
	width:100%;
	font-size: 0.9em;
	line-height: 1.4em;
}

.Coordonnees table {
	margin:0;
	margin-top:16px;
	padding:0;
	position: relative;
	display: table;
	border-collapse: collapse;
	width:auto;
	color: rgba(213,213,213,0.6);
	/*background-color: #FFFAC5;*/
}

.Coordonnees table tr.L1 {
	
}

.Coordonnees table td {
	margin:0;
	padding:0;
	width: auto;
	vertical-align: top;
}

.Coordonnees td.DomainSeign {
	border-left: 1px solid #64625d;
	padding-left: 20px;
}

.Coordonnees td.Col1 {
	width:210px;
/*	background-color: #FFFAC5;*/
}

.Coordonnees td.Col2 {
	width:185px;
/*	background-color: #FFA8D1;*/
}

.Coordonnees td.Col3 {
	width:auto;
/*	background-color: #FFDDA9;*/
}

.Coordonnees td.Col3.Adresse {
	width:190px;
/*	background-color: #FFDDA9;*/
}
.Coordonnees td.Col4.Adresse {
	width: 30%;
	padding-left:15px;
/*	background-color: #FFDDA9;*/
}

.Coordonnees td.Col4 {
	width:auto;
/*	background-color: #AAFFFD;*/
}

.Coordonnees .Nom {
	margin:0;
	padding:0;
	position: relative;
	display: block;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 600;
	letter-spacing: 0.032em;
	color: rgba(213,213,213,1.00);
	text-transform: uppercase;
}

.Coordonnees .Adresse {
	padding-top:8px;
}

.Coordonnees span.Surtitre {
	color: rgba(213,213,213,0.3);
	vertical-align: top;
}

.Coordonnees .AdresseMSetVP {
	
}

.PiedInfosTechniques {
	padding-top: 10px;
	width:100%;
	height:100px;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
	color: rgba(213,213,213,1.00);
	background-color: #25201e;
}

.PiedInfosTechniques div {
	padding-bottom:3px;
}

.PiedInfosTechniques .TousDroitsReserves {
	color: #D9A32C;
}

.PiedInfosTechniques .Credits {
	color: rgba(217,163,44,0.55);	
}

.PiedInfosTechniques .Credits a {
	color: rgba(217,163,44,0.70);	
	background-position: 0 15px;
  	background-size: 1px 1px;
}

.PiedInfosTechniques .Navigateurs {
	color: rgba(213,213,213,0.50);
	background-color: #25201e;
}

/* FIN Pied de page*/


/* Slider / diapositive */

.slideshow-container,
.slideshow-container *,
.dots,
.dots * {
	box-sizing:border-box;
}

/* Slideshow container */
.slideshow-container {
    max-width: 480px;
    position: relative;
    margin: auto;
}
.Accueil .slideshow-container{
    min-height: 456px;
}
/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.MS #ZoneContenu .prev,
.MS #ZoneContenu .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
	border: none;
	background:none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.MS #ZoneContenu .prev:hover,
.MS #ZoneContenu .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#ZoneContenu .BlocsTexteJuxtaposes .gallery {
	/*display:none;*/
}

/* DÉBUT COLLECTIONS */

.COLL #Englobe {
	min-height: 620px;
}

.ConteneurFiches {
	margin:0;
	margin-top: 20px;
	margin-bottom: 50px;
	padding:0;
	display: block;
	position: relative;
	width:100%;
	height: auto;
	text-align: center;
}

.ListeFiches {
	margin:0 auto;
	padding:0;
	display: block;
	position: relative;
	width:95%;
	height: auto;
	text-align: left;
}

.ConteneurFiches.AffListe .ListeFiches {
	margin:0 auto;
	padding:0;
	display: block;
	position: relative;
	width:90%;
	height: auto;
	text-align: left;
}

.Fiche {
	margin:0;
	margin: 0 9px 10px 9px;
	padding:0;
	display: inline-block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background-color: #5f5351;
	}

.Fiche .ContenuFiche .ZoneTexte .FOND,
.Fiche .ContenuFiche .ZoneTexte .NOM_PIECE,
.Fiche .ContenuFiche .ZoneTexte .COTE_PIECES,
.Fiche .ContenuFiche .ZoneTexte .RESUME,
.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES {
	display: none;
}

.ConteneurFiches.AffListe .Fiche {
	margin:0;
	margin: 0 0 10px 7px;
	padding:0;
	display: inline-block;
	width: 49%;
	height: 150px;
	background-color: #5f5351;
	}

.ConteneurFiches.AffListe .Fiche .ContenuFiche .ZoneTexte .FOND,
.ConteneurFiches.AffListe .Fiche .ContenuFiche .ZoneTexte .NOM_PIECE,
.ConteneurFiches.AffListe .Fiche .ContenuFiche .ZoneTexte .COTE_PIECES{
	display: block;
}

.Fiche .ContenuFiche {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
}

.ConteneurFiches.AffListe .Fiche .ContenuFiche {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-align: left;
}


.Fiche.Inactive .ContenuFiche {
	position: relative;
}

.Fiche:hover .ContenuFiche {
	background-color: #352e2b;
	cursor: pointer;
}

.Fiche.Inactive .ContenuFiche::before {
	content:'Consulter la fiche descriptive';
	margin:0;
	margin-top:35px;
	margin-left: auto; 
	margin-right: auto; 
	padding:0;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width:80%;
	height: 70px;
	color: #ffffff;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: 500;
	vertical-align: middle;
	z-index: 60000;
	display: none;
}

.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche::before {
	top:20px;
	left:0;
	right: auto;
	width:170px;
	height: auto;
	text-align: center;
}

.Fiche.Inactive:hover .ContenuFiche::before {
	display: block;
}

.ConteneurFiches.AffMiniatures .Fiche.Active .ContenuFiche,
.ConteneurFiches.AffListe .Fiche.Active .ContenuFiche{
	margin:0;
	margin-left: auto; 
	margin-right: auto; 
	padding:0;
	padding: 25px 30px 25px 30px;
	display: block;
	left: 0;  
	right: 0; 
	top:-20px;
	position: absolute;
	z-index:70000;
	width:76.5%;
	max-width:930px;
	height: auto;
	text-align: left;
	background-color: rgba(234,234,234,0.97);
	border: 1px solid rgba(95,83,81,0.50); 
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
}

.Fiche.Active .ContenuFiche .BtFermer {
	margin:0;
	padding:0;
	width: 26px;
	height: 26px;
	position: absolute;
	display: block;
	top:-1px;
	right: -1px;
	background-color: rgba(95,83,81,0.50); 
	background-image:url( ../_IMG/BT-FERMER.svg);
	background-position: top 5px right 5px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.Fiche.Active .ContenuFiche .BtFermer:hover {
	background-color: rgba(95,83,81,1.0);
	cursor:pointer;
}

.Fiche .ContenuFiche .ZoneIMG {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
	}

.Fiche.Active .ContenuFiche .ZoneIMG,
.Fiche.Active .ContenuFiche .ZoneTexte,
.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneIMG,
.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneTexte{
	margin:0;
	padding:0;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.Fiche.Active .ContenuFiche .ZoneIMG {
	width: 40%;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}

.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneIMG {
	width: 170px;
	height: 170px;
	margin-right: 0;
	position: relative;
	overflow: hidden;
}

.ConteneurFiches.AffMiniatures .Fiche.Active .ContenuFiche .ZoneIMG,
.ConteneurFiches.AffListe .Fiche.Active .ContenuFiche .ZoneIMG {/* À transférer dans le responsive */
	max-height: 450px;
}

.Fiche.Active .ContenuFiche .ZoneIMG:hover {
	cursor: pointer;
}

.Fiche .ContenuFiche .ZoneIMG img,
.ConteneurFiches.AffListe .Fiche .ContenuFiche .ZoneIMG img {
	margin:0 auto;
	padding:0;
	width: auto;
	height: 100%;
	display: block;
}

.Fiche.Inactive:hover .ContenuFiche .ZoneIMG img {
	opacity: 0.25;
}

.ConteneurFiches.AffMiniatures .Fiche.Active .ContenuFiche .ZoneIMG img,
.ConteneurFiches.AffListe .Fiche.Active .ContenuFiche .ZoneIMG img {
	margin:0;
	padding:0;
	width: 100%;
	height: auto;
	border: 1px solid #000000;
	display: block;
}

.Fiche.Active:hover .ContenuFiche .ZoneIMG img {
	opacity: 1.0;
}

.Fiche.Active .ContenuFiche .ZoneIMG .BtPhotos {
	margin:0;
	padding:0;
	position: absolute;
	bottom:auto;
	right: 0;
	top:0;
	width:24px;
	height: 25px;
	background-color: rgba(0,0,0,0.7);
	background-image:url( ../_IMG/Agrandir-normal.svg);
	background-position: center right 4px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.Fiche.Active .ContenuFiche .ZoneIMG:hover .BtPhotos {
	width:92px;
	background-color: rgba(217,163,44,0.80);
	cursor: pointer;
}

.Fiche.Active .ContenuFiche .ZoneIMG .BtPhotos::before {
	content: 'Agrandir';
	padding: 4px 22px 5px 5px;
	width:auto;
	color: #ffffff;
	text-align: center;
	font-size: 0.89em;
	line-height: 1.2em;
	font-weight: 500;
	letter-spacing: 0.01em;
	background:  none;
	display: none;
}

.Fiche.Active .ContenuFiche .ZoneIMG:hover .BtPhotos::before {
	display: block;
}

.Fiche.Active .ContenuFiche .ZoneTexte {
	margin-top: 15px;
	width: calc(59% - 21px); 
	/*background-color: yellow;*/
}

.ConteneurFiches.AffListe  .Fiche.Inactive .ContenuFiche .ZoneTexte {
	margin-top: 0;
	padding: 10px 15px 10px 15px;
	width: calc(100% - 170px); 
	height: 100%;
	background-color: rgba(234,234,234,1.0);
	overflow: hidden;
}


.Fiche.Active .ContenuFiche .ZoneTexte .FOND,
.Fiche.Active .ContenuFiche .ZoneTexte .NOM_PIECE,
.Fiche.Active .ContenuFiche .ZoneTexte .COTE_PIECES,
.Fiche.Active .ContenuFiche .ZoneTexte .RESUME,
.Fiche.Active .ContenuFiche .ZoneTexte .MOTS_CLES {
	display: block;
}

.Fiche .ContenuFiche .ZoneTexte .COTE_PIECES::before,
.Fiche .ContenuFiche .ZoneTexte .RESUME::before,
.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES::before {
	margin:0;
	margin-right: 5px;
	padding:0;
	padding: 0px 4px 0px 4px;
	font-size: 13px;
	font-weight: 300;
	color: #352e2b; 
	text-transform: uppercase;
	background-color: #c4c1c1;
}

.Fiche .ContenuFiche .ZoneTexte .FOND {
	margin:0;
	padding:0;
	color: #3d3234;
	font-size: 0.85em;
	font-weight: 300;
	line-height: 1.3em; 
	text-transform: uppercase;
}

.ConteneurFiches.AffListe .Fiche.Inactive  .ContenuFiche .ZoneTexte .FOND {
	margin-bottom:20px;
	font-size: 0.75em;
	line-height: 1.2em;
}

.Fiche .ContenuFiche .ZoneTexte .NOM_PIECE,
.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneTexte .NOM_PIECE {
	margin:0;
	margin-top: 15px;
	padding:0;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 500;
}

.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneTexte .NOM_PIECE {
	margin:0;
	margin-bottom: 10px;
	padding:0;
	position: relative;
	height: auto;
	overflow:visible;
	color: #000000;
/*	bottom: 0;
	left:0;
	width:120%;
	height: 17px;
	overflow:hidden;
	display: block;color: #352b2a;*/
	font-size: 1.2em;
	/*line-height: 1.5em;*/
	background:none;
}

.Fiche.Inactive .ContenuFiche .ZoneTexte .NOM_PIECE {
	margin:0;
	padding:0;
	padding: 0 5px 0 5px;
	position: absolute;
	bottom: 0;
	left:0;
	width:120%;
	height: 17px;
	overflow:hidden;
	display: block;color: #352b2a;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: left;
	background-color: rgba(234,234,234,0.8);
}

.Fiche.Inactive .ContenuFiche .ZoneTexte .NOM_PIECE::after {
	content:' ';
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	width: 21px;
	height: 17px;
	top:0;
	left:99px;
	background-image: linear-gradient(to right, rgba(234,234,234,0.0), rgba(234,234,234,0.7), rgba(234,234,234,1.0));
  	background-position: 0 0;
  	background-repeat: repeat-x;
  	background-size: 21px 17px; 
}

.ConteneurFiches.AffListe .Fiche.Inactive .ContenuFiche .ZoneTexte .NOM_PIECE::after {
	display: none;
} 

.Fiche.Inactive:hover .ContenuFiche .ZoneTexte .NOM_PIECE {
	opacity: 0.1;
}

.ConteneurFiches.AffListe .Fiche.Inactive:hover .ContenuFiche .ZoneTexte .NOM_PIECE {
	opacity: 1.0;
}

.Fiche .ContenuFiche .ZoneTexte .COTE_PIECES {
	margin-top: 3px;
	font-size: 0.85em;
	font-weight: 500; 
}

.Fiche .ContenuFiche .ZoneTexte .COTE_PIECES::before {
	content:'Cote';
}

.Fiche .ContenuFiche .ZoneTexte .RESUME {
	margin-top:30px;
	position: relative;
	padding: 28px 20px 15px 20px;
	font-size: 0.9em;
	line-height: 1.2em; 
	background: #ffffff;
}

.Fiche .ContenuFiche .ZoneTexte .RESUME::before {
	content:'Résumé';
	padding-top:3px;
	position: absolute;
	display: block;
	top:0;
	left:0;
	height: 18px;
}

.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES {
	margin-top: 10px;
	font-size: 0.94em;
	font-weight: 500;
	color: #5e5351;
}

.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES::before {
	content:'Mots-clés';
}

.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES .ItemMotsCles {
	display: inline-block;
	margin-right: 4px;
}
.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES .ItemMotsCles:hover {
	color: #352b2a;
	cursor:pointer;
}

.Fiche .ContenuFiche .ZoneTexte .MOTS_CLES .ItemMotsCles::after {
	content:'|';
	padding-left:5px;
	font-size:  0.8em;
	font-weight: 300;
}

.FonctionsRecherche,
.FonctionsResultats {
	margin:0 auto;
	padding:0;
	display: block;
	position: relative;
	width:90%;
	height: auto;
/*	background: blue;*/
}

.FonctionsRecherche {
		margin-top:160px;
}

.FonctionsRecherche .Titre {
	margin:0;
	padding:0;
	padding-top: 8px;
	display: block;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 300;
}

.FonctionsRecherche .Recherche {
	margin:0;
	padding:0;
	display: block;
	position: absolute;
	right:0;
	top:0;
	width:300px;
	height: 30px;
	vertical-align: top;
	background: #e6e5e3;
}

.FonctionsRecherche .Recherche input {
	margin:0;
	padding:0;
	padding-left: 10px;
	width: calc(100% - 32px);
	height: 30px;
	vertical-align: top;
	font-size: 0.9em;
	font-family: "din-2014";
	font-style:normal;
	font-weight: 300;
	background: none;
/*	background: red;*/ 
	border: none;
}

.FonctionsRecherche .Recherche input:focus {
    outline: none;
}

/* Personalisation du placeholder ne fonctionne pas */
::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
:-ms-input-placeholder, /* Internet Explorer 10-11 */
::-ms-input-placeholder /* Microsoft Edge */ {
	/*color: #9F9D9D;
	color: red; */
	opacity: 1; /* Firefox */
}

.FonctionsRecherche .Recherche button {
	margin:0;
	padding:0;
	width: 30px;
	height: 30px;
	float: right;
	background: none;
	border: none;
	border-radius: none;
	background-image: url(../_IMG/Loupe.svg);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: left top 3px;
}

.FonctionsRecherche ul.Fonds,
.FonctionsRecherche ul.Type,
.FonctionsRecherche ul.MotsCles {
	margin-top: 1px;
	width: 170px;
	display: inline-block;
	vertical-align: top;
	background: #352b2a;
}

.FonctionsRecherche ul,
.FonctionsRecherche ul li {
	margin:0;
	padding:0;
	text-indent:0;
	list-style: none;
}

.FonctionsRecherche ul li:first-child {
	margin:0;
	padding:0;
	padding-top:5px;
	height: 30px;
	text-indent:0;
	list-style: none;
	text-align: center;	
	color: #e2e0e0;
	font-size: 0.95em;
	line-height: 1.3em;
	font-weight: 400;
}

.FonctionsRecherche ul.Fonds li .SelectFonds,
.FonctionsRecherche ul.Type li .SelectType,
.FonctionsRecherche ul.MotsCles li .SelectMC {
	margin-top:5px;
	padding-top:12px;
	padding-bottom:5px;
	width: 89vw;
	border-top: 1px solid #ffffff;
	background: #f0efef;
	display: none;
}

.FonctionsRecherche .SelectFonds {
	margin-left: 0;	
	
}

.FonctionsRecherche .SelectType {
	margin-left: -12.8vw;	
	
}

.FonctionsRecherche .SelectMC {
	margin-left: -25.55vw;	
}

.FonctionsRecherche ul.Fonds li:hover,
.FonctionsRecherche ul.Type li:hover,
.FonctionsRecherche ul.MotsCles li:hover{
	height:  auto;
	color: #ffffff;
	cursor: pointer;
}

.FonctionsRecherche ul.Fonds li:hover div.SelectFonds,
.FonctionsRecherche ul.Type li:hover div.SelectType,
.FonctionsRecherche ul.MotsCles li:hover div.SelectMC {
	display: block;
}

.CaseCocher,
.CaseCocher:hover {
	margin:0;
	margin-bottom: 5px;
	padding:0;
	position: relative;
	display: inline-block;
/*	background: yellow;*/
	color: #000000;
	vertical-align: top;
}

.CaseCocher.Fonds {
	margin: 0 auto;
	margin-bottom: 8px;
	display: block;
	width: 550px;
	text-align: left;
}

.CaseCocher input {
	display: none;
}

.CaseCocher label {
	margin-right:12px;
	padding-left:19px;
	font-size: 0.95em;
	line-height: 1.3em;
	font-weight:300;
}

.CaseCocher label:hover {
	cursor: pointer;
}

.CaseCocher label::before {
	content:' ';
	margin-right: 5px;
	margin-top: 3px;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	width: 11px;
	height: 11px;
	background-color: rgba(255,255,255,0.50);
	border: 1px solid #a19b9a;
}

.CaseCocher input:checked + label {
	font-weight:500;
}

.CaseCocher input:checked + label::before {
	content:' ';
	background-image:url(../_IMG/Bt-Cocher.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: left top; 
}

.FonctionsResultats {
	margin-top: 20px;
	background: none;
}

.ZoneTriActifs,
.BtsAffichage {
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: top;
}

.ZoneTriActifs {
	margin:0;
	padding:0;
	width: calc(100% - 150px); 
}

.BtsAffichage {
	margin:0;
	padding:0;
	width: 70px;
	height: auto;
	float: right;
}

.BtsAffichage .Miniatures,
.BtsAffichage .Liste,
.BtsAffichage .SepVertical,
.ZoneTriActifs .MC,
.ZoneTriActifs .Fond,
.ZoneTriActifs .BtSupprimer{
	margin:0;
	padding:0;
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.2em;
	vertical-align: top; 
}

.ZoneTriActifs .MC,
.ZoneTriActifs .Fond,
.ZoneTriActifs .BtSupprimer{
	position: relative;
	line-height: 14px;
	margin-right: 4px;
	height:20px;
	padding: 2px 4px 2px 4px;
	background-color: rgba(228,185,51,0.15);
	border: 1px solid rgba(228,185,51,0.35);
}


.ZoneTriActifs .Fond {
	background-color: rgba(228,185,51,0.30);
	border: 1px solid rgba(228,185,51,0.60);
}

.ZoneTriActifs .MC:hover,
.ZoneTriActifs .Fond:hover {
	padding-right: 19px;
	color: #352b2a;
	cursor:pointer;
	background-color: rgba(197,18,48,0.30);
	border: 1px solid rgba(197,18,48,0.60);
}

.ZoneTriActifs .MC::after,
.ZoneTriActifs .Fond::after,
.ZoneTriActifs .BtSupprimer::after{
	content:' ';
	position: absolute;
	top:1px;
	right: 1px;
	width:16px;
	height: 16px;
	background-image: url( ../_IMG/Bt-Supp-survol.svg);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: right top 1px;
	display: none;
}

.ZoneTriActifs .MC:hover::after,
.ZoneTriActifs .Fond:hover::after {
		display: block;
}

.ZoneTriActifs .BtSupprimer {
	width: 22px;
	background-color: rgba(197,18,48,1.00);
	border: 1px solid rgba(129,19,10,0.60);
	background-image: url(../_IMG/Bt-SuppTOUT-normal.svg);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: left 1px top;
}

.ZoneTriActifs .BtSupprimer:hover {
	width:130px;
	cursor:pointer;
}

.ZoneTriActifs .BtSupprimer::after{
	content:'Supprimer tout';
	top:2px;
	width:105px;
	color: #ffffff;
	font-weight: 400;
	display: none;
}

.ZoneTriActifs .BtSupprimer:hover::after{
	width:105px;
	display: block;
}


.BtsAffichage .Miniatures,
.BtsAffichage .Liste {
	margin:0;
	padding:0;
	width: 25px;
	height: 20px; 
	background-image: url(../_IMG/BtAffMiniature-normal.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left 4px top;
}

.BtsAffichage .Liste {
	background-image: url(../_IMG/BtAffListe-normal.svg);
}

.BtsAffichage .Miniatures.Actif,
.BtsAffichage .Miniatures:hover {
	background-image: url(../_IMG/BtAffMiniature-survol.svg);
	cursor: pointer;
}

.BtsAffichage .Liste.Actif,
.BtsAffichage .Liste:hover {
	background-image: url(../_IMG/BtAffListe-survol.svg);
	cursor: pointer;
}

.BtsAffichage .SepVertical {
	margin:0;
	margin-left:8px;
	margin-right:4px;
	padding:0;
	width: auto;
	height: 20px;
	border-left: 1px solid #b4b1b1; 
}

.BtsAffichage .Miniatures::before,
.BtsAffichage .Liste::before {
	content:'Affichage par miniature';
	margin:0;
	padding:0;
	padding: 2px 6px 2px 6px;
	position: absolute;
	right: 0;
	top:25px;
	color: #5e5351;
	font-style: italic;
	font-weight: 300;
	background-color: rgba(196,193,193,0.80);
	display: none;
}

.BtsAffichage .Liste::before {
	content:'Affichage par liste';
}

.BtsAffichage .Miniatures:hover::before,
.BtsAffichage .Liste:hover::before {
		display: block;
}

.ConteneurFiches .NbResultats {
	margin:0;
	margin-left: 3.15%;
	margin-bottom: 2px;
	padding:0;
	width: 93%;
	display: block;
	position: relative;
	color: #352b2a;
	font-size: 0.9em;
	vertical-align: top;
	text-align: left;
}

.ConteneurFiches.AffListe .NbResultats {
	margin-left: 5.5%;
	width: 89%;
}

.ConteneurFiches .NbResultats .NB,
.ConteneurFiches .NbResultats .Texte{
	margin:0;
	padding:0;
	display: inline-block;
}

.ConteneurFiches .NbResultats .NB{
	margin-right: 2px;
	font-weight: 500;
}

.COLL h1 {
	color: #d9a32c;
}

.COLL #ZoneContenu div h3 {
	margin-top: 20px;
	margin-bottom:5px;
}
	
.COLL h3 {
	background-color: rgba(228,185,51,0.25);
}
	
.COLL #ZoneContenu div h2 {
	margin-top: 50px;
	margin-bottom: 5px;
}


/* FIN COLLECTIONS */

/* ELP: Je ne crois pas que les styles ci-dessous servent finalement... Je les laisse au cas où */

/*h2 + .ImgTexteJuxtaposes::before {
	content:' ';
	margin-top:15px;
	display: block;
}

h1 + p::before {
	content:' ';
	margin-top:20px;
	display: block;
	background:red;
}*/




/*
Diaporama ARRIERE-PLAN (fond)
Source: http://cssmojo.com/ken-burns-effect/

Modified CSS code to better fit 1920x1080 images.

*/

#slideshow {
  position:relative;
  width: 100%;
  height: 100%;
  overflow:hidden;
  margin: auto;
 /* box-shadow: 0 0 15px #000;
  -o-box-shadow: 0 0 15px #000;
  -moz-box-shadow: 0 0 15px #000;
  -webkit-box-shadow: 0 0 15px #000;*/
}

#slideshow img {
  max-width: none;
  position:absolute;
  width:105%;
  /*height:105%;*/
  height:auto;	
  top:50%;
  left:50%;
  margin-left:-55%;
  margin-top:-30%;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  /*-webkit-transition-duration: 3s, 8s;*/
  -webkit-transition-duration: 5s, 20s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 5s, 20s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 5s, 20s;
  transition-property: opacity, transform;
  transition-duration: 5s, 20s;
}

#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}

#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}

#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}

#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}

#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}

#slideshow .fx {
  -webkit-transform: scale(1.25) translate(30px);
  -moz-transform: scale(1.25) translate(30px);
  -o-transform: scale(1.25) translate(30px);
  transform: scale(1.25) translate(30px);
  opacity:1;
}


/* DÉBUT RESPONSIVE */

.TestsResponsives {
		margin-top: 80px;
 		margin-left: 10px;
		position:fixed;
		float: left;
		top:0;
		left:0;
		display:none;
		z-index: 99999;
}

.TestsResponsives div.PointRuptureTel1,
.TestsResponsives div.PointRuptureTel2,
.TestsResponsives div.PointRuptureTel3,
.TestsResponsives div.PointRuptureTabl1,
.TestsResponsives div.PointRuptureA0,
.TestsResponsives div.PointRuptureA1,
.TestsResponsives div.PointRuptureB1,
.TestsResponsives div.PointRuptureC1,
.TestsResponsives div.PointRuptureD1,
.TestsResponsives div.PointRupturePRV1,
.TestsResponsives div.PointRupturePRV2 {
		display:none;
}

/*/* Point de rupture admin-bar WP - Largeur: 0px à 768px */

@media only screen 
  and (max-width: 768px)   { 
	  
	.admin-bar nav {
			top:46px;
		}
	  
	 .admin-bar header {
			  margin-top:40px;
		  }
	  
}

/*/* Point de rupture Menu sandwich mobile - Largeur: 0px à 768px + ipad vertical*/

@media only screen 
  and (max-width: 768px)   { 
	  
	   nav {
			width:100%;
		}  
	  
		nav li  {
			display: block;
		}  
	  
		nav ul.NavPrincipal > li {
			padding-right: 0;
			display: none; /*Doit passer à block au clic de la li:first-child*/
     	}
	  
		nav li:first-child,
	    nav ul.NavPrincipal > li:first-child {
			display: block;
		}
	  
	    nav li:first-child::before,
	    nav ul.NavPrincipal > li:first-child::before {
			content: '';
			position: absolute;
			z-index: +1;
			display: block;
			top:0;
			left:0;
			width:28px;
			height: 39px;
			background-image: url(_IMG/Bt-Menu-mobile.svg);
			background-position: top 9px left 10px;
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-color: #ffffff;
		}
	  
	  nav li:first-child::after,
	  nav ul.NavPrincipal > li:first-child::after {
			content: 'Retour à l’accueil';
			position: relative;
			z-index: +1;
			display: block;
			bottom:0;
			left:0;
		    padding-left:5%;
		    padding-top:8px;
			padding-bottom: 5px;
			width:100%;
			height: 20px;
			font-size: 0.84rem;
			line-height: 1.2rem;
			font-weight: 800;
			letter-spacing: 0.02em;
			color: #848484;
			text-transform: uppercase;
			background-color: #ffffff;
		}
	  
	  	 .language-en nav li:first-child::after,
	 	 .language-en nav ul.NavPrincipal > li:first-child::after {
			content: 'Retour to Homepage';
	  }
	  
	  nav li:first-child::after,
	  nav ul.NavPrincipal > li:first-child::after {
			content: 'Retour à l’accueil';
			position: relative;
			z-index: +1;
			display: block;
			bottom:0;
			left:0;
		    padding-left:5%;
		    padding-top:8px;
			padding-bottom: 5px;
			width:100%;
			height: 20px;
			font-size: 0.84rem;
			line-height: 1.2rem;
			font-weight: 800;
			letter-spacing: 0.02em;
			color: #848484;
			text-transform: uppercase;
			background-color: #ffffff;
		}
		  
	   nav ul.NavPrincipal > li.Apropos a,
	   nav ul.NavPrincipal > li.AboutUs a {
			   padding-bottom: 35px;
		  }
	  

	  	nav ul.NavPrincipal > li.lang-item-fr,
	    nav ul.NavPrincipal > li.lang-item-en {
			 position: absolute;
			 display: block;
			 padding-top:5px;
			 top:0;
			 right: 0;
			 width: 35px;
			 max-height: 40px;
		}
	  
	   nav ul.NavPrincipal > li.lang-item-fr a,
	   nav ul.NavPrincipal > li.lang-item-en a {
		   max-height: 30px;
		}
	  
	  	nav ul.NavPrincipal > li.lang-item-en {
			 width: 35px;
		}
	  
	  	 nav ul.NavPrincipal > li.lang-item-fr {
		 position: absolute;
		 right: 30px;
		}

	  	nav > ul > li a,
	    nav .Apropos a {
			text-align: left;
			padding-left: 5%;
		} 
	  
	  nav .Recit.PageActive a,
	  .PageIndividuelle nav .Recit a {
			padding-right: 50px;
		    padding-left: 37px;
		 	padding-top:12px;
		  	color: #000000;
		    pointer-events: none;
		}
	  
	  .PageIndividuelle nav .Recit a {
			pointer-events: none;
		}
	  
	    nav .MS a  {
			color: #c51230; 
		}

		nav .VP a  {
			color: #889b0c; 
		}

		nav .DS a {
			color: #0069aa; 
		}
	  
	    nav .NavSecondaire a,
	    nav .MS .NavSecondaire a,
	    nav .VP .NavSecondaire a,
	    nav .DS .NavSecondaire a {
			color: #000000; 
		}

	  
	  .PageIndividuelle nav li:first-child::after,
	  .PageIndividuelle nav ul.NavPrincipal > li:first-child::after {
			content: 'Retour à Des récits qui font jaser';
	  }
	  
	  .PageIndividuelle.language-en nav li:first-child::after,
	  .PageIndividuelle.language-en nav ul.NavPrincipal > li:first-child::after {
			content: 'Return to Des récits qui font jaser';
	  }
	  
	   .PageIndividuelle.MS nav ul.NavPrincipal > li.MS {
			 display: none; /*Doit passer à block au clic de la li:first-child dans la page .MS*/
     	}
	  
	  .PageIndividuelle.MS nav ul.NavPrincipal > li.VP,
	  .PageIndividuelle.MS nav ul.NavPrincipal > li.DS {
			 display: none;
     	}
	  
	  .PageIndividuelle.VP nav ul.NavPrincipal > li.VP {
			 display: none; /*Doit passer à block au clic de la li:first-child dans la page .VP*/
     	}
	  
	  .PageIndividuelle.VP nav ul.NavPrincipal > li.MS,
	   .PageIndividuelle.VP nav ul.NavPrincipal > li.DS {
			 display: none;
     	}
	  
	  .PageIndividuelle.DS nav ul.NavPrincipal > li.DS {
			 display: none; /*Doit passer à block au clic de la li:first-child dans la page .DS*/
     	}
	  
	  .PageIndividuelle.DS nav ul.NavPrincipal > li.VP,
	   .PageIndividuelle.DS nav ul.NavPrincipal > li.MS{ 
			 display: none;
     	}
	  
	  	.PageIndividuelle nav div.NavSecondaire, nav .NavSecondaire {
		  display: none;  /*Doit passer à block au clic de la li:first-child*/
	  }
	  
	  nav div.NavSecondaire,
	  nav .NavSecondaire {
		text-align: left;
		background: rgba(242,242,242,1.00);
	 }
	  
	 nav .NavSecondaire > li {
		margin-top: 7px;
		display: block;
		width: 100%; 
		height: 27px;
	} 
	  
	nav div.NavSecondaire div.CellAuto,
	nav .NavSecondaire li.CellAuto {
		margin-top: -1px;
		width: 100%;
		display: block;
		height: 30px;
		text-align: left;
		padding: 0px 15px 6px 0;		  
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.1em;
	}
	 
	 nav div.NavSecondaire div a,
	  nav .NavSecondaire a {
		color: #000000;
		text-align: left;
	}
	  
	  nav .NavSecondaire > li > a,
	  nav .NavSecondaire > li:last-child a {
		padding: 6px 15px 6px 5%;
		width: 100%;
		border-right: none;
	}
	  
	.PageIndividuelle nav div.NavSecondaire div.CellAuto::before,
	.PageIndividuelle nav .NavSecondaire li.CellAuto::before {
		content: 'Accueil';
		width:100%;
		padding-left: 5%;
		padding-top: 12px;
		padding-bottom: 5px;
		height: auto;
		font-weight: 400;
		font-size: 0.9em;
		line-height: 1.1em;
		text-transform: uppercase;
		background: none;
	} 
	  
	 .PageIndividuelle.language-en nav div.NavSecondaire div.CellAuto::before,
	.PageIndividuelle.language-en nav .NavSecondaire li.CellAuto::before {
		content: 'Homepage';
	  }
	  
	.PageIndividuelle nav div.NavSecondaire div.CellAuto::after,
	.PageIndividuelle nav .NavSecondaire li.CellAuto::after {
		content: none;
	  }
	  
	  
	.PageIndividuelle nav .sub-menu,
	 .PageIndividuelle  nav .NavSecondaire .sub-menu li { 
		  display:none;
	}	  

}

/*/* Point de rupture Tel1 + Tel2 + Tel3 - Largeur: 0px à 414px */

@media only screen 
  and (max-width: 414px)   { 
	  
	 #slideshow img {
		  width: auto;
		  height: 105%;
		  margin-top:-50%;
	} 
	  
	 header {
		  height: auto;
	  }
	  
	  .PageIndividuelle #ZoneContenu {
   		 padding-top: 30px;
	  }
	  
	#BandeauChoix {
		/*margin-top: 90px;	*/
		margin-top: 50px;	
	}  
	
	#BandeauChoix .GrandTitre {
		width: 100%;
		font-size: 1.4em;
	}  
	
	 #BandeauChoix .BtMaisons.Marge {
		  display: none;
	 } 
	 
	 #BandeauChoix .BtMaisons,
	 #BandeauChoix .BtMaisons.DS {
		 margin-bottom: 1px;
		display: block;
		width: 100%;
		height: 160px;
		background: rgba(255,255,255,0.95);
	}
	  
	 #BandeauChoix .BtMaisons.MS {
		height: 200px;
	}  
	  
	#BandeauChoix .BtMaisons a {
		width: 100%;
		height: 100%;
	} 
	
	 #BandeauChoix .BtMaisons.MS a {
		margin-top: 40px;
	}
	
	#BandeauChoix .BtMaisons img {
		display: none;
	}
	
	#BandeauChoix .BtMaisons img.mobile {
		margin: 0;
		margin-top:20px;
		margin-left: 3%;
		transform: none;
		display: block;
		width: 60%;
		height: auto;
	}  
	  
	#BandeauChoix .BtMaisons a .Slogan {
		margin: 0;
		padding: 0;
		top:45%;
		bottom: 0;
		right: 3%;
		width: 35%;
		max-width: 135px;
		height: 50%;
	} 
	  
		#BandeauChoix .BtMaisons.MS a .Slogan {
			top:50%;
	}   
	  
		.PageIndividuelle #BandeauChoix {
			height: auto;
		}
	  
	  .PageIndividuelle #BandeauChoix .BtMaisons {
		 display: block;
		  width: 100%;
		 height: 200px;
		}
	  
	  	 .PageIndividuelle #BandeauChoix .BtMaisons.MS a {
			margin-top: 0px;
		}

	  .PageIndividuelle #BandeauChoix .BtMaisons img {
			/*margin-top: 28px;*/
		 	 margin-top: 45px;
			width: 260px;
		}
	  	
	  .PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
			bottom: 20px;
		  	right: 2%;
		}

		#BandeauChoix .Accroche {
			margin-top: -1px;
			position: relative;
			width: 100%;
			max-width: none;
		}
	  
	  article,
	  #ZoneContenuAccueil {
		  font-size: 0.9rem;
		  line-height: 1.3rem;
	  }  

	#ZoneContenu div#ZoneContenuAccueil {
		margin-top: 60px;
		padding-top: 50px;
	  }
	  
	#ZoneContenuAccueil h1.title {
		margin-top:30px;
	  }   

	article > h1:first-child,
	.MS article > h1:first-child,
	.VP article > h1:first-child,
	.DS article > h1:first-child {
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: 0.06em;
	}
	  
	#ZoneContenu .NavPage {
		margin-bottom: 30px;
	} 	  
	  
	#ZoneContenu .NavPage li {
		padding: 0;
		margin-top: 10px;
		padding-left: 8px;
		display: block;
		background: transparent;
	} 
	  
	  #ZoneContenu .NavPage li:first-child {
		  padding-left: 8px;
	  }
	  
	.MS #ZoneContenu .NavPage li {
		border-right: 0px solid #c51230;
		border-left: 2px solid #c51230;
	}

	.VP #ZoneContenu .NavPage li {
		border-right: 0px solid #afbd20;
		border-left: 2px solid #afbd20;
	}

	.DS #ZoneContenu .NavPage li {
		border-right: 0px solid #0069aa;
		border-left: 2px solid #0069aa;
	} 
	  
	#ZoneContenu .BlocsTexteJuxtaposes div {
		margin-right: 0;
		margin-bottom: 0;
		display: block;
		width: auto;
	}

	#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgTexteJuxtaposes {
			margin-bottom: 40px;
		}

	  #ZoneContenu div.ImgJuxtapose,
	  #ZoneContenu div.TexteJuxtapose,
	  #ZoneContenu .BlocsTexteJuxtaposes div.ImgJuxtapose,
	  #ZoneContenu .BlocsTexteJuxtaposes div.TexteJuxtapose {
			width: 100%;
			display: block;
		}

	#ZoneContenu .div.slideshow-container {
		margin-bottom: 10px;
	}
	
	 #ZoneContenu .ImgJuxtapose .slideshow-container .ZoneIMG  {
		/*height: 190px;*/
		 height: auto;
	}

	#ZoneContenu .TexteCourant .ImgJuxtapose .ZoneIMG {
		/*width: 80%;*/
		width: 100%;
		height: auto;
	}

	#ZoneContenu div.TexteJuxtapose {
		margin-top: 10px;
		padding-top: 0;
	}  
	  
	  
	 #ZoneContenu.LocationSalle .TexteJuxtapose {
		padding-top: 0px;
	} 
	  
		#ZoneContenu div.Activites .NavActivites {
			top: -25px;
		}

		#ZoneContenu p.Exergue {
			margin-left:auto;
			margin-right:auto;
			width: 85%;
		}  

	  .page-template-template-onglets-2-colonnes #ZoneContenu article .BlocsTexteJuxtaposes {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}  

	  #ZoneContenu.LocationSalle .ImgJuxtapose {
			position: relative;
			width: 100%;
			margin-right: 0;
		}
	  
	  .MS #ZoneContenu.LocationSalle div.ImgJuxtapose,
	  .VP #ZoneContenu.LocationSalle div.ImgJuxtapose,
	  .DS #ZoneContenu.LocationSalle div.ImgJuxtapose {
			background: none;
		} 
	  
	  #ZoneContenu.LocationSalle .TexteJuxtapose {
			width: 100%;
		}
	  
	  div.ZoneLogos div.Logo {
		margin-bottom: 10px;
	}
	  
	  #ZoneContenu div.ZoneLogos div, div.ZoneLogos div {
			height: 50px;
		}
	  
	  div.ZoneLogos div.Carte,
	  div.ZoneLogos div.Pub {
			width: 90%;
			height: auto;
			max-width: 300px;
		}
	  
	  div.ZoneLogos div.Carte img,
	  div.ZoneLogos div.Pub img {
		width: 100%;
		height: auto;
	}

	table#Tel {
		display: table;
	}
	  
	table#Ecran {
		display: none;
	} 
	  
	.Pied {
		  width:100%;
		  margin:0;
		  padding:0;
	  }
	  
	  .PiedTexte,
	  .PiedCarte {
		  display:block;
	  }
	  
	  .PiedCarte {
		  width:100%;
	  }
	  
	 .PiedTexte {
		  width:90%;
		  margin-left:9%;
		  padding:0;
	  }
	  
	  .PiedInfosTechniques {
			padding-left:4%;
			padding-right:4%;
		  padding-bottom: 10px;
		  display: block;
		  height: auto;
		  }
	  
	  .NousJoindre span {
		  margin-bottom: 8px; 
		  padding:0;
		  display: block;
		  width:100%;
		  line-height: 1.1em;
		  border: none;
	  }
	  
	  .Coordonnees table#Tel {
			width:100%;
		}
	  
	  	.Coordonnees table#Tel td {
			width:100%;
			height: auto;
			vertical-align: top;
		}
	  
	  .Coordonnees .Adresse {
			padding-bottom:15px;
		}

	  .Coordonnees table#Tel td .Surtitre {
		   margin: 0;
		}
	  
	  .Coordonnees td.DomainSeign,
	  .Coordonnees td.Col4.Adresse{
			border-left: 0;
			padding-left: 0;
		}
	  
	  .Coordonnees .L4 .Adresse {
			padding-top: 0px;
		   /* background: yellow;*/ 
		}
	  
}

/*/* Point de rupture Tel1 (écran: 320px X 568px) - Largeur: 320px */
@media only screen 
  and (max-width: 320px)   {
	  
	div.TestsResponsives div.PointRuptureTel1 {
			display:block;
			background-color:rgba(255,253,166,0.80);
	} 
	  
	#BandeauChoix {
		margin-top: 35px;	
	}   
	  
	#DiaporamaAccueil {
		/*height: 795px; */
		height: 900px; /*idem por diaporamma fon ken burns*/
	}  
	  
	#BandeauChoix .GrandTitre {
		top: 12px;
		width: 90%;
		font-size: 1.2em;
	}  
	  
	 #BandeauChoix .BtMaisons,
	 #BandeauChoix .BtMaisons.DS {
		/*height: 135px;*/
	}
	  
	.Accueil #BandeauChoix .BtMaisons.MS {
		height: 180px;
	}  
	
	 #BandeauChoix .BtMaisons.MS a {
		margin-top: 30px;
	}  
	  
	 .PageIndividuelle #BandeauChoix .BtMaisons img.mobile {
		/*margin-top: 22px;*/
		margin-top: 50px;
		margin-left:0;
		width: 230px;
	} 
	  
	.PageIndividuelle #BandeauChoix .BtMaisons.DS img.mobile {
		margin-top: 60px;
		width: 215px;
	}   

	#BandeauChoix .BtMaisons a .Slogan {
		font-size: 1.1rem;
   		line-height: 1.2rem;
		max-width: 115px;
		top: 50%;
	}  
	  
	.PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
		margin-right: 0;
		top:45%;
	} 
}

/* /* Point de rupture Tel2 (écran: 360px X 640px) - Largeur: 321px à 360px */

@media only screen 
  and (min-width: 321px)
  and (max-width: 360px)  {
	  
	div.TestsResponsives div.PointRuptureTel2 {
			display:block;
			background-color:rgba(166,222,255,0.80);
	}	
	  
	#BandeauChoix {
		margin-top: 35px;	
	} 
	  
	.PageIndividuelle #BandeauChoix .BtMaisons {
		height: 190px;
	}
	  
	.PageIndividuelle #BandeauChoix .BtMaisons img.mobile {
		/*margin-top: 22px;*/
		margin-top: 35px;
		margin-left:0;
		width: 260px;
	} 
	  
	.PageIndividuelle.DS  #BandeauChoix .BtMaisons img.mobile {
		/*margin-top: 22px;*/
		margin-top: 45px;
		width: 240px;
	}   
	  
	.PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
		margin-right: 0;
		top:45%;
	} 
}

/*/* Point de rupture Tel3 (écran: 375px X 667px) - Largeur: 361px à 414px */

@media only screen 
  and (min-width: 361px)
  and (max-width: 414px)   {
	  
	div.TestsResponsives div.PointRuptureTel3 {
			display:block;
			background-color:rgba(196,255,128,0.80);
	} 
	  
		nav ul.NavPrincipal > li.lang-item-fr,
	    nav ul.NavPrincipal > li.lang-item-en {
			 padding-top:3px;
		}  

	  
}

/*/* Point de rupture Tabl1 (écran: 768px X 1024px) - Largeur: 415px à 781px */

@media only screen 
  and (min-width: 415px)
  and (max-width: 781px)   {
	  
	div.TestsResponsives div.PointRuptureTabl1 {
			display:block;
			background-color:rgba(240,190,247,0.80);
	} 
	  
	  #slideshow img {
		  width: auto;
		  height: 105%;
		  margin-top:-50%;
	}
	  
	  header {
		  height: auto;
	  }
	  
	  nav a {
		  padding-top:7px;
		  height: 40px;
	  }

		nav .lang-item-en::before {
			top: 8px;
			font-size: 1.2rem;
		}
	  
	  #BandeauChoix .BtMaisons {
			height: 250px;
			width: 33%;
		}
	  
	  #BandeauChoix .BtMaisons.DS {
		width: 34%;
		}
	  
	  #BandeauChoix .BtMaisons.Marge {
		  width: 0%; 
		}
	  
	  #BandeauChoix .BtMaisons img {
		margin-top:0;
		width: 460px;
		}
	  
	  #BandeauChoix .BtMaisons a .Slogan {
		  bottom: 24px;
	  }
	  
	  	  
	  .PageIndividuelle #BandeauChoix {
			height: auto;
		}
	  
	  .PageIndividuelle #BandeauChoix .BtMaisons {
		 display: block;
		  width: 35%;
		  min-width: 250px;
		 height: 260px;
		}
	  
	  .PageIndividuelle #BandeauChoix .BtMaisons img {
			margin-top: 68px;
			width: 250px;
		}
	  	
	  .PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
			bottom: 20px;
		}

		#BandeauChoix .Accroche {
			position: relative;
			width: 100%;
			max-width: none;
		}

		#ZoneContenu div.ImgTexteJuxtaposes {
			margin: 0 auto;
			padding: 0;
			width: 85%;
		} 

		#ZoneContenu .ImgJuxtapose,
		#ZoneContenu .TexteJuxtapose {
			  width:100%;
			  display: block; 
		  } 
	  
	  #ZoneContenu .BlocsTexteJuxtaposes div {
			margin-right: 0;
			margin-bottom: 0;
			display: block;
			width: auto;
		}
	
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgTexteJuxtaposes {
				margin-bottom: 40px;
			}
	
		  #ZoneContenu div.ImgJuxtapose,
		  #ZoneContenu div.TexteJuxtapose,
		  #ZoneContenu .BlocsTexteJuxtaposes div.ImgJuxtapose,
		  #ZoneContenu .BlocsTexteJuxtaposes div.TexteJuxtapose {
				width: 100%;
				display: block;
			}
	
		#ZoneContenu.LocationSalle .ImgTexteJuxtaposes,
	    #ZoneContenu.LocationSalle div.ImgTexteJuxtaposes,
		#ZoneContenu.LocationSalle .TexteJuxtapose,
		#ZoneContenu.LocationSalle div.TexteJuxtapose {
			margin:0;
			padding:0;
			margin-bottom: 40px;
			width: 100%;
			display: block;
		}
	
		#ZoneContenu.LocationSalle .ImgJuxtapose,
		#ZoneContenu.LocationSalle div.ImgJuxtapose {
			margin-right: 0;
			width: 100%;
		}
	
		#ZoneContenu.LocationSalle .TexteJuxtapose,
		#ZoneContenu.LocationSalle div.TexteJuxtapose {
			margin-top: 20px;
			width: 100%;
		}
	
		#ZoneContenu .div.slideshow-container {
			margin-bottom: 10px;
		}
	
		#ZoneContenu .TexteCourant .ImgJuxtapose .ZoneIMG {
			width: 80%;
			height: auto;
		}
	
		#ZoneContenu .ImgJuxtapose .slideshow-container .ZoneIMG {
			height: auto;
			max-height: 250px;
		}
	
		#ZoneContenu.LocationSalle .ImgJuxtapose .ZoneIMG {
			width: 80%;
			height: auto;
			max-height: 250px
		}
	
		#ZoneContenu div.TexteJuxtapose {
			margin-top: 10px;
			padding-top: 0;
		}
	  
		.Accueil #ZoneContenu .TexteJuxtapose {
			padding-top: 25px;
		}  

		#ZoneContenu div.Activites {
			margin-right: 0;
			padding-top:0;
		}

		#ZoneContenu div.Activites .NavActivites {
/*			top: 3px;*/
			left: 10px;
			top: -40px;
		}	  

		#ZoneContenu div.Activites h2 {
			margin-top: 15px;
		}
	  
		.page-template-template-onglets-2-colonnes #ZoneContenu article .BlocsTexteJuxtaposes {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	  
	  	 div.ZoneLogos div.Logo {
			margin-bottom: 10px;
		}
	  
	  #ZoneContenu div.ZoneLogos div, div.ZoneLogos div {
			height: 50px;
		}
	  
	  .Pied {
		  width:100%;
		  margin:0;
		  padding:0;
		  font-size: 0.8rem;
	  }
	  
	  .PiedTexte,
	  .PiedCarte {
		  display:block;
	  }
	  
	  .PiedCarte {
		  width:100%;
	  }
	  
	  .PiedTexte {
		  width:97%;
		  margin-left:3%;
		  padding:0;
	  }
	  
	  .PiedInfosTechniques {
		  padding-left:4%;
		  padding-right:4%;
		  padding-bottom: 10px;
		  display: block;
		  height: auto;
	  }
	  
	  .Coordonnees .Nom {
		font-size: 0.6rem;
	  } 
	  
	  .Coordonnees td.Col1 {
		    padding-right: 10px;
			width: 235px;
		}
	  
	  .Coordonnees td.Col2 {
			width: 225px;
		}
	  
	  .Coordonnees td.DomainSeign {
		padding-left: 2%;
		}
	  
	  
	  .Coordonnees td.Col3.Adresse {
			width: 210px;
		}
	  
	  .Coordonnees td.Col4.Adresse {
			width: 25%;
			padding-left: 2%; 
		} 
	  
}

/*/* Point de rupture Tabl1 en mode horizontal - Largeur: 415px à 667 px */

@media only screen 
  and (min-width: 415px)
  and (max-width: 667px)   {
	  
	  #BandeauChoix {
		margin: 0;
		margin-top: 70px;
/*		height: 180px;*/
		height: auto;  
	  }
	  
	  #BandeauChoix .GrandTitre {
		top: 10px;
		font-size: 1.4rem;
	  }
	  
	  #BandeauChoix .BtMaisons {
			height: 180px;
		}
	  
	  #BandeauChoix .BtMaisons img {
		margin-top:0;
		width: 330px;
		}
	  
        #BandeauChoix .BtMaisons a .Slogan {
			bottom: 15px;
			font-size: 1rem;
			line-height: 1rem;
		}
	  
	  #ZoneContenu div#ZoneContenuAccueil {
		margin-top: 50px;
		padding-top: 80px;
	  }
	  
}


/*/* Point de rupture Tabl1 (Ajout) Pour mobile (tablette en orientation horizontale) */ /*and (min-width: 640px)*/

@media only screen 
and (max-height: 414px)	
and (max-width: 1110px) {
	
	div.TestsResponsives div.PointRuptureTabl1::after {
		content:' - mobile horizontal max-height 414px';
		color: blue;
		display: block;
	} 
	
	#BandeauChoix {
		margin-top: 7%;
		height: auto;
	}
	
	#DiaporamaAccueil {
	/*	height: 625px; */
		height: 730px; /*idem pour le diaporam ken burns*/
	}
	
	#ZoneContenu div#ZoneContenuAccueil {
		margin-top: 30px;
		padding-top: 70px;
	}
	
		#ZoneContenu div.ImgTexteJuxtaposes {
			width: 100%;
		} 
	  
	   #ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div {
		   width: auto;
		   margin-right: 0;
		   display: inline-block;
		} 
	
	   	#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .ImgJuxtapose,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgJuxtapose {
			width: 44%;
		}
	
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .TexteJuxtapose,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.TexteJuxtapose {
			width: 52%;
			margin-left: 10px;
		}
	
	    #ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .ImgJuxtapose .ZoneIMG,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgJuxtapose .ZoneIMG {
			width: 100%;
		}
	  
}

/*/* Point de rupture A0 (écran: 769px X 1110px) - Largeur: 782px à 1110px */

@media only screen 
and (min-width: 782px)
and (max-width: 1110px)   {
	  
	div.TestsResponsives div.PointRuptureA0 {
			display:block;
			background-color:rgba(20,219,210,0.8);
	} 

		nav a {
		padding-top: 6px;
		height: 39px;	
		font-size: 0.83rem;
		line-height: 0.95rem;
		letter-spacing: 0;
		}

		nav ul.NavPrincipal > li.Apropos {
			width: 10%;
		}
	  
	   nav ul.NavPrincipal > li {
		  width: 21%;
		}
	  
		nav ul.NavPrincipal > li.Recit {
			width: 14%;	
		}
	
		.PageIndividuelle nav ul.NavPrincipal > li.Recit {
			width: 16%;	
		}
	
		nav ul.NavPrincipal > li.VP {
			width: 19%;	
		}
	  
	  nav .espaceur {
		  width:15%;
	  }
	  
	  .Accueil nav .espaceur {
		  width:auto;
	  }
	  
	  nav .Apropos + nav .espaceur {
	  }
	  
	  nav ul.NavPrincipal > li.lang-item {
		 width: 40px;
		}
	  
	  nav ul.NavPrincipal > li.lang-item-fr {
		 width: 35px;
		}
	  
		nav .lang-item-en::before {
			top: 2px;
			font-size: 1.2rem;
		}
	  
	  #BandeauChoix {
		margin-top: 200px;
	}
	  
	  #BandeauChoix .GrandTitre {
		top: 25px;
	  }
	  
	  #BandeauChoix .BtMaisons {
		 height: 250px;
		width: 33%;
		}
	  
	  #BandeauChoix .BtMaisons.DS {
		width: 34%;
		}
	  
	  #BandeauChoix .BtMaisons.Marge {
		  width: 0%; 
		}
	  
	  #BandeauChoix .BtMaisons img {
		margin-top:5px;
		width: 460px;
		}
	  
	  #BandeauChoix .BtMaisons a .Slogan {
		  bottom: 24px;
	  }
	    
	  .PageIndividuelle #BandeauChoix .BtMaisons {
			 width: 30%;
		}
	  
	  .PageIndividuelle #BandeauChoix .BtMaisons img {
		margin-top:130px;
		width: 265px;
		}
	
	  .PageIndividuelle #BandeauChoix .BtMaisons.DS img {
			width: 220px;
		}
	
	  .PageIndividuelle #BandeauChoix .BtMaisons a .Slogan {
			bottom: 40px;
		}

		#BandeauChoix .Accroche {
			width: 70%;
			max-width: 1000px;
		}
	
		#ZoneContenu .BlocsTexteJuxtaposes div {
			margin-right: 0;
			margin-bottom: 0;
			display: block;
			width: auto;
		}
	
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgTexteJuxtaposes {
				margin-bottom: 40px;
			}
	
		  #ZoneContenu div.ImgJuxtapose,
		  #ZoneContenu div.TexteJuxtapose,
		  #ZoneContenu .BlocsTexteJuxtaposes div.ImgJuxtapose,
		  #ZoneContenu .BlocsTexteJuxtaposes div.TexteJuxtapose {
				width: 100%;
				display: block;
			}
	
		#ZoneContenu.LocationSalle .ImgTexteJuxtaposes,
	    #ZoneContenu.LocationSalle div.ImgTexteJuxtaposes,
		#ZoneContenu.LocationSalle .TexteJuxtapose,
		#ZoneContenu.LocationSalle div.TexteJuxtapose {
			margin:0;
			padding:0;
			margin-bottom: 40px;
			width: 100%;
			display: block;
		}
	
		#ZoneContenu.LocationSalle .ImgJuxtapose,
		#ZoneContenu.LocationSalle div.ImgJuxtapose {
			margin-right: 0;
			width: 100%;
		}
	
		#ZoneContenu.LocationSalle .TexteJuxtapose,
		#ZoneContenu.LocationSalle div.TexteJuxtapose {
			margin-top: 20px;
			width: 100%;
		}
	
		#ZoneContenu .div.slideshow-container {
			margin-bottom: 10px;
		}
	
		#ZoneContenu .TexteCourant .ImgJuxtapose .ZoneIMG {
			width: 80%;
			height: auto;
		}
	
		#ZoneContenu .ImgJuxtapose .slideshow-container .ZoneIMG {
			height: auto;
			max-height: 250px;
		}
	
		#ZoneContenu.LocationSalle .ImgJuxtapose .ZoneIMG {
			width: 80%;
			height: auto;
			max-height: 250px
		}
	
		#ZoneContenu div.TexteJuxtapose {
			margin-top: 10px;
			padding-top: 0;
		}
	  
		.Accueil #ZoneContenu .TexteJuxtapose {
			padding-top: 25px;
		}  

		#ZoneContenu div.Activites {
			margin-right: 0;
			padding-top:0;
		}

		#ZoneContenu div.Activites .NavActivites {
/*			top: 3px;*/
			left: 10px;
			top: -40px;
		}	  

		#ZoneContenu div.Activites h2 {
			margin-top: 15px;
		}
	  
		.page-template-template-onglets-2-colonnes #ZoneContenu article .BlocsTexteJuxtaposes {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}

	  
	  .Pied {
		  width:100%;
		  margin:0;
		  padding:0;
		  font-size: 0.92rem;
	  }
	  
	  .PiedTexte,
	  .PiedCarte {
		  display:block;
	  }
	  
	  .PiedCarte {
		  width:100%;
	  }
	  
	  .PiedTexte {
		  width:97%;
		  margin-left:3%;
		  padding:0;
	  }
	  
	  .PiedInfosTechniques {
		  padding-left:4%;
		  padding-right:4%;
		  padding-bottom: 10px;
		  display: block;
		  height: auto;
	  }
	  
	  .Coordonnees td.Col1 {
		    padding-right: 10px;
			width: 285px;
		}
	  
	  .Coordonnees td.Col2 {
			width:265px;
		}
	  
	  .Coordonnees td.DomainSeign {
		padding-left: 4%;
		}
	  
	  .Coordonnees td.Col3.Adresse {
			width: 210px;
		}
	  
	  .Coordonnees td.Col4.Adresse {
			width: 25%;
			padding-left: 2%;
		}
	  
}

/*/* Point de rupture A0 Pour mobile (téléphone en orientation horizontale) */ /*and (min-width: 782px)*/

@media only screen 
and (max-height: 411px)	
and (max-width: 1110px) 
and (min-width: 782px) {
	
	div.TestsResponsives div.PointRuptureA0::after {
		content:' - tablette horizontal max-height 411px';
		color: blue;
		display: block;
	}
	
	#BandeauChoix {
		margin-top: 6%;
/*		height: 185px;*/
		height: auto;
		/*background-color: rgba(165,42,42,0.50);*/
	}
	
	#DiaporamaAccueil {
		/*height: 650px; */
		height: 755px; /*idem pour le diaporam ken burns*/
	}
	
	#ZoneContenu div#ZoneContenuAccueil {
		 margin-top: 20px;
   		 padding-top: 90px;
	}
	
	   #ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div {
		   width: auto;
		   margin-right: 0;
		   display: inline-block;
		} 

		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .ImgJuxtapose,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgJuxtapose {
			width: 44%;
		}

		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .TexteJuxtapose,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.TexteJuxtapose {
			width: 52%;
			margin-left: 10px;
		}

		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes .ImgJuxtapose .ZoneIMG,
		#ZoneContenu .TexteCourant .BlocsTexteJuxtaposes div.ImgJuxtapose .ZoneIMG {
			width: 100%;
		}
	  
}

/*/* Point de rupture A1 (écran: 1366px X 768px) - Largeur: 1111px à 1366px */
/*/* Point de rupture PRIORITAIRE mettre les styles dans le CSS principal */

@media only screen 
  and (min-width: 1111px)
  and (max-width: 1366px)
     {
		 
	Div.TestsResponsives div.PointRuptureA1 {
		display: block;
		background-color: rgba(76,219,20,0.80);
	}	
		 	 
		 
}

/*/* Point de rupture B1 + C1 + D1  (écran: 1440px X 900px ) - Largeur: 1367px et plus*/

@media only screen 
and (min-width: 1367px) {
	
	
	#DiaporamaAccueil {
	/*height: 1000px;	*/
	height: 1105px; /*idem pour le diaporam ken burns*/
	}
	
	#DiaporamaAccueil video { /*idem pour le diaporam ken burns*/
	width: 100%;
	height: auto;
}
	
	header {
	background-size:  cover;
	background-position: center center;
}

	nav a {
	padding-top:9px;	
	font-size: 0.85rem;
	line-height: 1.2rem;
	letter-spacing: 0.025em;
	}
	
	nav li {
		width: 22%;
	}
	
	nav ul.NavPrincipal > li.Recit {
		width: 17%;
	}
	
	nav ul.NavPrincipal > li.MS {
		width: 25%;
	}
	
	nav ul.NavPrincipal > li.Apropos {
		width: 30%;
	}
	
	nav ul.NavPrincipal > li.espaceur {
		width: 30%;
	}
	
	nav ul.NavPrincipal > li.lang-item {
		width: 40px;
	}
	
	nav .Apropos a {
		padding-left: 20px;
		text-align: left;
	}
	
}

/*/* Point de rupture B1  (écran: 1440px X 900px ) - Largeur: 1367px à 1679px*/

@media only screen 
and (min-width: 1367px)
and (max-width: 1679px) {

div.TestsResponsives div.PointRuptureB1 {
	display: block;
	background-color: rgba(20,219,65,0.80);
}

		#BandeauChoix .BtMaisons,
		#BandeauChoix .BtMaisons.DS {
		width: 26%;
		}

		#BandeauChoix .BtMaisons.Marge {
		width: 11%; 
	}
	
}
  
 
/*/* Point de rupture C1 (écran: 1680px X 1050px) - Largeur: 1680px à 1919px */

@media only screen 
and (min-width: 1680px)
and (max-width: 1919px) {
	
	div.TestsResponsives div.PointRuptureC1 {
		display: block;
		background-color: rgba(219,139,20,0.80);
	}
	
	   #ZoneContenu div#ZoneContenuAccueil {
			padding-top: 200px;
		}

		#BandeauChoix .BtMaisons,
		#BandeauChoix .BtMaisons.DS {
		width: 21%;
		}

		#BandeauChoix .BtMaisons.Marge {
		width: 18.5%; 
	}
}

/*/* Point de rupture D1 (écran: 1920px X 1080px)  Largeur: 1920px et plus  */

@media only screen 
and (min-width: 1920px) {
	
	div.TestsResponsives div.PointRuptureD1 {
	display: block;
	background-color: rgba(122,20,219,0.80);
	}
	
	#BandeauChoix .BtMaisons,
	#BandeauChoix .BtMaisons.DS {
	width: 21%;
	}

	#BandeauChoix .BtMaisons.Marge {
	width: 18.5%; 
	}
	
	nav li {
		width: 20%;
	}
	
	nav ul.NavPrincipal > li.Recit {
		width: 14%;
	}
	
	nav ul.NavPrincipal > li.MS {
		width: 21%;
	}
	
	#ZoneContenu div#ZoneContenuAccueil {
		margin-top: 100px;
		padding-top: 170px;
	}
	
}

div.TestsResponsives  {
	display: none; 
	/*display: Block;*/
}

/* FIN RESPONSIVE */