@font-face {
	font-family: 'PoppinsItalic';
	src: url('../font/Poppins-MediumItalic.ttf');
	*/ font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'PoppinsBold';
	src: url('../font/Poppins-Bold.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PoppinsSemiBold';
	src: url('../font/Poppins-SemiBold.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'PoppinsLight';
	src: url('../font/Poppins-Light.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PoppinsExtraLight';
	src: url('../font/Poppins-ExtraLight.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PoppinsMedium';
	src: url('../font/Poppins-Medium.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins-MediumItalic';
	src: url('../font/Poppins-Medium.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins-BoldItalic';
	src: url('../font/Poppins-BoldItalic.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}





.formulaire .ligneFormulaire {
	margin-bottom: 20px;
	min-height: 36px;
	clear: left;
}

.formulaire label {
	width: calc(50% - 10px);
	/*float: left;*/
	height: 34px;
	vertical-align: center;
	line-height: 36px;
	font-size: 20px;
	padding-right: 10px;
	color: #555;
	margin-top: 10px;
	display: inline;
}

.formulaire label a {
	font-size: 18px;
}

.formulaire .champ {
	width: 100%;
	height: 36px;
	float: left;
}

.formulaire .champEntier {
	width: 100%;
	float: left;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 10px;
}

.formulaire .informationImportante {
	color: #7f0000;
}

.formulaire .information {
	width: 70%;
	margin-left: 30%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
}

.formulaire .champ input {
	width: 100%;
	height: 34px;
	border-radius: 0px !important;
	text-align: left !important;
	font-size: 16px;
}

.formulaire input[type="checkbox"] {
	width: auto;
	display: inline;
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5);
	/* IE */
	-moz-transform: scale(1.5);
	/* FF */
	-webkit-transform: scale(1.5);
	/* Safari and Chrome */
	-o-transform: scale(1.5);
	/* Opera */
	transform: scale(1.5);
	zoom: 1.5;
	margin-right: 20px;
}

.formulaire input[type="datetime-local"] {
	width: calc(74%);
}

.formulaire input[type="color"] {
	height: 50px;
}

.formulaire select {
	height: 40px;
	width: calc(100%);
	border-radius: 0px;
	font-family: PoppinsLight;
	line-height: 30px;
	font-size: 18px;
	color: #555;
}

.formulaire .informations {
	width: 100%;
	font-size: 14px;
	text-align: right;
}

.formulaire input {
	border: 0px solid #ddd;
	width: calc(100%);
	font-size: 16px;
	color: #555;
	line-height: 30px;
	font-family: PoppinsLight;
	font-size: 18px;
}

.formulaire select,
.formulaire textarea,
.formulaire option {
	border: 0px solid #ddd;
	font-family: PoppinsLight;
	line-height: 30px;
	font-size: 18px;
	color: #555;
	background-color: #fff;
}

.formulaire option {
	padding-left: 0px;
}

.checkboxtexte {
	/* Checkbox text */
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
}

.formulaire .ligneFormulaire {
	font-size: 18px;
	width: 100%;
	display: block;
}


.deuxLignes {
	width: 25%;
}

.formulaire .ligneFormulaire .erreur {
	width: 70%;
	min-height: 20px;
	font-size: 18px;
	margin-top: 10px;
	/*margin-left:30%;*/
	display: block;
	color: #7f0000;
	float: left;
	margin-bottom: 20px;
}

html {
	width: 1920px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

@media screen and (max-width:1920px) {
	html {
		margin: 0px;
		height: 100%;
		width: 100%;
		min-width: 280px;
		color: #5e5e5e;
		max-width: 1920px;
	}
}

/*html{margin:0px;height:100%;width:100%;min-width:280px; color: #5e5e5e; max-width:1920px;}*/
body {
	flex-direction: column;
	margin: 0;
	font-family: PoppinsLight;
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #ffffff;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	max-width: 1920px;
}

a {
	text-decoration: none;
}

h1 {
	letter-spacing: 0px;
	font-size: 50px;
	line-height: 60px;
	margin-top: 0px;
	margin-top: 70px;
	text-align: left;
	font-family: PoppinsBold;
	letter-spacing: 3px;
}

h2 {
	font-size: 36px;
	line-height: 56px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-family: PoppinsBold;
	font-weight: inherit;
	letter-spacing: 3px;
}

.intro h2 {
	font-family: PoppinsBold;
}

h3 {
	font-size: 30px;
	line-height: 36px;
	text-align: center;
}

h4 {
	font-size: 26px;
	line-height: 30px;
	font-family: PoppinsBold;
	color: #375447;
	margin-bottom: 10px;
}

p {
	font-size: 18px;
	line-height: 25px;
	color: #707070;
	/*text-align: justify;*/
	font-weight: inherit;
}

.italic {
	font-style: italic;
}

#actualites #actualites .Actualite h2 {
	font-size: 30px;
	line-height: 28px;
	font-family: PoppinsBold;
	margin-top: 25px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #CEAD63 !important;
}

#actualites .Actualite h3 {
	font-size: 26px;
	line-height: 28px;
	font-family: PoppinsBold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #707070 !important;
}

#actualites .Actualite h4 {
	font-size: 20px;
	line-height: 28px;
	font-family: PoppinsBold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #707070 !important;
}


#menu {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	min-width: 250px;
	height: 70px;
	color: #222222;
}

nav {
	z-index: 1030;
	list-style: none outside none;
	height: auto;
	letter-spacing: 0px;
	min-width: 280px;
	color: #fff;
	position: fixed;
	width: 100%;
	max-width: 1920px;
}

nav.defilement {
	top: 0px !important;
	position: fixed;
}

nav:hover {
	opacity: 1;
}


#logo {
	width: 65px;
	height: 60px;
	transition: 1s;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#logo img {
	width: 64px;
	height: 55px !important;
	margin-top: 2px;
	transition-duration: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

#titre {
	margin-left: 10px;
	transition: 1s;
	font-size: 18px;
	font-family: PoppinsBold;
	margin-left: 20px;
	font-weight: bold;
	margin-top: 0px;
}

#menuMobile {
	display: none;
}

ul li {
	list-style-type: none;
	font-family: PoppinsLight;
}

.conteneur ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 155px;
	display: flex;
	justify-content: flex-end;
}

.conteneur ul:hover {
	color: #fff !important;
}

.conteneur ul.sousMenu {
	height: auto;
	/*font-weight:bold;*/
	margin-top: -40px;
}

.defilement .conteneur ul.sousMenu {
	height: auto;
	margin-top: 0px;
}

.conteneur li {
	/*line-height:auto; */
	font-size: 24px;
	display: inline-block;
	vertical-align: top;
	width: auto;
	min-width: 84px;
	text-align: center;
	float: left;
	letter-spacing: 1.5px;
	line-height: 55px;
	float: right;
	color: #c8af85;
	margin-top: 80px;
}

.conteneur li a {
	color: #c8af85;
}

.conteneur li.boutonBlancMarron1 {
	width: calc(100% / 5);
}

.conteneur li.boutonBlancMarron2 {
	width: calc(100% / 8);
}

.conteneur li.boutonBlancMarron button {
	height: 40px;
	line-height: 40px;
	margin-top: 40px;
	color: #8d6e5f;
	background-color: #fff;
	font-family: PoppinsBold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
}


.conteneur li.menuCCM {
	width: calc(100% / 7*3);
}

.conteneur li.titreSite {
	line-height: 0px !important;
}

.conteneur .page2CoteCentrer {
	width: 100%;
}

.conteneur .page2CoteCentrer .bloc {
	width: 30%;
	padding: 0px;
	min-height: auto;
}

.conteneur .page2CoteCentrer .blocMenu {
	width: 70%;
}

.conteneur .page2CoteCentrer .blocMenuGauche a img {
	margin-top: 8px;
	float: left;
}

#titre {
	line-height: 102px;
}

.conteneur .sousMenu li {
	line-height: 60px;
}

.conteneur .contact {
	margin-right: 25px;
	height: 60px;
	font-size: 16px;

}

.conteneur .enregistrerEvenement {
	position: absolute;
	right: 5%;
	top: 15px;
	color: #fff;
	font-family: PoppinsBold;
	font-size: 20px;
}

.conteneur .enregistrerEvenement span {
	color: #c8af85;
	display: inline;
	font-size: 20px;
}

.conteneur .enregistrerEvenement .calendrier {
	top: 12px;
	display: inline;
	position: relative;
	margin-left: 10px;
}

.conteneur .enregistrerEvenement .calendrier img {
	line-height: 20px;

}

.autresPages .conteneur ul {
	background-color: #4F8398;
}

.logoBleu {
	display: none;
}

nav.defilement .conteneur li a {
	color: #fff;
	line-height: 70px;
	font-family: PoppinsLight;
}



nav.defilement .conteneur li a:hover {
	color: #CEAD63;
}

nav.defilement .conteneur li a img {
	height: 100px;
	margin-top: 10px;
}

nav.defilement .conteneur li img.logoJaune {
	height: 80px;
	width: 80px;
	/*display:none;*/
	float: left;
	margin-top: 2px;
}

nav.defilement .conteneur li img.logoBleu {
	height: 84px;
	height: 84px;
	width: 84px;
	display: block;
}



.autresPages nav {
	opacity: 1;
}

/* menu */
li span {
	font-size: 24px;
	display: inline-block;
	cursor: pointer;
	color: #cead63;
	font-family: PoppinsLight;
}

strong {
	font-weight: normal;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-weight: bold;
}

nav .conteneur>li {
	float: left;
	font-size: 15px;
	position: relative;
	line-height: 60px;
	color: #fff;
}

nav .conteneur>li>a {
	color: #fff;
	float: none;
	/*padding:10px 15px;*/
	display: block;
	list-style: none outside none;
	text-decoration: none;
}

nav .conteneur {
	position: relative;
	min-width: 200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #5c5a5f;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	height: 155px;
	max-width: 1920px;
}

nav li {
	transition-duration: 0s;
}

nav #ClTitre {
	padding-left: 0px;
	/*color:#fff; */
	/*padding-right:100px; */
	padding-top: 0px;
	padding-bottom: 0px;
	height: 102px;
}

nav.navWhite li span,
.menuWhite nav li span {
	/*color: #cead63;*/
	/*font-weight:bold;*/
}

nav #ClTitre:hover {
	color: #fff;
}

nav .conteneur li.menuSite {
	display: none;
}

nav .conteneur li a {
	display: inline-block;
	text-align: center;
	color: #c8af85;
	font-family: PoppinsBold;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

nav .conteneur li.lienMenuDroite a {
	padding-right: 0px;
}

nav .conteneur li a.selected {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 10px;
	font-family: PoppinsBold;
}

nav .conteneur li a img {
	margin-top: 0px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	height: 141px;
	width: 347px;
	margin-top: 5px;
}

nav .conteneur li.texteItalic {
	font-family: PoppinsItalic;
	font-size: 36px;
	color: #fff;
}

nav .conteneur li.liIndex {
	line-height: 20px;
	text-align: center;
}

nav .conteneur svg {
	position: absolute;
	top: 30px;
	left: 50px;
	z-index: 1;
}

nav.defilement .conteneur svg {
	height: 80px;
}


nav .conteneur>li>a:focus,
nav .conteneur>li>a:hover {
	color: #0072c6;
	text-decoration: none;
}

.conteneur ul li ul {
	border: 0 none;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.conteneur li:hover>.sousMenu {
	display: block;
	z-index: 15;
	transition-duration: 0s;
	opacity: 1;
}

.conteneur .IndicationMenu {
	/*background-image:url("images/menu.png");*/
	width: 170px;
	position: absolute;
	height: 80px;
}

.conteneur .sousMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	/*top:102px;*/
	opacity: 1;
}

nav .conteneur .sousMenu a {
	color: #cead63;
	display: block;
	min-width: 135px;
	height: 50px !important;
}

.sousMenu li {
	font-size: 14px;
	color: #cead63;
	line-height: 50px !important;
}

/*.sousMenu li :hover{ color:#1462a6; transition-duration: 0.5s;  }*/
.sousMenu .lienCategorieLivre span {
	font-size: 18px !important;
}

.conteneur .sousMenu li {
	display: block;
	margin: 0;
	border: 0;
	height: 50px;
	float: initial;
	width: 100%;
	text-align: center;
}

.conteneur li a:hover {
	color: #e8e3df;
}

.conteneur li a:hover>.conteneur .sousMenu li {
	background-color: #fff;
}


.conteneur .sousMenu li a:link,
.conteneur .sousMenu li a:visited {
	display: block;
	color: #cead63;
	margin: 0;
	border: 0;
	text-decoration: none;
	/*box-shadow:2px; */
}

.conteneur .sousMenu li a:hover {
	color: #fff;
	background-image: none;
	/*background-color:#fff;*/
}

.conteneur .soussousMenu li:hover>.soussoussousMenu {
	display: block;
	margin-left: 200px;
	height: 20px;
	left: -200px;
	top: -10px;
}


/* Gestion du menu lorsqu'on est pas tout en haut */
nav.diminuer {
	height: 60px;
}

nav.diminuer .conteneur li {
	line-height: 60px;
}

nav.diminuer #ClTitre {
	margin-top: 5px;
}

.pagePleine {
	min-height: 100%;
	float: left;
}

.pagePleine .intro {
	height: calc(100%);
	overflow: hidden;
	min-height: 800px;
}

.pagePleine .intro p {
	font-size: 30px;
}

.pageLarge {
	padding-left: 5%;
	width: 100%;
	padding-right: 5%;
	box-sizing: border-box;
}

.pageLarge h2 {
	width: 100%;
}

pageMoitie .intro {
	height: 60%;
	overflow: hidden;
}

.intro {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	/*background-image:linear-gradient(60deg, #4b70b3 ,#1a315b );*/
}

.intro.background {
	z-index: 1;
}

.intro .blocCentre,
.intro .blocCentre {
	position: absolute;
	width: 75%;
	display: grid;
	z-index: 21;
}

.intro .blocCentre .logoBlocCentre {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-bottom: 25px;
	height: auto !important;
}

#pagePilliers .intro .blocCentre {
	top: 130px !important;
	color: #fff;
}

#pagePilliers .intro .blocCentre h1 {
	color: #fff;
	text-align: center;
	font-size: 80px;
}

#pagePilliers .intro .blocCentre h2 {
	color: #fff;
	text-align: center;
	font-size: 40px;
}


.intro .blocCentre h1,
.intro .blocCentre h2 {
	display: inline-block;
	width: auto;
	text-align: left;
	margin-bottom: 20px;
	color: #fff;
	font-weight: lighter;
}



.intro .blocCentre h2 {
	display: inline-block;
	width: auto;
	text-align: left;
	letter-spacing: 8px;
	font-size: 40px;
}

.intro .blocCentre h3 {
	display: inline-block;
	width: auto;
	text-align: left;
	letter-spacing: 8px;
	font-family: PoppinsBold;
	font-size: 54px;
	color: #fff;
	margin-top: 10px;
	line-height: 50px;
}

#pageCCMV .intro .blocCentre h1 {
	color: #FF3133;
}

#ccmv .intro button,
#festivals .intro button {
	border: 3px solid #fff;
	color: #fff;
}

.intro .blocCentre {
	/*position: absolute;*/
	top: 245px;
	width: 80%;
	/*left: 5%;*/
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
	opacity: 0;
	z-index: 100;
}

.connexion .blocCentre {
	opacity: 1;
}

.intro #blocDroite {
	position: absolute;
	top: 30%;
	width: 40%;
	left: 50%;
}

.intro #blocCentre img {
	height: 130px !important;
	width: 130px !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	min-height: 130px !important;
	position: initial;
}

#btVideo {
	cursor: pointer;
	height: 200px;
	width: 356px;
	position: fixed;
	bottom: 20%;
	right: calc(0px);
	box-shadow: 2px 3px 6px 0px #A9A9AB;
}

.intro #blocCentre #btVideo img {
	height: 80px !important;
	width: 114px !important;
	min-height: 80px !important;
}

header {
	position: relative;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
}

header.creerSite {
	height: 90%;
	box-shadow: none;
	overflow: hidden;
}

/*header.creerSite nav{
	background-color: #00437e;
}*/

.creerSite #blocCentre {
	top: 35%;
}

header img {
	display: block;
	/*width: 100%;*/
	object-fit: cover;
	box-sizing: border-box;
	/*filter: grayscale(0.5);*/
	/*filter: blur(3px);*/
	filter: brightness(100%);
}

header .PleinePage {
	width: 100%;
	min-height: 100%;
}

.index header h1 {
	text-align: left;
}

header h1 {
	font-size: 54px;
	top: 80%;
	width: 100%;
	left: 10%;
	line-height: 65px;
	margin-bottom: 20px;
	margin-top: 10px;
}

header h2 {
	font-size: 34px;
	top: 30%;
	width: 100%;
	text-align: left;
	line-height: 40px;

}


header h3 {
	font-size: 24px;
	top: 72%;
	color: #fff;
	width: 100%;
	text-align: center;
}

.pageMoitie header h1 {
	color: #0e5797;
}

.pageMoitie header h2 {
	color: #0e5797;
}

.pageMoitie header h3 {
	color: #0e5797;
}


#presentation h2 {
	color: #375447;
	/*margin-left:calc(40px);*/
}


#presentation h3 {
	margin-top: 80px;
	font-size: 32px;
	text-align: right;
	margin-bottom: 0px;
	width: 100%;
	/*margin-right: auto;
	margin-left: auto;
	margin-left: auto;*/
	line-height: 46px;
	color: #375447;
}

#presentation p {
	width: 100%;
	/*margin-left: 10%;*/
	font-size: 18px;
	line-height: 25px;
	/*padding-bottom:60px;*/
	margin-right: auto;
	margin-left: auto;
}

#presentation img {
	/*filter: grayscale(1);*/
	object-fit: cover;
	opacity: 1;
	width: 100%;
	border-radius: 0px;
}

section {
	width: 100%;
	/* border-radius:100px; */
	/*height:50%;*/

	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	position: relative;
	/*box-shadow: 2px 3px 6px 0px #A9A9AB;*/
	float: left;

}

section img {
	display: block;
	width: 100%;
	object-fit: cover;
	box-sizing: border-box;
	/*height:400px;*/
}

.intro img {
	height: 100%;
	filter: brightness(100%) !important;
}

.intro .blocPhoto img {
	height: 250px;
	width: 100%;
}

.intro .blocPhoto h1 {
	font-size: 26px;
	margin-top: 0px;
	color: #375447;
	margin-bottom: 0px;
	line-height: 26px;
}

.intro .blocPhoto p {
	font-size: 20px;
	color: #192420;
}

.intro .blocPhoto .blocTexte {
	background: rgba(255, 255, 255, 0.7);
	padding: 15px;
}

.articlePlein {
	margin-top: 100px;
}

.articlePlein img {
	height: 700px;
	min-height: 700px;
}

.articlePlein .blocTitre {
	position: absolute;
	top: -50px;
}

.articlePlein.left .blocTitre {
	left: 50px;
	padding: 25px;
	width: 350px;
	opacity: 0.96;
	border: 1px solid #c0cccc;
	box-shadow: 2px 4px 6px -2px #3C3C3C;
}

.articlePlein.right .blocTitre {
	right: 50px;
	width: 350px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	opacity: 0.95;
	border: 1px solid #c0cccc;
	box-shadow: 2px 4px 6px -2px #3C3C3C;
}

.articlePlein .blocTitre.orange {
	background-color: #d77814;
}

.articlePlein .blocTitre.vert {
	background-color: #4bc2c8;
}

.articlePlein .blocTitre.bleu {
	background-color: #164b62;
}

.articlePlein.right .blocTitre hr {
	margin-left: -25px;
	height: 2px;
}

.articlePlein.right .blocTitre hr.fin {
	margin-right: -25px;
	margin-left: 25px;
	margin-bottom: 25px;
}

.articlePlein.left .blocTitre hr {
	margin-left: -25px;
}

.articlePlein.left .blocTitre hr.fin {
	margin-right: -25px;
	margin-left: 25px;
}


section.centrer {
	position: relative;
}

section.centrer {
	text-align: center;
}


.icone {
	border-radius: 75px;
	height: 75px;
	width: 75px;
	display: block;
	background-color: #fff;
	position: relative;
}

.icone img {
	height: 75px !important;
	width: 75px !important;
	min-height: 75px !important;
	/*margin-left: 12.5px;
	margin-top: 12.5px;*/
	position: absolute;
}

/*#services{
	position:relative;
	top:40%;
	left:10%;
	width:80%
}*/

/*#services div{ 
	min-width:150px;
	width:calc(33% - 40px);
	float:left;
	padding:20px;
	color:#fff;
}*/


#services #moteurDeRecherche .icone {
	border-radius: 75px;
	height: 75px;
	width: 75px;
}

.articles {
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	box-shadow: none;
	height: auto;
	float: left;
}

.articles.articlesPleins {
	padding-left: 0%;
	padding-right: 0%;
	width: 100%;
	box-shadow: none;
	height: auto;
}

.articles h2 {
	/*float:left;*/
	width: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #0e5797;
}

.articles .articlePlein {
	height: 50%;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	float: left;
	margin-bottom: 10px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	border-radius: 2px;
	position: relative;
}

.articles .articlePlein a {
	color: #000 !important;
}


.articles .article2 {
	height: 50%;
	width: 46%;
	box-sizing: border-box;
	color: #000;
	float: left;
	margin-bottom: 50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin: 2%;
	border-radius: 2px;
}

.article2 .texte {
	min-height: 120px;
}

.articles .article2 .icone {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 200px;
	right: 25px;
}

.articles .article3 {
	height: 50%;
	width: 31.3%;
	box-sizing: border-box;
	color: #000;
	float: left;
	margin-bottom: 50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin: 1%;
}

.articles .article3 .icone {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 200px;
	right: 25px;
}

.articles .article4 {
	height: 50%;
	width: 23%;
	box-sizing: border-box;
	color: #000;
	float: left;
	margin-bottom: 50px;
	box-shadow: 2px 3px 6px 0px #A9A9AB;
	margin: 1%;
}

.articles .texte {
	padding: 25px;
	min-height: 100px;
	font-size: 16px;

	box-sizing: border-box;
}

.articles .texte.right {
	padding-left: 100px;
}

.articles .texte.left {
	padding-right: 100px;
}

.articlePlein .texte {
	position: absolute;
	width: 50%;
	opacity: 0.3;
	transition-duration: 2s;
}

.articlePleins.clair .texte {
	background-color: #000;
}

.articlePlein.fonce .texte {
	background-color: #fff;
	border-radius: 5px;
}

.articlePlein.left .texte {
	left: 5%;
	padding-right: 100px;
}

.articlePlein.right .texte {
	left: 45%;
	padding-left: 120px;
}

.articlePlein.left .texte .icone {
	border-radius: 75px;
	display: block;
	background-color: #fff;
	float: left;
	bottom: 5px;
	right: 10px;
	top: 10px;
}

.articlePlein.right .texte .icone {
	border-radius: 75px;
	display: block;
	background-color: #fff;
	float: left;
	bottom: 5px;
	left: 10px;
	top: 10px;
}

.articlesPleins hr {
	margin-top: 25px;
	margin-bottom: 25px;
}

.articlesPleins h2 {
	width: auto;
	padding-right: 50px;
	padding-left: 50px;
	text-align: center;
	margin-top: 50px;
	/*writing-mode: vertical-lr;*/
	/*text-orientation: mixed;*/
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
	color: #fff;
	margin-bottom: 0px;
	text-align: left;
}

.articlesPleins h3 {
	width: 100%;
	text-align: right;
	margin-top: 50px;
	right: 50px;
	/*writing-mode: vertical-lr;*/
	/*text-orientation: mixed;*/
	display: block;
	/*height:50px;*/
	margin: 0px;
	padding: 0px;
	color: #fff;
	display: block;
	font-family: PoppinsBold;
	min-height: 125px;
	font-size: 24px;
}

.articles .article img {
	width: 100%
}



.articles .article3 .icone {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 200px;
	right: 25px;
}

/*.transition{
	height:250px;
	width:100%;
	float:left;
}*/

.articlePleinePage {
	width: 100%
}

.articlePleinePage .texteDroite {}

.articlePleinePage .texteDroite .img {
	float: left;
	width: 50%;
	height: 300px;
	object-fit: cover;
}

.articlePleinePage .texteDroite .texte {
	float: right;
}


.articlePleinePage .texteGauche .img {
	float: left;
	width: 50%;
	height: 300px;
}

.articlePleinePage .texteGauche .texte {
	float: right;
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}

.articlePlein .icone {
	position: absolute;
}

.articlePleinePage .texteGauche {}


.moteurRecherche {}


/*#services #moteurDeRecherche .icone img{
	height:34px;
	width:34px;
	margin-left:8px;
	margin-top:8px;
}*/

.both {
	clear: both;
}


.opacity100.on {
	opacity: 0.95 !important;
	transition-duration: 3s;
}

.articlePlein .texte.on {
	opacity: 0.95 !important;
	transition-duration: 3s;
}

.articlePlein .texte h3 {
	font-size: 26px;
	line-height: 32px;
	margin-top: 0px;
}

.articlePlein .texte p {
	font-size: 14px;
	line-height: 22px;
}


#citation {
	min-height: 100%;
	color: #000;
	padding-bottom: 50px;
}


.pageLarge100 {
	width: 100%;
}

.pageLarge100 h2 {
	margin-left: 5%;
	padding-top: 50px;
	padding-bottom: 60px;
	color: #707070;
	width: 90%;
}

.pageLarge100 .texte {
	margin-left: 5%;
	margin-right: 5%;
}

.page2Cote {
	float: left;
	width: 100%;
	/*padding-left: 5%;
	padding-right: 5%;*/
}

.page2Cote h2 {
	padding-top: 50px;
	padding-bottom: 60px;
	color: #707070;
	margin-left: 10%;
	width: 80%;
	color: #CEAD63;
}

.actus .page2Cote h2 {
	color: #fff;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	text-align: left;
	margin-left: 5%;
	width: 90%;
	margin-bottom: 75px;
	margin-bottom: 50px;
}

footer .page2Cote h2 {
	border: 0px !important;
}

.actus .descriptionAnnonce {
	color: #fff;
	font-size: 20px;
	max-height: 350px;
	overflow: auto;
	width: 100%;
	font-family: PoppinsLight;
	padding-top: 15px;
}

.actus .blocVoiture {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	height: 75px;
}

.actus .typeInformationVoiture {
	font-size: 18px;
	padding-left: 35px;
	margin-top: 0px;
	position: relative;
	color: #fff;
	text-align: left;
}

.actus .rondBlanc {
	height: 18px;
	width: 18px;
	border-radius: 20px;
	border: 2px solid #fff;
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	left: 0px;
	top: 1px;
}

.actus .informationVoiture {
	padding-left: 35px;
	color: #fff;
	font-size: 20px;
	font-family: PoppinsLight;
}



.actus .descriptionImage {
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}

.actus .imgAnnonce {
	float: left;
	margin-bottom: 50px;
	/*width: 727px;*/
}

.actus .intro .blocCentre h1 {
	width: 100%;
	text-align: right;
	line-height: 200px;
	margin: 0px;
}

.page2Cote h3,
.page2Cote h4 {
	color: #707070;
	margin-top: 50px;
}

.page2Cote .texteGrandeLargeur h2 {
	width: 100%;
}

.page2Cote .floatLeft {
	float: left;
	width: 90%;
	margin-bottom: 200px;
	margin-left: 5%;
}

.page2Cote .gauche {
	float: left;
	width: 50%;
	min-height: 100%;
}

.page2Cote .gauche.image {
	/*margin-top:100px;*/
	position: relative;
	height: 1px;
}

.page2Cote .gauche p,
.page2Cote .gauche h2,
.page2Cote .gauche h3 {
	/*padding-left: 10%;*/
	padding-right: 10%;
	color: #5e5e5e;
}

.page2Cote .droite {
	float: left;
	width: 50%;
	min-height: 100%;
	box-sizing: border-box;
}

.page2Cote .droite.image {
	/*margin-top:100px;*/
}

.page2Cote .droite h3 {
	margin-top: 0px !important;
	color: #ffb932;
	/*padding-left: 10%;
	padding-right: 10%;*/
	line-height: 36px;
}

.page2Cote .droite p {
	/*padding-left: 10%;
	padding-right: 10%;*/
}

.page2Cote .texte {
	padding: 5%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: 40%;
}

.page2Cote .texte img {
	width: auto !important;
}

.page2Cote .texteGrandeLargeur {
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 50px;
	box-sizing: border-box;
	padding-top: 0px;
	width: 100%;
}

.page2Cote .texteGrandeLargeur .droite.image img,
.page2Cote .texteGrandeLargeur .gauche.image img {
	width: 100%;
}

.page2Cote .texteGrandeLargeur img {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.page2Cote .floatLeft {
	margin-bottom: 50px;
}

.texteGrandeLargeur h2,
.texteGrandeLargeur h3,
.texteGrandeLargeur h4,
.texteGrandeLargeur ul {
	margin-left: 0% !important;
	margin-right: 0% !important;
	padding-left: 0% !important;
	margin-top: 50px;
	color: #fff;
}

#nouveautes .texteGrandeLargeur ul {
	color: #707070;
	margin-top: 10px;
	font-size: 18px;
	padding-left: 15px !important;
}

#nouveautes .texteGrandeLargeur ul li {
	list-style: disc;
}

.texteGrandeLargeur p {}

.texteGrandeLargeur ul {
	margin-left: 0px !important;
}


.page2Cote .citation {
	width: 70%;
	margin-left: auto;
	position: relative;
	margin-right: auto;

}

.page2Cote .citation img {
	width: 100% !important;
}

.page2Cote.page2CoteMarge .imageGauche img {
	//width: 40% !important;
	object-fit: cover;
	box-sizing: border-box;
	z-index: -1;
	float: left;
	margin-right: 0px;
	margin-bottom: 50px;
	border-radius: 1px;
	height: 490px;
	width: auto;
	cursor: pointer;
}

.page2Cote.page2CoteMarge .texte {
	padding: 0%;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: calc(98% - 741px);
}

.page2Cote.page2CoteMarge .imageDroite img {
	width: 50% !important;
	object-fit: cover;
	box-sizing: border-box;
	z-index: -1;
	margin-right: 5%;
	margin-left: 50px;
	margin-bottom: 50px;
}



.page3Cote {
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.page3Cote .gauche {
	float: left;
	width: 33.3%;
	min-height: 100%;
}

.page3Cote .centre {
	float: left;
	width: 33.3%;
	min-height: 100%;
	box-sizing: border-box;
}

.page3Cote .droite {
	float: left;
	width: 33.3%;
	min-height: 100%;
	box-sizing: border-box;
}

.pageFondImage {
	float: left;
}

.pageFondImage h2 {
	margin-left: 5%;
}

.pageFondImage img {
	height: 75%;
	position: absolute;
	top: 0px;
}

.pageFondImage .image {
	width: 100%;

}

.pageFondImage .texte {
	background-color: #fff;
	/*position:absolute;*/
	top: 10%;
	z-index: 10;
	width: 80%;
	left: 10%;
	padding: 50px;
	box-sizing: border-box;
	box-shadow: 2px 3px 4px 1px #757579;
	border-radius: 5px;
	opacity: 0.95;
	margin-left: 10%;
	margin-top: 100px;
}

.pageFondImage h2,
.pageFondImage h3 {
	color: #00437e;
	margin-bottom: 50px;
	margin-top: 50px;
}

.pageFondImage h2 {
	text-align: center;
	margin-left: 0%;
}

.pageFondImage .premierTitre {
	color: #00437e;
	margin-bottom: 50px;
	margin-top: 0px !important;
}


#citation h2 {
	margin-left: 5%;
}

#citation .citation .texte {
	width: 100%;
	z-index: 2;
	left: 10%;
	box-shadow: 2px 3px 6px -2px #A9A9AB;
	background-color: #fff;
	padding: 8%;
	box-sizing: border-box;
	border-radius: 3px;
	font-style: italic;
	line-height: 30px;
}

#citation .citation .forme {
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: -1;
	background-color: #555;
	bottom: -50px;
	left: -50px;
	border-radius: 7px;
	background-image: linear-gradient(60deg, #ffb932, #f4ad25);
}

#citation .citation p {
	margin-top: 0px;
}

#citation .citation .profil {}


#citation .citation .profil p {
	margin-bottom: 0px;
}

#projets {
	float: left;
	height: 100%;
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
	/*box-shadow: 1px 2px 4px 0px #A9A9AB;*/

}

#projets h2 {
	color: #0e5797;
	margin-top: 0px;
	margin-bottom: 60px;
	text-align: right;
}

#btContact {}

.titreSeul {
	text-align: center;
	float: left;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}

.carousel {
	position: relative;
	height: 80%;
	overflow: hidden;
	border-radius: 5px;
}

.carousel .image {
	opacity: 0;
	width: 100%;
	transition-duration: 2s;

}

.carousel .image.selectionne {
	opacity: 1 !important;
	transition-duration: 2s;
}

#contact,
#contact2 {
	float: left;
	width: 100%;
	color: #5e5e5e;
	background-color: transparent;
	padding-left: 10%;
	padding-right: 10%;
}

#contact form {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#contact .tel {
	color: #5e5e5e;
	text-decoration: none;
}

#pageAccueil #contact {
	padding-bottom: 100px;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}

#pageAccueil #contact h2 {
	color: #c8af85;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	margin-top: 0px;
}

#pageAccueil #contact h3 {
	color: #5c5a5f;
	font-size: 30px;
	font-family: PoppinsBold;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;

}

#pageAccueil #contact h4 {
	color: #5c5a5f;
	font-size: 30px;
	font-family: PoppinsLight;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	line-height: 34px;
	text-transform: uppercase;
}

#pageAccueil #contact h5 {
	font-family: PoppinsBold;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#pageAccueil #contact a {
	text-decoration: underline;
	color: #5e5e5e;
}

#pageAccueil #contact hr {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-colorc: #8af85;

}

#pageAccueil #contact .page2CoteCentrer .bloc {}

#pageAccueil #questions h4 {
	line-height: 24px;
	font-size: 20px;
	text-align: left;
	margin-bottom: 20px;
}

#pageAccueil #ancreContact {
	position: absolute;
	top: -150px;
}



#contact .texte,
#contact2 .texte {
	margin-bottom: 100px;
	margin-top: 0px;

}

#contact input {
	border: 0px solid #B82214;
	color: #000;
}

#contact h3 {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}

#contact h2 {
	font-size: 28px;
	letter-spacing: 4px;
	margin-bottom: 0px;

	margin: 0px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	margin-top: 30px;
	box-sizing: border-box;
	text-align: left;
	letter-spacing: 1px;
}

#contact .droite,
#contact2 .droite {
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

#contact .gauche,
#contact2 .gauche {
	width: 45%;
}

#contact h4,
#contact2 h4 {
	color: #EE7D0F;
}

/*
#contact form input{
	width:100%;
	box-sizing:border-box;
	margin:1%;
	float:left;
	margin-bottom:10px;
	border:none;
	height:45px;
	color: #000;
	background-color: #fff;
	font-size:18px;
	padding:15px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family:PoppinsLight;
}
*/
#contact .formulaire select {
	height: 50px;
	color: #777;
	background-color: #fff;
	margin-left: 0%;
	width: 100%;
	border: 0px;
	margin-top: 0px;
	padding: 1%;
	padding-left: 1%;
	font-family: PoppinsLight;
	font-size: 18px;
	opacity: 1;
}

#contact .formulaire select.selected {
	color: #000;
}

#typeDemande::placeholder {
	/* Fonctionne uniquement si le <select> est considéré comme ayant un placeholder */
	color: #999;
	opacity: 0.5;
}

#typeDemande .not-selected {
	color: #777;
}

#typeDemande option {
	color: #555;
	font-family: PoppinsLight;
}

/*
#contact .formulaire select:disabled{
opacity: 1;
}

#contact .formulaire select option:disabled{
opacity: 1;
}

#contact .formulaire select option:disabled >#contact .formulaire select{
opacity: 1;
}*/

#contact form input::placeholder {
	color: #555;
}

#contact form textarea {
	box-sizing: border-box;
	float: left;
	height: 150px;
	border: none;
	font-size: 14px;
	line-height: 28px;
	color: #000;
	text-align: justify;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 15px;
	padding-left: 1%;
	font-size: 18px;
	border: 0px;
	font-family: PoppinsLight;
}

#contact form textarea::placeholder {
	color: #000;
}

#contact .colonneLarge .references {
	text-align: right;
	font-size: 12px;
	display: block;
	color: #fff;
}

.formulaire {
	max-width: 800px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.colonne {
	width: 49%;
	/* Chaque champ prend approximativement la moitié de la largeur du formulaire pour les champs normaux */
	margin-bottom: 10px;
}

.colonneLarge {
	width: 100%;
	/* Prend toute la largeur disponible pour le select et le textarea */
	margin-bottom: 10px;
}

input,
select,
textarea {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
}

span {
	display: block;
	/* Affiche les messages d'erreur */
	color: red;
	font-size: 0.8em;
	margin-top: 4px;
}

#pageAccueil #contact button {
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	color: #8d6e5f;
	background-color: #fff;
	font-family: PoppinsBold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	margin-left: 0%;
}


#contact .page3CoteCentrer,
#contact2 .page3CoteCentrer {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 80%;
	margin-left: 5%;
	padding-left: 5%;
	padding-right: 5%;
	border: 8px solid #000000;
	border-radius: 110px;
	float: left;
	background-color: #00000034;
}

#contact .page3CoteCentrer div,
#contact2 .page3CoteCentrer div {
	width: 33.3%;
	float: left;
}

#pageFestivals #contact .page3CoteCentrer div,
#pageFestivals #contact2 .page3CoteCentrer div {
	width: 50%;
}

button {
	border: 0px solid #375447;
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: left;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
	cursor: pointer;

}

.intro button {
	background-color: transparent;
	color: #000;
	border: 3px solid #000000;
	font-size: 23px;
	height: 60px;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-family: PoppinsLight;
}

#googleMap {
	border-radius: 10px;
	float: left;

	min-width: 256px;
	width: 100%;
	height: 400px;
	margin-top: 0px;

	text-align: justify;
}


.vcard .org {
	font-size: 40px;
	margin-bottom: 40px;
	color: #0e5797;
	line-height: 45px;
}

.vcard .fn {
	font-size: 30px;
	margin-bottom: 20px;
}

.vcard .title {
	font-size: 22px;
}

.vcard .adr {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
}

/* page objectif */
#siteVitrine,
#siteDynamique {
	padding-top: 200px;
	padding-bottom: 50px;
	color: #000;
	overflow: hidden;
}

#siteDynamique .page3CoteCentrer .bloc {
	min-height: 430px;
}

.imageGauche img {
	/*width: auto !important;*/
	object-fit: cover;
	box-sizing: border-box;
	z-index: -1;
	float: left;
	margin-right: 25px;
}

.imageGauche .imgEvenement {
	width: 50%;
	float: left;
}

.imageDroite .imgEvenement {
	width: 50%;
	float: right;
}

.imageGauche .texte {
	/*padding-right:5%;
	text-align:left;
	font-family:Montserrat-Light-Regular;
	font-size: 16px;
	color:#fff;*/
	text-align: left;
	font-family: Montserrat-Light-Regular;
	font-size: 16px;
	color: #fff;
	float: right;
	width: 55%;
}

.imageDroite .texte {
	/*padding-left:5%;
	text-align:right;
	font-family:Montserrat-Light-Regular;
	font-size: 16px;
	color:#fff;*/
	text-align: right;
	font-family: Montserrat-Light-Regular;
	font-size: 16px;
	color: #fff;
	float: left;
	width: 55%;

}

.imageGauche .texte h3 {
	text-align: left;
	font-family: PoppinsLight;
	color: #fff;
}

.imageDroite .texte h3 {
	text-align: right;
	font-family: PoppinsLight;
	color: #fff;
}

.evenement {
	padding-bottom: 50px;
	padding-top: 50px;
	border-bottom: 2px solid #fff;
}

.evenement .texte .dateTexte,
.evenement .texte .lieuTexte {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}

.evenement .descriptionImage {
	margin-top: 20px;
}


.imageGauche .imageEvenement,
.imageDroite .imageEvenement {
	width: 100%;
	float: left;
}

.imageGauche .imageEvenement img,
.imageDroite .imageEvenement img {
	width: auto !important;
	object-fit: cover;
	box-sizing: border-box;
	float: initial;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.evenementsCCVM h2 {
	color: #FF3133 !important;
}

.billet {
	border: 5px solid #FF3133;
	color: #FF3133;
	height: 54px;
	width: 250px;
	border-radius: 21px;
	text-align: center;
	line-height: 54px;
	float: right;
	margin-top: 50px;
	font-size: 20px;
	cursor: pointer;
}


#siteVitrine ul,
#siteDynamique ul {
	padding-left: 30px;
	color: #5e5e5e;

	text-decoration: none;
	font-style: normal;
	font-size: 20px;
}

#listeReseauxSociaux {
	padding-bottom: 100px;
	float: left;
}

#listeReseauxSociaux {}


.page2Cote img:hover {
	filter: grayscale(0.5);
	transition-duration: 0.5s;
}

.page2Cote img {
	/*box-shadow: 1px 2px 4px 0px #A9A9AB;*/
}


.page3CoteCentrer {
	width: 80%;
	margin-left: 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.page3CoteCentrer p {
	text-align: left;
	width: 100%;
}

.page3CoteCentrer .bloc {
	width: 33.3%;
	min-height: 300px;
	padding: 25px;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
}

.page3CoteCentrer .image {
	display: block;
}

.page3CoteCentrer .image img {
	width: 100px;
	object-fit: cover;
	box-sizing: border-box;
	height: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

.page3CoteCentrer h3 {
	display: block;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	text-align: center;
	font-size: 24px;
}

.page3CoteCentrer h4 {
	display: block;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	text-align: center;
	font-family: PoppinsBold;
	color: #CEAD63;
	line-height: 100px;
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 22px;
	font-weight: inherit;
}

.page3CoteCentrer .texte {
	display: block;
	width: 100% !important;
	font-size: 18px;
	color: #5e5e5e;
}

.page3CoteCentrer .texte p {
	text-align: center;
	font-family: PoppinsBold;
	font-size: 14px;
	color: #000;
}

.page3CoteCentrer .image {
	box-shadow: none;
}


.animationHorizontale .image {
	position: relative;
	min-height: 100px;
}

.animationHorizontale .gauche.image img {
	/*position:absolute;*/
	left: -50px;
	transition-duration: 2s;
}

.animationHorizontale .droite.image img {
	/*position:absolute;*/
	left: 50px;
	transition-duration: 2s;
}

.gauche.image img.on {
	/*position:absolute;*/
	left: 0px;
	transition-duration: 2s;
}


.droite.image img.on {
	left: 0px;
	transition-duration: 2s;
}

.imageTransition {
	width: 100%;
	overflow: hidden;
	float: left;
	height: 400px;
	margin-bottom: 100px;
}

.imageTransition300 {
	height: 300px;
	margin-bottom: 100px;
	margin-top: 100px;
}

.imageTransition300 img {
	height: 300px;
}

.imageMiniTransition {
	width: 100%;
	overflow: hidden;
	float: left;
	height: 200px;
	margin-bottom: 100px;
}

#pointsImportants {
	height: auto;
	min-height: 400px;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 100px;
}

#pointsImportants h2 {
	color: #fff;
	/*padding-top:40px;*/
	padding-bottom: 40px;
	float: left;
	;
}

.titreLarge {
	width: 100%;
}


.elementCarouselText {
	height: 100%;
}

footer {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
	float: left;
	width: 100%;
	background-color: #5c5a5f;
	box-sizing: border-box;
}

footer .page3CoteCentrer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin-left: 0%;
}

footer .page3CoteCentrer .bloc {
	padding: 25px;
}

footer .page4CoteCentrer div {
	text-align: center;
}

footer ul {
	list-style: none;
	color: #fff;
}

footer li {
	margin: 0px;
	color: #000;
	/*min-height: 25px;*/
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

footer .lienFooter {
	display: block;
	text-align: center;
	font-weight: lighter;
	font-size: 24px;
	line-height: 22px;
	width: 33.3%;
	float: left;
	margin-bottom: 20px;
}

footer a {

	margin-left: auto;
	font-family: PoppinsBold;
	color: #fff;
	display: block;
	width: auto;
	text-align: center;
	line-height: 30px;
	font-size: 32px;
	line-height: 160px;
	color: #375447;
	display: inline-block;
	text-align: right;
	margin-right: 25px;
	float: left;
}

footer a {}

footer p {
	font-size: 20px;
	float: left;
	width: 100%;
	text-align: center;
	color: #000;
	line-height: 30px;
	margin-bottom: 0px;
	font-family: PoppinsBold;
	color: #000;
}

footer span {
	font-size: 20px;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: PoppinsBold;
}

footer a footer hr {
	background-color: #000000;
	width: 50%;
	margin-bottom: 50px;
	height: 2px;
	width: 100% !important;
	margin-bottom: 20px;
	border: 0px;
}

footer h3 {
	text-transform: uppercase;
}

footer img {
	width: 200px;
	height: auto;
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
}

footer .page3CoteCentrer h3 {
	color: #fff;
	text-align: left;
	font-family: PoppinsMedium;
	margin-bottom: 0px;
}

footer .page3CoteCentrer h4 {
	color: #fff;
	text-align: left;
	font-family: PoppinsMedium;
	line-height: 30px;
	margin-bottom: 25px;
}

footer .page3CoteCentrer h5 {
	margin-top: 50px;
	color: #fff;
}

footer .page3CoteCentrer h5 strong {
	font-weight: bold;
	font-family: PoppinsMedium;
}

footer .page3CoteCentrer a.lien {
	display: block;
	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 25px;
	font-family: PoppinsLight;
	line-height: 50px;
	margin-bottom: 25px;
	text-decoration: underline;
}

footer .page3CoteCentrer a {
	display: block;
	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 24px;
	font-family: PoppinsLight;
	line-height: 45px;
	margin-bottom: 0px;
	text-decoration: underline;
}

.mentions {
	font-size: 18px;
	margin-top: 20px;
}

footer h2 {
	color: #fff;
	margin-bottom: 100px;
	font-size: 60px;
	margin-top: 0px;
}

footer #popUp img {
	height: 100%;
	width: auto;
}

footer .page2CoteCentrer {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

footer .page3CoteCentrer .bloc {
	text-align: left;
	min-height: 20px;
	padding: 0px;
	width: 33.33%;
	padding-left: 40px;
	padding-right: 40px;
}

footer .page3CoteCentrer .bloc img {
	margin-left: 0px;
	height: auto;
}

footer hr {
	background-color: #000 !important;
	margin-top: 15px;
}

footer h3 {
	text-align: center;
	color: #fff;
	font-size: 46px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: PoppinsBold;
	margin-bottom: 50px;
}

footer .gauche .bloc h2 {
	margin-bottom: 25px;
	color: #fff;
	text-align: left;
	letter-spacing: 0px;
	font-family: PoppinsBold;
	height: ;
	font-size: 45px !important;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

footer .gauche .bloc span {
	text-align: left;
	min-height: 50px;
	margin-bottom: 10px;
}

footer .droite .bloc span {
	text-align: right;
	min-height: 40px;
	margin-bottom: 10px;
}

footer .page2Cote .gauche {
	width: 40%;
}

footer .page2Cote .droite {
	width: 60%;
}


footer .gauche {
	float: left;
	$width: 50%;
}

footer .gauche .bloc {
	text-align: left;
}

footer .droite .bloc {
	text-align: right;
}


.fondQuestions {
	background-image: url("../images/icones/fondQuestions.png");
	height: 385px;
	width: 456px;
	position: absolute;
	top: -180px;
	left: -10px;
}


.largeurTotale {
	float: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	color: #00437e;
}

.square {
	padding-left: 20px;
	margin-left: 20px !important;
}


.texteGrandeLargeur .square {
	margin-left: 40px !important;
	margin-top: 30px;
}


.square li {
	list-style: square;
	padding-left: 0px;
	font-size: 18px;
	line-height: 24px;
	color: #1462a6;
	margin-left: 0px;
}


.underline {
	/*text-decoration:underline;*/
	background-color: #ffb932;
	transition: 1s;
}

.background h1 {
	line-height: 80px;
}

.background h2 {
	line-height: 139%;
	letter-spacing: 25px;

}

.background h3 {
	line-height: 126.5%;
	/*letter-spacing:22.5%;*/
	font-weight: normal;
	margin-bottom: 50px;
}

.background {
	width: 100%;
	position: relative;
	padding: 0px;
	z-index: -1;
	overflow: hidden;
	float: left;
}

.background img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	min-height: 1000px;

}

.background .filtreBlanc {
	z-index: 21;
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.filtreNoir {
	z-index: 21;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.introuvable a {
	color: #fff;
}


#videoYoutube {
	position: relative;
	width: 100%;
	height: 0;
	height: 100%;
	margin-top: 100px;
	padding-bottom: 100px;
}

.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.invisible {
	display: none !important;
	transition: 1s;
	z-index: 0 !important;
}

.invisibleMenu {
	position: fixed !important;
	top: -100px !important;
	transition: 1s;
}

.visibleMenu {
	position: fixed !important;
	top: 0px !important;
	transition: 1s;
}

.iconeMenu {
	min-width: 30px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.popUp {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2000;
	top: 0px;
	background-color: #fff;
	transition: 1s;
}

#popUp {
	height: 100%;
	max-width: 100%;
	position: fixed;
	z-index: 2000;
	/*background-color:#fff;*/
	transition: 0s;
	border-radius: 2px;
	/*transition: 0.5s;*/
	padding: 3%;
	padding-top: 50px;
	padding-bottom: 50px;
	box-shadow: 1px 1px 3px -2px #000;
	box-sizing: border-box;
	/*padding-top:0px;*/
	z-index: 100000;
	width: 90%;
	left: 5%;
	bottom: 0px;
	min-width: 300px;
}

.popUpMail .description {
	font-size: 40px !important;
	color: #fff !important;
	line-height: 40px !important;
}

.popUpMail {
	height: 80% !important;
	width: 80% !important;
	background-color: #8d6e5f;
	left: 10% !important;
	top: 10% !important;
	color: #fff;
}

footer #popUp iframe {
	height: 96%;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#ombre {
	z-index: 1999;
	background-image: url("../images/icones/overlay.png");
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#popUp .boutons {
	margin-left: 25px;
	margin-right: 25px;
}

#popUp .boutons #quantite {
	height: 34px;
	float: left;
	width: 60px;
}

#popUp .iconeMoins {
	margin-left: 0px;
	background-color: #eee;
	cursor: pointer;
}

#popUp.afficherReservation .iconeMoins {
	margin-left: 10px;
	margin-right: 0px;
}

#popUp .iconeMoins img {
	/*height:40px;
	width:40px;*/
	border-radius: 3px;
	margin-top: 19px !important;
	margin-bottom: auto !important;
	width: 16px !important;
	height: auto !important;
	margin-left: 12px;

}

#popUp .iconePlus {
	background-color: #eee;
	cursor: pointer;
}

#popUp .iconePlus img {
	margin-top: 11px !important;
	margin-bottom: 5px !important;
	border-radius: 3px;
	width: 16px !important;
	height: auto !important;
	margin-left: 12px;
	cursor: pointer;
}

#popUp span {
	height: 39px;
	width: 39px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

#popUp .croix {
	position: absolute;
	right: 5px;
	top: 15px;
	background-color: #eee;
	cursor: pointer;
}

#popUp .croix img {
	border-radius: 3px;
	width: 16px !important;
	height: auto !important;
	margin: 11px;
}


#popUp .boutons button {
	width: calc(100%);
	height: 40px;
	padding: 0px;
	font-size: 18px;
	color: #fff;
	box-sizing: border-box;
	max-width: calc(50% - 10px);
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
}

#popUp .description {
	color: #8b8e94;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
}

#popUp img {
	max-width: 100%;
	max-height: 100%;
	/*object-fit: cover;*/
	object-fit: contain;
	/*width: 100%;*/
	height: 100%;
}

.videoPleinEcran {
	height: 100%;
	width: 100%;
}

#projetsRealises {
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

}

#projetsRealises .presentationProjet {
	float: left;
	border-radius: 3px;
	position: relative;
	z-index: 9;
	margin-bottom: 50px;
	width: 100%;
}

#projetsRealises .presentationProjet.left {
	left: 7%;
}

#projetsRealises .presentationProjet.leftActif {
	left: 0%;
	transition-duration: 2s;
}


#projetsRealises .presentationProjet.right {
	right: 7.5%;
}

#projetsRealises .presentationProjet.rightActif {
	right: 0%;
	transition-duration: 2s;
}

#projetsRealises .presentationProjet img {
	border-radius: 3px;
	object-fit: cover;
	height: 100%;
}

#projetsRealises .texte {
	background-color: #fff;
	position: absolute;
	width: 30%;
	z-index: 10;
	box-shadow: 0px 0px 7px 1px #A9A9AB;
	font-size: 10px;
	line-height: 15px;
	padding: 20px;
	box-sizing: border-box;
}

#projetsRealises .texte.right {
	right: -5%;
}

#projetsRealises .texte.left {
	left: -5%;
}

#projetsRealises .image {
	box-shadow: 0px 0px 7px 1px #A9A9AB;
}

#projetsRealises .texte h3 {
	font-size: 20px;
	color: #0e5797;
	padding: 0px;
}

#projetsRealises .texte h4 {
	font-size: 16px;
	color: #0e5797;
	padding: 0px;
}

.index .background img {
	/*filter: brightness(70%) !important;*/
}

.index hr {
	background-color: #375447;
	height: 1px;
	width: 25%;
	border: none;
	margin-bottom: 25px;
	margin-left: 0px;
}

.index .background #blocCentre img {
	filter: brightness(100%) !important;
}

.appartementRenovation {

	display: block;
	overflow: hidden;
	height: 100%;
	z-index: 22;

}

.appartementRenove {
	z-index: 21;
	display: block;
	overflow: hidden;

	width: 100% !important;
	/*background-position:50% 50% 50% 50%;*/
}


#blocsCategories {
	float: left;
	width: 100%;
	margin-top: 30px;
}

#blocsCategories .bloc {
	width: 50%;
	float: left;
	height: 80%;
	margin-bottom: 30px;
	min-width: 350px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}

/*#blocsCategories .bloc img {
		width: 350px;
		height:350px;
		border-radius:350px;
		margin-left: auto;
		margin-right: auto;
		
	}*/

#blocsCategories .bloc .filtreBleu {
	width: 350px;
	height: 350px;
	border-radius: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: #4F8398;
	opacity: 0.6;
	position: absolute;
	top: 0px;
	z-index: 2;
}

#blocsCategories .bloc .blocCentre {
	width: 350px;
	height: 420px;
	border-radius: 350px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#blocsCategories .bloc .blocCentre h4 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 124px;
	z-index: 3;
}

.grosTitreGris {
	height: 126px;
	width: 100%;
	background-color: #EBEBEB;
}

.grosTitreGris h2 {
	font-size: 48px;
	line-height: 110px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#categories,
#projet,
#accueil,
#expertises,
#realisations {
	float: left;
}

.intro {
	min-height: 700px;
}

#pagePilliers .intro {
	min-height: 900px;
}

#categories {
	padding-left: 0%;
	padding-right: 0%;
}

#categories .bloc {
	width: 33.3%;
}

#categories .bloc img {
	height: 100%;
	border-radius: 0px;
	object-fit: cover;
	width: 100%;
}

#accueil svg {
	position: absolute;
	bottom: -50px;
	z-index: 1000;
	transform: rotate(180deg);
}

#salmorenc svg,
#ccmv svg,
#festivals svg {
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 1;
}

#expertises {
	background-color: #ececec;
}

#expertises .titreBleuGauche {
	background-color: #4F8398;
	position: absolute;
	top: -25px;
	left: 5%;
	padding: 25px;
	color: #fff;
	width: 20%;
	min-width: 300px;

}

#expertises .titreBleuGauche h2 {
	color: #fff;
	text-align: left;
}

#expertises .titreBleuGauche h3 {
	color: #fff;
	text-align: left;
}

#expertises .blocs {
	margin-left: 30%;
	float: left;
	width: 60%;
	padding: 5%;
	padding-top: 0%;
}

#expertises .bloc {
	width: 50%;
	float: left;
	padding: 5%;
	box-sizing: border-box;
	position: relative;
}

#expertises .bloc .titre {
	color: #4F8398;
	margin-bottom: 40px;
}


#expertises .bloc .texte {
	color: #000000;
	font-size: 16px;
}

#expertises .bloc .logo {


	position: absolute;
	left: -25px;
}

.margin100 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.margin50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.deuxImageEtTexte {
	margin-left: 10%;
	margin-right: 10%;
	height: 568px;
	margin-top: 100px;
	position: relative;
}

.deuxImageEtTexte.deuxImageEtTexteGauche .texte {
	width: calc(30% - 20px);
	right: 0%;
	color: #000;
	position: absolute;
	top: 100px;
	opacity: 0;
	line-height: 26px;
	font-weight: normal;
	padding-right: 20px;
}

.deuxImageEtTexte.deuxImageEtTexteDroite .texte {
	width: calc(30% - 20px);
	left: 0%;
	color: #000;
	position: absolute;
	top: 100px;
	opacity: 0;
	line-height: 26px;
	font-weight: normal;
	padding-right: 20px;
}

.deuxImageEtTexte .texte.visible {
	opacity: 1;
	transition-duration: 2s;
	box-sizing: border-box;
}

.deuxImageEtTexte .texte {
	font-size: 16px;
	max-height: 470px;
	overflow: auto;
}

.deuxImageEtTexte .texte p {
	font-size: 16px;
	color: #000;
}

.deuxImageEtTexte .images {
	width: 60%;
	position: relative;
	height: 568px;
}

.deuxImageEtTexte.deuxImageEtTexteDroite .images {
	position: absolute;
	right: 0px;
}

.deuxImageEtTexte .images .fond {
	margin-left: 10%;
	margin-right: 10%;
	object-fit: cover;
	z-index: 1;
	position: absolute;
	top: 0px;
	max-height: 70%;
	width: 70%;
	transform: rotate(10deg);
	opacity: 0.4;
}

.deuxImageEtTexte .fond {
	margin-left: 10%;
	margin-right: 10%;
	z-index: 1;

}

.deuxImageEtTexte .imageDessus {
	height: 568px;
	z-index: 2;
	width: 80%;
	top: 100px;
	position: absolute;
	right: 100px;
	top: 100px;
	max-height: 70%;
	right: 0px;
}

.deuxImageEtTexte .cardreBoutons {
	position: absolute;
	background-color: #fff;
	height: 113px;
	width: 313px;
	z-index: 3;
	bottom: 0px;
	right: 0px;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
}



.deuxImageEtTexte .cardreBoutons h3 {
	margin-top: 0px;
	text-align: left;
	font-size: 20px;
}

.deuxImageEtTexte .cardreBoutons button {
	border: 1px solid #000;
	color: #000;
	font-size: 16px;
	background-color: #fff;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	letter-spacing: 6px;
	min-width: 260px;
}

.deuxImageEtTexte button:hover {
	border: 0px solid #000;
	color: #fff;
	font-size: 16px;
	background-color: #E4BB47;
	font-weight: normal;
}





#photos {
	margin-left: auto;
	margin-right: auto;
	height: 510px;
	overflow: hidden;
	position: relative;
	width: 100%;

	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 100px;
}

#photos .listeImage {

	position: absolute;
	left: 0px;
}

#photos .listeImage img {
	width: 33%;
}

#photos .boutons {
	position: absolute;
	left: 0px;
	bottom: -60px;
	width: 100%;
	bottom: 0%;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	height: 42px;
	display: inline;
	text-align: center;
}


#photos .texte {
	height: 45px;
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 30px);
	/*margin-top: 10px;*/
	left: 0px;
	width: 100%;
	text-align: center;
	color: #000;
	bottom: -75px;
	font-size: 24px;

}

#photos .texte hr {
	background-color: #3E3E3E;
	width: 80%;
	height: 1px;
	border: 0px;
}

#photos .texte h2 {
	line-height: 450px;
	color: #fff;
}

#images .boutons .bt,
#realisations .boutons .bt {
	height: 30px;
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.6;
	background-color: #E4BB47;
	display: inline-block;
	/*border-radius: 20px;*/
	cursor: pointer;
	transition-duration: 1s;
}

#images .listeImage img {
	width: 270px;
	display: inline;
	filter: brightness(100%);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

#blocGalerie #images .listeImage img,
#blocGalerie3 #images .listeImage img {
	filter: brightness(100%);
}


#blocGalerie .boutonGauche,
#blocGalerie3 .boutonGauche {
	width: 26px;
	height: 46px;
	background-image: url("../images/icones/btGaucheGalerie.png");
	left: -40px !important;
	top: 102px !important;
	z-index: 10 !important;
	position: absolute;
	cursor: pointer;
}

#blocGalerie .boutonDroite,
#blocGalerie3 .boutonDroite {
	width: 26px;
	height: 46px;
	background-image: url("../images/icones/btDroiteGalerie.png");
	right: -40px !important;
	left: auto;
	top: 102px !important;
	z-index: 10 !important;
	position: absolute;
	cursor: pointer;
}

#blocGalerie,
#blocGalerie3 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#blocGalerie2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#blocGalerie2 #images .listeImage img {
	filter: brightness(100%);
}


#blocGalerie2 .boutonGauche {
	width: 26px;
	height: 46px;
	background-image: url("../images/icones/btGaucheGalerie.png");
	left: -40px !important;
	top: 102px !important;
	z-index: 10 !important;
	position: absolute;
	cursor: pointer;
}

#blocGalerie2 .boutonDroite {
	width: 26px;
	height: 46px;
	background-image: url("../images/icones/btDroiteGalerie.png");
	right: -40px !important;
	left: auto;
	top: 102px !important;
	z-index: 10 !important;
	position: absolute;
	cursor: pointer;
}

#realisations .listeImage img {
	max-width: 800px;
	max-height: 450px;
	display: inline;
	filter: brightness(80%);
}

#realisations button {
	width: 40%;
	border: 2px solid #3E3E3E;
	background-color: #fff;
	color: #3E3E3E;
	font-size: 18px;
	font-weight: normal;
	min-width: 240px;
}

#realisations button:hover {
	border: 0px solid #000;
	color: #fff;
	font-size: 16px;
	background-color: #E4BB47;
	font-weight: normal;
}

#images .boutons .bt:hover,
#realisations .boutons .bt:hover {
	background-color: #E4BB47 !important;
}


.btEnCours {
	opacity: 1 !important;
}

.btEnAttente {
	background-color: #3E3E3E !important;
}


#laurentDelporteHaut {
	height: 100px;
	width: 100%;
	line-height: 100px;
	font-size: 48px;
	background-color: #4F8398;
	text-align: center;
	letter-spacing: 8px;
	font-weight: bold;
}

.index #laurentDelporteHaut {
	display: none;
}


.autresPages .imageTransition {
	position: relative;
}

.autresPages .imageTransition h1 {
	position: absolute;
	background-color: #E4BB47;
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
	top: calc(150px - 100px);
}

.autresPages .imageTransition.texteRight h1 {
	right: 10%;
}

.autresPages .imageTransition.texteLeft h1 {
	left: 10%;
}

#explications {
	float: left;
}

#explications h2 {
	line-height: 180px;
	color: #4F8398;
	padding-left: 10%;
	padding-right: 10%;
}

#explications .left {
	background-color: #fff;
	height: 140px;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
	text-align: left;
	line-height: 140px;
}

#explications .right {
	background-color: #fff;
	height: 140px;
	width: 100%;
	padding-left: 10%;
	box-sizing: border-box;
	text-align: right;
	line-height: 140px;
}

#explications .texte.left {
	margin-right: 15%;
	margin-left: 15%;
	width: 70%;
	text-align: left;
	padding-bottom: 30px;
	padding-top: 30px;
}

#explications .texte.right {
	margin-right: 15%;
	margin-left: 15%;
	width: 70%;
	text-align: left;
	padding-top: 30px;
}



.blocFondPlan {
	position: relative;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 75px;
	padding-bottom: 75px;
}

.blocFondPlan img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.blocFondPlan p {
	font-size: 16px;
	font-weight: bold;
}

#explications .fondTexte1 {
	background-image: url("../images/transition/1920/fondtext.jpg");
	/*filter:drop-shadow(16px 16px 20px red) invert(75%);*/
}

#explications .fondTexte2 {
	background-image: url("../images/transition/1920/fondtext2.jpg");
}


#points {
	float: left;

	padding-top: 100px;
	padding-bottom: 100px;
}

#points .point {
	float: left;
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;

}

#points .point .icone {
	float: left;
	background-color: #e2e2e2;
	border-radius: 75px;
	height: 75px;
	width: 75px;
	box-shadow: 2px 3px 6px 0 #a9a9ab;
	margin-top: 5px;
}

#points .point .icone .check {
	float: left;
	background-image: url("../images/icones/check.png");
	height: 50px;
	width: 50px;
	margin-top: 13px;
	margin-left: 13px;
}

#points .point .texte {
	margin-left: 130px;
	text-align: left;
}

#points .point .texte h2 {
	text-align: left;
	color: #4F8398;
	font-size: 30px;
	font-weight: bold;
}

.realisation {
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	box-sizing: border-box;
	width: 90%;

}

.realisation h2 {
	float: left;
	font-size: 36px;

}

.realisation.realisationImageDroite {
	text-align: left;
}

.realisation.realisationImageGauche {
	text-align: right;
}

.realisation.realisationImageDroite .coteGauche {
	width: 50%;
	padding-right: 30px;
	box-sizing: border-box;
	position: relative;
	float: left;
	height: 580px;
}

.realisation.realisationImageGauche .coteGauche {
	width: 50%;
	position: relative;
}

.realisation.realisationImageDroite .coteDroit {
	width: 50%;
	float: right;
}

.realisation.realisationImageDroite .coteDroit img {
	height: 450px;
}

.realisation.realisationImageGauche .coteDroit {
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
	float: right;
}

.realisation.realisationImageDroite .coteGauche .paragraphe {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 60%;
	font-weight: bold;
	font-size: 18px;
}

.realisation.realisationImageGauche .coteDroit .paragraphe {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 60%;
	font-weight: bold;
}

.realisation.realisationImageDroite .miniatures {
	width: 164px;
	position: relative;
	right: 0px;
	bottom: 0px;
	float: right;
	height: 100%;
}

.realisation.realisationImageDroite .miniatures img {
	height: 102px;
	width: 164px;
}

.realisation.realisationImageDroite .miniatures .btMiniature {
	position: absolute;
	height: 102px;
	right: 0px;
	cursor: pointer;
}

.realisation.realisationImageDroite .miniatures .btMiniature.miniature1 {
	bottom: 0px;
}

.realisation.realisationImageDroite .miniatures .btMiniature.miniature2 {
	bottom: 130px;
}

.realisation.realisationImageDroite .miniatures .btMiniature.miniature3 {
	bottom: 260px;
}

.realisation.realisationImageDroite .miniatures .btMiniature.miniature4 {
	bottom: 390px;
}

#presentationLaurent .imageDroite img {}

#presentationLaurent .blocVert {
	border: 3px solid #4F8398;
	float: right;
	padding-bottom: 15px;
	padding-right: 15px;
	float: right;
	position: relative;
	width: 28%;
}

#presentationLaurent .texte {
	padding: 0px;
	padding-right: 8%;
	width: 57%;
}

#presentationLaurent .texte p,
presentationLaurent .texte h3,
presentationLaurent .texte .square {
	text-align: right;
}

#presentationLaurent .blocVert img {
	width: 100% !important;
	position: relative;
	top: -55px;
	left: -10%;
	z-index: 1;

}

#presentationLaurent h2 {
	padding-right: 0px;
	width: 100%;
}

#presentationLaurent .texte h3 {
	text-align: right;
}

#shemaEtudeBudget {
	float: left;
	/*min-height:100%;*/
	height: auto !important;
	background-image: url("../images/PleinePage/1920/budget_renovation_appartement_grenoble.jpg");
}

#shemaSuiviTravaux {
	float: left;
	/*min-height:100%;*/
	height: auto !important;
	background-image: url("../images/PleinePage/1920/travaux_appartement_grenoble_saint_martin_heres.jpg");
}

/*#shemaEtudeBudget img{
		position:relative;
		top:0px;
		left:0px;
	}*/

#shemaEtudeBudget .schema,
#shemaSuiviTravaux .schema {
	max-width: 1342px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 125px;
	margin-bottom: 125px;
	z-index: 100;
}

#shemaEtudeBudget .schema h2,
#shemaSuiviTravaux .schema h2 {
	margin-bottom: 120px;
	color: #fff;
	font-size: 50px;
}

#shemaEtudeBudget .schema img {
	max-width: 1342px;
	top: 0px !important;
	min-height: auto;
	filter: brightness(100%);
	position: inherit;
}


.blocCentreImage {
	box-sizing: border-box;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 5%;
	margin-bottom: 10%;
	float: left;
}

.blocCentreImage img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	z-index: -1;
	height: 100%;
}

.blocCentreImage h2 {
	margin-top: 100px;
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 100px;
}

.blocCentreImage h3 {
	font-size: 72px;
	margin-top: 10px;
	margin-bottom: 100px;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 100px;
}

.blocCentreImage button {
	margin-bottom: 100px;
	height: 60px;
	width: 300px;
}

.lienFooter {
	cursor: pointer;
}

.boutonBleu {
	background-color: #4F8398;
}

.blocCentreTextImage {
	/*background-image: url("../images/PleinePage/1920/plan_appartement.jpg");*/
	float: left;
	overflow: hidden;
	margin-top: 100px;
}

.blocCentreTextImage h2 {
	margin-top: 100px;
	margin-bottom: 50px;
	font-size: 50px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 50px;
}

.blocCentreTextImage button {
	margin-top: 100px;
	margin-bottom: 100px;
	height: 60px;
	width: 300px;
	font-weight: normal;
	font-size: 20px;
}

.evenements .jaune a {
	background-color: #E4BB47;
	height: 60px;
	width: auto;
	font-weight: normal;
	font-size: 20px;
	line-height: 60px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 14px;
	float: right;
}

.evenements .boutons {
	color: #5e5e5e;
}

.blocCentreTextImage.jaune button {
	background-color: #E4BB47;
}


.blocCentreTextImage img {
	position: absolute;
	z-index: -1;
	filter: drop-shadow(16px 16px 20px #000) invert(36%);
}

.blocCentreTextImage.jaune h2 {
	width: 80%;
}

.flou {
	filter: brightness(50%);
}

.flou img {
	filter: drop-shadow(16px 16px 20px red) invert(75%);
	filter: blur(0.5px);
}

.menuBas {
	padding-bottom: 100px;
}

.menuBas h2 {
	font-weight: lighter;
	color: #000;
}

.menuBas img {}

.menuBas .blocs {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.menuBas .blocs .bloc {
	width: 33.3%;
	float: left;
	text-align: center;
	font-size: 33px;
	line-height: 100px;
	color: #000;
}

.menuBas .blocs .bloc a {
	color: #000;
}

.menuBas .blocs .bloc a:hover {
	color: #E4BB47;
}

.menuBas .blocs .blocActif a {
	color: #E4BB47;
}


.connexion .adminCo .blocCentre {
	background-color: #fff;
	position: absolute;
	text-align: center;
}

.adminCo .blocCentre {
	margin-left: auto;
	margin-right: auto;
	position: inherit;
	width: 40%;
}

.connexion .adminCo .ligneFormulaire {
	background-color: #fff;
	text-align: left;
}

.connexion .adminCo .ligneFormulaire button {
	background-color: #000;
}

.connexion .adminCo .blocCentre h1 {
	color: #000;

}

.connexion .adminCo .blocCentre #formulaire {
	text-align: center;
}

.connexion .formulaire .champ input,
.connexion .formulaire .champ button {
	width: calc(100% - 6px);
}

.connexion .formulaire .champ button {
	width: 100%;
	margin-top: 5px;
}

.connexion .formulaire .champ input {
	margin-bottom: 10px;
}

.connexion .intro {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.connexion .intro #blocCentre button {
	opacity: 1;
	background-color: #fff;
}

.connexion h1 {
	color: #fff;
}

#connexion {
	height: 100%;
}

#connexion button {
	color: #fff;
	line-height: 28px;
}

.page2Cote .imageGauche .autresImages {
	right: 0px;
	margin: 0px !important;
	max-width: 50%;
	height: 490px;
	/*height: auto;*/
	top: calc(100% - 80px);
	width: 315px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.page2Cote .imageGauche .imageAnnonce {
	float: left;
	/*width: 552px;*/
	height: 490px;
}

.page2Cote .imageGauche .imageAnnonce iframe {
	maw-width: 100%;
	height: 490px;
}

.page2Cote .imageGauche .texte h2 {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
}

.page2Cote .imageGauche .texte p.prix {
	font-size: 48px;
	margin-top: 0px;
	line-height: 50px;
	padding-left: 25px;
	position: relative;
	background-repeat: no-repeat;
	font-family: PoppinsLight;
}

.page2Cote .imageGauche .texte p.prix .icone {
	background-color: transparent;
	background-image: url("../images/icones/flecheOrangeDroiteMobile.png");
	position: absolute;
	height: 12px;
	width: 12px;
	left: 0px;
	top: 19px;
	border-radius: 0px;
}

.page2Cote .imageGauche .autresImages .imageMiniature {
	width: calc(100%) !important;
	height: 160px !important;
	margin: 0px !important;
	margin-right: 0px !important;
	cursor: pointer;
	margin-bottom: 10px !important;
	float: left;
}

.page2Cote .imageGauche .autresImages .imageMiniature img {
	width: 300px !important;
	height: 150px !important;
	cursor: pointer;
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	object-fit: cover;
	box-sizing: border-box;
	min-width: auto;
	max-width: calc(100%);
}

.page2Cote .imageDroite .autresImages {
	position: absolute;
	left: 0px;
	margin: 0px !important;
	max-width: 50%;
	height: 150px;
	height: auto;
	top: calc(100% - 80px);
	width: 55%;
	float: left;
	margin-bottom: 20px !important;
}

.page2Cote .imageGauche .autresImages .imageMiniature img {
	margin-bottom: 0px !important;
}

.page2Cote .imageDroite .autresImages .imageMiniature {
	width: calc(25% - 15px) !important;
	height: 150px !important;
	margin: 0px !important;
	margin-right: 15px !important;
	cursor: pointer;
	margin-bottom: 10px !important;
	float: left;
}

.page2Cote .imageDroite .autresImages .imageMiniature img {
	width: auto !important;
	height: 150px !important;
	cursor: pointer;
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	object-fit: cover;
	box-sizing: border-box;
	min-width: auto;
	max-width: calc(100%);
}

.page2Cote.page2CoteMarge .imageDroite .imageEvenement img {
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	z-index: -1;
	max-height: 600px;
	min-height: 400px;
	float: initial;
	margin-right: auto;
	margin-left: auto;
	width: auto !important;
}

.page2Cote.page2CoteMarge .imageGauche .imageEvenement img {
	width: auto !important;
	max-width: 100%;
	box-sizing: border-box;
	z-index: -1;
	max-height: 600px;
	min-height: 400px;
	float: initial;
	margin-right: auto;
	margin-left: auto;
}

.page2Cote.page2CoteMarge .imageDroite .imageChantier {
	width: 45%;
	box-sizing: border-box;
	margin-left: 50px;
	margin-bottom: 0px;
	max-height: 600px;
	box-sizing: border-box;
	float: right;
	position: relative;
}

.page2Cote.page2CoteMarge .imageGauche .imageEvenement {
	width: 45%;
	box-sizing: border-box;
	margin-right: 50px;
	margin-bottom: 0px;
	max-height: 600px;
	height: auto;
	float: left;
	position: relative;
}

.page2Cote .presentationChantier.floatLeft .texte {
	width: calc(50% - 100px);
	overflow-y: auto;
	line-height: 22px;
	font-size: 18px;
	padding-left: 0px;
	padding-right: 0px;
	position: absolute;
	top: 0px;
	color: #5e5e5e;
}

.page2Cote .imageGauche .texte {
	margin-left: 0%;
	margin-top: 0px;
	right: 0px;
	float: right;
	margin-right: 0%;
	text-align: left;
}

.annonce .page2Cote .imageGauche .texte {
	width: 100%;
}

.page2Cote .presentationChantier.floatLeft .texte h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.evenements {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 5%;
	padding-right: 5%;
}

#imageEtude,
#imageSuiviTravaux {
	position: relative;
}

#etude-souhaits-clients {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 33%;
	width: 50%;
	cursor: pointer;
}

#etude-descriptif-cdc {
	position: absolute;
	top: 0%;
	left: 50%;
	height: 33%;
	width: 50%;
	cursor: pointer;
}

#etude-financement-contraintes {
	position: absolute;
	top: 33.3%;
	left: 0%;
	height: 33%;
	width: 50%;
	cursor: pointer;
}

#etude-normes-contraintes {
	position: absolute;
	top: 33%;
	left: 50%;
	height: 33%;
	width: 50%;
	cursor: pointer;
}

#etude-aides-contraintes {
	position: absolute;
	position: absolute;
	top: 66.6%;
	left: 0%;
	height: 33%;
	width: 50%;
	cursor: pointer;
}

#suivi-bilan {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 35%;
	width: 40%;
	cursor: pointer;
}

#suivi-planning {
	position: absolute;
	top: 0%;
	left: 40%;
	height: 35%;
	width: 20%;
	cursor: pointer;
}


#etude-assurance-contraintes {
	position: absolute;
	top: 66.6%;
	left: 60%;
	height: 33%;
	width: 40%;
	cursor: pointer;
}

#suivi-choix {
	position: absolute;
	top: 0%;
	left: 60%;
	height: 35%;
	width: 40%;
	cursor: pointer;
}

#suivi-reception {
	position: absolute;
	top: 35%;
	left: 0%;
	height: 35%;
	width: 50%;
	cursor: pointer;
}

#suivi-visite {
	position: absolute;
	top: 35%;
	left: 50%;
	height: 35%;
	width: 50%;
	cursor: pointer;
}

#suivi-gestion {
	position: absolute;
	top: 70%;
	left: 0%;
	height: 30%;
	width: 50%;
	cursor: pointer;
}

#suivi-etablissement {
	position: absolute;
	top: 70%;
	left: 50%;
	height: 30%;
	width: 50%;
	cursor: pointer;
}

#projet img {
	max-height: 568px;
}

#projet .imageRenovation {
	position: absolute;
	bottom: 0px;
	right: 0px;
	max-width: 80%;
	max-height: 80%;
}

#projet .fond {
	max-height: 1000px !important;
	z-index: -1;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

.evenements .listeEvenement {
	position: relative;
	margin-bottom: 150px;
	padding-top: 100px;
}

.evenements .listeEvenement .floatLeft {
	position: relative;
}

.evenements hr {
	float: left;
	width: 70%;
	height: 1px;
	background-color: #888;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-left: 15%;
	border: 0px;
}

#association {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 200px;
	margin-bottom: 0px;
}

#association .texte {
	color: #000000;
}

#association .texteGrandeLargeur {
	width: 70%;
	text-align: center;
	margin-left: 15%;
	margin-top: 50px;
	margin-bottom: 50px;
}

#association.page3Cote .gauche,
#association.page3Cote .centre,
#association.page3Cote .droite {
	width: 29%;
	margin-left: 2%;
	margin-right: 2%;
}

#association .page3CoteCentrer {
	margin-top: 50px;
	width: 90%;
	text-align: center;
	margin-left: 5%;
}

#association iframe,
#diaporama1 iframe {
	margin-left: auto;
	display: block;
	margin-right: auto;
}

#association h3 {
	font-family: PoppinsBold;
	font-size: 50px;
}

#associationSalmorenc .page2Cote h2 {
	margin-left: 10%;
	font-size: 60px;
	color: #F9B718;
}

#associationSalmorenc #contact .page3CoteCentrer div {
	width: 50% !important;
}

.couleurJaune {
	color: #F9B718 !important;
}

.couleurRouge {
	color: #FF3133 !important;
}

.couleurBleu {
	color: #1E89F3 !important;
}

#association button {
	background-color: transparent;
	color: #000;
	border: 2px solid #000000;
	border-radius: 15px;
	font-size: 20px;
	height: 56px;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Montserrat-Light-SemiBold;
	float: left;
	margin-top: 10px;
}

.fondBas {
	position: absolute;
	bottom: 0px;
	z-index: -1;
	left: 0px;
}


.produits.animation img {
	opacity: 0.1;
}

.produits.animation img.on {
	opacity: 1;
	transition-duration: 2s;
}


.blocsImagesProduits {
	background-color: #000;
}

.blocsImagesProduits h2 {
	font-size: 70px;
	color: #fff;
	margin-bottom: 100px;
}

.blocsImagesProduits h3 {
	font-size: 34px;
	color: #fff;
	font-family: PoppinsLight;
}


.blocsImagesProduits .produits .produit {
	width: 25%;
	float: left;
	height: 425px;
	margin-bottom: 30px;

	min-width: 350px;
	text-align: center;
	position: relative;
}

.blocsImagesProduits .produits .produit img {
	height: 300px;
	width: 300px;
	border-radius: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.blocsImagesProduits .produits .produit h4 {
	/*color: #A48111;*/
	text-align: center;
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	/*width: 350px;*/
	top: 115px;
	color: #fff;
	z-index: 1;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: PoppinsLight;
}

.blocsImagesProduits .produits .produit:hover>label,
.blocsImagesProduits .produits .produit:hover>h4,
.blocsImagesProduits .produits .produit:hover>img {
	opacity: 1;
}

.blocsImagesProduits .produits .produit:hover>img {
	filter: brightness(50%);
}

.blocsImagesProduits .produits .produit:hover {
	opacity: 1;
	filter: brightness(50%);
}


.blocsImagesProduits .produits .produit label {
	/*color:#5e5e5e;*/
	color: #fff;
	font-size: 20px;
	top: 180px;
	/*width:350px;*/
	text-align: center;
	left: 0px;
	z-index: 1;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	font-family: Montserrat-Light-Regular;
}


.blocsImagesProduits .produits {
	width: 90%;
	max-width: 1550px;
	margin-left: auto;
	margin-right: auto;
}

.blocsImagesProduits .texte {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	float: left;
	color: #A48111;
	margin-top: 50px;
	margin-bottom: 50px;
}

.blocsImagesProduits .produits .produitsCentres {
	text-align: center;
}

.blocsImagesProduits hr {
	width: 50%;
	color: #fff;
}

#equipe {
	padding-bottom: 100px;
}

#partenaire,
#presse {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 80%;
	max-width: 1800px;
	margin-top: 75px;
	margin-bottom: 75px;
}

#partenaire .listeImage,
#presse .listeImage {
	height: 300px;
	position: absolute;
	left: 0px;
}

#diaporama2 .listeImage img,
#diaporama1 .listeImage img {
	width: 300px;
	display: inline;
}



.sowebsite {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

	font-family: PoppinsBold;
	line-height: 30px;
	height: 30px;
	background-color: #375447;
}

.sowebsite a {
	color: #e8e3df;
	font-family: PoppinsBold;
}

#diaporama1 h2,
#diaporama2 h2 {
	font-size: 80px;
	margin-top: 60px
}


#pageSalmorenc #diaporama2 h2 {
	color: #f5b817;
}

#pageSalmorenc #deroulantDroite3,
#pageSalmorenc #deroulantDroite2 {
	margin-bottom: 50px;
	margin-top: 50px;
}



#pageSalmorenc #diaporama2 h3 {
	font-size: 30px;
	font-family: Montserrat-Light-Light;
	color: #f5b817;
}

#menuDefilant {
	float: right !important;
	margin-right: 0px;
	font-size: 16px;
	height: 214px;
	width: 73px;
	padding-left: 10px;
	padding-top: 10px;
	box-sizing: border-box;
	top: calc(50% - 50px);
	position: fixed;
	z-index: 10;
	border: 2px solid #FFFFFF;
	background-color: #000;
	border-radius: 30px 0px 0px 30px;
	right: 0px;
}

#menuDefilant #ticket {
	width: 59px;
	height: 99px;
	position: relative;
	cursor: pointer;
}

#menuDefilant #ticket .ticket {
	top: 24px;
	left: 4px;
	z-index: 11;
	position: absolute;
	width: 40px;
	height: 41px;
	transform: matrix(0.74, -0.67, 0.67, 0.74, 0, 0);

	/* UI Properties */

	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	filter: invert(1);
}

#menuDefilant #shopping {
	position: relative;
	cursor: pointer;
	height: 90px;
	width: 59px;
}

#menuDefilant #shopping .shopping {
	top: 30px;
	left: 4px;
	z-index: 11;
	position: absolute;
	width: 40px;
	height: 41px;

	/* UI Properties */

	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	filter: invert(1);
}


#menuDefilant hr {
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 98px;
	left: 0px;
}

#salmorenc h1 {
	color: #F9B718;
}

#festivals h1 {
	color: #1E89F3;
	font-size: 120px;
}

.sousMenuSection {
	padding-left: 0px;
	margin-left: 0px;
}

.sousMenuSection li {
	width: 33.33%;
	font-size: 22px;
	display: inline-block;
	text-align: center;
}

#salmorenc button,
#festivals button,
#ccmv button {
	background-color: transparent;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 15px;
	font-size: 23px;
	height: 56px;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Montserrat-Light-SemiBold;
}



.less img {
	top: 50px !important;
	/*left:-17.5px;*/
	width: 35px;
	height: 35px;
	transform: matrix(0, -1, 1, 0, 0, 0);
	min-height: 35px;
	transform: rotate(0deg);
}

.logoCentre {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#association .logoCentre {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#association h2 {
	font-size: 80px;
}

#associationSalmorenc,
#associationCCMV {
	margin-bottom: 0px;
}

#associationSalmorenc.page2Cote .floatLeft,
#associationCCMV.page2Cote .floatLeft,
#associationFestivals.page2Cote .floatLeft {
	margin-bottom: 0px;
}

#associationSalmorenc h2 {
	color: #F9B718;
	font-size: 80px;
}

#associationCCMV h2 {
	color: #FF3133;
	font-size: 80px;
}

#associationFestivals h2 {
	color: #1E89F3;
	font-size: 80px;
}

#associationSalmorenc p,
#associationCCMV p,
#associationFestivals p {
	font-family: Montserrat-Light-Regular;
	font-size: 14px;
	margin-right: 10%;
}

#associationSalmorenc .imageGauche img,
#associationCCMV .imageGauche img,
#associationFestivals .imageGauche img {
	width: 38% !important;
	margin-left: 6%;
	margin-right: 6%;
	margin-bottom: 100px;
	margin-bottom: 0px;
}

#diaporama2 .blocTexteCentre {
	width: 80%;
	margin-left: 10%;

}

#diaporama2 .blocTexteCentre p {
	text-align: center;
	font-family: Montserrat-Light-Regular;
}

#diaporama2 .images,
#diaporama3 .images {
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#diaporama2 .images img,
#diaporama3 .images img {
	max-height: 100%;
	max-width: 50%;
	width: auto;
	/*object-fit: cover;*/
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	box-sizing: border-box;
	height: 400px !important;
}

#diaporama2 .images img.image2,
#diaporama3 .images img.image2 {
	float: right;
}


#diaporama2 .images,
#diaporama3 .images {
	width: 50%;
}

#diaporama2 .image img,
#diaporama3 .image img {
	margin-right: auto;
	margin-left: auto;
	float: inherit;
}




#pageSalmorenc #diaporama3 {
	background-color: #000;
}

#pageSalmorenc #diaporama3 .blocTexteCentre {
	width: 80%;
	text-align: center;

	margin-left: auto;
	margin-right: auto;

}

#pageSalmorenc p {
	font-family: Montserrat-Light-Regular;
}



#pageSalmorenc #diaporama3 h2,
#pageSalmorenc #troupe h2 {
	color: #f5b817;
	font-size: 80px;
}


#pageSalmorenc #diaporama3 h3 {
	font-family: Montserrat-Medium;
	color: #f5b817;
	font-size: 30px;
}

#pageSalmorenc #diaporama3 svg,
#pageSalmorenc #troupe svg,
#pageFestivals #diaporama1 svg,
#pageFestivals #diaporama2 svg {
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: -1;
}

#pageSalmorenc #troupe {
	padding-left: 10%;
	padding-right: 10%;
}

.horaire p {
	text-align: center;
}


#diaporama3 p {
	color: #fff;
}

.fondTop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

#pageSalmorenc #diaporama1 {
	background-color: #000;
}

#pageSalmorenc #diaporama1 #presse {
	margin-bottom: 0px;
}


.deroulantDroite {
	width: 90%;
	margin-left: 5%;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
}

.deroulantDroite .produit:hover img {
	height: auto !important;
	width: auto !important;
}

.deroulantDroite h2 {
	font-size: 80px;
	margin-top: 60px;
	text-align: center;
	margin-bottom: 30px;
}

.deroulantDroite hr {
	width: 50%;
	text-align: center;
	height: 0px;
	border-bottom: 0px;
	color: #707070;
	border-top: 1px solid #707070;
}

.deroulantDroite .produit {
	width: 33.3333%;
	box-sizing: border-box;
	padding-right: 20px;
}

.deroulantDroite .texte {
	display: block;
	position: absolute;
	top: 50px;
	width: 50%;
	right: 0px;
	background-color: #fff;
	color: #4D4D4D;
	font-size: 22px;
	line-height: 50px;
}


.blocCompletListeProduitsHorizontal {
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-bottom: 0px;
	height: 350px;
}

.deroulantDroite .produit:hover img {
	height: calc(100%);
	width: calc(100%);
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

.deroulantDroite .blocTransparent {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	left: 0px;
	top: 0px;
}

.deroulantDroite .listeProduits {
	/*height:400px !important;*/
	width: 100%;
	display: block;
}

.deroulantDroite .produit {
	float: left;
	/*background-color: #fff;
	box-shadow: 2px -2px 8px 0 #555;*/
	color: #EDFCF4;
	cursor: pointer;
	width: 33.3333%;
	box-sizing: border-box;
	padding-right: 20px;
	display: block;
}

.deroulantDroite .produit img {
	width: 100%;
	object-fit: cover;
	display: block;
	margin-top: 0px !important;
}

.evenements {
	background-color: #000;
}

.evenements h2 {
	color: #fff;
	font-size: 80px;
}

.padding100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

/*html{
	background-image:url("../images/PleinePage/1920/adobestock_315857878_preview.jpeg");
}*/

.blocTexte .blocTexteCentre {
	text-align: center;
	width: 80%;
	margin-left: 10%;
}

.blocTexte .blocTexteCentre p {
	text-align: center;
}

.blocTexte h2 {
	text-align: center;
	width: 80%;
	margin-left: 10%;
	font-size: 80px;
	margin-top: 60px;
}

.blocTexte h3 {
	text-align: center;
	width: 80%;
	margin-left: 10%;
	font-size: 60px;
	margin-top: 60px;
	font-family: Montserrat-Medium;
	font-size: 22px;
	margin-bottom: 50px;
	font-weight: inherit;
}

.blocTexte p {
	font-family: Montserrat-Medium;
	font-size: 16px;
}


#pageCCMV .blocTexte h2 {
	color: #FF3133;

}

#contact2 h2 {
	font-size: 70px;
	color: #fff;
	letter-spacing: 8px;
	margin-bottom: 50px;
}

#contact2 h3 {
	color: #fff;
}

nav.defilement {
	/*top:0px !important;
	position: fixed;
	box-shadow: 1px -2px 5px 0 #A9A9AB;
	transition-duration: 1s!important;*/
}

.defilement .conteneur ul {
	height: 155px;
}

.defilement .conteneur li {
	/*line-height: 88px;*/
	width: calc((100%) / 7);
	line-height: 120px;
}

.defilement .conteneur li.logo {
	/*width:84px;*/
}

.defilement .conteneur li a {
	/*color: #fff !important;*/
}

.defilement .conteneur ul li:hover>.sousMenu li {
	text-align: center;
	width: 100%;
}

nav.defilement .conteneur .sousMenu li a {
	line-height: 50px;
}

.defilement .conteneur ul li ul {
	height: auto;
}

#pageFestivals #diaporama1,
#pageFestivals #diaporama2 {
	background-color: #000;
	position: relative;
	z-index: 0;
}

#pageFestivals #diaporama1 h2,
#pageFestivals #diaporama2 h2 {
	color: #1E89F3;
}

#pageFestivals #diaporama1 .texteGrandeLargeur,
#pageFestivals #diaporama2 .texteGrandeLargeur {
	width: 70%;
	text-align: center;
	margin-left: 15%;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #fff;
}

#pageFestivals #diaporama1 .texteGrandeLargeur p,
#pageFestivals #diaporama2 .texteGrandeLargeur p {
	color: #fff;
	text-align: center;
}

#pageFestivals #diaporama2 .texteGrandeLargeur img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.pageCentre {}

#pageFestivals #contact {
	margin-top: 0px;
}

#groupesFestivals h2,
#groupesFestivals h3 {
	color: #1E89F3;

}

#groupesFestivals h2 {
	font-size: 70px;
	letter-spacing: 8px;
	margin-bottom: 50px;
}

#pageFestivals .texteGrandeLargeur {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#pageFestivals .texteGrandeLargeur p {
	text-align: center;
	font-family: Montserrat-Light-Regular;
	font-size: 16px;
	color: #000;
}

#pageFestivals h4 {
	font-family: Montserrat-Light-Regular;
	font-size: 20px;
	color: #000;
	text-align: center;
}

#pageFestivals #groupesFestivals .images img {
	width: auto !important;
	object-fit: cover;
	box-sizing: border-box;
	float: initial;
	max-width: 30%;
	height: 300px;
}

.ventebillet {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

#alexandreEriani {
	width: 80%;
	margin-left: 10%;
}

#alexandreEriani img {
	margin-top: 50px;
}

#alexandreEriani h2 {
	font-family: Amsterdam-Signature;
}

#blocTexteCentre {
	width: 70%;
	margin-left: 15%;
	margin-left: 15%;
	border-bottom: 1px solid #fff;
	height: 200px;
	float: left;

}

.sousTitre {
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-family: PoppinsBold;
}

#pilliers {
	width: 100%;
	background-color: #FCF9F2;
	margin-bottom: 0px;
}

#pilliers h2 {
	color: #CEAD63;
	margin-bottom: 100px;
}

#pilliers p {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 20px;
}

.guillemet {
	width: 65%;
	margin-left: 17.5%;
	/*height:80px;*/
	margin-top: 50px;
	margin-bottom: 100px;
}

.guillemet img {
	float: left;
}

.guillemet span {
	float: left;
	width: calc(100% - 204px);
	color: #5e5e5e;
	font-family: PoppinsBold;
	font-style: italic;
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 18px;
	margin-top: 40px;
}

.guillemet img {
	float: left;
	width: auto;
	display: inline;
	margin-right: 20px;
}

.quoteRight {
	margin-top: 80px;
	margin-right: 0px;
	margin-left: 20px;
}


.quoteGauche {
	float: left;
}

.page5CoteCentrer {
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
}



.page5CoteCentrer .bloc {
	min-width: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}

.page5CoteCentrer .bloc img {
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: auto;
	object-fit: cover;

}

.page5CoteCentrer .bloc h4 {
	color: #707070;
	font-family: PoppinsBold;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-top: 50px;
}

.page4CoteCentrer {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-family: PoppinsBold;
	justify-content: center;
}

.page4CoteCentrer .bloc {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	/*padding-left:10px;
		padding-right:10px;*/
	text-align: center;
	min-height: 70px;
	line-height: 70px;
	margin-right: 50px;
}

.bold {
	font-weight: bold;
}

#accompagnements {
	background-color: #FCF9F2;
}

#accompagnements h2 {
	font-size: 60px;
	color: #fff;
	font-family: PoppinsBold;
}



#accompagnements p {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	color: #707070;
	line-height: 35px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

#accompagnements button {
	border: 1px solid #B82214;
	color: #B82214;
}

#epigetsens {
	width: 100%;
	padding-left: 25%;
	padding-right: 25%;
	/*box-shadow:border-box;*/
}

#epigetsens img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#epigetsens h2 {
	color: #B82214;
	margin-bottom: 50px;
	font-size: 70px;
}

#epigetsens h3 {
	color: #707070;
	margin-bottom: 50px;
	font-size: 22px;
	font-family: PoppinsBold;
	margin-left: auto;
	margin-right: auto;
	font-weight: initial;
}

#epigetsens p {
	color: #707070;
	margin-bottom: 50px;
	font-size: 20px;
	font-family: PoppinsBold;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#actualites {
	background-color: #FCF9F2;
	float: left;
}

#pageAccompagnement h1 {
	color: #fff;
	text-align: center;
	font-size: 100px;
}

#pageActualite .intro .blocCentre h1 {
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	color: #fff;
}

#pageAccompagnement.pagePleine #accueil.intro {
	height: 50%;
	min-height: 600px;
}

#pageAccompagnement.pagePleine #accueil.intro .blocCentre {
	padding-top: 50px;
}

#mesAccompagnements {
	background-color: #FCF6F2;
}

#mesAccompagnements h2 {
	font-size: 60px;
	color: #fff;
	font-family: PoppinsBold;

}

.rondOrange {
	background: #F18D7C 0% 0% no-repeat padding-box;
	height: 100px;
	width: 100px;
	z-index: -1;
	border-radius: 100px;
	position: absolute;
	left: calc(50% - 50px);
}

#mesAccompagnements p {
	text-align: center;
	font-size: 22px;
}

#mesAccompagnements h3 {
	color: #F18D7C;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#mesAccompagnements .bloc p {
	text-align: center;
}

#mesAccompagnements .bloc ul li {
	color: #707070;
}

#domainesInterventions p {
	text-align: center;
	color: #6B140C;
	font-size: 20px;
}


#domainesInterventions h1 {
	color: #fff;
	text-align: center;
	font-size: 100px;
}

#domainesInterventions h2 {
	font-size: 60px;
	color: #fff;
	font-family: Amsterdam-Signature;
	margin-bottom: 50px;
}

#domainesInterventions p {
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#domainesInterventions .bloc p {
	text-align: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
}


#domainesInterventions .page3CoteCentrer .bloc {
	min-height: 150px;
}

.petitRondOrange {
	position: absolute;
	left: 20px;
	width: 43px;
	height: 43px;
	border-radius: 43px;
	background-color: #F18D7C;
	z-index: -1;
}

#domainesInterventions h3 {
	color: #F18D7C;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bloc2cotes {
	width: 100%;
	margin-left: 15%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#services {
	padding-left: 5%;
	padding-right: 5%;
	background-color: #000;
	float: left;
	margin-left: 0%;
}

#services .page2Cote {
	flex-wrap: wrap;
	justify-content: center;
	display: flex;
}

#services .blocPere {
	width: 50%;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
}

#services h2 {
	text-align: left;
	color: #fff;
	padding-left: 25px;
}

#services h3 {
	font-size: 50px;
	color: #fff;
	font-family: Amsterdam-Signature;
	margin-bottom: 80px;
}

#services h4 {
	color: #F18D7C;
	font-size: 22px;
	/*margin-top: 50px;*/
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: center;
}

#services .blocPere .bloc {
	position: relative;
}

#services .blocPere .bloc p {
	position: relative;
	margin-bottom: 20px;
}


#services .blocPere .bloc .petitRondOrange {
	position: absolute;
	top: 0px;
	left: -30px;
	width: 20px;
	height: 20px;
	border-radius: 43px;
	background-color: #F18D7C;
	z-index: 0;
}

#services strong {
	font-weight: bold;
}

#services .page4CoteCentrer .bloc {
	width: 25%;
	margin-left: 4px;
	margin-right: 4px;
	max-width: inherit !important;
	width: calc(25% - 8px);
	border-radius: 10px;
	position: relative;
	min-width: 320px;
}

#services .page4CoteCentrer .bloc img {
	height: 100%;
	width: 100%;
	z-index: 0;
	border-radius: 10px;
	position: absolute;
}

#services .page4CoteCentrer .bloc h4 {
	position: absolute;
	line-height: 60px;
	color: #000;
	width: 80%;
	margin-left: 10%;
	font-weight: bold;
	font-size: 40px;
	text-transform: uppercase;
	font-family: Montserrat-ExtraBold;
	top: 50px;
}

#services .page4CoteCentrer .bloc h4 {
	position: absolute;
	line-height: 60px;
	color: #000;
	width: 80%;
	margin-left: 10%;
	font-weight: bold;
	font-size: 40px;
	text-transform: uppercase;
	font-family: Montserrat-ExtraBold;
	top: 50px;
}

#services .page4CoteCentrer .bloc.troislignes h4 {
	top: 20px;
}


#pagePilliers #pilliers {
	background-color: #fff;
}

#pagePilliers #pilliers h2 {
	font-family: Amsterdam-Signature;
}

#pagePilliers #pilliers p {
	font-size: 16px;
	text-align: left;
}

#detailsPilliers {
	float: left;
	width: 100%;
	background-color: #FCF9F2;
}

#detailsPilliers img {
	width: auto;
}

#detailsPilliers h3 {

	color: #AAAC5F;
	line-height: 60px;
}

#detailsPilliers p {
	margin-bottom: 100px;
	text-align: center;
}

.page1CoteCentrer {
	/*margin-top: 100px;*/
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	flex-direction: column;
}

.page1CoteCentrer .bloc {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

#accompagnements5Pilliers {
	background-color: #fff;
	width: 100%;
	padding-left: 15%;
	padding-right: 15%;
}

#accompagnements5Pilliers h2 {
	font-size: 36px;
	color: #707070;
	line-height: 60px;
}

.rounded li {
	color: #707070;
	font-family: PoppinsLight;
	font-size: 16px;
	line-height: 24px;
	color: #5c5a5f;
	font-size: 16px;
	font-family: PoppinsMedium;
	text-align: justify;
}

.rounded {
	padding-left: 0px;
}

.croix {
	position: absolute;
	top: 0px;
	right: 30px;
	display: none;
}

footer .page4CoteCentrer .bloc {
	cursor: pointer;
}

#actualites h2 {
	margin-bottom: 50px;
}

#actualites .actualite .imageActualite img {
	height: 200px;
	float: left;
	margin-right: 20px;

}

#actualites .actualite .imageActualite img {
	height: 200px;
	float: left;
	margin-right: 20px;
	height: 250px;
	width: auto;
}

#actualites .actualite {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #707070;
}

#actualites .actualite h3 {
	text-align: left;
	color: #707070;
}

#actualites .actualite .imgActualite {
	display: block;
	width: 100%;
	height: 280px;
}

#actualites .btActu {

	margin-bottom: 80px;
	display: block;
}

#actualites .descriptionImage {
	color: #707070;
	font-family: PoppinsBold;
	font-size: 18px;
	line-height: 25px;
	text-align: justify;
	font-weight: inherit;
	margin-bottom: 50px;
}

#actualites ul li {
	list-style: inside;
	font-family: Montserrat-Light-Regular;
	font-size: 16px;
	color: #707070;
}

#actualites .descriptionImage h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.actus #contactPillier img {
	filter: brightness(50%) !important;
}

#contactPillier img {
	z-index: -1;
}

#contactPillier h2 {
	color: #fff;
	font-family: Amsterdam-Signature;
	font-size: 80px;
	letter-spacing: 0px;
	font-weight: inherit;
	line-height: 75px;
	color: #CEAD63;
}

#contactPillier h3 {
	color: #fff;
	font-family: Montserrat-Light-Regular;
	font-size: 40px;
}

#contactPillier button {
	color: #fff;
	border: 1px solid #fff;
	height: 80px;
	width: 490px;
	text-align: center;
	font-size: 33px;
	line-height: 76px;
	font-weight: bold;
}

#contactPillier .blocCentre {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 25%;
	transition-duration: 2s !important;
	top: 0px;
}

#contactPillier hr {
	background-color: #fff;
	height: 2px;
}

.sousMenuSection li {
	width: 33.33%;
	font-size: 22px;
	height: 100px;
}

.sousMenuSection li a {
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 100px;
}



#accueil button {
	background-color: transparent;
	color: #fff;
	border: 0px solid #375447;
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: left;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
}

.barre {
	color: #CEAD63;
	border-bottom: 2px solid #707070;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	padding-left: 15px;
	box-sizing: border-box;
}

#annonces {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	background-color: #000;
	padding-bottom: 0px;
	margin-top: 100px;
}

#annonces button {
	text-align: center;
	margin-left: 0px;

	border: 0px solid #cead63;
	background-color: #cead63;
	color: #000;
	font-family: PoppinsBold;
	border-radius: 10px;
	margin-top: 25px;
}


#annonces h2 {
	text-align: left;
	color: #fff;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#annonces h3 {
	margin-top: 20px;
}

#annonces hr {
	height: 2px;
	width: 100%;
	background-color: #fff;
}

#belartImmo {
	overflow: hidden;
	background: linear-gradient(transparent, #CEAD63);
}

#belartImmo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	position: absolute;
	z-index: 0;
}

#belartImmo .texte {
	width: 100%;
	padding-left: 20%;
	padding-right: 20%;
	box-sizing: border-box;
	color: #fff;
	margin-top: 100px;
	margin-bottom: 100px;
	z-index: 2;
	position: relative;
}

#belartImmo h2,
#belartImmo h3,
#belartImmo p {
	color: #fff;
}

#belartImmo h2 {
	font-size: 42px;
}

#belartImmo h3 {
	margin-top: 55px;
}

#belartImmo button {
	border: 3px solid #fff;
	color: #fff;
}


.page3CoteCentrer {
	width: 80%;
	margin-left: 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.page3CoteCentrer .bloc {
	width: 33.3%;
	min-height: 300px;
	padding: 25px;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
	text-align: center;
}

.page3CoteCentrer img {
	width: 100px;
	object-fit: cover;
	box-sizing: border-box;
	height: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

.page3CoteCentrer .bloc img {
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: auto;
	object-fit: cover;
}

#notreHistoire {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #000;
}

#notreHistoire h2 {
	font-size: 42px;
	width: 80%;
	text-align: left;
	padding-bottom: 0px;
	color: #fff;
}

#notreHistoire .texte {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
}


#notreHistoire .texte h3 {
	color: #CEAD63;
	text-align: left;
	font-size: 32px;
	font-family: PoppinsBold;
}

#notreHistoire h4 {
	color: #707070;
	font-weight: inherit;
	margin-top: 0px;
	font-size: 22px;
}

#notreHistoire .texte .floatLeft h4 {
	color: #CEAD63;
	font-weight: inherit;
	margin-top: 0px;
}

#notreHistoire .texte .floatLeft {
	margin-left: 0px;
	width: 100%;
	margin-bottom: 0px;
}

#notreHistoire .texte .floatLeft p {
	font-size: 18px;
	color: #fff;
	text-align: left;
	font-family: PoppinsBold;
}

#notreHistoire .texte h5 {
	color: #CEAD63;
	width: 100%;
	text-align: center;
	font-weight: inherit;
	font-size: 22px;
}

#notreHistoire {
	padding-bottom: 50px;
}



.page2CoteCentrer {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

#decouvrir .page2CoteCentrer {
	width: 90%;
}

section#decouvrir img {
	height: 450px;
}

#decouvrir.stylesTitres #billeterieIndex button {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #fff;
	height: 80px;
	color: #5c5a5f;
	font-size: 40px;
	width: 400px;
	text-align: center;
}

.page2CoteCentrer .bloc {
	width: 50%;
	min-height: 300px;
	padding: 25px;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
	text-align: center;
}

.page2CoteCentrer .bloc .slide {
	display: none;
}

.page2CoteCentrer .bloc .actif {
	display: block;
}

.nav-slider {
	text-align: center;
	margin-top: 10px;
}

.nav-slider .prev,
.nav-slider .next {
	cursor: pointer;
	font-size: 30px;
	padding: 0 15px;
	color: #333;
	user-select: none;
}

.dots-slider {
	text-align: center;
	margin-top: 10px;
}

.dots-slider .dot {
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: #bbb;
	border-radius: 50%;
}

.dots-slider .active-dot {
	background-color: #333;
}

.page2CoteCentrer .bloc .listeHotels {
	text-align: left;
	color: #5c5a5f;
	padding-left: 0;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.page2CoteCentrer .bloc .listeHotels li {
	font-family: "PoppinsMedium";
}

.page2CoteCentrer .bloc .listeHotels .nomHotel {
	font-family: "PoppinsSemiBold";
	font-size: 18px;
}

.page2CoteCentrer .image {
	display: block;
	text-align: center;
	min-height: 110px;
}

#accompagner {
	float: left;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
	background-color: #000;
}

#accompagner h2 {
	font-size: 34px;
	/*border-bottom:2px solid #707070;*/
	color: #fff;
	padding-bottom: 20px;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#accompagner h3 {
	margin-bottom: 50px;
	font-weight: inherit;
}

#accompagner .btContact {
	background-color: #CEAD63;
	color: #fff;
	border: 0px;
	min-width: 400px;
}

#portail .btContact {
	background-color: #4bc2c8;
}

#imageMenuCachee {
	display: none;
}


#annonces h3 {
	color: #fff;
	width: 100%;
	font-weight: inherit;
	font-family: Montserrat-SemiBold;
	text-align: left;
	font-size: 26px;
	color: #ee831b;

}

#annonces p {
	color: #707070;
	font-family: Metropolis-Light;
}

#annonces .page4CoteCentrer {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
	justify-content: flex-start;
	padding-bottom: 50px;
	float: left;
	width: 100% !important;
	margin-top: 50px;
}

#annonces .page4CoteCentrer .bloc {
	margin-left: 0px;
	margin-right: 25px;
	text-align: left;
	margin-bottom: 20px;
}

#achatVente .page4CoteCentrer .bloc {
	height: auto;
}

/*
#annonces .bloc h3{
	color:#CEAD63;
	font-size:22px;
	font-family:Montserrat-Light, sans-serif;
	text-align:left;
	font-weight:inherit;
}

#gestionLocative #annonces h4{
	color:#CEAD63;
	font-size: 22px;
	font-weight:inherit;
}*/

#annonces .bloc p {
	/*color:#707070;*/
	color: #CEAD63;
	text-align: left;
	margin-bottom: 5px;
}

#annonces .page4CoteCentrer .bloc {
	line-height: 40px;
	overflow: hidden;
}

#annonces .page4CoteCentrer .bloc .number {
	color: #CEAD63;
	font-size: 60px;
	width: 56px;
	height: 78px;
	border: 4px solid #CEAD63;
	border-radius: 68px;
	display: block;
	line-height: 78px;
	padding-left: 21px;
}

.page4CoteCentrer .bloc input {
	margin-left: 0px;
	height: 30px;
	border-radius: 30px;
	min-width: 150px;
	padding-left: 30px;
	padding-right: 0px;
	border: 2px solid #fff;
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

input:focus {
	border: 1px solid #fff;
}

.page4CoteCentrer .bloc input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background: #ddd;
	margin: 0px 00px;
	border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	display: inline-block;
	min-width: 30px;
	margin-right: 5px;

}

.page4CoteCentrer .bloc select {
	margin-left: 0px;
	height: 30px;
	border-radius: 30px;
	min-width: 150px;
	padding-left: 30px;
	padding-right: 0px;
	border: 1px solid #707070;
	background-color: #fff;
	cursor: pointer;
	max-width: 230px;
}

.page4CoteCentrer .bloc label,
.page4CoteCentrer .bloc input[type="checkbox"] {
	cursor: pointer;
}

div.checkbox {
	color: #707070;
	font-size: 16px;
	line-height: 36px;
	cursor: pointer;
	float: left;
	min-width: 100px;
}

.blocVehicule .checkbox {
	min-width: 150px;
}

input.recherche {
	background-image: url("../images/icones/loupe.png");
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 18px;
	width: 175px;
}

input.prix {
	background-image: url("../images/icones/prix.png");
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px !important;
	width: 175px;
	background-position-x: 10px;
}

#contactPillier img {
	z-index: -1;
}

#contactPillier h2 {

	font-family: PoppinsBold;
	font-size: 40px;
	letter-spacing: 0px;
	font-weight: inherit;
	line-height: 75px;
	margin-top: 0px;
}

#contactPillier h3 {
	color: #fff;
	font-family: PoppinsBold;
	font-size: 30px;
}

#contactPillier button {
	color: #fff;
	border: 0px solid #375447;
	height: 80px;
	width: 490px;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	background-color: #375447;
	font-family: PoppinsBold;
}

#contactPillier .blocCentre {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 25%;
}

#gestionLocative #annonces h3 {
	text-align: left;
	color: #CEAD63;
	font-weight: inherit;
	margin-bottom: 70px;
}

#gestionLocative #annonces h3.finPage {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #CEAD63;
}

.page4CoteCentrer {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

.page4CoteCentrer .bloc {
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	/*padding-left:10px;
		padding-right:10px;*/
	text-align: center;
	min-height: 70px;
	line-height: 70px;
	height: 320px;
}

.page4CoteCentrer {
	/*flex-direction: column;*/
	justify-content: center;
	height: auto;
}

.page4CoteCentrer .bloc img {
	/*flex-direction: column;*/
	height: 200px;
	width: 300px;
}

#annonces .page4CoteCentrer .bloc h3 {
	font-size: 22px;
	line-height: 36px;
	color: #EE7D0F;
	text-align: left;
	margin-top: 10px;
	font-family: "Montserrat-Light", sans-serif;
	margin-bottom: 5px;
	font-weight: bold;
}

#annonces .page4CoteCentrer .bloc p.prix {
	font-size: 26px;
	margin-top: -40px;
	margin-left: 20px;
	color: #CEAD63;
	margin-bottom: 0px;
	position: absolute;
	z-index: 3;
	font-family: "Montserrat-Light", sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	display: none;
}

#annonces .page4CoteCentrer .bloc p.description {
	font-size: 16px;
	margin-top: 0px;
	margin-left: 0px;
	color: #EE7D0F;
	margin-bottom: 0px;
	font-family: "Montserrat-Light", sans-serif;
	line-height: 18px;
}

#annonces .page4CoteCentrer .bloc .fondu {
	/*background: linear-gradient(transparent, #000);*/
	margin-top: 120px;
	height: 80px;
	width: 300px;
	z-index: 2;
	position: absolute;
	opacity: 0.9;
}

.actus .pagePleine.intro {
	min-height: 80%;
	height: 100% !important;
}

.actus .pagePleine.intro {
	position: relative;
}

.actus .intro .blocCentre {
	height: 200px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	top: auto !important;
	width: 100%;
	background: linear-gradient(rgba(55, 84, 71, 0.5), rgba(55, 84, 71, 1));
	padding-left: 5%;
	padding-right: 5%;
}

.actus.annonce .intro .blocCentre {
	opacity: 1 !important;
}

.autresImagesBloc {
	height: 490px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 300px;
}

.miniatures {
	position: absolute;
	top: 0px;
}

.flecheHautMiniature {
	top: -25px;
	background-image: url("../images/icones/flecheVerteHaut.png");
	height: 15px;
	width: 15px !important;
	position: absolute;
	left: calc(50% - 7.5px);
	cursor: pointer;
	display: none;
}

.flecheBasMiniature {
	background-image: url("../images/icones/flecheVerteBas.png");
	height: 15px;
	width: 15px !important;
	position: absolute;
	bottom: -25px;
	left: calc(50% - 7.5px);
	cursor: pointer;
}

.flecheVerteDroite {
	background-image: url("../images/icones/flecheOrangeDroite.png");
	position: absolute;
	top: calc(50% - 25px);
	right: 0px;
	cursor: pointer;
	height: 37px !important;
	width: 37px !important;
}

.flecheVerteGauche {
	background-image: url("../images/icones/flecheOrangeGauche.png");
	position: absolute;
	top: calc(50% - 25px);
	left: calc(0%);
	cursor: pointer;
	height: 37px !important;
	width: 37px !important;
}

.autresImagesPopUp {
	height: 100%;
	width: 100%;
}

.autresImagesPopUp .imageMiniature {
	height: 100%;
	width: 100%;
}

#resultatsAnnonces .page2Cote.page2CoteMarge .imageGauche img {
	width: 670px;
	height: auto;
	margin-bottom: 0px;
	object-fit: cover;
	box-sizing: border-box;
}

#resultatsAnnonces .page2Cote.page2CoteMarge h2 {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 90%;
	font-size: 34px;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
}

#resultatsAnnonces h1 {
	padding-left: 10%;
}

.page2Cote .imageGauche .texte p.prix {
	font-size: 36px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#resultatsAnnonces .page2Cote .floatLeft {
	overflow: hidden;
}

.lienFooterIndex,
.lienFooterAchatVente,
.lienFooterServices,
.lienFooterHistoire {
	cursor: pointer;
	color: #000;
	font-family: Montserrat-Regular;
}

.lienFooterIndex {
	margin-left: auto;
	margin-right: auto;
	color: #000;
	font-size: 20px;
	margin-top: 0px;
}

#mentionsLegales h3 {
	text-align: left;
}

#achatVente #annonces h2 {
	font-size: 30px;
	color: #CEAD63;

}

.listeAnnonce {
	background-color: #375447;
	padding-top: 100px;
	padding-bottom: 50px;
	margin-top: 0px;
}

.listeAnnonce p {
	color: #fff;
	font-family: Montserrat-Regular;
	line-height: 20px;
}

#notreHistoire.page2Cote.page2CoteMarge .imageGauche img {
	margin-right: 50px;
}

#gestionLocative #annonces .page4CoteCentrer .bloc {
	height: auto;
}

#mentionsLegales h2 {
	text-align: left;
}

#mentionsLegales h3 {
	margin-top: 30px;
}

#annonces p a {
	color: #CEAD63;
}

.grandMenu nav #imageMenuCachee img {
	width: 100%;
	object-fit: cover;
	box-sizing: border-box;
	height: 250px;
}

.iconeTelephone,
.iconeMail {
	height: auto !important;
}

.iconeFNAIM {
	height: 80px !important;
}


@media screen and (max-width:1450px) {
	#services .page4CoteCentrer .bloc {
		width: 25%;
		margin-left: 4px;
		margin-right: 4px;
		max-width: inherit !important;
		width: calc(25% - 8px);
		border-radius: 10px;
		position: relative;
		min-width: 320px;
		margin-bottom: 25px;
	}

	.actus .intro .blocCentre h1 {
		line-height: 90px;
		font-size: 50px;
	}

	.conteneur li,
	.conteneur li span {
		font-size: 18px;

	}

	.sousMenu li {
		font-size: 14px;

	}

	nav.defilement .conteneur li li span {
		font-size: 20px;
	}

	.conteneur .accompagnements {
		width: calc((100%/4));
	}

	.logo {
		/*width: 160px !important;*/
	}

	.defilement .logo {
		/*width:70px !important;
		height:70px !important;*/
	}

	.defilement li img {
		height: 100px !important;
		width: auto !important;
		margin-top: 5px;
	}

	/*.logo img{
		width:100px;
		height:100px;
		
	}*/

	#resultatsAnnonces .page2Cote.page2CoteMarge .imageGauche img {
		width: 470px;
		height: auto;
		margin-bottom: 0px;
		object-fit: cover;
		box-sizing: border-box;
	}

	.page2Cote.page2CoteMarge .texte {
		width: calc(98% - 500px);
	}

	/*.grandMenu nav, .grandMenu .conteneur ul, .grandMenu .conteneur li{
		line-height: 176px;
	}*/

	.page2CoteCentrer {
		width: 70%;
	}

	.page2Cote .floatLeft {
		width: 95%;
		margin-left: 2.5%;
	}

	.footer .iconeRight {
		font-size: 22px;
	}
}

.page5CoteCentrer {
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
}

.page5CoteCentrer .bloc {
	min-width: 220px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}

.page5CoteCentrer .bloc img {
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	width: auto;
	object-fit: cover;

}

.page5CoteCentrer .bloc h4 {
	color: #707070;
	font-family: Shree-Devanagari-714;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-top: 50px;
}


#separationNoir {
	padding-top: 100px;
	padding-bottom: 0px;
	background-color: #000000;

	float: left;
	width: 100%;
}

#separationNoir h2 {
	line-height: 100px;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
}

#separationNoir .page5CoteCentrer {
	background-color: #CEAD63;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 100px;
	padding-bottom: 100px;
}

#separationNoir .page5CoteCentrer .bloc {
	width: 18%;
	margin-bottom: 0px;
	margin-bottom: 25px;
	margin-top: 25px;
}

#separationNoir .page5CoteCentrer h3 {
	font-size: 18px;
	line-height: 22px;
	color: #000;
	padding-bottom: 0px;
	margin-bottom: 0px;
}



#anime .page5CoteCentrer {
	/*background-color:#CEAD63;*/
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 100px;
}

#anime h2 {
	position: inherit;
	color: #fff;
	text-align: left;
	margin-left: 10%;
	font-size: 30px;
	margin-top: 80px;
	letter-spacing: 1px;
}

#anime .page5CoteCentrer .bloc {
	width: 18%;
	margin-bottom: 0px;
	position: relative;
	color: #fff;
	margin-bottom: 25px;
	margin-top: 25px;
}

#anime .page5CoteCentrer .bloc img {
	min-height: auto !important;
	top: 0px !important;
	position: inherit;
	margin-bottom: 20px;
	filter: brightness(100%) !important;
}

#anime .page5CoteCentrer h3 {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

#anime h4 {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	padding-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
	position: inherit;
	font-family: FelixTitling;
	width: 60%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: inherit;
	margin-bottom: 50px;
}

#mapEtHoraire {
	float: left;
	width: 100%;
	padding-left: 5%;
	background-color: #000;
}

#mapEtHoraire .gauche {
	width: 30%;
	margin-right: 5%;
}

#mapEtHoraire h2 {
	font-size: 42px;
	width: 80%;
	text-align: left;
	padding-bottom: 0px;
	color: #fff;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
}

#googleMap {
	border-radius: 10px;
}

#mapEtHoraire h3 {
	font-size: 32px;
	width: 100%;
	text-align: left;
	padding-bottom: 0px;
	color: #fff;
	margin-top: 20px !important;
	padding-top: 0px;
	margin-left: 0px;
	font-family: FelixTitlingRegular;
}

footer .iconeRight {
	font-family: Montserrat-Light;
	font-size: 25px;
	padding-right: 50px;
	position: relative;
	box-sizing: border-box;
}

footer .iconeRightAdresse {
	background-image: url("../images/icones/trouver-vendeur-voiture-isere.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 18px;
	top: 0px;
}

footer .iconeRightMail {
	background-image: url("../images/icones/mail-agence-automobile-voiron.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 18px;
	top: 0px;
}

footer .iconeRightTel {
	background-image: url("../images/icones/telephoner-acheter-voiture.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 18px;
	top: 0px;
}



footer .iconeRightFacebook {
	background-image: url("../images/icones/facebook-agence-auto-voiron-pays-voironnais.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 18px;
	top: 0px;
}

footer .iconeRightInstagram {
	background-image: url("../images/icones/instagram-agence-automobile-voiron.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 18px;
	top: 0px;
}

footer .copyright {
	font-family: PoppinsBold;
	background-image: url("../images/icones/copyright-regular.png");
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
	float: initial;
	margin-right: 10px;
}


.iconeLeft {
	font-family: Montserrat-Light;
	font-size: 25px;
	position: relative;
	box-sizing: border-box;
	height: 70px;
	padding-left: 70px;
	line-height: 45px;
}

.iconeLeftAdresse {
	background-image: url("../images/icones/map-marker-alt-solid.png");
	background-repeat: no-repeat;
	position: absolute;
	height: 42px;
	width: 32px;
	left: 0px;
}

.iconeLeftTel {
	background-image: url("../images/icones/phone-solid.png");
	background-repeat: no-repeat;
	position: absolute;
	height: 42px;
	width: 42px;
	left: 0px;
}

.iconeLeftMail {
	background-image: url("../images/icones/envelope-solid.png");
	background-repeat: no-repeat;
	position: absolute;
	height: 42px;
	width: 42px;
	left: 0px;
}

.iconeLeftFacebook {
	background-image: url("../images/icones/facebook-brands.png");
	background-repeat: no-repeat;
	position: absolute;
	height: 42px;
	width: 41px;
	left: 0px;
}

.iconeLeftInstagram {
	background-image: url("../images/icones/instagram-brands.png");
	background-repeat: no-repeat;
	position: absolute;
	height: 42px;
	width: 42px;
	left: 0px;
}

#resultatsAnnonces {
	background-color: #fff;
}

#packs {
	background-color: #000;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}

#packs .bloc {
	background-color: #CEAD63;
	width: 31.3%;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 20px;
}

#packs ul {
	margin-bottom: 50px;
}

#packs ul li {
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

#packs ul li:before {
	content: '✓ ';
}

#packs .prix {
	text-align: left;
	color: #000;
	font-size: 24px;
	display: block;
	position: absolute;
	bottom: 20px;
	font-weight: bold;
}

#packs h2 {
	text-align: left;
	color: #fff;
}

#packs .page3CoteCentrer {
	width: 100%;
	margin-left: 0%;
}

#nosServices {
	background-color: #000;
	padding-bottom: 0px;
}

#nosServices.page2Cote .gauche {
	width: 30%;
	height: 300px;
	padding-right: 10%;
	position: relative;
	margin-top: 25px;
}

#nosServices.page2Cote .gauche img {
	height: 100%;
	object-fit: cover;
}

#nosServices.page2Cote .droite {
	width: 60%;
	border-left: 1px solid #fff;
	color: #fff;
}

#nosServices.page2Cote .droite .texte p {
	color: #fff;
	font-family: Montserrat-Light;
}


#nosServices.page2Cote .droite h3 {
	text-align: left;
	padding-left: 50px;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-family: FelixTitlingRegular;
}

#nosServices.page2Cote .cadreBlanc {
	position: absolute;
	left: 25px;
	top: -25px;
	border: 1px solid #fff;
}


#nosServices.page2Cote .bloc {
	min-height: 400px;
}

#nosServices.page2Cote .texte {
	width: 80%;
}

#nosServices.page2Cote button {
	border: 3px solid #CEAD63;
	background-color: #CEAD63;
	color: #000;
	margin-left: 0px;
	margin-top: 50px;
}

#anime img {
	filter: brightness(70%) !important;
}

.carteGrise #formulaire input {
	margin-left: 0px;
	height: 30px;
	border-radius: 30px;
	min-width: 150px;
	padding-left: 30px;
	padding-right: 0px;
	border: 2px solid #fff;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	width: 200px;
}

.carteGrise #message {
	width: 100%;
	height: 100px;
	margin-top: 20px;
}

.carteGrise .page4CoteCentrer .bloc {
	height: auto !important;
}

.carteGrise .page4CoteCentrer .blocdouble {
	margin-right: 0px;
}

.carteGrise #annonces {
	padding-bottom: 100px;
}

.carteGrise .intro img,
#achatVente .intro img,
.pageService .intro img {
	filter: brightness(40%) !important;
}

#achatVente .less img,
#pageAccueil .less img {
	margin-top: 50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*position:absolute;
	left:calc(50% - 18px);
	bottom:50px;*/
	filter: brightness(100%) !important;
	height: auto !important;
}

.annonce .listeAnnonce {
	margin-bottom: 0px;
}

#mapEtHoraire h2 {
	padding-left: 35%;
	box-sizing: border-box;
}

.menuSite img {
	display: none;
}

#packs ul {
	padding-left: 15px;
}

.logoNoir {
	display: none !important;
}

.logoJaune {
	width: 100px;
	height: 100px;
}

#pageAccueil #cadreJaune .gauche {
	width: 30%;
	height: 300px;
	padding-right: 5%;
	position: relative;
	margin-top: 25px;
	margin-left: -5%;
}

#pageAccueil #cadreJaune {
	/*	height:200px;
		width:100%;
		background-color:#CEAD63;*/
}

#pageAccueil #cadreJaune .cadreJaune {
	height: 300px;
	width: 100%;
	background-color: #CEAD63;
}

#notreHistoire #cadreJaune .texte p {
	padding-left: 0px;
	color: #fff;
	text-align: left;
	font-family: PoppinsBold;
}

#pageAccueil #cadreJaune .cadreBlanc {
	position: absolute;
	left: 20px;
	top: -20px;
	border: 1px solid #fff;
}

#pageAccueil #cadreJaune.page2Cote .gauche img {
	height: 100%;
	object-fit: cover;
	bottom: -10%;
	width: 80%;
	position: absolute;
	left: 5%;
}

#pageAccueil #cadreJaune .droite {
	width: 70%;

	color: #fff;
	margin-left: 0%;
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 50px;
	box-sizing: border-box;
}

#mapEtHoraire a {
	color: #fff;

}

.actus.annonce {
	background-color: #000;
}

.actus.annonce .descriptionAnnonce {
	max-height: 1500px;
	line-height: initial;
}

.blocBas {
	position: absolute;
	bottom: 0px;
	width: 100%;
	min-height: 100px;
}

.blocBas h1 {
	position: relative;
	top: 20px;
	left: 20px;
	color: #164b62;
	margin-top: 0px;
	margin-bottom: 0px;
	width: calc(50% - 20px);
	padding-bottom: 0px;
}

#veranda .blocBas h1,
#portail .blocBas h1,
#pergola .blocBas h1,
#autres .blocBas h1,
#pageAccueil .blocBas h1 {
	top: 10px;
	font-size: 44px;
	line-height: 42px;
}

.blocBas h2 {
	position: relative;
	top: 15px;
	right: 20px;
	width: calc(50% - 20px);
	color: #4ebdc1;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: right;
	font-size: 34px;
	padding-bottom: 15px;
	float: right;
}


.blocBas .fondBlanc {
	background-color: #fff;
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0.8;
}

.sectionTexte {
	/*padding-left: 5%;
		padding-right: 5%;*/
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sectionTexte2 {
	padding-top: 0px;
}

.sectionTexte .bloc {
	padding-left: 5%;
	padding-right: 5%;
}

.sectionTexte img {
	max-height: 1000px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.sectionTexte h2,
.sectionTexte h3,
.sectionTexte p {
	text-align: left;
}

.sectionTexte h2 {
	color: #38B7BE;
	font-family: BebasNeue-Regular;
}

.sectionTexte h3 {
	color: #0B4B62;
	font-family: BebasNeue-Regular;
}

.sectionTexte p {
	color: #818181;
	font-family: Metropolis-Light;
}

.sectionQuestion {
	margin-top: 150px;
	padding-left: 0%;
	padding-right: 0%;

}

.sectionQuestion img {
	max-height: 700px;
	min-height: 600px;
}

.sectionQuestion .blocQuestions {
	width: 500px;
	z-index: 10;
	position: absolute;
	top: -100px;
	right: 50px;
	background-color: #375447;
	border: 1px solid #c0cccc;
	padding-bottom: 75px;
	opacity: 0.95;
}

#veranda .sectionQuestion .blocQuestions {
	background-color: #0A4B62;
}

#portail .sectionQuestion .blocQuestions {
	background-color: #2CB7BE;
}

#pergola .sectionQuestion .blocQuestions,
#autres .sectionQuestion .blocQuestions {
	background-color: #164B62;
}


.sectionQuestion .blocQuestions a {
	font-family: PoppinsBold;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
	margin-bottom: 30px;
	display: block;
	cursor: pointer;
	font-size: 26px;
	line-height: 28px;
	color: #fff;
}

.sectionQuestion h2 {

	color: #fff;
	font-family: BebasNeue-Regular;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	margin-bottom: 40px;
}

.sectionQuestion h3 {
	color: #0B4B62;
	font-family: BebasNeue-Regular;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}

.sectionQuestion h4 {
	font-family: BebasNeue-Regular;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}

.sectionQuestion h5 {
	font-family: BebasNeue-Regular;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	color: #1ca7ab;
	display: inline;
	font-size: 22px;
}

.sectionQuestion p {
	color: #818181;
	font-family: Metropolis-Light;
	text-align: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

.sectionQuestion a {
	color: #ee7d0f;
}

#annonces {
	background-color: #DEDEDE;
}

#annonces .blocTitre {
	float: right;
	width: 30%;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 5%;
	background-color: #EE7D0F;
	box-sizing: border-box;
	min-height: 200px;
	margin-top: -50px;
	opacity: 0.95;
	box-shadow: 2px 4px 6px -2px #3C3C3C;
}

#portail #annonces .blocTitre {
	background-color: #4bc2c8;
}

#pergola #annonces .blocTitre,
#autres #annonces .blocTitre {
	background-color: #164B62;
	position: relative;
}



#annonces.autresPages .blocTitre {
	width: 30%;
}

#annonces.autresPages .blocTitre hr {
	/*margin-left: -86px;*/
	position: absolute;
	left: 0px;
	width: 50%;
	top: 15px;
	margin: 0px;
}

#annonces.autresPages .blocTitre hr.fin {
	position: absolute;
	right: 0px;
	width: 50%;
	bottom: 15px;
	top: auto !important;
	margin: 0px;
	left: auto;
}

#annonces.autresPages .page4CoteCentrer {
	width: 100% !important;
}

#devisGratuit {
	margin-top: 100px;
	padding-left: 0%;
	padding-right: 0%;
}

#devisGratuit img {
	max-height: 700px;
	min-height: 600px;
}

#devisGratuit .blocTitre {
	position: absolute;
	float: left;
	padding-left: 2.5%;
	padding-right: 2.5%;
	margin-left: 5%;
	background-color: #375447;
	box-sizing: border-box;
	min-height: 200px;
	margin-top: -50px;
	opacity: 0.95;
	color: #fff;
	border: 0px solid #2CB7BE;
	width: 400px;
	box-shadow: 2px 4px 6px -2px #3C3C3C;
}

#portail #devisGratuit .blocTitre {
	background-color: #4bc2c8;
}

#pergola #devisGratuit .blocTitre,
autres {
	background-color: #164B62;
}



#devisGratuit .blocTitre h2 {
	text-align: left;
}

#devisGratuit .blocTitre h3 {
	text-align: right;
}

#devisGratuit button {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 100px);
	background-color: #EE7D0F;
	color: #fff;
	font-family: BebasNeue-Regular;
	border: 0px;
	border-radius: 0px;
}

#pergola #devisGratuit button,
#autres #devisGratuit button {
	background-color: #164B62;
}

#contact {
	margin-top: 0px;
	padding-left: 0%;
	padding-right: 0%;
}

#contact img {
	max-height: 700px;
}

#contact .blocTitre {
	position: absolute;
	float: left;
	min-height: 200px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	margin-left: 5%;
	background-color: #fff;
	box-sizing: border-box;
	/*min-height:200px;*/
	margin-top: 20%;
	opacity: 0.95;
	/*writing-mode: vertical-lr;
		text-orientation: mixed;*/
	color: #EE7D0F;
	border: 1px solid #2CB7BE;
	cursor: pointer;
}

#contact h2 {
	color: #fff;
	margin-bottom: 0px;
	line-height: 30px;
	padding-top: 0px;
	padding-bottom: 30px;
}

.iconeFooter {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 25px;
}

footer .logos {
	padding-top: 50px;
}

.page2Cote .imageGauche .imageAnnonce {
	max-width: 100%;
}

.iconeTelephone {
	position: fixed;
	right: 0px;
	top: calc(50% - 40px);
	background-color: #2CB7BE;
	height: 70px !important;
	width: 70px;
	z-index: 100000;
	padding-left: 15px;
	padding-top: 15px;
	box-sizing: border-box;
	cursor: pointer;
}

.iconeTelephone img {
	width: 40px;
	height: 40px;
}

.blocPhoto {
	width: 33%;
}

#presentation .page2CoteCentrer {
	width: 100%;
}

#presentation {
	color: #192420;
	text-align: left;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
}

#presentation .bloc {
	text-align: left;
	font-size: 16px;
}

#presentation .blocDiapo {}

#valeurs,
.blocFondGris {
	background-color: #e8e3df;
	padding-top: 50px;
	padding-bottom: 50px;
}

#prestations {
	padding-top: 50px;
	padding-bottom: 50px;
}

#valeurs h2,
.blocFondGris h2 {
	color: #192420;
	text-align: left;
	margin-left: calc(10%);
}

#valeurs h3,
.blocFondGris h3 {
	text-align: right;
	/*margin-left:calc(40px);*/
	width: 100%;
	color: #375447;
}

#valeurs .bloc {
	padding-top: 0px;
	padding-bottom: 0px;
}

#valeurs .bloc {
	margin-bottom: 50px;
	text-align: left;
}

#valeurs h3 {
	color: #375447;
	text-align: left;
}

#valeurs .blocCentre {
	border-left: 1px solid #fff;
}

#valeurs .blocDroite {
	border-left: 1px solid #fff;
}

#prestations h2 {
	color: #192420;
	text-align: left;
	margin-left: calc(10%);
}

#prestations h3 {
	text-align: left;
	color: #375447;
}

#prestations h3 .formule {
	color: #192420;
	font-size: 14px;

}


#prestations .bloc {
	width: 24%;
	padding: 0px;
	margin-left: 1%;
	padding-right: 25px;
	padding-left: 25px;
	color: #192420;
	text-align: left;
	font-size: 16px;
}

#prestations .blocGauche {
	width: 50%;
	padding-right: 25px;
	margin-left: 0%;
	padding-left: 0px;
}

#prestations .blocGauche p {
	width: 100%;
}

#prestations .page3CoteCentrer .bloc {
	min-height: auto;
	margin-bottom: 50px;

}

#prestations button {
	background-color: transparent;
	color: #fff;
	border: 0px solid #375447;
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: left;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
}

#references .page3CoteCentrer a {
	padding-left: 0px;
	padding-right: 20px;
	width: calc(33.3% - 25px);
	min-width: 400px;
	margin-bottom: 25px;
}

#references .page3CoteCentrer .bloc {
	padding-left: 0px;
	margin-right: 20px;
	padding: 0px;
	width: 100%;
	border: 1px solid #375447;
}

#references .page3CoteCentrer .bloc img {
	width: 100%;
	height: 250px;
}

#references .page3CoteCentrer h3 {
	text-align: left;
	margin: 0px;
	color: #375447;
	margin-bottom: 10px;
}

#references .textes {
	text-align: left;
	padding: 20px;
	font-size: 14px;
	color: #192420;
	min-height: 250px;
}

#references button {
	margin-top: 25px;
	background-color: transparent;
	color: #fff;
	border: 0px solid #375447;
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: left;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
}


.rounded {
	list-style-type: none;
	/* Pas de puces par défaut */
	padding-left: 0;
	margin-right: auto;
}

.rounded li {
	position: relative;
	padding-left: 20px;
	/* Espace pour le rond */
	text-align: left;
	/* Alignement à gauche */
}

.rounded li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	transform: translateY(-50%);
	width: 8px;
	/* Taille du rond */
	height: 8px;
	/* Taille du rond */
	background-color: #375447;
	/* Couleur du rond */
	border-radius: 50%;
	/* Pour faire un rond */
}

.references .page3CoteCentrer a {
	padding-left: 0px;
	padding-right: 20px;
	width: calc(33.3% - 25px);
	min-width: 400px;
	margin-bottom: 25px;
}

.references .page3CoteCentrer .bloc {
	padding-left: 0px;
	margin-right: 20px;
	padding: 0px;
	width: 100%;
	border: 1px solid #375447;
}

.references .page3CoteCentrer .bloc img {
	width: 100%;
	height: 250px;
}

.references .page3CoteCentrer h3 {
	text-align: left;
	margin: 0px;
	color: #375447;
	margin-bottom: 10px;
}

.references .textes {
	text-align: left;
	padding: 20px;
	font-size: 14px;
	color: #192420;
	min-height: 250px;
}

.references button {
	margin-top: 25px;
	background-color: transparent;
	color: #fff;
	border: 0px solid #375447;
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: left;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
}


#pageAccueil #contact {}

#references h2 {
	color: #375447;
	text-align: left;
	margin-top: 0px;
}

#references {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
	font-size: 14px;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #e8e3df;
}

#informations {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	padding-right: 10%;
	box-sizing: border-box;
	font-size: 14px;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}

#informations h2 {
	color: #375447;
	text-align: left;
	margin-top: 0px;
}

#references h2 {
	color: #375447;
	text-align: left;
	margin-top: 0px;
}

#references .page3CoteCentrer {
	width: 100%;
	margin-left: 0px;
}

#plan h2 {
	color: #375447;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	margin-top: 0px;
	line-height: 26px;
}

#plan {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #192420;
}

#plan .page2CoteCentrer {
	width: 70%;
}

#plan .page2CoteCentrer .blocGauche {
	width: 60%;
	color: #192420;
}

#plan .page2CoteCentrer .blocDroite {
	width: 35%;
	text-align: justify;
}


#pageAccueil #contact .page2CoteCentrer {
	width: 90%;
	padding-top: 0px;
	padding-bottom: 0px;
}

#pageAccueil #contact .page2CoteCentrer .blocGauche {
	border-right: 1px solid #fff;
	width: 35%;
	text-align: left;
	padding-right: 100px;
	padding-left: 0px;
}

#pageAccueil #contact .page2CoteCentrer .blocGauche p {
	text-align: right;
	color: #192420;
}

.page2CoteCentrer .bloc.blocDroite {
	margin-left: 5%;
}

#pageAccueil #contact button {

	/*background-color: transparent;*/
	/*color: #fff;*/
	/*border: 0px solid #375447;*/
	font-size: 20px;
	height: 40px;
	width: auto;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
	margin-left: 0%;
}

#pageAccueil #contact img {
	margin-left: auto;

}

#references h2 {
	font-size: 26px;
}

footer .page2CoteCentrer .bloc.blocGauche {
	width: 25%;
}

footer .page2CoteCentrer .bloc.blocDroite {
	width: 73%;
	margin-left: 0%;
}

#cgv h1 {
	margin-top: 170px;
}

#cgv h2 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#cgv h3 {
	margin-top: 20px;
	margin-left: 15px;
	font-size: 32px;
	text-align: left;
	color: #375447;
	margin-bottom: 0px;
	min-height: 0px;
}

#cgv {
	font-size: 16px;
}

#cgv strong {
	font-weight: bold;
}

.blocContact .boutons {
	position: absolute;
	top: calc(50% - 40px);
	text-align: center;
	display: block;
	width: 100%;
	float: left;
}

.blocContact .boutons .btJaune {
	width: 25%;
	min-width: 300px;
	cursor: pointer;
	margin-top: 25px;
	background-color: transparent;
	color: #fff;
	border: 0px solid #375447;
	font-size: 20px;
	height: 60px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: PoppinsBold;
	text-align: center;
	margin-left: 0px;
	background-color: #375447;
	color: #fff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	line-height: 60px;
}

#accueil {
	height: calc(100% - 155px);
	margin-top: 155px;
	min-height: 600px;
	overflow: hidden;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	max-height: 800px;
}

#accueil .caroussel {
	position: relative;
	height: calc(100%);
	max-height: 800px;
}

#accueil .slide {
	height: 100%;
	width: 100%;
	z-index: -1;
	position: absolute;
	transition-duration: 3s;
	opacity: 0;
}

#accueil .slide.ouvert {
	height: 100%;
	z-index: 1;
	transition-duration: 3s;
	opacity: 1;
}

#accueil .caroussel .slide img.imageFond {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	max-width: 50%;
}

#accueil .caroussel .slide .depliant {
	left: 20%;
	position: relative;
	height: 100%;
	width: 80%;
	z-index: 2;
	max-height: 800px;
}

#accueil .caroussel .slide .depliant .fondTransparent {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	margin-top: 0px !important
}

#accueil .caroussel .slide .depliant .fondTransparent img {
	height: 90%;
}

#accueil .caroussel .slide .depliant .fondTransitionBlancheTriangle {
	position: absolute;
	top: 0px;
	left: 120px;
	z-index: 3;
	margin-top: 0px !important
}


#accueil .caroussel .slide .depliant .transitionBlanche {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	height: 100%;
	width: 70%;
}

#accueil .caroussel .slide .depliant .contenu {
	left: 29%;
	position: absolute;
	top: 0px;
	width: 65%;
	padding-right: 50px;
	padding-left: 12px;
	background-color: #fff;
	height: calc(100%);
	padding-top: 50px;
	box-sizing: border-box;
}

#accueil .caroussel .slide .depliant .contenu .texte {
	font-family: PoppinsBold;
	text-align: right;
}


#accueil .caroussel .slide .depliant .contenu .texte1 {
	color: #8d6e5f;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 0px;
	text-transform: uppercase;
	text-align: right;
	width: 100%;
	font-family: PoppinsBold;
}

#accueil .caroussel .slide#slide4 .depliant .contenu .texte3 {
	font-size: 24px !important;
}



#accueil .caroussel #slide2.slide .depliant .contenu .texte1 {
	margin-top: 10px;
}

#accueil .caroussel #slide5.slide .depliant .contenu .texte1 {
	margin-top: 10px;
}




#accueil .caroussel .slide .depliant .contenu .texte2 {
	font-family: PoppinsLight;
	color: #8d6e5f;
	font-size: 65px;
	margin-top: 5px;
	margin-bottom: 15px;
	line-height: 65px;
}



#accueil .caroussel #slide2.slide .depliant .contenu .texte2 {
	font-size: 65px;
	line-height: 65px;
	margin-bottom: 10px;
}

#accueil .caroussel #slide5.slide .depliant .contenu .texte2 {
	font-size: 65px;
	line-height: 65px;
	margin-bottom: 10px;
}

#accueil .caroussel #slide3.slide .depliant .contenu .texte2 {
	text-align: right;
}

#accueil .caroussel .slide .depliant .contenu .texte1bis {
	font-size: 40px;
	line-height: 44px;
	margin-top: 25px;
}

#accueil .caroussel .slide .depliant .contenu .texte2.texte2bis {
	font-size: 110px;
	line-height: 110px;
	margin-bottom: 30px;
}

#accueil .caroussel #slide4.slide .depliant .contenu {
	width: 65%;
	padding-right: 50px;
}

#accueil .caroussel .slide .depliant .contenu .texte3 {
	font-family: PoppinsSemiBold;
	color: #000;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 10px;
}

#accueil .caroussel #slide5.slide .depliant .contenu .texte3 {
	color: #8d6e5f;
}

.apropos #accueil .caroussel .slide .depliant .contenu .texte3 {
	color: #8d6e5f !important;
}

#accueil .caroussel .slide .depliant .contenu .texte3 span {
	color: #000;
}

#accueil .caroussel #slide3.slide .depliant .contenu .texte3 {
	color: #8d6e5f;
	text-align: right;
}

#accueil .caroussel #slide3.slide .depliant .contenu .texte3 #accueil .caroussel .slide .depliant .contenu .texte4 {
	font-family: PoppinsSemiBold;
	color: #000;
	font-size: 24px;
	margin-top: 15px;
}

#accueil .caroussel #slide3.slide .depliant .contenu .texte3.texteExpositionMaj {
	color: #000;
	font-size: 42px;
	line-height: 48px;
	font-family: "PoppinsBold";
}

#accueil .caroussel .slide .depliant .contenu .texte4.texteExposition {
	font-size: 42px;
	line-height: 48px;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
}

#accueil .caroussel .slide .depliant .contenu .texte4.nom {
	color: #000;
	margin-top: 25px;
	font-size: 24px;
	line-height: 28px;
}

#accueil .caroussel .slide .depliant .contenu .texte4.hippodrome {
	font-size: 36px;
	line-height: 44px;
	color: #000;
}

#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
	left: -3%;
	z-index: 5;
	position: absolute;
	bottom: 0px;
	width: auto;
	height: 80%;
	bottom: -150px;
}

#accueil .caroussel .slide .depliant .contenu .mineaux_1 {
	left: -10%;
	height: 55%;
	bottom: 80px;
}

#accueil .caroussel .slide .nouveauLieu {
	width: 310px;
	margin-left: auto;
}

#accueil .caroussel .slide .expositionPrestige {
	width: 400px;
	margin-left: auto;
	position: relative;
	right: -25px;
}

#pageExposant .caroussel .slide .depliant .contenu .mineaux_lyon {
	bottom: -260px;
	left: -10%;
}

#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
	height: 80%;
	left: -15%;
}

#accueil .caroussel #slide5.slide .depliant .contenu .mineaux_lyon {
	bottom: 0px;
}



#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
	left: -7%;
	height: 77%;
	bottom: 0%;
}

#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
	margin-left: auto;
	margin-right: auto;
	position: inherit;
	/*width: 100%;*/
	/* right: 30%; */
	left: -5%;
	max-height: 100%;
	object-fit: cover;
	z-index: -1;
	bottom: 70px;
	height: 55%;

}

#accueil .caroussel #slide4.slide .depliant .contenu {
	background: linear-gradient(to right, white 25%, transparent);
}

#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
	position: absolute;
	width: auto;
	height: 80%;
	left: auto;
	right: -1%;
	bottom: 0px;
	z-index: 8;
}

/*#accueil .caroussel #slide5.slide .depliant .mineaux_lyon {
		position: absolute;
		height: calc(100%);
		left: auto;
		right: 0px;
		bottom: 0px;
		z-index: 5;
		width: 91%;
	}*/

#accueil .caroussel .slide .depliant .contenu {
	background-color: fff;
	z-index: 7;
}

#accueil .caroussel #slide4.slide .depliant .contenu .texte2 {
	font-size: 65px;
	line-height: 65px;
	text-align: right;
}

#accueil .caroussel #slide4.slide .depliant .contenu .texte3 {
	font-size: 20px !important;
	line-height: 24px;
	text-align: right;
	color: #8d6e5f;
	margin-bottom: 0px;
}

#accueil .caroussel #slide4.slide .depliant .contenu .texte3 span {
	font-size: 24px !important;
	line-height: 30px;
	text-align: right;
	color: #8d6e5f;
	margin-bottom: 5px;
	display: unset;
	font-family: "PoppinsBold";
}

/*#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile{
		display:none;
	}
	
	#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile_mini{
		display:none;
	}
	
	
	#accueil .caroussel #slide5.slide .transitionBlancheTriangle{
			display:none;
	}*/

.titreMineralyon {
	width: 80%;
	/* float:right; */
	margin-left: auto;
	margin-bottom: 10px;
}

#decouvrir {
	padding-left: 5%;
	padding-right: 5%;
	background-color: #c8af85;
	position: relative;
	overflow: hidden;
}

#decouvrir .page3CoteCentrer .bloc img {
	width: 100%;
	height: 280px;
}

#decouvrir .page3CoteCentrer {
	width: 100%;
	margin-left: 0%;
}

#decouvrir .trex {
	background-image: url("../images/icones/fondDecouvrirTerre.png");
	height: 380px;
	width: 395px;
	position: absolute;
	top: -180px;
	right: -10px;
}

#decouvrir p {
	color: #fff;
	font-size: 16px;
	font-family: PoppinsMedium;
	text-align: justify;
	margin-bottom: 5px;
}

#decouvrir p strong {
	font-size: 22px !important;
	display: block;
	text-align: center;
	font-family: PoppinsLight;
	text-align: left;
}

.fondMarron .rounded li {
	color: #fff !important;
}

.fondMarron ul li::before {
	color: #fff !important;
}

.fondMarron .rounded li::before {
	background-color: #fff;
}

ul.rounded li::marker {
	color: white;
	/* rend les puces blanches */
}

#visiteurs #galerie2 {
	background-color: #c2aa83 !important;
}

#visiteurs #galerie2 h2 {
	font-size: 44px;
	color: #fff !important;
}

.lineheightCol {
	margin-top: 15px;
	font-family: PoppinsMedium;
	color: #fff;
	font-size: 16px;
}

#decouvrir .mineral1 {
	background-image: url("../images/icones/mineral1.png");
	height: 182px;
	width: 156px;
	position: absolute;
	bottom: 280px;
	left: -10px;
}

#decouvrir .mineral2 {
	background-image: url("../images/icones/mineral2.png");
	height: 223px;
	width: 195px;
	position: absolute;
	bottom: 10px;
	left: 20px;
}


#pageApropos #decouvrir .mineral1 {
	background-image: url("../images/icones/pierre-precieuse-lyon.png");
	height: 91px;
	width: 89px;
	position: absolute;
	bottom: 280px;
	left: auto;
	right: 100px;
}

#pageApropos #decouvrir .mineral2 {
	background-image: url("../images/icones/pierres-lyon.png");
	height: 284px;
	width: 161px;
	position: absolute;
	bottom: 50px;
	left: 50px;
}

#pageBilleterie .mineral1 {
	background-image: url("../images/icones/pierre-lyon-fond.png");
	height: 69px;
	width: 99px;
	position: absolute;
	bottom: auto;
	left: auto;
	right: 350px;
	top: 50px;
}

#pageBilleterie .mineral2 {
	background-image: url("../images/icones/pierre-dessin-lyon-salon.png");
	height: 296px;
	width: 250px;
	position: absolute;
	bottom: auto;
	left: auto;
	right: 50px;
	top: 50px;
}

#pageContact .mineral1 {
	background-image: url("../images/icones/pierre-lyon-fond-contact.png");
	height: 142px;
	width: 111px;
	position: absolute;
	bottom: auto;
	left: 350px;
	top: 20px;
}

#pageContact .mineral2 {
	background-image: url("../images/icones/pierres-mineraux-lyon-contact.png");
	height: 157px;
	width: 274px;
	position: absolute;
	left: 50px;
	top: 75px;
}



#pageApropos #decouvrir {
	padding-bottom: 50px;
}

#pageApropos #nouveautes {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}

#pageApropos #questions {
	background-color: #5c5a5f;
}

#pageApropos #questions h3 {
	color: #fff;
}

#pageApropos button,
#visiteurs button,
#pageExposant button,
#pageBilleterie button {
	width: 400px;
	background-color: #fff;
	height: 80px;
	font-size: 40px;
	margin-top: 50px;
	color: #5c5a5f;
	text-align: center;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-decoration: none;
}

#pageApropos a button,
#visiteurs a button,
#pageExposant a button,
#pageBilleterie a button {
	text-decoration: none;
}

.separationBlanche {
	background-image: url("../images/icones/separation.png");
	width: 95px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.separationGrise {
	background-image: url("../images/icones/separationGrise.png");
	width: 95px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.stylesTitres h2 {
	font-size: 44px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.stylesTitres h3 {
	font-size: 44px;
	margin-top: 10px;
}

.stylesTitres h4 {
	font-size: 24px;
	margin-top: 5px;
	color: #fff;
	text-align: center;
	font-family: PoppinsMedium;
}

.stylesTitres hr {
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;

}

.stylesTitres h5 {
	font-size: 26px;
	margin-top: 5px;
	color: #fff;
	margin-top: 35px;
	line-height: 28px;
	margin-bottom: 25px;

}

.stylesTitres h6 {
	font-size: 24px;
	margin-top: 5px;
	color: #fff;
	font-family: PoppinsBold;
	margin-bottom: 25px;

}

.stylesTitres p {
	min-height: 180px;
	text-align: justify;
}

.stylesTitres .bloc button {
	width: 100%;
	background-color: #fff;
	height: 80px;
	font-size: 40px;
	margin-top: 50px;
	color: #5c5a5f;
	text-align: center;
	margin-bottom: 30px;
}

.stylesTitres .page3CoteCentrer p {
	color: #fff;
	font-size: 16px;
	font-family: PoppinsMedium;
	margin-top: 0px;
}

.stylesTitres a {
	text-decoration: underline;
	text-transform: uppercase;
	font-family: PoppinsLight;
	color: #fff;
}


.stylesTitres2 h2 {
	font-size: 44px;
	margin-top: 50px;
	margin-bottom: 0px;
	color: #c8af85;
}

#galerie h2,
#galerie3 h2 {
	font-size: 44px;
	margin-bottom: 0px;
}

#galerie h3,
#galerie3 h3 {
	margin-top: 10px;
}

.stylesTitres2 h3 {
	font-size: 44px;
	line-height: 50px;
	margin-top: 10px;
	color: #c8af85;
	text-transform: uppercase;
}

.stylesTitres2 h4 {
	font-size: 24px;
	margin-top: 5px;
	color: #5c5a5f;
	text-align: left;
	margin-bottom: 0px;
}

.stylesTitres2 p {
	margin-top: 5px;
	color: #fff;
}

#pageApropos #nouveautes p {
	color: #707070;
}

#pageApropos #nouveautes p.sansMarge {
	margin-bottom: 0;
}

.stylesTitres2 hr {
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;

}

.stylesTitres2 h5 {
	font-size: 24px;
	margin-top: 5px;
	color: #5c5a5f;
	margin-top: 25px;
	line-height: 28px;
	text-align: left;
}

.stylesTitres2 .rounded {
	margin-top: 5px;
	margin-bottom: 5px;
}


#infoPratique h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	font-family: PoppinsMedium;
}

.stylesTitres2 h6 {
	font-size: 24px;
	margin-top: 5px;
	color: #fff;
}

.stylesTitres2 .page2CoteCentrer .bloc p {
	color: #5c5a5f;
	font-size: 16px;
	font-family: PoppinsMedium;
	text-align: justify;
	margin-bottom: 5px;
}

.stylesTitres2 .page2CoteCentrer .bloc p.grasItalic {
	font-family: "Poppins-BoldItalic";
}

.stylesTitres2 .page2CoteCentrer .bloc p.transport {
	margin-top: 10px;
}

.stylesTitres2 .page2CoteCentrer .bloc .transport span {
	color: #5c5a5f;
	display: unset;
	font-size: 16px;
	margin-top: unset;
	font-family: "PoppinsBold";
}

.stylesTitres2 .page2CoteCentrer .bloc a {
	color: #5c5a5f;
	text-align: left;
	display: block;
	text-decoration: underline;
	text-transform: uppercase;
}

.stylesTitres2 .page2CoteCentrer {
	width: 90%;
}

#organisation {
	padding-bottom: 0px;
}

#organisation .page2CoteCentrer {
	margin-bottom: 50px;
}

#organisation .page4CoteCentrer .bloc {
	height: auto !important;
	padding-top: 45px;
	padding-bottom: 45px;
}

#organisation .page4CoteCentrer {
	background-color: #5c5a5f;
}

#organisation .chiffre {
	font-size: 100px;
	font-family: PoppinsExtraLight;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	height: 100px;
	line-height: 100px;
}

#organisation .page4CoteCentrer .texte {
	color: #fff;
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 0px;
}

#chiffres .page4CoteCentrer {
	margin-top: 0px;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}


#choixBoutons {
	width: 100%;
	color: #fff;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;

}

#choixBoutons .page2CoteCentrer {
	width: 80%;
}

#choixBoutons .page2CoteCentrer button {
	background-color: #5c5a5f;
	height: 80px;
	font-size: 40px;
}

#choixBoutons .page2CoteCentrer .bloc {
	min-height: auto;
}

#contact {
	background-color: #fff;
}

#questions {

	background-color: #c8af85;
	padding-bottom: 50px;
}

#questions .page3CoteCentrer .bloc {
	padding-bottom: 0px;
}

.texteGrandeLargeur {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.texteMoitieLargeur {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.texteMoitieLargeur table {
	width: 100%;
}

.stylesTitres2 .texteMoitieLargeur h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
}

.stylesTitres2 .texteMoitieLargeur h4 {
	margin-top: 25px;

}

#tarifs {
	padding-bottom: 100px;
}

#tarifs.stylesTitres2 {
	padding-top: 50px;
	padding-bottom: 50px;
}

#tarifs p {
	color: #fff !important;
	min-height: auto;
}

.fondMarron p {
	color: #fff !important;
}

#galerie,
#galerie3 {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #c8af85;
}

#galerie h2,
#galerie3 h2 {
	font-size: 44px;
}

#galerie h3,
#galerie3 h3 {
	font-size: 44px;
}

#images {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	/* height: 300px; */
	height: 300px;
	overflow: hidden;
	position: relative;
	width: 80%;
	max-width: 1800px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#images .listeImage {
	position: absolute;
	left: 0px;
}

#visiteurs .stylesTitres2 {
	padding-bottom: 50px;
}

.fondMarron {
	background-color: #c2aa83;

}

#visiteurs .fondMarron p {
	color: #fff;
}

.stylesTitres2 .texteSousImage {
	margin-top: 25px;
}

.fondMarron h2,
.fondMarron h3,
.fondMarron h4 {
	color: #fff;
}

#visiteurs #mineralyon .mineral1 {
	background-image: url("../images/icones/pierre-mineraux-lyon.png");
	height: 292px;
	width: 284px;
	position: absolute;
	bottom: auto;
	top: 50px;
	right: 50px;
}

#pageExposant #infoPratique .mineral1 {
	background-image: url("../images/icones/pierres-mineraux-lyon.png");
	height: 162px;
	width: 176px;
	position: absolute;
	bottom: auto;
	top: 50px;
	right: auto;
	left: 125px;
}

#pageExposant #infoPratique .mineral2 {
	background-image: url("../images/icones/pierre-salon-lyon.png");
	height: 188px;
	width: 82px;
	position: absolute;
	bottom: auto;
	top: 200px;
	right: auto;
	left: 100px;
}

#visiteurs #mineralyon ul {
	text-align: left;
	color: #5c5a5f;
	padding-left: 0px;
}

#visiteurs #mineralyon ul li {
	text-align: left;
	color: #5c5a5f;
	font-size: 16px;
	font-family: PoppinsMedium;
	text-align: justify;
}

#visiteurs #questions,
#pageExposant #questions,
#pageBilleterie #questions {
	background-color: #5c5a5f;
}

#pageExposant #questions a {
	text-decoration: none;
}

#pageContact #questions button {
	background-color: #fff;
	color: #5c5a5f;
}

#visiteurs .fondGrisClair {
	background-color: #e8e9ea;
}

.stylesTitres h2,
.stylesTitres2 h2,
#galerie h2,
#galerie3 h2 {
	letter-spacing: 0px;
}

#pageApropos .caroussel .slide .depliant .contenu .texte3 {
	text-transform: initial;
}

#visiteurs .caroussel .slide .depliant .contenu .texte3 {
	text-transform: initial;
}

#pageApropos .caroussel .slide .depliant .contenu .texte2 {
	font-size: 65px;
	line-height: 65px;
	margin-bottom: 10px;
}

#infoPratique {
	padding-bottom: 50px;
	overflow: hidden;
}

.ancreTop {
	margin-top: -155px;
	position: absolute;
}

#planSalon {
	padding-left: 5%;
	padding-right: 5%;
}

#listeExposants {
	padding-left: 5%;
	padding-right: 5%;
}

#billeterieIndex2 {
	display: none;
}

.barreContact {
	font-size: 24px;
	margin-top: 0px !important;
}

.lienMenuDroite .barreContact {
	display: none;
}

.criRachu {
	cursor: pointer;
}

.mineralAndGem {
	cursor: pointer;
}

#pageMentions .stylesTitres2 h3 {
	text-align: left;
	font-size: 44px;
	line-height: 50px;
	margin-top: 50px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#pageMentions .stylesTitres2 h4 {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}

#pageMentions .stylesTitres2 h5 {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}

#pageMentions .rounded li::before {
	color: #fff;
	background-color: #fff;

}

#pageMentions .rounded li {
	color: #fff;
}

#lienCriCachu {
	display: inline;
}

.stylesTitres2 .page2CoteCentrer .bloc a {
	display: inline !important;
}

.formulaire p label {
	margin-top: 0px;
	line-height: 30px;
	color: #fff;
}

.formulaire input[type="radio"] {
	width: 25px;
}

.formulaire p {
	margin-bottom: 5px;
}

#questions .rounded li::before {
	background-color: #fff;
}

#questions .rounded li {
	color: #fff;
}

#questions.stylesTitres2 h5 {
	color: #fff;
}

#pageBilleterie #questions.fondMarron {
	background-color: #c8af85 !important;
}

#pageBilleterie #questions.fondMarron h3 {
	text-align: left;
}

#pageBilleterie #questions.fondMarron a {
	color: #fff;
	font-size: 18px;
	text-decoration: underline;
}

#pageBilleterie #questions.fondMarron a.lien {
	display: block;
	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 25px;
	font-family: PoppinsLight;
	line-height: 50px;
	margin-bottom: 25px;
	text-decoration: underline;
}

#listeExposants .page3CoteCentrer {
	width: 90%;
	margin-left: 5%;
}


#listeExposants .stand {
	color: #5c5a5f;
	font-weight: bold;
	font-family: PoppinsBold;
	font-size: 16px;
	margin-bottom: 5px;
	min-height: 25px;
}

#listeExposants.stylesTitres2 .page3CoteCentrer .bloc h4 {
	font-size: 20px;
	color: #c8af85;
	font-family: PoppinsBold;
	line-height: 20px;
	margin-top: 0px;
}

#listeExposants .page3CoteCentrer .bloc .adresse {
	color: #5c5a5f;
	font-family: PoppinsMedium;
	margin-bottom: 0px;
	font-size: 16px;
}

#listeExposants .page3CoteCentrer.listeExposants .bloc {
	min-height: 180px;
}

.expositions.page3CoteCentrer h4 {
	line-height: 30px;
}

#volcans .page3CoteCentrer .bloc img {
	height: auto !important;
	width: 100% !important;
}

#volcans h5 {
	color: #fff;
	text-align: left;
}

#listeExposants .page3CoteCentrer .bloc .specialites {
	color: #c8af85;
	font-family: Poppins-MediumItalic;
	font-size: 14px;
	margin-top: 0px;
}

#listeExposants .page3CoteCentrer .bloc {
	min-height: auto;
	padding-bottom: 0px;
}

#listeExposants h4 {
	width: 100%;
	text-align: center;
}

#listeExposants .bloc h4 {
	text-align: left;
	margin-top: 0px;
}

#listeExposants {
	padding-left: 2.5%;
	padding-right: 2.5%;
}

#listeExposants .page2CoteCentrer .blocDouble {
	width: 66.6%;
}

#listeExposants .page2CoteCentrer .blocImage {
	width: 33.3%;
	min-width: 100px;
}

#listeExposants .page2CoteCentrer .blocImage img {
	width: 200px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	height: auto;
}

#listeExposants .page2CoteCentrer .text {
	float: right;
	width: calc(100% - 233px);
}




#diaporama {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.diaporama {
	display: none;
	/* Masque tous les slides par défaut */
	flex: 1;
	transition: opacity 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.diaporama.active {
	display: flex;
	/* Affiche le slide actif */
	opacity: 1;
	position: relative;
}

.bloc {
	flex: 1;
	padding: 20px;
}

#partenaires.stylesTitres2 .bloc img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.slider-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.slider-controls .prev,
.slider-controls .next {
	cursor: pointer;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 24px;
}


#sliderDino {
	margin-top: 25px;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 350px;
}

#sliderDino .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

#sliderDino .slide.actif {
	display: block;
}

#sliderDino .dots-slider {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 10;
}

#sliderDino .dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background-color 0.3s;
}

#sliderDino .dot.active {
	background-color: white;
}


#partenaires.stylesTitres2 h4 {
	margin-bottom: 25px;
}

#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
	z-index: -1;
}

#listeExposants .bloc h5 {
	margin-top: 10px;
	margin-bottom: 0px;
}

.partenairePrincipal {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}

.imagesarazino {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#listeExposants.stylesTitres2 .listeExposants.page3CoteCentrer .bloc .stand {
	display: inline;
	font-size: 18px !important;
}

#listeExposants.stylesTitres2 .listeExposants.page3CoteCentrer .bloc h4 {
	display: inline;
}

/* Mobile styling */
@media (max-width: 768px) {
	.diaporama {
		flex-direction: column;
	}

	.bloc {
		flex: 1;
	}

	.bloc p {
		padding: 10px;
	}

	#partenaires.stylesTitres2 h4 {
		padding: 10px;

	}

	#partenaires.stylesTitres2 .page2CoteCentrer .bloc {
		margin-top: 0px;
		padding-top: 0px;
	}

	#partenaires.stylesTitres2 .page2CoteCentrer .bloc {
		min-height: auto;
	}

	.partenairePrincipal {
		width: 90%;
	}
}


@media screen and (max-width:1800px) {
	nav .conteneur {
		padding-left: 2%;
		padding-right: 2%;
	}

	.conteneur .enregistrerEvenement {
		right: 2%;
	}
}



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


	.conteneur .page2CoteCentrer .bloc {
		width: 27%;
	}


	.conteneur .page2CoteCentrer .blocMenu {
		width: 73%;
	}

	#accueil .caroussel .slide .depliant .contenu {
		left: 32%;
	}

	#accueil .caroussel .slide .depliant {
		left: 15%;
		width: 85%;
	}

	#accueil .caroussel .titreMineralyon {
		width: 90%;
		margin-left: 5%;
		float: right;
	}

	#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
		left: -10%;
	}



	#accueil {
		margin-top: 155px;
		height: calc(100% - 100px);
	}

	nav .conteneur li a img {
		height: 90px;
		width: 221.4px;
	}

	.conteneur li {
		/*line-height:100px;*/
	}

	nav .conteneur li.texteItalic {
		font-size: 30px;
	}

	.conteneur li.boutonBlancMarron button {
		margin-top: 20px;
	}

	#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
		height: 55%;
		object-fit: cover;
	}

	#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
		left: -16.5%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon,
	#accueil .caroussel #slide2.slide .depliant .contenu .mineaux_lyon {
		left: -9.5%;
		height: 83%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 55%;
	}

	#accueil .caroussel #slide2.slide .depliant .contenu .mineaux_lyon {
		left: -13.5%;
		bottom: -80px;
	}

	#accueil .caroussel #slide2.slide .depliant .contenu .mineaux_lyon2 {
		left: -24.5%;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: -260px;
		left: -15%;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 53%;
		left: -10%;
		bottom: 95px;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		height: 73%;
		left: -7%;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		right: -10%;
	}

	#accueil .caroussel #slide5.slide .depliant .contenu .mineaux_lyon {
		left: -3.5%;
		height: 83%;
	}

	#accueil .caroussel .slide .depliant .contenu .texte3 {
		margin-top: 10px;
	}
}

@media screen and (max-width:1550px) {
	.imagesarazino {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.conteneur li {
		font-size: 18px;
	}

	#accueil .caroussel .slide .depliant .contenu {
		left: 30%;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 68%;
		right: -15%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		height: 75%;
		left: -15%;
		z-index: -1;
	}

	#accueil .caroussel .slide .depliant .fondTransitionBlancheTriangle {
		left: 50px;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon,
	#accueil .caroussel #slide2.slide .depliant .contenu .mineaux_lyon {
		height: 70%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 55%;
		left: -18%;
	}

	#accueil .caroussel #slide5.slide .depliant .contenu .mineaux_lyon {
		height: 70%;
	}

	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: 80%;
		left: -20%;
		z-index: -1;
		bottom: -200px;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: 80%;
	}

	#sliderDino {
		min-height: 300px;
	}

}

@media screen and (max-width:1400px) {
	#listeExposants .page2CoteCentrer .blocImage {
		width: 100%;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: 65%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 53%;
		left: -22%;
		bottom: 85px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: 65%;
	}

	#accueil .caroussel .slide .depliant .fondTransitionBlancheTriangle {
		left: 20px;
	}

	#accueil .caroussel #slide2.slide .depliant .contenu .texte2 {
		font-size: 60px;
		line-height: 60px;
	}

	#accueil .caroussel #slide5.slide .depliant .contenu .texte2 {
		font-size: 60px;
		line-height: 60px;
	}

	#accueil .caroussel .slide .depliant .contenu .mineaux_lyon {
		height: auto;
	}


	#accueil .caroussel slide3.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 120%;
	}

	#accueil .caroussel .slide .depliant .contenu .texte1 {
		font-size: 20px;
		width: 100%;
	}

	#accueil .caroussel .slide .depliant .contenu .texte1bis {
		font-size: 34px;
		line-height: 38px;
	}

	#accueil .caroussel .slide .depliant .contenu .texte2.texte2bis {
		font-size: 105px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .texte2 {
		font-size: 65px;
		line-height: 65px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 45%;
		bottom: 215px;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu {
		/*padding-right:0px;*/
		background: linear-gradient(to right, white 40%, transparent);
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 60%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		height: 68%;
		left: -20%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu {
		width: 65%;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: 80%;
	}

	#choixBoutons .page2CoteCentrer button {
		font-size: 30px;
	}

	#sliderDino {
		min-height: 280px;
	}
}

@media screen and (max-width:1300px) {
	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		height: 58%;
		left: -15%;
		bottom: 30px;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 46%;
		left: -20%;
		bottom: 135px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 43%;
		bottom: 230px;
		left: -15%;
	}

	.conteneur li {
		font-size: 15px;
	}

	nav .conteneur li a {
		padding-left: 5px;
		padding-right: 5px;
	}

	footer {
		padding-left: 5%;
		padding-right: 5%;
	}

	footer .page3CoteCentrer a {
		margin-top: 0px;
	}

	.stylesTitres .bloc button {
		padding-left: 25px;
		padding-right: 25px;
	}

	#sliderDino {

		min-height: 250px;
	}

}

@media screen and (max-width:1200px) {
	.imagesarazino {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon,
	#accueil .caroussel #slide2.slide .depliant .contenu .mineaux_lyon {
		height: 70%;
		left: 15%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 55%;
		left: 8%;
		bottom: 90px;
	}

	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: 80%;
		left: 5%;
	}

	#accueil .caroussel #slide5.slide .depliant .contenu .mineaux_lyon {
		height: 70%;
		left: 15%;
	}

	#accueil .caroussel .slide .depliant {
		left: 0%;
		width: 100%;
	}

	#accueil .caroussel .slide .imageFond {
		display: none;
	}

	/*#accueil .caroussel .slide#slide5 .imageFond{
			display:block;
		}*/

	#accueil .caroussel .slide .depliant .contenu {
		left: 10%;
		width: 80%;
	}

	/*#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon, #accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon{
			left: -5%;
			height: 58%;
		}*/


	#accueil .caroussel #slide4.slide .depliant .contenu {
		width: 80%;
		left: 15%;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 80%;
	}

	#accueil .caroussel .slide .depliant .contenu {
		left: 0%;
		width: 100%;
		padding-left: 7%;
		padding-right: 7%;
	}

	/*#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon, #accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon{
			height: 55%;
			left: 10%;
		}*/

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 60%;
		right: 25%;
		bottom: 50px;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		bottom: 0%;
		left: -10%;
		height: 80%;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		right: -5%;
	}

	.conteneur .page2CoteCentrer .blocMenuGauche a img {
		height: 100px;
		margin-top: 26px;
	}

	.conteneur .page2CoteCentrer .bloc {
		min-width: auto;
	}

	.stylesTitres .bloc button {
		font-size: 30px;
	}
}

/*@media screen and (max-width:1000px)
	{
		#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon, #accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon{
			height: auto;
			width:90%;
		}
	}*/
@media screen and (max-width: 1100px) {
	#sliderDino {
		min-height: 400px;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: 50%;
		left: 6%;
		bottom: 95px;
	}
}

@media screen and (max-width: 1000px) {
	#accueil .caroussel #slide4.slide .depliant .contenu{
		left: unset;
	}
	.conteneur .page2CoteCentrer .bloc {
		width: 23%;

	}

	.conteneur .page2CoteCentrer .blocMenu {
		width: 77%;
	}

	.conteneur .page2CoteCentrer .blocMenuGauche a img {
		height: 100px;
		margin-top: 5px;
	}

	#decouvrir .page3CoteCentrer .bloc img {
		width: auto;
	}

	#decouvrir p {
		min-height: 120px;
	}

	#billeterieIndex {
		display: none;
	}

	#billeterieIndex2 {
		display: block;
	}
}


@media screen and (max-width:1000px) {
	#sliderDino {
		min-height: 400px;
	}

	/*#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile{
			display:block;
			width: 100%;
		}
		
		#accueil .caroussel #slide5.slide .depliant .mineaux_lyon{
			width: 100%;
		}
		
		#accueil .caroussel #slide5.slide .depliant .mineaux_lyon{
			display:none;
		}
		
		
		#accueil .caroussel #slide5.slide .depliant .fondTransparent{
			display:none;
		}
		
		#accueil .caroussel #slide5.slide .imageFond {
			display: none;
		}
		
		#accueil .caroussel #slide5.slide .depliant .mineaux_lyon {
			width: 100%;
		}*/

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 70%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		bottom: -55px;
		height: 75%;
		left: 3%;
	}

	#accueil .caroussel .slide .depliant .contenu {
		left: 0%;
		width: 95%;
		padding-left: 25px;
		padding-right: 25px;
	}

	#accueil .caroussel .titreMineralyon {
		width: 100%;
		margin-left: 0%;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 5%;
		width: 55%;
		bottom: 0px;
		z-index: -1;
	}


	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 5%;
		width: 55%;
		bottom: 0px;
		z-index: -1;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 50%;
		bottom: -150px;
		z-index: -1;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -120px;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		height: auto;
		width: 55%;
		left: 8%;
		bottom: 90px;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -30px;
		width: 55%;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		width: 100%;
		bottom: -225px;
	}

	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 100%;
		z-index: -1;
		bottom: -300px;
		left: -14%;
	}

	#pageApropos #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: 0px;
		width: 90%;
	}

	#pageBilleterie .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: 100%;
		left: 0%;
		width: 100%;
		bottom: -400px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 80%;
		bottom: 0px;
		z-index: -1;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 60%;
		right: 25%;

	}

	#pageContact #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -170px;
		width: 95%;
	}

}

@media screen and (min-width:2500px) and (min-height:1000px) {
	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 60%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		left: -10%;
		height: 80%;
		bottom: 0%;
	}

}

@media screen and (min-width:2500px) and (min-height:1200px) {
	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 50%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		left: -10%;
		height: 70%;
		bottom: 0%;
	}

}

@media screen and (max-width:1200px) and (min-width:800px) {
	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 75%;
		right: -15%;
	}

	/*#accueil .caroussel .slide#slide5 .imageFond {
				/*display: none;*/
}

/* #accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
	height: 65%;
} */


@media screen and (max-width:1100px) and (min-width:900px) {
	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 60%;
		bottom: 55px;
	}
}




@media screen and (max-width:800px) {
	.imagesarazino {
		width: 100%;
	}

	#listeExposants .stand {
		padding-left: 0px;
	}

	#listeExposants .page2CoteCentrer .blocImage img {
		width: 200px;
		margin: 0 auto;
		display: block;
		height: auto;
		float: inherit;
	}

	#listeExposants .page2CoteCentrer .text {
		width: 100%;
	}

	/*#accueil .caroussel #slide5.slide .transitionBlancheTriangle, #accueil .caroussel #slide5.slide .fondTransparent{
			display:none;
		}*/

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 72%;
		bottom: -270px;
		z-index: -1;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1 {
		width: 53%;
		left: 2%;
		bottom: 130px;
	}

	#pageApropos #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: 0px;
		width: 100%;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: -100px;
		width: 100%;
	}

	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 100%;
		z-index: -1;
		bottom: -220px;
		left: 0%;
	}

	#pageBilleterie #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 100%;
		z-index: -1;
		bottom: -190px;
		left: 0%;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 72%;
		bottom: -270px;
		z-index: -1;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 65%;
		bottom: -20px;
		z-index: -1;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .texte2 {
		font-size: 90px;
		line-height: 90px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .texte3 {
		font-size: 40px;
		line-height: 40px;
	}

	#accueil .caroussel #slide2.slide .depliant .contenu .texte1 {
		line-height: 20px;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 55%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		bottom: 0%;
		left: -10%;
		height: 70%;
	}

	#pageAccueil #ancreContact {
		top: -90px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 40%;
		right: unset;
		left: -20%;
		bottom: 180px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 100%;
		bottom: 0px;
		z-index: -1;
	}

	#pageContact #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -80px;
		width: 95%;
	}

	.stylesTitres h3 {
		line-height: 44px;
	}

	.conteneur .page2CoteCentrer .blocMenuGauche a img {
		margin-top: 5px;
		height: 90px;
	}

	.conteneur .page2CoteCentrer .bloc {
		width: 40%;
		padding-left: 4%;
	}

	.conteneur .page2CoteCentrer .blocMenu {
		width: 60%;
	}

	nav .conteneur li.menuSite {
		display: block;
	}

	.conteneur .enregistrerEvenement {
		top: 75px;
		right: 5%;
	}

	.ouvert .conteneur .enregistrerEvenement {
		top: 95px;
		right: 5%;
	}

	#iconeMenu {
		right: 5%;
	}

	.fondQuestions {
		width: 100%;
	}

	.stylesTitres2 h2 {
		line-height: 44px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.stylesTitres2 h3 {
		font-size: 36px;
		line-height: 38px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.stylesTitres h2 {
		line-height: 44px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.stylesTitres h3 {
		font-size: 36px;
		line-height: 38px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.texteGrandeLargeur {
		width: 90%;
	}

	footer .page3CoteCentrer .bloc.blocMenu {
		width: 100%;
	}

	footer .page3CoteCentrer .bloc.blocMenu a {
		width: 100%;
	}
}

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

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -300px;
		left: -10%;
		width: 70%;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		left: 0%;
		width: 60%;
		bottom: -185px;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -20px;
		left: -5%;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		bottom: 50px;
		left: -10%;
		width: 100%;
	}
}

@media screen and (max-height:750px) and (max-width:800px) {
	/*#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon{
			height: 35% !important;
			width: auto !important;
		}*/

}


@media screen and (max-width:600px) {
	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: -100px;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		height: 50%;
		right: -10%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		bottom: 0%;
		height: 52%;
		left: -10%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .texte2 {
		font-size: 55px;
		line-height: 55px;
	}


	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		/*width: 100%;*/
		/* right: -20%; */
		height: 35%;
		left: -8%;
		bottom: -15px;
	}

	#accueil .caroussel .slide .depliant .contenu {
		left: 0%;
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	#accueil .caroussel .titreMineralyon {
		width: 100%;
		margin-left: 2%;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 90%;
		bottom: -250px;
		z-index: -1;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -130px;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1{
		bottom: 30px;
		/* width: 60%; */
		width: auto;
		height: 230px;
		left: 50%;
		transform: translateX(-50%);
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -30px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 1%;
		width: 95%;
		bottom: 50px;
		z-index: -1;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: -0px;
		width: 100%;
	}

	#pageBilleterie #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 100%;
		z-index: -1;
		bottom: -80px;
		left: 0%;
	}

	#pageContact #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -0px;
		width: 95%;
	}


	/*#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon{
			height: auto;
			left: 5%;
			width:70%;
			bottom:-150px;
			z-index: -1;
		}*/

	/*#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile{
			display:block;
			width: 100%;
			height:100%;
		}
		
		#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile{
			display:none;
		}
		
		#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile_mini{
			display:block;
		}*/

	#accueil .caroussel .slide .nouveauLieu {
		margin-right: auto;
	}

	#accueil .caroussel .slide .depliant .contenu .texte4.hippodrome {
		text-align: center;
		margin-top: 15px;
	}
}


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

	/*#accueil .caroussel #slide5.slide .depliant .mineaux_lyon_mobile_mini{
			width:100%;
		}
		
		#accueil .caroussel .slide#slide5 .imageFond{
			display:none;
		}*/
	#visiteurs #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: -0px;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .texte2 {
		font-size: 50px;
		line-height: 50px;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		right: -50%;
		height: 52%;
	}

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		height: 50%;
		left: -10%;
	}


	#accueil .caroussel #slide3.slide .depliant .contenu .texte2 {
		font-size: 50px;
		line-height: 50px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .texte3 {
		font-size: 30px;
		line-height: 30px;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 100%;
		bottom: -300px;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: -2%;
		width: 110%;
		bottom: -300px;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -40px;
		width: 95%;
		left: 5%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1{
		bottom: 30px;
		width: auto;
		height: 230px;
		left: 50%;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .texte3.texteExpositionMaj{
		font-size: 34px;
	}

	#accueil .caroussel .slide .depliant .contenu .texte4.texteExposition{
		font-size: 28px;
		line-height: 36px;
	}

	#accueil .caroussel .slide .expositionPrestige{
		width: 300px;
		right: -10px;
	}
	#accueil .caroussel .slide .depliant .contenu .texte4.nom{
		font-size: 20px;
		margin-top: 15px;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -40px;
	}

	#accueil .caroussel .slide#slide3 .depliant .contenu .mineaux_lyon {
		bottom: 20px;
		/* right: -25%; */
		height: 35%;
		left: 50%;
		transform: translateX(-50%);
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		height: auto;
		left: 2%;
		width: 95%;
		bottom: 100px;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: 20px;
		width: 100%;
	}

	#pageBilleterie #accueil .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		height: auto;
		width: 100%;
		z-index: -1;
		bottom: -10px;
		left: 0%;
	}

	#pageContact #accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: 50px;
		width: 95%;
	}
}

@media screen and (max-width:420px) {
	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		right: -45%;
		height: 45%;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: 25px;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: 0px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		bottom: 100px;
		width: 98%;
		left: -0.5%;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: 50px;
		width: 100%;
	}

	#accueil .caroussel .slide .depliant .contenu .texte2 {
		font-size: 50px;
	}

	#accueil .caroussel .slide .depliant .contenu .texte3 {
		font-size: 24px;
	}

	.conteneur li {
		margin-top: 65px;
	}
}

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

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -50px;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: 10px;
		left: 3%;
	}

	#accueil .caroussel #slide1.slide .depliant .contenu .mineaux_1{
		bottom: 30px;
		width: auto;
		height: 230px;
		left: 50%;
	}

	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -30px;
		width: 100%;
		left: 0%;
	}

	#accueil .caroussel #slide4.slide .depliant .dinosaures_lyon {
		right: -40%;
		height: 40%;
	}


	#accueil .caroussel #slide2.slide .depliant .contenu .texte2 {
		font-size: 45px;
		line-height: 45px;
	}

	#accueil .caroussel #slide3.slide .depliant .contenu .mineaux_lyon {
		height: 40%;
		/* right: -20%; */
		bottom: -20px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		bottom: 150px;
	}

	#accueil .caroussel #slide5.slide .depliant .contenu .texte2 {
		font-size: 45px;
		line-height: 45px;
	}

	#pageExposant .caroussel #slide1.slide .depliant .contenu .mineaux_lyon {
		bottom: 20px;
		width: 100%;
	}
}

@media screen and (max-width:420px) and (max-height:700px) {

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon,
	#accueil .caroussel .slide#slide2 .depliant .contenu .mineaux_lyon {
		bottom: -50px;
	}

	#accueil .caroussel .slide#slide1 .depliant .contenu .mineaux_lyon {
		bottom: -110px;
	}

	#accueil .caroussel .slide#slide5 .depliant .contenu .mineaux_lyon {
		bottom: -240px;
	}

}

/*#accueil .caroussel .slide.ouvert .depliant{
		left:20%;
		position:relative;
		height:100%;
		width:80%;
		z-index:2;
	}		
	
	#accueil .caroussel .slide.ouvert .depliant .fondTransparent{
		position:absolute;
		top:0px;
		left:0px;
		z-index:2;
	}
	
	#accueil .caroussel .slide.ouvert .depliant .fondTransitionBlancheTriangle{
		position:absolute;
		top:0px;
		left:120px;
		z-index:3;
	}
	
	
	#accueil .caroussel .slide.ouvert .depliant .transitionBlanche{
		position:absolute;
		top:0px;
		left:0px;
		z-index:3;
		height: 100%;
		width: 70%;
	}
	
	#accueil .caroussel .slide.ouvert .depliant .contenu{
		left: 30%;
		z-index: 4;
		position: absolute;
		top: 0px;
		width: 55%;
		padding: 50px;
		background-color: #fff;
		height:100%;
	}
	
	#accueil .caroussel .slide.ouvert .depliant .contenu .texte{
		font-family:PoppinsBold;
		text-align: right;
	}
	
	
	#accueil .caroussel .slide.ouvert .depliant .contenu .texte1{
		color:#8d6e5f;
		font-size:40px;
		margin-bottom:0px;
	}
	
	
	#accueil .caroussel .slide.ouvert .depliant .contenu .texte2{
		font-family:PoppinsLight;
		color:#8d6e5f;
		font-size:100px;
		margin-top:5px;
		margin-bottom:15px;
		line-height:100px;
	}
	
	#accueil .caroussel .slide.ouvert .depliant .contenu .texte3{
		font-family:PoppinsSemiBold;
		color:#000;
		font-size:24px;
		text-transform: uppercase;
		margin-top:25px;
	}
	#accueil .caroussel .slide.ouvert .depliant .contenu .texte4{
		font-family:PoppinsSemiBold;
		color:#000;
		font-size:24px;
		margin-top:25px;
	}
	
	#accueil .caroussel .slide.ouvert .depliant .contenu .mineaux_lyon{
		left: -20%;
		z-index: 5;
		position: absolute;
		bottom: 0px;
		width: 70%;
	}*/


#accueil .caroussel .boutonGauche {
	position: absolute;
	background-image: url("../images/caroussel/flecheGauche.png");
	left: 35px;
	height: 48px;
	width: 27px;
	z-index: 6;
	cursor: pointer;
}

#accueil .caroussel .boutonDroite {
	position: absolute;
	background-image: url("../images/caroussel/flecheDroite.png");
	right: 35px;
	height: 48px;
	width: 27px;
	z-index: 6;
	cursor: pointer;
}


#accueil #boutonsPosition {
	position: absolute;
	width: auto;
	left: 35%;
	z-index: 6;
	bottom: 50px;
	height: 50px;
}

#accueil .bt {
	height: 5px;
	width: 40px;
	background-color: #cccccc;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

#accueil .bt.actif {
	background-color: #000;
}


@media screen and (max-width:1600px) {
	#prestations .page3CoteCentrer {
		width: 90%;
		margin-left: 5%;
	}

	footer .blocGauche {
		width: 100%;
	}

	footer img {
		margin-right: auto;
		margin-left: auto;
	}

	footer .page2CoteCentrer .bloc.blocDroite {
		width: 100%;
	}

	footer a {
		margin-right: 0px;
		width: 33.3%;
		text-align: center;
		font-size: 32px;
	}

}



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

	footer .page2CoteCentrer .bloc.blocGauche {
		width: 100%;
	}

	footer .page2CoteCentrer .bloc.blocDroite {
		width: 100%;
	}

	footer a {
		display: block;
		font-family: PoppinsBold;
		font-size: 32px;
		line-height: 160px;
		color: #375447;
		margin-right: auto;
		float: inherit;
		width: 50%;
		margin-left: auto;
		text-align: center;
		line-height: 20px;
		margin-top: 60px;
	}

	.blocPhoto {
		width: 50%;
	}

	.blocPhoto h1 {
		line-height: 26px;
	}

	.intro .blocPhoto p {
		margin-top: 5px;
	}

	.index hr {
		margin-bottom: 15px;
	}

	.intro .blocPhoto img {
		height: 225px;
	}

	.page2Cote .imageGauche .imageAnnonce {
		max-width: 70%;
	}

	#prestations .page3CoteCentrer .blocGauche {
		width: 100%;
	}

	#prestations .page3CoteCentrer .blocCentre {
		width: 48%;
		height: 200px;
	}

	#prestations .page3CoteCentrer .blocDroite {
		width: 50%;
	}

	#plan .page2CoteCentrer .bloc {
		width: 100%;
	}

	#plan .page2CoteCentrer .bloc.blocDroite {
		text-align: left;
	}

	footer img {
		min-width: auto;
	}

	footer .page2CoteCentrer .bloc {
		min-width: auto;
	}
}

.logoOuvert {
	display: none !important;
}

@media screen and (max-width:1400px) {
	.conteneur li.boutonBlancMarron1 {
		width: calc(100% / 4);
	}

	.conteneur li.logo {
		width: calc(100% / 4);
	}

	section#decouvrir img {
		height: 300px;
	}
}

@media screen and (max-width:1200px) {
	#decouvrir .page2CoteCentrer {
		width: 100%;
	}

	section#decouvrir img {
		height: 250px;
	}

	.conteneur li.siteConstruction {
		display: none;
		width: calc(100% / 5);
	}

	.conteneur li.boutonBlancMarron {
		float: right;
		width: calc(100% / 5);
	}

	.conteneur li.boutonBlancMarron1 {
		width: calc(100% / 3);
	}

	.actus .typeInformationVoiture {
		font-size: 14px;
		padding-left: 25px;
		overflow: hidden;
		margin-right: 5px;
	}

	.actus .rondBlanc {
		height: 14px;
		width: 14px;
		border-radius: 14px;
	}

	.actus .informationVoiture {
		text-align: left;
		padding-left: 0px;
		font-size: 16px;
	}

	#pageAccueil.carteGrise #annonces .page4CoteCentrer .bloc {
		width: auto;
	}

	#packs {
		padding-left: 2%;
		padding-right: 2%;
	}

	#packs .bloc {
		width: 31.3%;
		margin-left: 1%;
		margin-right: 1%;
		padding: 15px;
	}

	#packs ul {
		padding-left: 10px;
	}

	footer {
		padding-left: 100px;
		padding-right: 100px;
	}



	.conteneur li,
	.conteneur li span {
		font-size: 14px;
	}

	.intro #blocCentre {
		top: 20%;
	}

	h1 {
		font-size: 50px;
		line-height: 50px;
		margin-top: 0px;
		margin-top: 40px;
	}

	h2 {
		font-size: 24px;
		line-height: 42px;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#devisGratuit .blocTitre h2 {
		margin-top: 20px;
	}

	.intro .blocCentre h1,
	.intro .blocCentre h2 {
		margin-bottom: 10px;
	}

	#pageActualite .intro {
		font-size: 60px;
		line-height: 60px;
		/*margin-top: 40px;*/
	}

	.articlePlein .texte h3 {
		font-size: 20px;
	}

	.articlePlein .texte p {
		font-size: 12px;
		line-height: 22px;
	}

	#shemaEtudeBudget .schema,
	#shemaSuiviTravaux .schema {
		width: 94%;
	}

	#shemaEtudeBudget .schema h2,
	#shemaSuiviTravaux .schema h2 {
		margin-bottom: 100px;
	}

	#epigetsens h2 {
		margin-top: 20px;
		height: 60px;
	}

	#belartImmo .texte {
		padding-left: 10%;
		padding-right: 10%;
	}


	.page2Cote .imageGauche .autresImages .imageMiniature img {
		width: 150px !important;
		height: 120px !important;
	}

	.page2Cote .imageGauche .autresImages .imageMiniature {
		height: 120px !important;
	}

	.page2Cote .imageGauche .autresImages {
		width: 160px;
		padding-right: 10px;
		height: 380px;
	}

	.page2Cote.page2CoteMarge .imageGauche img {
		height: 400px;
	}

	.actus .imgAnnonce {
		width: 100%;
	}

	.autresImagesBloc {
		width: 150px;
		height: 380px;
	}

	.flecheBasMiniature {}

	.page2Cote.page2CoteMarge .texte {
		width: calc(93% - 634px);
	}

	#resultatsAnnonces .page2Cote.page2CoteMarge .texte {
		width: calc(98% - 500px);
	}

	#mapEtHoraire {
		padding-left: 4%;
	}

	#presentation {
		padding-left: 5%;
		padding-right: 5%;
	}

	#valeurs,
	.blocFondGris {
		padding-left: 5%;
		padding-right: 5%;
	}

	#valeurs .page3CoteCentrer {
		width: 100%;
		margin-left: 0px;
	}

	#valeurs h2 {
		margin-left: calc(40px);
	}

	footer {
		padding-left: 25px;
		padding-right: 25px;
	}

	footer .page3CoteCentrer .bloc img {
		width: 100%;
	}

	#choixBoutons .page2CoteCentrer .bloc {
		padding: 10px;
	}

}


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

	nav .conteneur {
		padding-left: 2%;
		padding-right: 2%;
	}

	#nosServices.page2Cote button {
		width: auto;
		font-size: 16px;
	}

	.defilement .conteneur li span,
	.ouvert .conteneur li {
		font-size: 26px;
		line-height: 80px;
	}

	#anime .page5CoteCentrer {
		padding-bottom: 20px;
		flex-direction: inherit;
	}



	#packs .bloc {
		margin-bottom: 30px;
	}

	.page2Cote .imageGauche .imageAnnonce iframe {
		height: 380px;
		width: 600px;
	}

	.page2Cote .imageGauche .imageAnnonce {
		margin-left: 160px;
	}

	.page2Cote.page2CoteMarge .imageGauche img {
		height: 380px;
		width: 600px;
	}

	#mapEtHoraire h2 {
		padding-left: 10%;
		margin-bottom: 50px;
	}

	#mapEtHoraire .gauche {
		width: 100%;
	}

	#mapEtHoraire .droite {
		float: left;
		width: 90%;
		min-height: 100%;
		box-sizing: border-box;
		padding-left: 5%;
	}

	#mapEtHoraire {
		padding-left: 0%;
	}

	#googleMap {
		height: 400px;
	}

	footer {
		padding-left: 10%;
		padding-right: 10%;
	}

	.page5CoteCentrer {
		flex-direction: column;

		justify-content: center;
		height: auto;
	}

	.conteneur li {
		font-size: 13px;
	}

	.carousel .img {
		position: absolute;
		left: 0px;
		top: 0px;
		filter: grayscale(0.5);
		/*filter: blur(2px);*/
		height: 100%;
		width: 100%;
	}

	.intro #blocCentre {
		top: 27%;
	}

	li span {
		font-size: 16px;
	}

	.conteneur .contact {
		margin-right: 5px;
		font-size: 15px;
	}

	header .PleinePage {
		width: 100%;
		min-height: 100%;
	}

	h1 {
		font-size: 40px;
		line-height: 36px;
		margin-top: 0px;
		margin-top: 40px;
	}

	h2 {
		font-size: 24px;
		line-height: 42px;
		margin-top: 0px;
		margin-bottom: 20px;
	}




	h3 {
		font-size: 22px;
		line-height: 36px;
		font-family: "Montserrat-Light", sans-serif;
	}

	h4 {
		font-size: 20px;
		line-height: 32px;
	}

	.intro .blocCentre h2 {
		margin-top: 20px;
	}

	.intro .blocCentre h3 {
		font-size: 34px;
	}

	header h1 {
		font-size: 38px;
		line-height: 40px;
	}

	.intro #blocCentre {
		top: 14%;
	}

	.creerSite #blocCentre {
		top: 20%;
	}

	.page3CoteCentrer {
		width: 80%;
		margin-left: 10%;
		display: flex;
	}

	.page3CoteCentrer .bloc {
		float: left;
		width: 33.3%;
		min-height: 300px;
		padding: 15px;
		box-sizing: border-box;
		min-width: 300px;
	}

	.page2Cote.page2CoteMarge .texte {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page2Cote .texteGrandeLargeur {
		padding-bottom: 20px;
	}

	.imageMiniTransition {
		margin-bottom: 50px;
	}

	#siteVitrine,
	#siteDynamique {
		padding-top: 0px;
	}



	.page2Cote .floatLeft {
		margin-bottom: 20px;
	}

	.carouselTexte .boutons {
		bottom: 5%;
	}

	.page2Cote .floatLeft h3 {
		margin-top: 0px;
	}

	.page2Cote.page2CoteMarge .texte {
		padding-top: 0px;
	}

	.carouselTexte .titre1 {
		font-size: 40px;
		top: 15%;
	}

	.carouselTexte .titre2 {
		top: 33%;
		font-size: 24px;
		line-height: 30px;
	}

	.intro #blocDroite {
		position: absolute;
		top: 30%;
		width: 80%;
		left: 10%;
	}

	.pageFondImage .texte {
		position: inherit;
		margin-top: -600px;
		width: 90%;
		left: 5%;
		padding: 15px;
	}

	/*.imageGauche img{
		width: 100% !important;
	}*/
	.texteGrandeLargeur h2,
	.texteGrandeLargeur h3,
	.texteGrandeLargeur h4,
	.texteGrandeLargeur ul {
		margin-top: 30px;
	}

	.iconeMenu {
		padding-left: 5px;
		padding-right: 5px;
	}


	#projetsRealises {
		float: left;
		width: 85%;
		margin-left: 7.5%;
	}

	#projetsRealises .presentationProjet {
		width: 95%;
	}

	#projetsRealises .texte p {
		font-size: 10px;
		line-height: 12px;
	}

	#projetsRealises .texte.left {
		/*left:0%;*/
	}

	#projetsRealises .texte.right {
		right: -5%;
	}

	#projetsRealises .presentationProjet {
		float: left;
		border-radius: 3px;
		position: relative;
		z-index: 9;
		margin-bottom: 50px;
		width: 100%;
	}

	#projetsRealises .presentationProjet.left {
		left: 3%;
	}

	#projetsRealises .presentationProjet.leftActif {
		left: 0%;
		transition-duration: 2s;
	}


	#projetsRealises .presentationProjet.right {
		right: 3%;
	}

	#projetsRealises .presentationProjet.rightActif {
		right: 0%;
		transition-duration: 2s;
	}

	#projetsRealises .texte h3 {
		font-size: 18px;
	}

	#projetsRealises .texte h4 {
		font-size: 14px;
	}


	#explications h2 {
		margin-bottom: 0px;
	}


	#points .point {
		float: left;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;

	}

	#points .point .icone {
		margin-top: -25px;
	}

	#points .point .texte {
		margin-bottom: 60px;
		margin-left: 100px;
	}

	.blocCentreImage {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	#pagePilliers .intro .blocCentre {
		top: 60px !important;
	}

	.page3CoteCentrer .bloc {
		min-height: 250px;
	}



	.page3CoteCentrer h4 {
		line-height: 60px;
		margin-bottom: 30px;
	}

	#listeExposants.stylesTitres2 .page3CoteCentrer .bloc h4 {
		margin-bottom: 0px;

	}

	#listeExposants.stylesTitres2 .page3CoteCentrer .bloc {
		width: 50%;

	}

	footer {
		padding-left: 50px;
		padding-right: 50px;
	}


	.actus .imgAnnonce {
		position: relative;
	}

	.actus .page2Cote .autresImages {
		position: absolute;
		position: absolute;
		top: 0px;
		left: 0px;

	}

	.actus .page2Cote .autresImagesBloc {
		position: absolute;
		/*background-color:#fff;*/
	}

	.flecheVerteDroite {
		right: -40px;
	}

	.flecheVerteGauche {
		left: -40px;
	}

	.actus .descriptionImage {
		/*top: 355px;
		position:absolute;*/
		max-height: 50px;
		overflow: hidden;
		float: left;
		overflow: auto;
	}

	.page2Cote.page2CoteMarge .texte {
		width: calc(93% - 510px);
	}

	.actus .imgAnnonce {
		width: 560px;
	}

	#resultatsAnnonces .page2Cote.page2CoteMarge .texte {
		width: calc(93% - 440px);
	}

	footer {
		padding-left: 25px;
		padding-right: 25px;
	}

	.listeAnnonce {
		padding-top: 0px;
	}

	#annonces .page4CoteCentrer .bloc {
		padding-right: 25px;
		/*width: 250px;*/
		margin-bottom: 20px;
		/*width: 100%;*/

		box-sizing: border-box;
		margin-right: 0px;
		margin-right: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	#pageAccueil #annonces .page4CoteCentrer .bloc {
		width: 100%;
		margin-right: 10px;
	}

	#pageAccueil.carteGrise #annonces .page4CoteCentrer .bloc {
		width: 236px;
	}



	#annonces .page4CoteCentrer .bloc input.prix {
		width: 120px;
	}

	.page4CoteCentrer .bloc {
		width: 236px;
		height: 300px;
	}

	.carteGrise#pageAccueil #annonces .page4CoteCentrer .bloc {
		margin-right: auto;
	}

	.carteGrise#pageAccueil.carteGrise #annonces .page4CoteCentrer .bloc {
		width: 50%;
	}

	#pageAccueil #contact .page2CoteCentrer {
		width: 90%;
	}

	#contact h2 {
		width: 80%;
	}

	#pageAccueil #contact h3 {
		width: 80%;
	}

	#contact form {
		width: 80%;
	}

	.page2CoteCentrer .bloc {
		width: 100%;
	}

	#decouvrir .page2CoteCentrer .bloc {
		min-width: auto;
	}

	.page3CoteCentrer .bloc {
		width: 100%;
	}

	footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	footer .page3CoteCentrer .bloc {
		padding-left: 10px;
		padding-right: 10px;
		/*width:50%;
		padding-bottom:50px;*/
		min-width: 250px;
	}

	footer .page3CoteCentrer h3 {
		font-size: 20px;
	}

	footer .page3CoteCentrer h4 {
		font-size: 16px;
	}

	footer .page3CoteCentrer a {
		font-size: 20px;
	}

	#decouvrir.stylesTitres #billeterieIndex button {
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 50px;
		margin-bottom: 50px;
		background-color: #fff;
		height: 80px;
		color: #5c5a5f;
		font-size: 40px;
		width: 300px;
		text-align: center;

	}

	#decouvrir.stylesTitres #billeterieIndex {

		display: block;
	}

}

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


	#listeExposants.stylesTitres2 .page3CoteCentrer .bloc {
		width: 100%;

	}

	#pageAccueil nav .ouvert {
		height: 100%;
	}

	#pageAccueil nav .ouvert li.boutonBlancMarron {
		display: block;
	}

	#pageAccueil nav .ouvert li.logo {
		display: block;
	}

	#pageAccueil nav .ouvert li.logo a {
		display: inline-block;
		text-align: center;
		color: #fff;
		font-family: PoppinsLight;
		float: initial;
		margin-left: auto;
		margin-right: auto;
	}



	#contact h2 {
		margin-top: 0px;
	}

	#pageAccueil #contact h3 {
		font-size: 20px;
	}

	#contact .formulaire select {
		margin-left: 0%;
		width: 100%;
	}

	#contact form textarea {
		width: 100%;
	}

	#pageAccueil #contact .page2CoteCentrer {
		width: 80%;

	}

	#pageAccueil #contact .page2CoteCentrer .blocGauche {
		width: 100%;
		padding-right: 0px;
		border-right: 0px solid #fff;
	}

	#pageAccueil #contact .page2CoteCentrer .bloc {
		width: 100%;
	}

	#pageAccueil #contact img {
		margin-left: auto;
		margin-right: auto;
	}

	#contact h2,
	#contact p {
		text-align: center;
		margin-left: 0px;
		width: 100%;
	}

	#contact .page2CoteCentrer .bloc.blocDroite {
		margin-left: auto;
	}

	#contact form input {
		margin-left: 0px;
	}

	#contact form textarea {
		margin-left: 0px;
	}

	#pageAccueil #contact .page2CoteCentrer .blocGauche p {
		text-align: center;
	}

	#prestations h2 {
		margin-left: 5%;
	}

	#presentation .page2CoteCentrer .bloc {
		width: 100%;
	}

	#valeurs h2,
	.blocFondGris h2 {
		margin-left: 0px;
	}


	#valeurs .page3CoteCentrer .bloc {
		width: 100%;
		border-left: 1px solid
	}

	nav .conteneur li a img {
		/*height: 100px;*/
		margin-top: 5px;
	}

	.intro .blocCentre {
		width: 95%;
	}

	.intro .blocPhoto {
		width: 75%;
	}

	#plan .page2CoteCentrer {
		width: 90%;
	}

	#references .page3CoteCentrer a {
		width: 100%;
	}

	#references .textes {
		min-height: auto;
	}

	#references .page3CoteCentrer .bloc {
		margin-bottom: 20px;
	}

	footer img.logoDefilement {
		display: block !important;
	}

	footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	footer #popUp iframe {
		width: 100%;
		height: auto;
		min-height: 50%;
	}

	footer a {
		width: 100%;
		margin-right: 0px;
		text-align: center;
		margin-top: 50px;
		line-height: 30px;
	}

	#popUp {
		padding: 1%;
	}

	#annonces.autresPages .blocTitre {
		width: 50%;
	}

	.blocBas h1,
	.blocBas h2 {
		width: 100%;
		display: block;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		position: sticky;
	}

	.blocBas h1 {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.blocBas h2 {
		font-size: 26px;
		line-height: 24px;
	}


	.actus .blocVoiture {
		height: 50px;
	}

	#pageAccueil #annonces .page4CoteCentrer .bloc {
		margin-right: 10px;
	}



	#anime .page5CoteCentrer .bloc img {
		height: 120px;
	}

	#anime h4 {
		font-size: 30px;
		width: 80%;
	}

	#services {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	#services .page4CoteCentrer {
		flex-direction: inherit;
	}

	.iconeLeft {
		font-size: 16px;
	}

	footer .iconeRight {
		font-size: 20px;
	}

	footer .iconeLeft {
		font-size: 20px;
	}

	.actus .intro .blocCentre h1 {
		line-height: 60px;
		font-size: 60px;
	}

	.ouvert .logoNoir {
		display: block;
	}

	nav.ouvert .conteneur li.liIndex {
		line-height: 100px;
	}

	.ouvert img.logoNoir {
		height: 100px !important;
		width: 100px !important;
	}

	.ouvert .logoJaune {
		display: none;
	}

	.ouvert li span {
		color: #fff;
	}

	.ouvert .sousMenu {
		display: block;
	}

	.ouvert .conteneur ul.sousMenu {
		margin-top: 0px;
	}

	.ouvert span ul.sousMenu:hover {
		display: block !important;
	}

	nav.ouvert .menuSite {
		display: block !important;
	}

	nav.ouvert .conteneur ul {
		background-color: transparent !important;
	}

	.menuSite img {
		display: block;
		left: 25px;
		position: absolute;
		top: 5px;
	}

	.menuSite .logoDefilement img {
		display: none !important;
	}

	.defilement .menuSite .logoDefilement img {
		display: none;
		display: block !important;
	}

	.menuSite img.logoDebut {
		/*width:200px;*/
		height: 100px;
		margin-top: 5px;
	}

	footer .page2Cote .gauche {
		width: 100%;
	}

	footer .page2Cote .droite {
		width: 100%;
	}

	#nosServices.page2Cote .gauche {
		width: 80%;
		height: 300px;
		padding-right: 10%;
		position: relative;
		margin-top: 25px;
		margin-left: 5%;
	}

	#nosServices.page2Cote .gauche img {
		height: 100%;
		object-fit: cover;
		bottom: -10%;
		width: 80%;
		position: absolute;
		left: 5%;
	}

	#nosServices.page2Cote .droite {
		width: 90%;
		border-left: 1px solid #fff;
		color: #fff;
		margin-left: 5%;
		margin-bottom: 50px;
	}

	#nosServices.page2Cote .droite h3 {
		text-align: left;
		padding-left: 50px;
		color: #fff;
		border-bottom: 1px solid #fff;
		padding-bottom: 15px;
		padding-top: 75px;
	}

	#nosServices.page2Cote .cadreBlanc {
		position: absolute;
		left: 0px;
		top: 0px;
		border: 1px solid #fff;
	}


	#nosServices.page2Cote .bloc {
		min-height: 400px;
	}

	#nosServices.page2Cote .texte {
		width: 80%;
	}

	#gestionLocative #annonces .page4CoteCentrer .bloc {
		margin-bottom: 30px;
	}

	#belartImmo h2 {
		line-height: 50px;
	}

	li.logo {
		width: 100px !important;

	}

	.ouvert li.logo {
		width: 100% !important;
		margin-left: 0px;
	}

	.ouvert .conteneur li.logo {
		height: 120px;
		/*display:none !important;*/
	}

	.menuSite {
		min-width: 89px !important;
		width: calc(100%) !important;
		/*padding-right:20px;*/
		box-sizing: border-box;
	}

	.actus .page2Cote .imageGauche .imageAnnonce {
		margin-left: 130px;
	}

	.actus .page2Cote.page2CoteMarge .imageGauche img {
		width: 500px;
	}

	.flecheVerteDroite {
		right: -25px;
		background-image: url("../images/icones/flecheOrangeDroiteMobile.png");
		height: 15px !important;
		width: 15px !important;
		top: calc(50% - 7px);
	}

	.flecheVerteGauche {
		left: -25px;
		background-image: url("../images/icones/flecheOrangeGaucheMobile.png");
		height: 15px !important;
		width: 15px !important;
		top: calc(50% - 7px);
	}


	#pageActualite .intro img {
		height: 100%;
	}

	.invisibleMobile {
		display: none !important;
	}

	.invisibleMobile svg {
		display: none;
	}

	.ouvert .invisibleMobile svg {
		display: block;
	}

	.defilement .conteneur ul {
		height: auto;
	}

	.conteneur li {
		width: 50%;
		float: left;
		text-align: center;
	}

	.menuSite {
		margin-top: 0px;
	}

	.logo {
		width: 100px !important;
		float: left;
		margin-left: 0px;
	}

	.conteneur li.boutonBlancMarron {
		display: none;
	}

	.ouvert .conteneur li.boutonBlancMarron {
		display: block;
	}

	.ouvert .conteneur li.boutonBlancMarron2 {
		margin-top: 40px;
	}

	nav li img {
		height: 100px;
		/*width: 70px;*/
	}

	.padding100 {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.intro #blocCentre img {
		height: 100px !important;
		width: 100px !important;
		min-height: 100px !important;
		margin-left: auto;
		margin-right: auto;
		position: initial;
	}

	.intro #blocCentre #btVideo img {
		height: 80px !important;
		width: 114px !important;
		min-height: 80px !important;
	}

	/*h1{ font-size: 34px; line-height:32px; margin-top:0px; margin-top:40px; }
	h2{ font-size: 30px; line-height:24px; margin-top:0px; margin-bottom:20px;  }
	h3{ font-size: 20px; line-height:22px; font-family:"Montserrat-Light", sans-serif; }
	h4{ font-size: 18px; line-height:20px; }*/

	header h1 {
		font-size: 34px;
		margin-bottom: 45px;
	}

	header h2 {
		font-size: 26px !important;
	}

	.intro .blocCentre h1,
	.intro .blocCentre h2 {
		margin-bottom: 0px;
		margin-top: 0px;
		/*line-height: 44px;*/
	}

	#pageAccueil .intro {
		height: 100%;
	}

	.intro .blocCentre h3 {
		font-size: 22px;
		font-weight: inherit;
		line-height: 34px;
	}

	.conteneur li {
		min-width: 80px;
		font-size: 20px;
		line-height: 100px;
	}

	nav #ClTitre {
		padding-right: 30px;
	}

	.intro #blocCentre {
		top: 20%;
		width: 90%;
		left: 5%;
	}

	#titre {
		font-size: 22px;
	}

	li span {
		font-size: 18px;
	}

	.pageFondImage .texte {
		margin-top: -500px;
	}


	nav #ClTitre {
		padding-left: 0px;
		padding-right: 0px;
		line-height: 60px;
		margin-top: 0px;
	}

	#titre {
		margin-left: 0px;
		font-size: 30px;
		line-height: 102px;
	}

	.titreSite {
		width: 50% !important;
		margin-left: 0%;
	}

	.menuSite {
		min-width: 95px !important;
		/*width: 50% !important;*/
	}

	.menuSite a {
		min-width: 95px !important;
	}

	#menuMobile {
		display: block !important;
		cursor: pointer;
	}

	nav .conteneur #menuMobile a img {
		height: 100px;
		width: 100px;
		position: absolute;
		left: 50px;
	}

	nav.defilement .conteneur li a {}

	#menuMobile span {
		display: block !important;
		/*background-image: url("../images/icones/menu.png");*/
		height: 60px;
		width: 60px !important;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		padding-right: 0px;
		padding-left: 0px;
	}

	nav #ClTitre {
		padding-left: 0px;
		padding-right: 0px;
		line-height: 60px;
		margin-top: 0px;
	}

	#titre {
		margin-left: 0px;
		font-size: 30px;
		line-height: 60px;
	}

	.titreSite {
		width: 52% !important;
	}

	.menuSite {
		min-width: 95px !important;
	}

	.grandMenu .menuSite {
		min-width: 95px !important;
		width: calc(100% - 100px) ! important;
	}

	.grandMenu .defilement .menuSite {
		width: calc(100% - 80px) !important;
	}

	.menuSite a {
		min-width: 95px !important;
	}

	#menuMobile {
		display: block !important;
	}

	#menuMobile span {
		display: block !important;
		/*background-image: url("../images/icones/menu.png");*/
		height: 60px;
		width: 60px !important;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		padding-right: 0px;
		padding-left: 0px;
	}

	.conteneur li {
		min-height: 0px;
		min-width: 0px;
		text-align: center;
	}

	nav .conteneur .menuMobile li {
		min-width: 60px !important;
	}

	.conteneur .contact {
		margin-right: 0px;
	}

	#contact .texte {
		margin-bottom: 50px;
	}

	/*.conteneur li:hover > .sousMenu{ display:none; }*/

	nav.ouvert {
		background-color: #5c5a5f;
		height: calc(100%);
		transition-duration: 0s;
		z-index: 1000;
		width: calc(100% - 4%);
		margin-left: 0%;
		margin-top: 0%;
		padding: 0px;
		width: 100%;
	}

	nav.ouvert .conteneur .page2CoteCentrer .blocMenu {
		width: 100%;
	}

	nav.ouvert .conteneur .page2CoteCentrer .blocMenu .invisibleMobile {
		display: block;
	}

	nav.ouvert .conteneur ul {
		display: block;
	}

	nav.ouvert .conteneur li {
		line-height: 0px;
	}

	nav.ouvert .conteneur {
		margin-top: 40px;
	}

	nav.ouvert .conteneur .page2CoteCentrer .bloc {
		margin-bottom: 40px;
	}

	nav.ouvert .conteneur li.texteItalic {
		line-height: 30px;
		margin-top: 30px;
		display: none !important;
	}





	nav.ouvert .croix {
		display: block;
		background-image: url("../images/icones/croixblanche.png");
		height: 37px;
		width: 37px;
		cursor: pointer;
	}

	nav.ouvert .invisibleMobile {
		display: inherit !important;
	}

	nav.ouvert>ul li {
		width: 100%;
		text-align: center;
		cursor: pointer;
		font-size: 18px;
		margin-right: 0px !important;
		color: #1462a6 !important;
	}

	.ouvert .conteneur .contact {
		width: 100%;
		margin-right: 25px;
	}

	nav.ouvert li img {
		height: 100px;
		width: 100px;
		margin-bottom: -30px;
		/*margin-top:30px;*/
		display: block;
	}

	nav.ouvert .menuSite {
		display: none;
	}

	.conteneur ul {
		height: auto;
	}

	.conteneur .sousMenu li {
		padding-left: 0px;
		padding-right: 0px;
		color: #5e5e5e;
		line-height: 50px !important;
		height: 50px;
		display: block;
		width: 100%;
	}

	nav .conteneur .sousMenu a {
		height: 50px !important;
	}

	.sousMenu li a {
		padding-left: 0px;
		padding-right: 0px;
	}

	.conteneur ul.sousMenu {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.ouvert .conteneur li {
		width: 100%;
	}

	.ouvert .conteneur li a {
		/*color:#fff !important;*/
		font-weight: bold;
		float: initial;
	}

	.ouvert .barreContact {
		font-size: 24px;
		margin-top: 0px !important;
	}

	.ouvert .lienMenuDroite .barreContact {
		display: contents;
	}

	.ouvert .conteneur svg {
		position: inherit;
	}


	nav.ouvert .conteneur li img.logoJaune {
		display: none;
	}

	nav.ouvert .conteneur li img.logoNoir {
		display: block !important;
	}



	.navWhite.ouvert .conteneur {
		margin-top: 55px;
	}

	.page3Cote .gauche {
		float: left;
		width: 26%;
		min-height: 100%;
	}

	.page3Cote .centre {
		float: left;
		width: 37%;
		min-height: 100%;
		box-sizing: border-box;
	}

	.page3Cote .droite {
		float: left;
		width: 37%;
		min-height: 100%;
		box-sizing: border-box;
	}

	footer ul {
		padding-left: 10px;
	}

	footer .titre {
		font-size: 26px;
		font-weight: bold;
	}

	.carousel .titre1 {
		top: 15%;
		font-size: 50px;
	}

	.carousel .titre2 {
		top: 40%;
		font-size: 35px;
	}


	.articlePlein .texte p {
		font-size: 12px;
	}

	.articlePlein .texte h3 {
		font-size: 20px;
	}

	#iconeMenu {
		height: 60px;
		width: 60px;
		box-sizing: border-box;
		padding-top: 0px;
		margin-left: auto;
		margin-right: 0px;
		margin-top: 0px;
		position: absolute;
		right: 5%;
		top: 22px;
		cursor: pointer;
	}

	img.logoDefilement {
		/*display:none;*/
	}

	.defilement .logoDefilement {
		display: block;
	}

	.defilement .logoDebut {
		display: none;
	}

	.ouvert #iconeMenu {
		display: none;
	}

	.defilement .menuSite {
		margin-top: 0px;
	}

	.defilement .menuSite #iconeMenu {
		margin-top: 3px;
		position: absolute;
		top: 30px;
		right: 50px;

	}

	.defilement li img {
		/*height: 70px !important;
		width: 70px; !important;*/
		left: 45px;
	}

	.defilement .conteneur {
		height: 120px;
		background-color: #fff;
	}

	.defilement .conteneur {
		background-color: #375447;
	}

	.defilement .menuSite #iconeMenu {
		margin-top: 0px;

	}

	.defilement #iconeMenu .ligne {}

	.defilement.ouvert .conteneur {
		height: auto;
		background-color: transparent;
	}

	#iconeMenu .ligne {
		height: 5px;
		padding: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		/*width: 45px;*/
		background-color: #000;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 6px;
		margin-bottom: 14px;
		box-sizing: border-box;
		display: block;
		border-radius: 4px;
		background-color: #e8e3df;
	}

	.defilement #iconeMenu .ligne {
		margin-top: 7px;
		margin-bottom: 13px;
	}

	.articlePlein .texte h3 {
		font-size: 16px;
	}

	.articlePlein .texte p {
		font-size: 10px;
		line-height: 22px;
	}

	.articlePlein .texte {
		width: 90%;
	}

	.articlePlein.right .texte {
		padding-left: 20px;
		padding-right: 20px;
		left: 5%;
	}

	.articlePlein.right .texte .icone {
		left: -10px;
		top: -50px;
	}

	.page3CoteCentrer .image img {
		margin-bottom: 20px;
	}


	.blocCentreImage h3 {
		font-size: 50px;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-left: 5%;
		padding-right: 5%;
		line-height: 50px;
	}

	.blocCentreImage h2 {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.blocCentreImage button {
		width: 250px;
		margin-bottom: 50px;
		height: 50px;
	}

	#pagePilliers .intro .blocCentre {
		top: 100px !important;
	}

	#pagePilliers .intro img {
		margin-top: 400px;
	}

	#pagePilliers .intro .blocCentre h1 {
		color: #CEAD63;
		margin-bottom: 50px;
	}

	#pagePilliers .intro .blocCentre h2 {
		color: #CEAD63;
		line-height: 50px;
	}

	.page5CoteCentrer {
		flex-direction: column;

		justify-content: center;
		height: auto;
	}

	.page4CoteCentrer {
		flex-direction: column;
		justify-content: center;
		height: auto;
	}

	#annonces .page4CoteCentrer {
		flex-direction: initial;
		width: 100% !important;
	}

	/*#annonces .page4CoteCentrer .bloc{
		width: 280px;
	}*/

	#annonces .page4CoteCentrer .bloc select {
		padding-left: 10px;
	}

	.page4CoteCentrer .bloc {
		text-align: center;
	}

	footer .page4CoteCentrer .bloc {

		line-height: 50px;
	}

	footer h2 {
		font-size: 44px !important;
		margin-top: 25px;
		height: auto;
		line-height: 44px;
		margin-bottom: 100px;
	}

	footer .page4CoteCentrer {
		margin-top: 0px;
	}

	#epigetsens {
		padding-left: 5%;
		padding-right: 5%;
	}

	#accompagnements h2 {
		font-size: 36px;
		line-height: 50px;
	}

	.guillemet img {
		margin-top: 30px;
	}

	.guillemet span {
		width: calc(100%);
	}

	.quoteRight {
		float: right !important;
		margin-right: 0px !important;
	}

	.guillemet {
		width: 90%;
		margin-left: 5%;
		/*height:80px;*/
		margin-top: 50px;
		margin-bottom: 100px;
	}

	#accompagnements p {
		width: 80%;
	}

	#pagePilliers .intro {
		height: auto;
		min-height: auto;
	}

	#accompagnements5Pilliers h2 {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 50px;
	}

	#pagePilliers .intro .blocCentre h1 {
		font-size: 42px !important;
	}

	#pagePilliers #pilliers h2 {
		font-size: 30px !important;
	}

	#pageAccompagnement h1 {
		color: #fff;
		text-align: center;
		font-size: 70px;
		line-height: 70px;
	}

	#mesAccompagnements .bloc p {
		font-size: 16px;
	}

	#mesAccompagnements .bloc ul li {
		font-size: 16px;
	}

	.page3CoteCentrer {
		width: 90%;
		margin-left: 5%;
	}

	#mesAccompagnements h2 {
		font-size: 40px;
	}

	.page3CoteCentrer .bloc {
		min-height: 150px;
	}

	.page3CoteCentrer h4 {
		line-height: 50px;
		margin-bottom: 20px;
	}


	#listeExposants.stylesTitres2 .page3CoteCentrer h4 {
		line-height: 30px;
		margin-top: 40px;
	}


	#listeExposants.stylesTitres2 .page3CoteCentrer .bloc h4 {
		margin-bottom: 0px;
		line-height: 20px;
		margin-top: 0px;
	}

	#services .blocPere {
		width: 100%;
		padding-left: 15%;
		padding-right: 15%;
	}

	#blocTexteCentre {
		height: auto;
	}

	#contactPillier img {
		max-width: 800px;
	}

	/*#contactPillier .background img{
		width:400px;
		heigth:600px;
	}*/

	#contactPillier .blocCentre {
		width: 90%;
		position: absolute;
	}

	#contactPillier h2 {
		font-size: 40px !important;

		line-height: 44px;
	}

	#contactPillier h3 {
		font-size: 26px;
	}

	#contactPillier button {
		width: 90%;
	}

	#contactPillier .blocCentre {
		left: 5%;
	}

	.pagePleine .intro p {
		overflow: hidden;
		font-size: 20px;
	}

	#actualites .actualite .imageActualite img {

		width: 100%;
		margin-right: 0%;
	}

	#actualites .actualite {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #707070;
	}

	#alexandreEriani h2 {
		font-size: 26px !important;
	}

	.actus .intro {
		min-height: 500px;
		height: 500px !important;
	}

	.actus .intro .blocCentre {
		position: absolute;
		top: auto !important;
	}

	.logoBlanc {
		display: block;
	}

	.page2Cote.page2CoteMarge .texte {
		width: 100%;
		/*padding-left:5%;
		padding-right:5%;*/
		box-sizing: border-box;
	}

	.page2Cote.page2CoteMarge h2 {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 15px !important;
		margin-bottom: 10px !important;
		font-size: 26px !important;
		line-height: 30px;
	}

	.page2Cote .imageGauche .texte p.prix {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 30px;
		text-align: left;
	}

	.page2Cote .imageGauche .texte p.prix .icone {
		top: 10px;
	}

	footer {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 25px;
		padding-right: 25px;
		float: left;
		width: 100%;
		color: #707070;
		box-sizing: border-box;
	}

	footer .gauche .bloc h2 {
		font-size: 30px !important;
	}

	nav.defilement .conteneur li img.logoBleu {
		height: 70px;
		width: 70px;
	}

	.grandMenu nav .logoBlanc {
		margin-top: 50px;
		margin-left: 0px;
		width: 150px;
		height: 150px;
	}

	.grandMenu #iconeMenu .ligne {
		background-color: #fff;
	}

	.grandMenu .defilement #iconeMenu .ligne {
		background-color: #CEAD63;
	}

	#accueil button {
		font-size: 18px;
	}

	.grandMenu .ouvert #imageMenuCachee {
		display: none;
	}

	.grandMenu .ouvert nav,
	.grandMenu .ouvert .conteneur ul,
	.grandMenu .ouvert .conteneur li {
		height: 80px;
		line-height: 80px;
	}

	.grandMenu nav.ouvert li img {
		height: 100px;
		width: 100px;
		margin-bottom: -30px;
		margin-top: 0px;
		margin-left: 0px;
	}

	.ouvert .conteneur li.logo {
		line-height: 100px;
		height: 100px;
		/*display:none;*/
	}

	nav.ouvert .conteneur li a img {
		margin-bottom: 20px;
	}

	#annonces {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}





	.blocCompletListeAnnonces.page4CoteCentrer {
		flex-direction: inherit;
	}

	#annonces .page4CoteCentrer .bloc h3 {
		line-height: 20px;
	}

	#annonces .page4CoteCentrer .bloc .fondu {
		margin-top: 100px;
	}

	#belartImmo .texte {
		padding-left: 5%;
		padding-right: 5%;
	}

	#belartImmo .texte p {
		font-size: 14px;
	}

	#resultatsAnnonces .page2Cote.page2CoteMarge .texte {
		width: calc(100%);
		padding-bottom: 0px;
	}

	nav.defilement {
		height: 60px;
	}

	nav.defilement.ouvert {
		height: 100%;
	}

	.page5CoteCentrer {
		margin-top: 0px;
	}

	#separationNoir {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	#separationNoir h2 {
		line-height: 150px;
	}

	#separationNoir .page5CoteCentrer .bloc {
		width: 50%;
		margin-bottom: 50px;
	}

	#separationNoir .page5CoteCentrer {
		padding-bottom: 0px;
	}

	nav.navWhite li span,
	.menuWhite nav li span {
		font-weight: bold;
		font-size: 20px;
	}



	#pageAccueil .page4CoteCentrer .bloc {
		max-width: 100%;
	}

	.page2Cote .droite {
		width: 100%;
	}

	#popUp .description {
		padding-top: 50px;
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.popUpMail {
		height: 80% !important;
		width: 80% !important;
		background-color: #8d6e5f;
		left: 5% !important;
		top: 5% !important;
		color: #fff;
	}

	nav .conteneur {
		padding-left: 0%;
		padding-right: 0%;
	}

	footer .page3CoteCentrer .bloc {
		width: 50%;
	}

	footer .page3CoteCentrer .bloc img {
		width: auto;
		max-width: 100%;
	}

	.fondQuestions {
		top: -10px;
	}

	.texteMoitieLargeur {
		width: 90%;
	}

}

@media screen and (max-width:680px) {
	section#decouvrir img {
		height: auto;
	}

	.blocCompletListeAnnonces a {
		width: 100%;
	}

	#contact .blocTitre {
		height: 100px;
		min-height: 100px
	}

	#contact h2 {
		font-size: 28px;
		line-height: 50px;
	}

	.page2Cote .imageGauche .autresImages {
		height: 133px;
		max-width: 100%;
		overflow: hidden;
	}

	.page2Cote .imageGauche .autresImages,
	.imgAnnonce,
	.autresImagesBloc,
	.page2Cote .imageDroite .autresImages {
		width: 100%;
	}

	.actus .page2Cote.page2CoteMarge .texte {
		margin-left: 0px;
	}

	.miniatures {
		position: relative;
		overflow: hidden;
		height: 133px;
		width: 340px;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 5px;
		height: auto;
		top: 0px;
	}

	.page2Cote .imageGauche .autresImages .imageMiniature {
		height: 123px !important;
		width: 160px;
		margin-bottom: 0px !important;
	}

	.page2Cote .imageGauche .imageAnnonce {
		width: calc(100%);
		float: left;
	}

	#iconeMenu {
		/*right:25px;*/
	}

	#pageAccueil nav .ouvert < nav {
		height: 100%;
	}

	footer .page2CoteCentrer .bloc.right {
		margin-bottom: 50px;
		border-right: 0px solid #fff;
	}

	footer .page2CoteCentrer .bloc {
		width: 108%;
	}

	.articlePlein.left .blocTitre {
		left: 0px;
	}

	.articlePlein.right .blocTitre {
		right: 0px;
	}

	.sectionQuestion h2 {
		font-size: 28px;
		margin-top: 20px;
		line-height: 40px;
	}

	.sectionQuestion .blocQuestions {
		width: calc(100% - 50px);
		left: 25px;
		top: -150px;
		padding-bottom: 25px;
	}

	nav.navWhite li span,
	.menuWhite nav li span {
		font-weight: bold;
		font-size: 18px;
	}

	#annonces .page4CoteCentrer {
		/*flex-direction: column;*/
	}

	#pageAccueil #annonces .page4CoteCentrer {
		flex-direction: inherit;
	}



	.actus .page2Cote.page2CoteMarge .imageGauche img {
		width: 420px;
	}

	#anime .page5CoteCentrer .bloc img {
		height: 90px;
		margin-bottom: 5px
	}

	#anime .page5CoteCentrer .bloc {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	#anime h2 {
		font-size: 24px;
		margin-top: 50px;
	}

	#anime h4 {
		font-size: 24px;
		line-height: 30px;
		width: 90%;
	}

	#prestations {
		padding-bottom: 0px;
	}

	#contact h2 {
		padding-bottom: 0px;
	}

	#references,
	#pageAccueil #contact {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#pageAccueil #contact .page2CoteCentrer {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#valeurs .blocDroite {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:580px) {
	#accueil .caroussel .slide .depliant .contenu {
		padding-top: 25px;
	}

	section#decouvrir img {
		height: auto;
	}

	footer a {
		font-size: 28px;
		margin-top: 40px;
		line-height: 20px;
	}

	#prestations .page3CoteCentrer .blocGauche {
		width: 100%;
		margin-bottom: 10px;
	}

	#prestations .page3CoteCentrer .blocCentre {
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
	}

	#prestations .page3CoteCentrer .blocDroite {
		width: 100%;
	}

	#prestations {
		padding-bottom: 0px;
	}

	#devisGratuit .blocTitre {
		width: 95%;
		margin-top: -75px;
	}

	#annonces .blocTitre {
		min-height: 100px;
		width: 50%;
	}



	#nosServices.page2Cote .texte {
		width: 100%;
	}

	nav.navWhite li span,
	.menuWhite nav li span {
		font-size: 16px;
	}

	#pageAccueil.carteGrise #annonces .page4CoteCentrer {
		flex-direction: inherit;
	}

	#mapEtHoraire .droite {
		width: 95%;
	}

	#mapEtHoraire .iconeLeft {
		padding-left: 0px;
		height: auto;
		line-height: 28px;
		margin-bottom: 15px;
	}

	#mapEtHoraire .iconeLeftAdresse,
	#mapEtHoraire .iconeLeftTel,
	#mapEtHoraire .iconeLeftMail,
	#mapEtHoraire .iconeLeftFacebook,
	#mapEtHoraire .iconeLeftInstagram {
		position: relative;
		display: block;
	}

	#anime h2 {
		margin-top: 25px;
	}

	#anime .page5CoteCentrer {
		padding-bottom: 20px;
	}

	#anime h4 {
		line-height: 24px;
		font-size: 20px;
		width: 90%;
	}

	#anime .page5CoteCentrer .bloc {
		margin-bottom: 15px;
		margin-top: 5px;
	}

	#pageAccueil #cadreJaune .gauche {
		width: 100%;
		margin-bottom: 20px;
	}

	#pageAccueil #cadreJaune .droite {
		width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}


	#packs .page3CoteCentrer .bloc {
		width: 100%;
	}



	#annonces .page4CoteCentrer .bloc p.description {
		max-height: 100px;
		overflow: auto;
	}

	#notreHistoire .texte h3 {
		line-height: 36px;
	}

	#accompagner h2 {
		line-height: 32px;
		max-width: 100%;
	}


	.actus .page2Cote .imageGauche .imageAnnonce {
		margin-left: 0px;
	}

	.actus .page2Cote .autresImages {
		position: absolute;
		top: 355px;
	}

	.actus .imgAnnonce {
		width: 100%;
	}

	.actus .page2Cote.page2CoteMarge .imageGauche img {
		width: 100%;
		margin-bottom: 10px;
	}

	.actus .descriptionImage {
		left: 130px;
	}

	.actus .page2Cote.page2CoteMarge .texte {
		width: calc(100%);
		float: left;
		margin-left: 0px;
		margin-top: 50px;
	}

	.page2Cote .imageGauche .imageAnnonce {
		max-width: 100%;
	}

	.page2Cote .imageGauche .imageAnnonce iframe {
		height: 300px;
		width: 100%;
	}

	.actus .page2Cote .autresImages {
		top: 320px;
	}

	.actus .page2Cote .imageGauche .autresImages {
		height: 133px;
		max-width: 100%;
		overflow: hidden;
	}

	.page2Cote .imageGauche .autresImages .imageMiniature {
		margin-right: 10px !important;
		height: 123px !important;
		width: 160px !important;
		float: left;
		margin-bottom: 10px !important;
	}

	.page2Cote .imageGauche .autresImages .imageMiniature img {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 160px !important;
	}

	.actus .imgAnnonce {
		margin-bottom: 0px;
	}

	.actus .page2Cote.page2CoteMarge .texte {
		width: calc(100%);
		float: left;
		margin-left: 0px;
		margin-top: 20px;
	}

	.flecheBasMiniature {
		top: 55px;
		left: auto;
		right: 15px;
	}

	.flecheHautMiniature {
		left: 15px;
		right: auto;
		top: 55px;
		z-index: 100000;
	}


	.actus .descriptionImage {
		top: 355px;
		height: 50px;
		width: calc(100% - 130px);
		font-size: 12px;
		overflow: auto;
	}

	.actus .autresImagesBloc {
		height: 120px;

	}

	.page2Cote .imageGauche .autresImages {
		height: 210px;
	}

	.actus .page2Cote .imageGauche .texte p.prix {
		margin-bottom: 10pxpx;
	}

	.actus .listeAnnonce {
		min-height: 660px;
	}

	.actus .descriptionAnnonce {
		height: 170px;
		overflow: auto;
	}

	.actus .listeAnnonce {
		padding-bottom: 20px;
		padding-top: 20px;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.actus .page2Cote .floatLeft {
		margin-bottom: 0px;
	}

	.actus .page2Cote.page2CoteMarge h2 {
		padding-top: 10px;
		margin-top: 0px !important;
	}


	/*#annonces .page4CoteCentrer .bloc{
		width:100%;
		position:relative;
		height: auto;
		padding-right:0px;
		margin-bottom: 15px;
	}
	*/
	#annonces .page4CoteCentrer {
		flex-direction: inherit;
	}

	#pageAccueil #annonces .page4CoteCentrer {
		flex-direction: column;
	}

	#pageAccueil #annonces .page4CoteCentrer .bloc {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	#annonces .page4CoteCentrer .bloc {
		width: 300px;
		padding-right: 0px;
	}

	#annonces .page4CoteCentrer .bloc input[type="checkbox"] {
		width: 20px !important;
		min-width: auto !important;
	}

	#annonces p {
		font-size: 13px;
	}

	#annonces .page4CoteCentrer .bloc input {
		min-width: 90px;
		width: 100px !important;
	}


	#annonces div.checkbox {
		display: inline;
	}

	.page4CoteCentrer .bloc img {
		width: 400px;
		height: 200px;
	}

	#annonces .page4CoteCentrer .bloc .fondu {
		width: 100%;
		margin-top: 120px;
	}

	nav #ClTitre {
		padding-left: 0px;
		padding-right: 0px;
		line-height: 60px;
		margin-top: 0px;
	}

	.conteneur li {
		font-size: 18px;
		line-height: 80px;
	}

	#titre {
		margin-left: 0px;
		font-size: 24px;
		line-height: 60px;
	}

	.titreSite {
		width: 55% !important;
	}

	.menuSite {
		min-width: 95px !important;
		/*width: 45% !important;*/
	}

	.menuSite a {
		min-width: 95px !important;
	}

	#menuMobile {
		display: block !important;
	}

	nav.ouvert #menuMobile,
	nav.ouvert .menuSite {
		display: none !important;
	}

	#menuMobile span {
		display: block !important;
		/*background-image: url("../images/icones/menu.png");*/
		height: 60px;
		width: 55px !important;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		padding-right: 0px;
		padding-left: 0px;
	}

	.conteneur li {
		min-height: 0px;
		min-width: 0px;
		text-align: center;
	}

	nav .conteneur .menuMobile li {
		min-width: 60px !important;
	}

	.conteneur .contact {
		margin-right: 0px;
	}

	#contact .texte {
		margin-bottom: 50px;
	}

	#contact .gauche {
		width: 90%;
	}

	.conteneur li:hover>.sousMenu {
		/*display:none;*/
	}

	nav .ouvert>ul li {
		width: 100%;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
	}

	.ouvert .conteneur .contact {
		width: 100%;
		margin-right: 25px;
	}

	.conteneur ul {
		height: auto;
	}

	.conteneur .sousMenu li {
		padding-left: 0px;
		padding-right: 0px;
		color: #5e5e5e;
		line-height: 50px !important;
		height: 50px;
		font-size: 14px;
	}

	nav .conteneur .sousMenu a {
		height: 50px !important;
	}

	.sousMenu li a {
		padding-left: 0px;
		padding-right: 0px;
	}



	.index .intro #blocCentre {
		top: 17% !important;
	}

	.intro #blocCentre {
		top: 30%;
		width: 95%;
		left: 2.5%;
	}

	.ouvert .conteneur li:hover>.sousMenu {
		/*display: none;*/
	}

	header h1 {
		font-size: 26px;
		top: 0%;
		color: #fff;
		width: 100%;
		left: 10%;
		line-height: 35px;
		margin-bottom: 15px;
	}

	header h2 {
		font-size: 20px;
		top: 40%;
		color: #fff;
		width: 100%;
		text-align: left;
		line-height: 20px;
	}



	.intro #blocCentre button {
		margin-left: auto;
		margin-right: auto;
		width: 100px;
		display: block;
	}

	.intro #blocCentre img {
		height: 100px !important;
		width: 100px !important;
		min-height: 100px !important;
		margin-left: auto;
		margin-right: auto;
		position: initial;
	}


	.intro #blocCentre #btVideo img {
		height: 80px !important;
		width: 114px !important;
		min-height: 80px !important;
	}


	.imageGauche img {
		width: 100% !important;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}


	.articlePlein .texte {
		width: 90%;
	}

	.articlePlein.left .texte .icone {
		right: -10px;
		top: -50px;
	}

	.articlePlein.left .texte {
		padding-right: 20px;
		padding-left: 20px;
	}

	.articlePlein.right .texte {
		padding-left: 20px;
		padding-right: 20px;
		left: 5%;
	}

	.articlePlein.right .texte .icone {
		left: -10px;
		top: -50px;
	}

	.page2Cote h2 {
		padding-top: 35px;
		padding-bottom: 25px;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-left: 0%;
	}

	.page2Cote .gauche {
		width: 100%;
	}

	.page2Cote .citation {
		width: 90%;
	}

	#citation .citation .forme {
		bottom: -15px;
		left: -10px;
	}



	.page2Cote .texte {
		width: 100%;
		box-sizing: border-box;
		/*padding-top: 20px;
		padding-bottom: 20px;*/
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.page3Cote {
		padding-left: 5%;
		padding-right: 5%;
	}

	.page3Cote .gauche,
	.page3Cote .centre,
	.page3Cote .droite {
		width: 100%;
	}


	.pageLarge100 h2 {
		padding-top: 25px;
		padding-bottom: 30px;
		margin-left: 5%;
	}

	#citation .gauche {
		margin-bottom: 30px;
	}

	#citation {
		padding-bottom: 0px;
	}

	#projets h2 {
		text-align: center;
	}

	#projets {
		min-height: 100%;
		height: 100%;
	}

	.carousel {
		position: relative;
		height: 80%;
		overflow: hidden;
		border-radius: 5px;
	}

	.carousel .titre1 {
		font-size: 30px;
		top: 20%;
	}

	.carousel .titre2 {
		font-size: 24px;
		top: 42%;
	}

	footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	footer ul {
		padding-left: 0px;
	}


	.page2Cote.page2CoteMarge .imageGauche img {
		width: 100% !important;
		margin-left: 0px;

	}

	.page2Cote .imageGauche img {

		margin-bottom: 25px;
	}

	.page2Cote.page2CoteMarge .imageDroite img {
		width: 100% !important;
		margin-right: 0%;
		margin-left: 0%;
		margin-bottom: 25px;
	}

	.page3CoteCentrer .bloc {
		width: 90%;
		padding-left: 10%;
		padding-right: 10%;

		min-width: 200px;
		min-height: 150px;
	}

	.page3CoteCentrer .bloc h4 {
		text-align: center;
	}

	.page2Cote.page2CoteMarge .texte {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.page2Cote .floatLeft {
		margin-bottom: 20px;
	}

	.texteGrandeLargeur h2,
	.texteGrandeLargeur h3,
	.texteGrandeLargeur h4,
	.texteGrandeLargeur ul {
		margin-top: 20px;
	}

	.page2Cote .texteGrandeLargeur {
		padding-bottom: 20px;
	}

	.page3CoteCentrer {
		width: 100%;
		margin-left: 0%;
	}

	.imageMiniTransition {
		margin-bottom: 50px;
	}

	#siteVitrine,
	#siteDynamique {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.imageTransition {
		height: 150px;
		margin-bottom: 20px;
	}

	.imageTransition img {
		width: 100%;
	}

	.carouselTexte .titre1 {
		top: 10%;
		font-size: 30px;
		width: 80%;
		line-height: 30px;
	}

	.carouselTexte .titre2 {
		font-size: 16px;
		top: 34%;
		line-height: 20px;
	}

	.carouselTexte .boutons {
		bottom: 5%;
	}

	#pointsImportants {
		margin-bottom: 50px;
	}

	.carouselTexte .bt {
		height: 25px;
		width: 25px;
	}

	.intro #blocDroite {
		position: absolute;
		top: 30%;
		width: 80%;
		left: 10%;
	}

	#siteVitrine h2,
	#siteDynamique h2,
	#migration h2,
	#migration2 h2,
	#SEOSEA h2,
	#hebergement h2,
	#creerApplication h2,
	#developpeurWeb h2,
	#webmaster h2 {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.pageFondImage .texte {
		position: inherit;
		margin-top: -200px;
		width: 90%;
		left: 5%;
		padding: 15px;
	}

	.pageFondImage .premierTitre {
		margin-bottom: 30px;
	}

	.pageFondImage h2,
	.pageFondImage h3 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.menuApplication,
	.menuSiteInternet,
	.contact {
		display: none !important;
	}

	.ouvert .menuApplication,
	.ouvert .menuSiteInternet,
	.ouvert .contact {
		display: inline-block !important;
	}

	.menuSiteInternet li span,
	.menuApplication li span,
	.contact li span {
		width: 100%;
	}

	#projetsRealises {
		width: 95%;
		margin-left: 2.5%;
	}

	#projetsRealises .presentationProjet {
		left: 0px !important;
		right: 0px !important;
	}



	#projetsRealises .image img {
		object-fit: cover;
		width: 100%;
	}

	#projetsRealises .texte {
		width: 100%;
		position: inherit;
		right: 0px !important;
		left: 0px !important;
	}

	#projetsRealises .image {
		position: inherit;
		right: 0px !important;
		left: 0px !important;
	}

	#pilliers p {
		width: 80%;
	}

	.page1CoteCentrer .bloc {
		padding-left: 0px;
		padding-right: 0px;
	}

	#domainesInterventions h3 {
		font-size: 20px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#domainesInterventions p {
		width: 80%;
		font-size: 18px;
	}

	#pageAccompagnement.pagePleine #accueil.intro .blocCentre {
		top: 100px !important;
	}

	#pageAccompagnement.pagePleine #accueil.intro img {
		height: 400px;
	}

	#pageActualite .intro .blocCentre h1 {
		font-size: 40px;
	}

	#pageAccompagnement.pagePleine #accueil.intro {
		min-height: 500px;
	}

	#accompagner .btContact {
		background-color: #CEAD63;
		color: #fff;
		border: 0px;
		min-width: 250px;
	}

	#portail .btContact {
		background-color: #4bc2c8;
	}


	footer .page2CoteCentrer .bloc {
		width: 100%;
	}

	footer .gauche .bloc h2 {
		margin-left: 0px;
		padding-left: 0px;
	}

	footer .btAccueil {
		margin-bottom: 20px;
	}

	.sousMenuSection li {
		width: 100%;

	}

	.sousMenuSection li a {
		line-height: 30px;
	}

	.intro button {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 14px;
	}

	#accueil button {
		font-size: 19px;
		line-height: 26px;
	}

	button {
		font-size: 20px;
		padding-right: 25px;
		padding-left: 25px;

	}

	#anime .page5CoteCentrer .bloc img {
		height: 80px;
		margin-bottom: 5px
	}

	.page2Cote.page2CoteMarge .imageGauche img {
		height: auto;
	}

	.stylesTitres2 h2 {
		line-height: 46px;
	}

	.page2CoteCentrer .bloc {
		padding: 15px;
	}

	.page3CoteCentrer .bloc {
		padding-left: 5%;
		padding-right: 5%;
	}

	footer .page3CoteCentrer .bloc {
		width: 100%;
	}

	footer .page3CoteCentrer h3 {
		text-align: center;
	}

	#decouvrir .page3CoteCentrer .bloc {
		padding-left: 0px;
		padding-right: 0px;
	}

	#decouvrir .page3CoteCentrer .bloc img {
		max-width: 100%;
	}


	footer .page3CoteCentrer .bloc img {
		margin-left: auto;
		margin-right: auto;
	}

	footer .page3CoteCentrer a.lien {
		text-align: center;
	}

	footer .page3CoteCentrer .bloc.blocMenu a {
		text-align: center;
	}

	footer .page3CoteCentrer h5 {
		text-align: center;
	}

	#visiteurs .stylesTitres2 {
		overflow: hidden;
	}

	#visiteurs #mineralyon .mineral1 {
		right: -50px;
	}

	#infoPratique .stylesTitres2 {
		overflow: hidden;
	}

	#pageExposant #infoPratique .mineral1 {
		top: 154px;
		left: auto;
		right: 20px;
	}

	#pageExposant #infoPratique .mineral2 {
		top: 354px;
		left: auto;
		right: 30px;
	}

	#pageContact #infoPratique {
		overflow: hidden;
	}

	#pageContact .mineral1 {
		left: auto;
		top: 154px;
		right: 20px;
	}

	#pageContact .mineral2 {
		left: auto;
		top: 350px;
		right: 5px;
	}
}

@media screen and (max-width:480px) {
	.actus .descriptionImage {
		display: none;
	}

	.actus .page2Cote.page2CoteMarge .texte {
		margin-top: 0px;
	}

	.actus .blocVoiture {
		width: 100%;
	}

	.actus .descriptionAnnonce {
		height: auto;
		max-height: 1000px !important;
	}

	nav.navWhite li span,
	.menuWhite nav li span {
		font-size: 12px;
	}

	.conteneur .sousMenu li {
		font-size: 12px;
	}

	.conteneur li {
		font-size: 16px;
		line-height: 80px;
	}

	#annonces h3 {
		font-size: 16px;
	}

	.page5CoteCentrer .bloc {
		min-width: 150px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.page5CoteCentrer {
		padding-left: 0px;
		padding-right: 0px;
	}

	.grandMenu #annonces h1 {
		font-size: 42px;
	}

	.page4CoteCentrer .bloc img {
		width: 340px;
		height: 200px;
	}

	#contact h3 {
		font-size: 16px;
	}

	#pagePilliers .intro {
		min-height: auto;
	}

	#accompagnements5Pilliers h2 {
		font-size: 22px;
		line-height: 36px;
		margin-bottom: 50px;
	}

	#pageAccompagnement h1 {
		color: #fff;
		text-align: center;
		font-size: 50px;
		line-height: 70px;
		font-size: 26px;
	}

	header h2 {
		line-height: 22px;
	}

	.intro #blocCentre {
		top: 26%;
	}

	#btVideo {
		bottom: 20px;
		right: 33px !important;
		width: 358px;
	}

	#domainesInterventions h2 {
		font-size: 40px !important;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#services .blocPere .bloc p {
		font-size: 16px;
	}

	#domainesInterventions .bloc p {
		font-size: 16px;
	}

	#mesAccompagnements h2 {
		font-size: 26px !important;
	}

	#pilliers h2 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 26px !important;
	}

	#accompagnements h2 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 26px !important;
	}

	#accueil button {
		font-size: 18px;
		line-height: 26px;
	}

	button {
		font-size: 18px;
	}

	.actus .intro .blocCentre h1 {
		line-height: 50px;
		font-size: 35px;
	}

	.actus .intro .blocCentre {
		padding-left: 5%;
	}

	#iconeMenu {
		right: 10%;
	}

	.conteneur .enregistrerEvenement {
		right: 10%;
	}

	.conteneur .page2CoteCentrer .bloc {
		padding-left: 5%;
	}

	.conteneur .enregistrerEvenement {
		right: 10%;
	}

	#iconeMenu {
		right: 10%;
	}

	.conteneur .page2CoteCentrer .bloc {
		width: 70%;
	}

	.conteneur .page2CoteCentrer .blocMenu {
		width: 30%;
	}

	#choixBoutons .page2CoteCentrer {
		width: 90%;
	}

	#pageApropos button,
	#visiteurs button,
	#pageExposant button,
	#pageBilleterie button {
		width: auto;
	}

	.texteGrandeLargeur {
		width: 90%;
	}
}

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

	#accueil .caroussel #slide4.slide .depliant .contenu .mineaux_lyon {
		bottom: -7%;
		height: 43%;
		left: 50%;
		transform: translateX(-50%);
	}

	.articlePlein.left .blocTitre {
		width: 300px;
	}

	.articlePlein.right .blocTitre {
		width: 300px;
	}

	.conteneur li {
		font-size: 12px;
		line-height: 80px;
	}

	button {
		font-size: 16px;
	}

	#iconeMenu {
		/*margin-right: 0px;*/
	}

	.titreSite {
		width: 70% !important;
		margin-left: 0%;
	}


	.index .intro #blocCentre {
		top: 15% !important;
	}


	footer .page4CoteCentrer .bloc {

		line-height: 50px;
		font-size: 18px;
	}

	footer h2 {
		font-size: 40px !important;
		margin-top: 25px;
		height: auto;
	}

	footer .page4CoteCentrer {
		margin-top: 0px;
	}

	.page5CoteCentrer .bloc {
		min-width: 150px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.page5CoteCentrer {
		padding-left: 0px;
		padding-right: 0px;
	}

	#pageAccueil .intro img {
		height: 100%;
	}

	#pageAccueil .intro .iconeTelephone img {
		height: auto;
	}

	#pageAccueil .intro img.less {
		height: auto;
	}

	.intro .blocCentre h1 {
		/*font-size: 16px;*/
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.intro .blocCentre h2 {
		margin-bottom: 20px;
	}

	.intro .blocCentre {
		padding: 10px;
	}

	.sowebsite {
		font-size: 14px;
	}

	/*#accueil.intro button{
		width:100%;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 12px;
	}*/

	#accueil button {
		font-size: 16px;
		line-height: 26px;
	}

	#anime .page5CoteCentrer .bloc img {
		height: 80px;
		margin-bottom: 5px
	}

	.stylesTitres h2 {
		font-size: 44px;
		line-height: 45px;
	}

	.stylesTitres h3 {
		font-size: 38px;
		line-height: 40px;
	}

	#decouvrir .page3CoteCentrer .bloc img {
		width: 100%;
	}

	#choixBoutons .page2CoteCentrer button {
		font-size: 24px;
	}

	.stylesTitres2 h2 {
		font-size: 32px;
		line-height: 40px;
	}

	.stylesTitres2 h3 {
		font-size: 28px;
		line-height: 34px;
	}

	.stylesTitres2 h4 {
		line-height: 22px;
	}

	.conteneur .enregistrerEvenement {
		font-size: 14px;
	}

	.stylesTitres h2 {
		font-size: 34px;
		line-height: 36px;
	}

	.stylesTitres h3 {
		font-size: 30px;
		line-height: 32px;
	}

	.stylesTitres2 h2 {
		font-size: 34px;
		line-height: 36px;
	}

	.stylesTitres2 h3 {
		font-size: 30px;
		line-height: 32px;
	}
}

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

	.conteneur .page2CoteCentrer .blocMenuGauche a img {
		margin-top: 5px;
		height: 80px;
	}

	#services .page4CoteCentrer .bloc {
		min-width: 200px;
		width: calc(100% - 8px);
	}

	#services .page4CoteCentrer .bloc h4 {
		font-size: 22px;
		line-height: 30px;
	}



	#anime .page5CoteCentrer .bloc {
		width: 90%;
	}

	#btVideo {
		bottom: 20px;
		right: 1px !important;
		width: 358px;
	}

	.titreSite {
		width: 68% !important;
	}

	.page4CoteCentrer .bloc {
		width: 250px;
	}

	#pageAccompagnement h1 {
		color: #fff;
		text-align: center;
		font-size: 30px;
		line-height: 50px;
	}

	footer .page4CoteCentrer .bloc {
		font-size: 18px;
	}

	.intro .blocCentre h1 {
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.intro .blocCentre h2 {
		margin-bottom: 20px;
	}

	.intro .blocCentre {
		padding: 10px;
	}

	.sowebsite {
		font-size: 12px;
	}

	#accueil button {
		font-size: 14px;
		line-height: 26px;
	}

	.page4CoteCentrer .bloc img {
		width: 100%;
	}

	#galerie,
	#galerie3 {
		overflow: hidden;
	}

}

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

	nav.navWhite li,
	.menuWhite nav li span {
		font-size: 12px;
	}

	footer .iconeRight {
		font-size: 14px;
	}

	footer p {
		font-size: 14px;
	}

	#annonces .page4CoteCentrer .bloc {
		width: 120px;
	}

	#annonces .page4CoteCentrer .bloc input {
		width: 70px !important;
		min-width: 70px;
	}

	.conteneur li {
		font-size: 10px;
		line-height: 80px;
	}

	.conteneur .sousMenu li {
		font-size: 10px;
	}

	#btVideo {
		height: 180px;
		width: 320px;
	}

	#btVideo #imageVideo {
		width: 320px;
	}

	.titreSite {
		width: 66% !important;
	}

	#pagePilliers .intro .blocCentre h1 {
		font-size: 36px !important;
	}

	#pagePilliers .intro .blocCentre h2 {
		font-size: 14px !important;
	}

	#pageAccompagnement h1 {
		color: #fff;
		text-align: center;
		font-size: 20px;
		line-height: 50px;
	}

	#accueil button {
		font-size: 12px;
		line-height: 26px;
		padding-left: 25px;
		padding-right: 25px;
	}
}