/*Divers*/
ul#ariane {	padding: 0 0 0 0;}
ul#ariane li {display: inline; color: #5f5f5f; font-size: 13px; font-weight: 400; padding: 0 3px 0 3px; list-style: none; background-image: none;}
ul#ariane li a{color: #5f5f5f; font-size: 13px; font-weight: 400;}
ul#ariane li:first-child {padding: 0 3px 0 0;}
ul#ariane li:nth-child(even) {color: #3c3c3c; font-size: 15px;font-weight: 600;}

/*iframe responsive*/
/*visite virtuelle*/
.iframe-responsive-wrapper{position: relative; /*max-width: 2000px; width: 100%;*/ margin: 0 auto 0 auto;}
.iframe-responsive-wrapper .iframe-ratio {display: block; width: 100%; height: auto;}
.iframe-responsive-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Ariane*/
p.ariane {
    max-width: 1400px;
    margin: 0 auto;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 1em;
    padding: 10px 10px;
	line-height: 18px;
	text-align:left;
	}
p.ariane a{
	color: #ffffff;
    font-weight: 300;
	}
.droite p.ariane, .gauche p.ariane  {
	width: 100%;
	}
.texte.clemiss p.ariane a, p.ariane a{
    color: #ffffff;
	text-decoration: none;
    font-weight: 300;
	}



/*Responsive - grille*/
.grille-4 .centre.txt {display: flex; flex-wrap: wrap;}
.grille-4 .centre.txt >* {width: 25%;}


@media screen and (max-width: 767px) {
.grille-4.grille-2-767 .centre.txt >* {width: 50%;}	
.grid-2-small-1 .droite {
	padding-top: 30px;
	}
.grid-2-small-1 .droite img{
	margin: 0 auto;
	display:block;
	}
	}


/*Reassurance*/

.texte.reassurance {background-color: #042c3f;}
.texte.reassurance .centre{padding-top: 30px;}
.texte.reassurance .centre > ul {display: inline-block; width: 25%; vertical-align:top; margin-bottom: 30px;}
.texte.reassurance .centre li{color: #FFF; text-align: left; font-size: 1.143em; font-weight: 400; line-height: 20px;font-family: 'Barlow', sans-serif;vertical-align: top;display:inline-block;}
.texte.reassurance .centre li b{color: #54bef0; font-weight: 700; display:block;font-size: 1.25em;}
.texte.reassurance .centre ul.horizontale li:first-child{height: 70px; width: 70px;	display:inline-block; vertical-align:top; border-radius: 50%;}
.texte.reassurance .centre ul.horizontale li:last-child{height: 70px; width: calc(100% - 70px); display:inline-block; vertical-align:top; color: #f4e0be; font-weight: 500; font-size: 1.57em; padding: 10px 0 7px 20px; line-height: 22px; }
.texte.reassurance .centre ul:nth-of-type(1) li:first-child{background: url(/images/icone_reassurance_1.png) no-repeat center center;}
.texte.reassurance .centre ul:nth-of-type(2) li:first-child {background: url(/images/icone_reassurance_2.png) no-repeat center center;}
.texte.reassurance .centre ul:nth-of-type(3) li:first-child{background: url(/images/icone_reassurance_3.png) no-repeat center center;}
.texte.reassurance .centre ul:nth-of-type(4) li:first-child {background: url(/images/icone_reassurance_4.png) no-repeat center center;}
.texte.reassurance .centre ul:nth-of-type(5) li:first-child {background: url(/images/icone_reassurance_5.png) no-repeat center center;}
@media screen and (max-width: 900px) {.texte.reassurance .centre ul.horizontale li:last-child{font-size: 1em; padding: 10px 0 7px 10px;}	}
@media screen and (max-width: 767px) {.texte.reassurance .centre > ul{width: 50%;}}
@media screen and (max-width: 450px) {
.texte.reassurance .centre ul.horizontale li:first-child{height: 60px;width: 60px;}
.texte.reassurance .centre ul.horizontale li:last-child{height: 60px;}
.texte.reassurance .centre ul.horizontale li:last-child{font-size: 1em; line-height: 17px; padding: 10px 0 7px 5px;}
.texte.reassurance .centre {padding-left: 10px; padding-right: 10px;}
.texte.reassurance .centre li b{font-size: 1.1em;}
}
.texte.reassurance .centre ul.vertical li:first-child{height: 46px; width:46px;margin: 0 auto;}
.texte.reassurance .centre ul.vertical li:last-child{padding-left:25px;}


	
/*slide*/

.deuxcolonnes .gauche, .deuxcolonnes .droite{
	display:inline-block;
	vertical-align:text-top;
	width: 50%;
	height: 220px;
	}
.deuxcolonnes .gauche{
	position: relative;
	background-color: #2f5aa9;
	padding-top:100px;
	padding-left: calc(50% - 600px);
	text-align: left;
	padding-right: 20px;
	}
@media screen and (max-width: 1260px) {
.deuxcolonnes .gauche{
	padding-left: 20px;
	
	}
	}
.deuxcolonnes .gauche h1{
	color: #fff;
	font-weight: 700;
	font-size: 3em;
	text-align:left;
	line-height: 54px;
	text-transform:inherit;
	padding-right: 30px;
	}
.deuxcolonnes .gauche h1 span{
	display: block;
	color: #3cbbee;
	}
@media screen and (max-width: 767px) {
.deuxcolonnes .gauche h1{
	font-size: 1.9em;
	line-height: 30px;

	}
	}
@media screen and (max-width: 680px) {
.deuxcolonnes .gauche, .deuxcolonnes .droite{
	width: 100%;
	height: auto;
	}
.deuxcolonnes .droite{
	height: 220px;
    vertical-align: inherit;
	}
.deuxcolonnes .gauche{
	padding-top:140px;
	padding-bottom: 50px;
	}
.deuxcolonnes {
	height: auto;
	}
	}




/*Barre lien footer*/

.texte.lienfleche {
	background-color: #1f4773;
	padding: 30px;
	display:block;
	text-align:center;
	}
.texte.lienfleche  span {
	position: relative;
    font-size: 1.85em;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
	}
.texte.lienfleche  span em {
    font-style: inherit;
    font-weight: 300;
    color: #fff;
	}
.texte.lienfleche  span:after {
	content:'';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 5px solid #ffde04;
	border-top: 5px solid #ffde04;
	transform:rotate(45deg);
	margin-left: 5px;
	}
@media screen and (max-width: 550px) {
.texte.lienfleche  span {
    font-size: 1.4em;
	}
	}
.texte.lienbouton {
	background-color: #053952;
	text-align:center;
	padding: 40px 0;
	}
.texte.lienbouton li{
	display: inline-block;
	vertical-align:text-top;
	margin: 0 auto;
	}
.texte.lienbouton li:first-child{
		max-width: 800px;
		width: 70%;
		font-size: 1.857em;
		color: #fff;
		font-weight: 600;
		line-height: 34px;
		text-align: center;
		margin-bottom: 30px;
	}

.texte.lienbouton li:nth-of-type(2){
	max-width: 690px;
	width: 80%;
	position:relative;
	text-align: left;
	display: flex;
	}
.texte.lienbouton li:nth-of-type(2) a{
	margin: 15px 0 0 0;

	}
.texte.lienbouton li:first-child {
	display: block;
}

.texte.lienbouton li:first-child em{
	display: block;
	font-style: normal;
	font-size: 1em;
	font-weight:700;
	}
.texte.lienbouton li:first-child b{
	font-weight: 700;
	color: #fff;
	}

.texte.lienbouton div#devis {
	border-radius: 30px;
	background-color: #54bef0;
	height: 44px;
	text-align: center;
	width: 230px;
}

.texte.lienbouton div#devis a {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 1.071em;
	line-height: 40px;
	margin: 0px;
}

.texte.lienbouton form {
	width:72%;
}

.texte.lienbouton form input {
	width:56%;
	text-align: center;
	height: 44px;
	border-radius:30px;
}

.texte.lienbouton form input[type="submit"] {
	background-color: #fdb913;
	color:#151723;
	border-radius:30px;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 1.071em;
	position: absolute;
	right: 270px;
	width:30%;
}

@media screen and (max-width: 800px) {
.texte.lienbouton li:first-child{
	max-width: inherit;
	width: 100%;
	text-align:center;
	}
.texte.lienbouton li:last-child{
	max-width: inherit;
	width: 100%;
	margin-top:20px;
	}
.texte.lienbouton li:nth-of-type(2) {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.texte.lienbouton form input[type="submit"] {
    right: 80px;
    width: 30%;
}
.texte.lienbouton form input {
    width: 70%;
}
.texte.lienbouton div#devis {
	width: 60%;
	margin-top: 24px;
}
	}
@media screen and (max-width: 800px) {
	.texte.lienbouton form input[type="submit"] {
		right: 20px;
		width: 40%;
	}
}

/*Article Utile*/
.articleutile  {
	text-align: center;
	padding: 20px 0;
	}
.articleutile .avis-bouton {
	box-shadow: 1px 1px 15px #ccc;
	background-color: #fff;
	margin: 0 10px;
	width: 110px;
	height: 35px;
	line-height: 35px;
	vertical-align:middle;
	text-transform:uppercase;
	border-radius: 3px;
	font-size: 1em;
	font-weight: 700;
	color: #636466;
	padding: 0 0 0 0;
	}
.articleutile .avis-bouton:hover {
	color: #073464;
	}
.articleutile .titre p{
	font-size: 1.14em;
	padding: 0 30px;
	}
body.envoiencours::after {
	content:'';
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0px;
	left: 0px;
	background: url(/images/icones/envoi-en-cours.gif) rgba(0, 0, 0, 0.2) no-repeat center center;
	z-index: 10000;
	}



/** GOOGLE MAPS **/
.scrolloff {
    pointer-events: none;
	}
/*Biblioth�que*/

/*bloc 2 textes avec photo fond � gauche + fleche*/
[id*="bloc_"].img-fond-g-fleche {
	padding: 0 0 0 0;
	}
[id*="bloc_"].img-fond-g-fleche .centre{
	max-width: 100%;
	width: 100%;
	overflow:hidden;
	position: relative;
	}
.img-fond-g-fleche .gauche img{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	height: auto;
	}
@media screen and (max-width: 1400px) {
.img-fond-g-fleche .gauche img{
	width: 80%;
	}
	}
@media screen and (max-width: 1200px) {
.img-fond-g-fleche .gauche img{
	width: 100%;
	}
	}
.img-fond-g-fleche .droite{
	position:relative;
	background: #21374b;
	padding: 20px 60px 30px 20px;
	margin: 0 0 0 0;
	text-align:left;
	}

.img-fond-g-fleche .centre .gauche:after{
	content: '';
	position: absolute;
	width: 0px;
	top: 50%;
	margin-top: -400px;
	left: 50%;
	margin-left: -200px;
	border-right:200px solid #21374b;
	border-top:400px solid #21374b;
	border-bottom:400px solid #21374b;
	border-left:200px solid transparent;
	/*z-index: 100;*/
	}
@media screen and (max-width: 780px) {
.img-fond-g-fleche .gauche img{
	position:relative;
	top: inherit;
	left: inherit;
	width: 100%;
	height: auto;
	}
.img-fond-g-fleche .centre .gauche:after{
	display: none;
	}
	}




/*ariane*/
.ariane.rond {
	text-align: center;
    margin: 50px 0 0 0;
    position: relative;
	}
.ariane.rond:before {
    content: '';
    width: 74%;
    height: 2px;
    background-color: #c6c6c6;
    position: absolute;
    top: 16px;
    left: 13%;
}
.ariane.rond  li {
    display: inline-block;
    width: 25%;
    height: 30px;
    color:#F00;
    vertical-align: text-top;
    position: relative;
}
.ariane.rond li:before {
    content: '';
    background: #c6c6c6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
}
.ariane.rond li.on:before {
    background: #2da794;
}
.ariane.rond li:after {
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 30px;
    color: #231f20;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 1em;
	display:block;
}

/*Barre avec fl�che*/
[id*="bloc_"].barre-avec-fleche {
	background-color: #bd0000;
	text-align:center;
	padding: 0 0;
	}
[id*="bloc_"].barre-avec-fleche .centre{
	max-width: 100%;
	width: 100%;
	}
[id*="bloc_"].barre-avec-fleche p{
	margin: 0 0 0 0;
	}
[id*="bloc_"].barre-avec-fleche a{
	display: block;
	padding: 20px 20px;
	font-size: 1.5em;
	color: #fff;
	line-height: 28px;
	vertical-align: middle;
	}
[id*="bloc_"].barre-avec-fleche a strong{
	color: #fff;
	}
[id*="bloc_"].barre-avec-fleche a:hover{
	text-decoration: none;
	}
[id*="bloc_"].barre-avec-fleche a:after {
    content: url(/images/icones/fleche_devis.png);
	display:inline-block;
	text-align:center;
    width: 30px;
    height: 30px;
	margin: 0 0 0 25px;
    vertical-align: middle;
}

/*Style Flugue*/

/*actu*/
.actu-liste-phototextedroite .centre {max-width: 1000px;}
.actu-liste-phototextedroite .centre > p {display: none;}
.actu-liste-phototextedroite .liste > a {display: flex; padding: 30px 0; border-bottom: 1px solid #d1d3d4;}
.actu-liste-phototextedroite .liste > a:last-child {border-bottom: none}
.actu-liste-phototextedroite .liste > a > *{width: 50%; padding: 0 20px;}
.actu-liste-phototextedroite .liste > a:hover {background-color: #ec6607;}
.actu-liste-phototextedroite .liste > a:hover p, .actu-liste-phototextedroite .liste > a:hover p b, .actu-liste-phototextedroite .liste > a:hover i {color: #fff;}
.actu-liste-phototextedroite .liste > a img {width: 100%;}
@media screen and (max-width: 640px){
.actu-liste-phototextedroite .liste > a {flex-direction: column; padding: 30px 0; border-bottom: 1px solid #d1d3d4;}
.actu-liste-phototextedroite .liste > a img {margin-bottom: 20px;}
.actu-liste-phototextedroite .liste > a > *{width: 100%; padding: 0 20px;}}
.actu-liste-textephotodroite a{margin-bottom: 50px; min-height:240px;position: relative; display:block;}
.actu-liste-textephotodroite .desc{display: inline-block; vertical-align: top; width: 65%; padding: 0 5px 30px 0;}
.actu-liste-textephotodroite .photo{display: inline-block; vertical-align: top; width: 35%;}
.actu-liste-textephotodroite .photo img{border-radius: 50%; border: 5px solid #e7e5e4; width: 100%;}
.actu-liste-textephotodroite .desc > * {display:block;}
.actu-liste-textephotodroite .desc > i {width: 190px; height: 30px; line-height:30px; vertical-align:middle; text-align:center; background-color:#e6e7e8; text-transform:uppercase; font-style:normal; border-radius:5px; font-weight: 500; position:absolute; bottom: 0px; left: 0px;}
.actu-accueil-en-colonne .flux {display: flex; justify-content: space-between; flex-wrap: wrap;}
.actu-accueil-en-colonne .flux a{display: block; /*margin: 0 15px 50px 15px;*/ width: 49%; text-decoration: none;}
.blocagenda .flux {display: flex; flex-wrap: wrap;}
.blocagenda .flux a{display: block; margin: 0 15px 50px 15px; width: calc(33.333333333% - 30px); text-decoration: none;}
@media screen and (max-width: 850px){.blocagenda .flux a {width: 100%;}}
.actu-accueil-en-colonne .flux a:first-child{padding-left: 0px;}
.actu-accueil-en-colonne.flux a:last-child{padding-right: 0px;}
.actu-accueil-en-colonne .flux a img{display: block; width: 100%;}
.actu-accueil-en-colonne .flux a .desc{display: block; background-color: #fff; min-height: 150px; color: #262626; position: relative;}
.actu-accueil-en-colonne .flux a .desc em{position: absolute; left: 15px; bottom: 120px;}
.actu-accueil-en-colonne .flux a .desc b{display: block; width: 100%;  color: #292728; /*padding: 15px;*/ font-weight: 700; font-family: 'Work Sans'; font-size: 1.8em; line-height: 35px;}
@media screen and (max-width: 850px){
	.actu-accueil-en-colonne .flux a .desc b {
		font-size: 1.5em;
		line-height: 32px;
	}
	.actu-accueil-en-colonne .flux a span.desc p:last-child {
		font-size: 1.1em;
		line-height: 26px;
	}
}
.actu-accueil-en-colonne .flux a .desc em .theme{font-style: normal; display: inline-block; color: #fff; background-color: #c91e5f; text-transform: uppercase; padding: 0 2px; font-size: 0.9em; font-style: normal;}
.actu-accueil-en-colonne .flux a .desc em .theme.r1{background-color: #c91e5f;}
.actu-accueil-en-colonne .flux a .desc em .theme.r2{background-color: #d66b2c;}
.actu-accueil-en-colonne .flux a .desc em .theme.r3{background-color: #d66b2c;}
/*@media screen and (max-width: 900px){.actu-accueil-en-colonne .flux {flex-wrap: wrap;}.actu-accueil-en-colonne .flux a {
    width: calc(50% - 30px);
}}*/
@media screen and (max-width: 550px){.actu-accueil-en-colonne .flux a{width: 100%; margin: 0 0 50px 0}}
/*Bouton*/
.boutonbarre a{display: block; height: 40px; line-height:40px; vertical-align:middle; background-color: #96c21e; border-radius: 20px; color: #fff; text-align:center; margin: 20px 0 10px;}
.boutontelecharger a {padding: 10px 0; display: block; width: 100%; font-weight: 400; font-size: 1.14em; text-align:center;}
.boutontelecharger a:before{content: url(/images/bouton_telechargement.png); margin-right: 5px;}	
.boutonpdf a {padding: 8px 10px 8px 50px; display: inline-block; max-width: 290px; width: 100%; font-weight: 700; font-size: 0.95em; border: 1px solid #1f4773; color: #1f4773; background:url(/images/icones/icone_pdf_bleu.png) #f3f4f4 no-repeat 10px center; margin-top: 15px;}
.boutonlien a {
	padding: 8px 10px 8px 10px;
	display: inline-block;
	max-width: 260px;
	width: 100%;
	font-weight: 400;
	font-size: 1em;
	border: 1px solid #a7bbd1;
	color: #5b7da4;
	background-color: #f8f8f8;
	/*background:url(/images/icones/icone-lien.png) #f3f4f4 no-repeat 10px center;*/
	margin-top: 15px;
	text-align:center;
	}
p.bouton, .texte.clemiss p.bouton, .texte.clemiss .telechargement {text-align: center;}
p.bouton-important a, .bouton-important > a, .bouton-important p a:only-child, .slide p.bouton-important{
	padding: 10px 25px 8px 25px;
	display: inline-block;
	max-width: 300px;
	margin: 20px auto 20px auto;
	font-size: 1em;
	color: #292728;
	font-weight: 400;
	text-decoration: none;
	text-align:center;
	border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
	text-decoration: none;
	background-color: #efde09;
	text-transform:uppercase;
	}
.bouton-important a b {font-weight: 700;}
.bouton-secondaire .bouton a, .bouton-secondaire > a{
	padding: 6px 35px 4px 35px;
	display: block;
	max-width: 300px;
	font-size: 0.8em;
	color: #949598;
	font-weight: 500;
	margin: 40px auto;
	text-transform:uppercase;
	text-decoration: none;
	text-align:center;
	border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
	text-decoration: none;
	background-color: transparent;
	border: 2px solid #dadadc;

	}
.bouton a:hover, .texte.clemiss .bouton a:hover{
	text-decoration: none;
	}
@media screen and (max-width: 480px) {
[id*="bloc_"].bouton p a, p.bouton a, .texte.clemiss p.bouton a, .bouton a{
	display: block;
	margin: 15px auto;
	}
	}

/*Bloc*/
.bloc-avec-ombre .centre {box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1); padding: 30px 50px;}
@media screen and (max-width: 767px) {.bloc-avec-ombre .centre {padding: 30px 15px;}}
.bloc-avec-ombrehaut {position: relative;}
.bloc-avec-ombrehaut::before {content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);}
.bloc-droite-temoignage .droite ul{position: relative; border: 5px solid #f1edeb; padding: 45px 100px 40px 90px; background-color: #fff; font-style:italic; }
.bloc-droite-temoignage .droite ul::before {content:url(/images/icones/guillemet-ouvert-vert.png); position:absolute; top: 30px; left: 35px;}
.bloc-droite-temoignage .droite ul::after {content:url(/images/icones/guillemet-ferme-vert.png); position:absolute; bottom: 70px; right: 35px;}
.bloc-droite-temoignage .droite ul img{position: absolute; top: -50px; right: -50px;}
.bloc-droite-temoignage .droite ul li strong, .bloc-droite-temoignage .droite ul li:nth-of-type(2) {color: #96c21e; padding-top: 5px;}
.bloc-droite-temoignage .droite p {color: #e5004e; padding-right: 100px;}
.bloc-droite-temoignage .droite {padding-right: 40px;}
@media screen and (max-width: 767px) {.bloc-droite-temoignage .droite {margin-top: 40px;}}
@media screen and (max-width: 550px) {.bloc-droite-temoignage .droite {padding-right: 20px;} .bloc-droite-temoignage .droite ul img{position: absolute; top: -30px; right: -30px; width: 100px; height: 100px;} .bloc-droite-temoignage .droite ul{padding: 25px 65px 30px 60px;} .bloc-droite-temoignage .droite ul::before {top: 10px; left: 15px;} .bloc-droite-temoignage .droite ul::after {bottom: 50px; right: 15px; } .bloc-droite-temoignage .droite p {padding-right: 50px;}}
[id*="bloc_"].bloc-titre {background-color: #2f5aa9; text-align:center; position: relative; height: 220px; padding: 0 0 0 0;}
.bloc-titre .centre {height: 220px; padding: 0 0 0 0;}
.bloc-titre h1{color: #fff; position: absolute; top: 50%; transform: translateY(-50%); text-align:center; width: 100%; padding: 0 20px; font-size: 3.2em; font-weight: 700;}
.bloc-titre h1 strong{color: #3cbeef;}
/*.bloc-titre {background: linear-gradient(to right, rgba(239,239,239,1) 0%,rgba(246,246,246,1) 40%,rgba(246,246,246,1) 50%,rgba(246,246,246,1) 60%,rgba(239,239,239,1) 100%)}*/
@media screen and (max-width: 550px) {.bloc-titre h1{font-size: 2.4em;}}
/*catalogue*/
.cat-phototitreboutondecale .cat_produit {background-color: #fff; display: block; position:relative; margin-bottom: 50px; text-decoration: none;}
.cat-phototitreboutondecale .cat_produit .desc{background-color: #fff; display: block; padding: 10px 7px 50px 7px; border-right: 1px solid #dcddde; border-bottom: 1px solid #dcddde; border-left: 1px solid #dcddde; }
.cat-phototitreboutondecale .cat_produit .desc .nom{font-weight: 700; color: #000054; font-size: 1.28em; min-height: 50px; }
.cat-phototitreboutondecale .cat_produit .desc em{position: absolute; left: 50%; margin-left: -80px; bottom: -20px; z-index: 100; width: 160px; height: 40px; line-height: 40px; vertical-align:middle; background-color:#80c325; text-align: center; border-radius: 5px; color: #fff; font-style:normal; text-transform:uppercase; font-weight: 400; font-family: 'Work Sans', sans-serif; font-size: 1.14em; }
.cat-phototitreboutondecale .cat_produit:hover .desc em{background-color:#dc2b19;}
.cat-phototitreboutondecale .cat_produit:hover .desc .nom{color: #dc2b19;}

.cat-prixdescriptionbouton .cat_produit ul li{background-color: rgba(255, 255, 255, 0.8); padding: 20px 0; text-align:center; margin-bottom: 1px; min-height: 65px;}
.cat-prixdescriptionbouton .cat_produit p.nom{background-color: #5bb3b2; padding: 25px 15px; color: #fff; position: relative;}
.cat-prixdescriptionbouton .cat_produit p.nom b{display: block; color: #fff; text-transform: uppercase; font-size: 1.3em;}
.cat-prixdescriptionbouton .cat_produit p.nom i{position: absolute; top: 20px; right: 6px; font-style:normal; font-size: 2.4em; color: #fff; display: block; height: 70px; font-weight: 700; border-left: 1px solid #fff; padding: 15px 0 0 0; width: 110px; text-align: right;}
.cat-prixdescriptionbouton .cat_produit p.nom i sup{font-size: 0.6em;}
.cat-prixdescriptionbouton .cat_produit {display: block; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1); max-width: 300px;}
.cat-prixdescriptionbouton .cat_produit p.bouton{background-color: rgba(255, 255, 255, 0.8); padding: 10px;}
.cat-prixdescriptionbouton .cat_produit p.bouton em{background-color: #5bb3b2; color: #fff; font-style: normal; display: block; font-size: 0.85em; text-transform:uppercase; border-radius: 5px; padding: 7px 0; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);}
.cat-nomprixdescriptionbouton a{ border: 1px solid #dcddde; border-radius: 7px; padding: 20px 20px 100px 20px; position:relative;}
.cat-nomprixdescriptionbouton a .nom b{text-align: center; display: block; padding-bottom: 3px; color: #169392; font-size: 1.3em;}
.cat-nomprixdescriptionbouton a .nom i{text-align: center; display: block; font-size: 1.7em; font-style:normal; font-weight: 700; color: #6d6e71; padding-bottom: 10px;}
.cat-nomprixdescriptionbouton a .nom em{position: absolute; left: 50%; margin-left: -95px; bottom: 35px; display:block; height: 40px; color: #fff; background-color: #1dc6c4; width: 190px; border-radius: 20px; line-height: 40px; vertical-align:middle; text-align:center; font-style: normal; font-weight:400;}
.cat_photobullephoto .cat_produit p.nom{
	color: #59514f;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 1.57em;
	padding-top: 15px;
	}
.cat_photobullephoto .cat_produit .photo {
	position: relative;
	display:block;
	}
.cat_photobullephoto .cat_produit .photo img{
	width: 100%;
	}
.cat_photobullephoto .cat_produit .photo em{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 160px;
	height: 30px;
	line-height: 30px;
	vertical-align:middle;
	background-color: #59514f;
	text-align:center;
	color: #fff;
	font-size: 1.14em;
	text-transform: uppercase;
	font-weight: 700;
	font-style:normal;
	font-family: 'Roboto', sans-serif;
	}
.cat_photobullephoto .cat_produit .bulle{
	position: absolute;
	top: 35px;
	right: -100px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	padding: 15px;
	background-color: #fff;
	transition: all ease-in 250ms;
	}
.cat_photobullephoto .cat_produit:hover .bulle{
	right: -125px;
	width: 250px;
	height: 250px;
	transition: all ease-in 250ms;
	}
.cat_photobullephoto .cat_produit .bulle::after{
	content:'';
	position: absolute;
	top: -5px;
	right: -5px;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	border: 5px solid rgba(89, 81, 79, 0.1);
	transition: all ease-in 250ms;
	}
.cat_photobullephoto .cat_produit:hover .bulle::after{
	width: 260px;
	height: 260px;
	transition: all ease-in 250ms;
	border: 5px solid rgba(89, 81, 79, 0.3);
	}
.cat_photobullephoto .cat_produit {
	position: relative;
	}
.cat_photobullephoto .cat_produit .bulle img{
	width: 100%;
	height: auto;
	border-radius: 50%;
	}
@media screen and (max-width: 1100px) {
.cat_photobullephoto .cat_produit .bulle{
	top: 15px;
	right: -50px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding: 5px;
	}
.cat_photobullephoto .cat_produit:hover .bulle{
	right: -75px;
	width: 150px;
	height: 150px;
	}
.cat_photobullephoto .cat_produit .bulle::after{
	width: 110px;
	height: 110px;
	}
.cat_photobullephoto .cat_produit:hover .bulle::after{
	width: 160px;
	height: 160px;
	}
	}

.cat_textephoto .desc{display:inline-block; vertical-align: top; width: 60%; line-height: 30px; padding-right: 15px;}
.cat_textephoto .desc p{line-height: 30px;}
.cat_textephoto .desc b{font-weight: 500; color: #59514f; font-size: 1.5em;padding-bottom: 15px; display:block; font-family: 'Work Sans', sans-serif;}
.cat_textephoto .desc strong{color: #e5004e; font-weight:400;}
.cat_textephoto .photo{display:inline-block; vertical-align: top; width: 40%; padding: 20px 10px 10px 10px;}
.cat_textephoto .photo img{border-radius: 50%; border: 5px solid #e7e5e4;}
.cat_textephoto .photo em{display: block; max-width: 160px; height: 30px; line-height: 30px; vertical-align: middle; text-align:center; background-color: #797371; color: #fff; font-style:normal; font-weight: 700; font-size: 1.14em; margin: 20px auto; text-transform:uppercase;}

.cat-photoavectitredessus {position: relative; display:inline-block;}
.cat-photoavectitredessus img{border-radius: 3px;}
.cat-photoavectitredessus .nom {position: absolute; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.85); width: 100%; height: 100%; text-align: center; color: #000; font-size: 1.14em; padding-top: 8%; display: none; font-weight: 300;}
.cat-photoavectitredessus .nom b {display: block; position:relative; font-weight: 400; font-size: 2.14em; padding-bottom: 8%; margin-bottom: 8%;}
.cat-photoavectitredessus .nom b:after {content:''; width: 90px; height: 1px; background-color: #c3994f; position:absolute; bottom: 0px; left: 50%; margin-left: -45px;}
.cat-photoavectitredessus .nom em {display: block; font-weight: 400; font-size: 1.6em; font-style: normal;}
.cat-photoavectitredessus .photo em {position: absolute; right: 0px; bottom: 0px; width: 70px; height: 40px; line-height: 40px; vertical-align:middle;  background-color: rgba(0, 0, 0, 0.6);display: block; font-weight: 100; font-size: 1.7em; font-style: normal; color: #fff; text-align:center; }
.cat-photoavectitredessus:hover .nom {display: block;}
@media screen and (max-width: 640px) {
.cat-photoavectitredessus .nom b {display: block; position:relative; font-weight: 400; font-size: 1.4em; padding-bottom: 3%; margin-bottom: 3%;}
.cat-photoavectitredessus .nom em {font-size: 1.3em;}
.cat-photoavectitredessus .photo em {width: 50px; height: 30px; line-height: 30px; font-size: 1em; } 
}
.cat_phototitreref a{background-color: #f8f8f8; position:relative; border: 1px solid #fff; display:block;}
.cat_phototitreref a img{border: 1px solid #ededee;} 
.cat_phototitreref a span.nom{text-align: center; font-size: 1.07em; color: #646464; font-weight: 400; display:block; padding: 17px 5px} 
.cat_phototitreref a b{display: block; font-size: 1.14em;}
.cat_phototitreref a:hover span.nom b{color: #c93f1f;}
.cat_phototitreref a .photo {position: relative;} 
.cat_phototitreref a:hover {border: 1px solid #c93f1f;} 
.cat_phototitreref a:hover .photo:before{content:''; width: 50px; height: 50px; background-color: #c93f1f; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; border-radius: 50%; } 
.cat_phototitreref a:hover .photo:after{content:''; width: 15px; height: 15px; position: absolute; top: 50%; margin-top: -7px; left: 50%; margin-left: -12px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
.cat-phototitredescription a {background-color: #fff; padding-bottom: 15px; text-decoration: none;}
.cat-phototitredescription .photo{display: block; border: 1px solid #e6e7e8; padding: 24px;}
.cat-phototitredescription .photo img{width: 100%; height: auto;}
.cat-phototitredescription .nom{display: block; padding: 20px 10px; background-color: #f3f4f4;}
.cat-phototitredescription .nom p{font-size: 1em; line-height: 20px; font-weight: 400;}
.cat-phototitredescription .nom b{display:block; min-height: 35px; font-size: 1.16em;}
.cat_rond .photo img{border-radius: 50%; border: 1px solid #e6e6e2;}
.cat_rond .nom {display: block; text-align: center;}
.cat_rond .nom b{display: inline-block; background-color: #efde09; margin: 20px 0; padding:4px 10px; font-size: 1.7em;}
.cat_rond .nom b i{font-style: normal; font-weight: 100; padding-left: 5px;}
.cat_rond .nom p{max-width: 280px; width: 100%; margin: 0 auto;}
 
.contact-2col .centre{display: flex; max-width: 1200px;}
.contact-2col .centre > *{width: 50%; margin: 0 20px; border-radius: 10px;}
.contact-2col .centre iframe{width: 100%; border-radius: 3px;}
@media screen and (max-width: 767px) {
.contact-2col .centre{flex-direction: column-reverse; }
/*.contact-2col .centre{flex-direction: column; }*/
.contact-2col .centre > *{max-width: 500px; width: 100%; margin: 0 auto 50px auto;}
}

/*fond*/

.fond-gris {background-color: #f8f8f8;}
.fond-grisdegrade {background-image: linear-gradient(to bottom, rgba(248, 248, 247, 1), transparent);}
.fond-bleu {background-color: #2f5aa9;}
.fond-jaune {background-color: #efde09;}
[id*="bloc_"].fondbleu label, [id*="bloc_"].fondbleu p, [id*="bloc_"].fondbleu h2{color: #fff;}
.fondfonce {background-color: #242d3a;}
.fondfonce * {color: #fff;}


/*Formulaire*/

/*.formulaire-col500 h2 {position: absolute; top: -20px; text-align: center; padding: 0 10px; display:inline-block; background-color: #fff; left: 50%;     transform: translateX(-50%);}*/
.formulaire-col500 form, .formulaire.colonne500 form {max-width: 500px; width:100%; padding: 50px 40px 0px; color: #fff; margin: 0 auto; border: 0px solid #fff; border-radius: 15px; }
.produit .formulaire-col500 form, .produit .formulaire.colonne500 form {padding: 0px 40px 0px; }
.contact .formulaire-col500 form{margin: 0 auto 0 auto;}
.formulaire-col500 form label{font-weight: 500; font-size: 1em;}
.formulaire-col500 form p.mention, .formulaire-col500 form p.consentement{font-size: 1em;}
.formulaire-col500 h3, .carte h3{text-align:center;}
@media screen and (max-width: 1004px) {
.formulaire-col500 form{margin: 0 auto;}
	}

.formulaire-etrerecontacte  {padding: 0 10px;}
.formulaire-etrerecontacte h2 {padding: 40px 0 20px; max-width: 650px; margin: 0 auto;}
.formulaire-etrerecontacte input[type="text"] {display:inline-block; vertical-align:middle; width: calc(100% - 170px); height: 44px; border-top-left-radius: 20px; 
border-bottom-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; text-align:center; padding-right: 22px; color: #000;}
.formulaire-etrerecontacte input[type="submit"] {display:inline-block; vertical-align:middle; width: 170px; height: 46px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #ed4d49; padding-right: 22px;}
.formulaire-etrerecontacte input[type="text"]:focus {outline: none; border: none; box-shadow: none;}
.formulaire-etrerecontacte ul {text-align: center;}
.formulaire-etrerecontacte ul li {display:inline-block; vertical-align: top; margin: 0 50px 45px 50px;}
.formulaire-etrerecontacte li.input {position: relative; max-width: 400px; width: 100%;}
.formulaire-etrerecontacte li.input::after {content:''; width: 22px; height: 46px; position:absolute; top: 0px; right: 170px; border-top-left-radius: 23px; border-bottom-left-radius: 23px; background-color: #f23827; }
.formulaire-etrerecontacte li a {display:block; vertical-align:middle; width: 190px; height: 46px; line-height: 46px; vertical-align: middle; border-radius: 23px; background-color: #ed4d49; text-align: center;}
.formulaire-etrerecontacte li a:hover {color: #fff; background-color: #e50102;}
@media screen and (max-width: 550px) {
.formulaire-etrerecontacte ul li {margin: 0 0 45px 0;}
	}
.formulaire-etrerecontacte.page  {padding-top: 45px;}
.formulaire-etrerecontacte.page li:first-child{font-weight: 400; font-size: 1.54em; text-align: left;}
@media screen and (max-width: 1024px) {
.formulaire-etrerecontacte.page li:first-child{text-align: center;}
	}
.formulaire-etrerecontacte.page li:first-child b{font-weight: 700; display: block;}


/*grille*/
.grille {display: flex;}
.grille > * {width: 50%;}
.deuxtiers .grille > .gauche {width: 66.666666666666%;}
.deuxtiers .grille > .droite {width: 33.333333333333%;}
.troisquart .grille > .gauche {width: 75%;}
.troisquart .grille > .droite {width: 25%;}
.untiers .grille > .droite {width: 66.666666666666%;}
.untiers .grille > .gauche {width: 33.333333333333%;}
.margebloccentre .grille > *, .grille > * {width: 48%;}
.margebloccentre .grille .gauche, .grille .gauche  {margin: 0 2% 0 0;}
.margebloccentre .grille .droite, .grille .droite  {margin: 0 0 0 2%;}
.margebloccentrex2 .grille > *, .bloc-texte-photo .grille > * {width: 46%;}
.margebloccentrex2 .grille .gauche, .bloc-texte-photo .grille .gauche  {margin: 0 4% 0 0;}
.margebloccentrex2 .grille .droite, .bloc-texte-photo .grille .droite  {margin: 0 0 0 4%;}
@media screen and (max-width: 767px) {
.grille {flex-direction: column;}
.grille > * {width: 100%;}
.deuxtiers .grille > .gauche {width: 100%;}
.deuxtiers .grille > .droite {width: 100%; padding-top: 20px;}
.troisquart .grille > .gauche {width: 100%;}
.troisquart .grille > .droite {width: 100%; padding-top: 20px;}
.untiers .grille > .gauche {width: 100%;}
.untiers .grille > .droite {width: 100%; padding-top: 20px;}
.grille-inverse .grille {flex-direction: column-reverse;} .grille > * {width: 100%;}
.margebloccentre .grille > *, .grille > * {width: 100%;}
.margebloccentre .grille .gauche, .grille .gauche {margin: 0 0 30px 0;}
.margebloccentre .grille .droite, .grille .droite {margin: 0 0 30px 0;}
.margebloccentrex2 .grille > *, .bloc-texte-photo .grille > *  {width: 100%;}
.margebloccentrex2 .grille .gauche, .bloc-texte-photo .grille .gauche  {margin: 0 0 30px 0;}
.margebloccentrex2 .grille .droite, .bloc-texte-photo .grille .droite  {margin: 0 0 30px 0;}
}
/*image*/
.image-avecbord img, .image-avecbord-droite .droite img, .image-avecbord-gauche .gauche img {border: 5px solid #f1edeb;}
.image-100pourcent img, .image-100pourcent-droite .droite img, .image-100pourcent-gauche .gauche img{width: 100%; height: auto;}
.image-align-right-gauche .gauche img {float: right; margin: 20px 0 20px 20px;}
.image-align-left img {float: left; margin: 5px 20px 10px 0px;}
.image-align-right img {float: right; margin: 5px 0px 10px 20px;}
@media screen and (max-width: 640px) {.image-align-right img, .image-align-left img {width: 200px;}}
@media screen and (max-width: 500px) {.image-align-right img, .image-align-left img {width: 125px;}}		
.image-centree img, .image-centreeblocdroit .droite img, .image-centreeblocgauche .gauche img{display: block; margin: 0 auto;}
.imageronde img{
	width: 390px;
    max-height: 390px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    display: block;
    border: 5px solid #fff;
    box-shadow: 1px 1px 35px #ccc;
	}
.imageronde a:hover img{
	/*filter: opacity(50%);
	-webkit-filter: opacity(50%);*/
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	}
.imageavecombre img{
	box-shadow: 1px 1px 35px #ccc;
	}
	
.imageflottante img {
	border-radius: 5px;
    border: 1px solid #d1d3d4;
	margin: 0 50px 50px 50px;
	width: 350px;
	}
@media screen and (max-width: 767px) {
.imageflottante  img {
	margin: 0 25px 20px 25px;
	width: 200px;
	}
	}
@media screen and (max-width: 500px) {
.imageflottante  img {
	margin: 0 15px 10px 15px;
	width: 150px;
	}
	}
.imagecoinsarrondis img{
	border-radius: 5px;
	border-bottom: 6px solid #ea312f;
	
	}
.image-responsive ul {display: flex; justify-content: center;}
.image-responsive ul li{margin: 0 10px 10px 0;}
.image-responsive ul li:last-child{margin: 0 0 10px 0;}
@media screen and (max-width: 640px) {
.image-responsive ul {flex-wrap: wrap;}
.image-responsive ul li{width: calc(50% - 5px);}
.image-responsive ul li:nth-of-type(2n){margin: 0 0 10px 0;}
.image-responsive ul {justify-content: start;}
.image-responsive ul li img{width: 100%;}
	}

/*liste*/
.liste-avecflecheencerclee li, .texte .liste-avecflecheencerclee li {position: relative; padding: 10px 0 10px 45px; font-size: 1.4em; font-weight: 700;}
.liste-avecflecheencerclee li a {font-size: 0.8em; text-decoration: none; font-weight: 700; color: #9c9a8c; text-transform: uppercase;}
.liste-avecflecheencerclee li::before {content: ''; position: absolute; top: 7px; left: 0px; width: 28px; height: 28px; border-radius: 50%; background-color: #F1DF00;}
.liste-avecflecheencerclee li::after {content: ''; position: absolute; top: 16px; left: 7px; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg);}
.liste-avecfleche ul, .liste-avecfleche-droite .droite ul, .liste-avecfleche-gauche .gauche ul {padding-bottom: 10px;}
.liste-avecfleche li, .liste-avecfleche-droite .droite li, .liste-avecfleche-gauche .gauche li {padding-left: 30px; position:relative; list-style: none; color: #000000; font-weight: 300; }
.liste-avecfleche li:before, .liste-avecfleche-droite .droite li:before, .liste-avecfleche-gauche .gauche li:before {content: ''; width: 8px; height: 8px; border-right: 2px solid #086eb3; border-top: 2px solid #086eb3; transform:rotate(45deg); position:absolute; left:3px; top:10px;}
.liste-avecfleche li:after, .liste-avecfleche-droite .droite li:after, .liste-avecfleche-gauche .gauche li:after {content: ''; width: 11px; height: 2px; background-color: #086eb3; position:absolute; left:0px; top:13px;}
.listeavecpuce ul {padding-bottom: 10px;}
.listeavecpuce li {padding-left: 22px; position:relative; list-style: none; margin-bottom: 5px;}
.listeavecpuce li:before {content: ''; width: 4px; height: 4px; background-color: #086eb3; border-radius: 50%; position:absolute; left:9px; top:13px;}
.listeavecguillemet ul {
	padding-bottom: 10px;
	}
.listeavecguillemet ul {
	position:relative;
	border: 5px solid #e4eef0;
	padding: 20px 40px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	}
.listeavecguillemet ul li{
	color: #416275;
	}
.listeavecguillemet ul li:last-child{
	text-align: right;
	font-weight: 700;
	}
.listeavecguillemet ul::before {
	content: '';
	width: 40px;
	height: 26px;
	background: url(/images/guillemet_1.png) #fff no-repeat center center;
	position: absolute;
	top: -13px;
	left: 12px;
	}
.listeavecguillemet ul::after {
	content: '';
	width: 40px;
	height: 26px;
	background: url(/images/guillemet_2.png) #fff no-repeat center center;
	position: absolute;
	bottom: -13px;
	right: 12px;
	}
.listeaveccadre ul {border: 5px solid #ededee; padding: 15px 20px; margin: 30px 0; background-color:#f8f8f8;}
.liste-aveccadre-titredecale .centre > ul, .liste-aveccadre-titredecale > ul{border: 1px solid #dcddde; padding: 40px 20px 15px 20px; margin: 30px 0; border-radius: 10px; position:relative;}
.liste-aveccadre-titredecale .centre > ul > li:first-child, .liste-aveccadre-titredecale > ul > li:first-child{position: absolute; bottom: calc(100% - 20px); left: 50%; transform: translateX(-50%); background-color: #fff; border-left: 15px solid #fff; border-right: 15px solid #fff; width: inherit; margin: 0 0 0 0;}
.liste-aveccadre-titredecale .centre > ul > li:first-child h2, .liste-aveccadre-titredecale > ul > li:first-child h2{padding: 0 0 0 0;}
.listeaveccheck li {
	padding-left: 35px;
	background: url(/images/icones/icone_check_rouge.png) no-repeat left 1px;
	list-style: none;
	margin: 10px 0;
	}
.listedeliens a {
	border-bottom: 1px solid #0f487f;
	display: block;
	padding:  7px 10px;
	}
.listedeliens li:first-child a {
	border-top: 1px solid #0f487f;
	}

.listeavecnumero ul {
 	counter-reset: numero;
	}
 
.listeavecnumero li { 
	font-size: 1.14em;
	font-weight: 500;
	padding-left: 45px;
	margin-bottom: 15px;
	position: relative;
	}
 
.listeavecnumero li::before {
	content: counter(numero);
 	counter-increment: numero;
 	display: inline-block;
 	position: absolute;
 	left: -34px;
 	top: 14px;
 	font-size: 2.85em;
	font-weight: 100;
 	color: #16557d;
	font-family: 'Roboto', sans-serif;
	}
.listeiconecadre {
	text-align: center;
	}
.listeiconecadre p{
	display: none;
	}
.listeiconecadre ul{
	display: inline-block;
	vertical-align:text-top;
	width: calc(24% - 60px);
	margin: 0 30px;
	background-color:#fff;
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.1);

	}
.listeiconecadre ul li:nth-of-type(1){
	height: 150px;
	position: relative;
	width: 100%;
	padding-top: 40px;
	}
.listeiconecadre ul li:nth-of-type(1)::after{
	content:'';
	width: 90px;
	height: 1px;
	background-color: #c3994f;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 0px;
	}
.listeiconecadre ul li:nth-of-type(2){
	color: #000;
	font-weight: 400;
	font-size: 1.14em;
	padding: 10px 10px 20px 10px;
	}
.listeiconecadre ul li:nth-of-type(3){
	font-weight: 300;
	font-size: 1.42em;
	color: #333132;
	height: 95px;
	padding: 0 5px;
	}
@media (max-width: 1100px) {
.listeiconecadre ul{
	width: calc(24% - 20px);
	margin: 0 10px 20px 10px;
	}
	}
@media (max-width: 900px) {
.listeiconecadre ul{
	width: calc(49% - 20px);
	margin: 0 10px 20px 10px;
	}
	}
@media (max-width: 440px) {
.listeiconecadre ul{
	width: calc(100% - 20px);
	margin: 0 10px 20px 10px;
	}
.listeiconecadre ul li:nth-of-type(1){
	height: auto;
	padding-top: 15px;
	padding-bottom: 10px;
	}
.listeiconecadre ul li:nth-of-type(3){
	height: auto;
	padding: 5px 0 10px;
	}
	}







/*cadre*/
.cadrefondblanc .gauche, .cadrefondblanc .droite, .cadrefondblanc .milieu, .cadrefondblanc .simple{ 
	background-color: #fff;
	padding: 0 15px 10px 15px;
	}
.cadrefondbleu .gauche, .cadrefondbleu .droite, .cadrefondbleu .milieu, .cadrefondbleu .simple{ 
	background-color: #d2deed;
	padding: 0 15px 10px 15px;
	}
.cadreavectitredessus .centre {
	border: 1px solid #c3b59a;
	padding: 40px;
	position: relative; 
	}
.cadreavectitredessus .centre h1, .cadreavectitredessus .centre h2{
	display: inline-block;
	background-color: #fff;
	padding: 0 8px;
	vertical-align:middle;
	position:absolute;
	top: -20px;
	text-align: center;
	}
.cadreavectitredessus .centre {padding-top: 50px;}
@media screen and (max-width: 660px) {
.cadreavectitredessus  .centre {
    width: calc(100% - 30px);
    margin: 0 15px;
	padding: 50px 15px 30px 15px;
}
.cadreavectitredessus .centre h1{
	display: inline-block;
	background-color: #f9f9f9;
	padding: 0 8px;
	vertical-align:middle;
	position:absolute;
	bottom: calc(100% - 35px);
	left: 50%;
	max-width: 400px;
	margin-left: -200px;
	text-align: center;
	font-size: 2em;
	}
	}
@media screen and (max-width: 550px) {
.cadreavectitredessus .centre h1{
	display: inline-block;
	background-color: inherit;
	padding: 0 10px 20px 10px;
	vertical-align:middle;
	position:relative;
	bottom: inherit;
	left: inherit;
	max-width: inherit;
	width: 100%;
	margin-left: inherit;
	text-align: center;
	font-size: 2em;
	}
	}
.cadre .centre {border: 5px solid #f1edeb; padding: 30px 40px;}
.cadre-avecfond .centre, .cadre-avecfonddroite .centre .droite, .cadre-avecfondgauche .centre .gauche{background-color: #f1edeb; padding: 20px 30px;}


	
/*titre*/

.titrebarre h1, .titrebarre h2{
	text-align:center;
	position:relative;
    padding: 20px 0 20px;
	margin-top: 20px;
	display:block;
	text-align:center;
	background:url(/images/icones/pixel_bleu.gif) repeat-x center center;
	}
.titrebarre h1 em, .titrebarre h2 em{
	display:inline-block;
	padding: 0 25px;
	background-color:#FFF;
	font-style:normal;
	}

.titresouligne h1 {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
	}
.titresouligne h1::before {
	content: '';
	width: 50px;
	height: 2px;
	background-color: #dd301d;
	position: absolute;
	left:0px;
	margin-left: 0px;
	bottom: 0px;
	}
	
.titreencadre p {
	text-align: center;
	}	
.titreencadre p em{
	font-style: normal;
	display:inline-block;
	border: 1px solid #0f487f;
	padding: 10px 15px;
	text-transform:uppercase;
	font-weight: 500;
	color: #0f487f;
	margin: 20px 0;
	}
	
	


/*structure */
.largeur-1-3 {
	padding-bottom: 40px;
	}
@media (min-width: 767px) {
.largeur-1-3 [class*=grid-2] > :first-child {
    width: calc(100% / 3 - .01px);
	padding-right: 20px;
	}
.largeur-1-3 [class*=grid-2] > :last-child  {
    width: calc(100% * 0.665 - .01px);

	}
	}
@media (max-width: 767px) {
.largeur-1-3 [class*=grid-2] > * {
	padding-top: 20px;
	}
	}

.largeur-2-5 {
	padding-bottom: 40px;
	}
@media (min-width: 767px) {
.largeur-2-5 [class*=grid-2] > :first-child {
    width: calc(100% * 0.4 - .01px);
	padding-right: 20px;
	}
.largeur-2-5 [class*=grid-2] > :last-child  {
    width: calc(100% * 0.6 - .01px);

	}
	}
@media (max-width: 767px) {
.largeur-2-5 [class*=grid-2] > * {
	padding-top: 20px;
	}
	}



.untiers {
	padding-bottom: 40px;
	}
@media (min-width: 767px) {
.untiers [class*=grid-2]> .gauche {
    width: calc(100% / 3 - .01px);
	}
.untiers [class*=grid-2]> .droite {
    width: calc(100% * 0.665 - .01px);
	padding-left: 20px;
	}
	}
@media (max-width: 767px) {
.untiers [class*=grid-2]> .gauche {
	padding-top: 20px;
	}
	}
@media (max-width: 767px) and (min-width: 576px) {
.untiers [class*="-small-2"]> .gauche {
    width: calc(100% / 3 - .01px);
	}
.untiers [class*="-small-2"]> .droite {
    width: calc(100% * 0.665 - .01px);
	padding-left: 20px;
	}
}




.deuxtiers {
	padding-bottom: 40px;
	}
@media (min-width: 767px) {
.deuxtiers [class*=grid-2]> .droite {
    width: calc(100% / 3 - .01px);
	}
.deuxtiers [class*=grid-2]> .gauche {
    width: calc(100% * 0.665 - .01px);
	padding-right: 20px;
	}
	}
@media (max-width: 767px) {
.deuxtiers [class*=grid-2]> .droite {
	padding-top: 20px;
	}
	}
@media (max-width: 767px) and (min-width: 576px) {
.deuxtiers [class*="-small-2"]> .droite {
    width: calc(100% / 3 - .01px);
	}
.deuxtiers [class*="-small-2"]> .gauche {
    width: calc(100% * 0.665 - .01px);
	padding-right: 20px;
	}
}

.listesur2colonnes ul {
	padding-bottom: 60px;
	}
.listesur2colonnes li{
	display: inline-block;
	width: 49%;
	vertical-align: top;
	}
@media (max-width: 550px) {
.listesur2colonnes li{
	width: 100%;
	}
	}

.listesur3colonnes ul {
	display: flex;
	align-items: center;
	padding: 10px 0;
	}
.listesur3colonnes li{
	width: calc(33.3333333333%);
	padidng: 0 5px;

	}
@media (max-width: 550px) {
.listesur3colonnes li{
	width: calc(100% - 30px);
	}
	}
.listesur4colonnes ul {
	padding-bottom: 20px;
	}
.listesur4colonnes li{
	display: inline-block;
	width: calc(24% - 30px);
	vertical-align: top;
	margin: 0 15px 30px 15px;
	}
.listesur4colonnes li img{
	display: block;
	margin: 0 auto 10px auto;
	}
@media (max-width: 767px) {
.listesur4colonnes li{
	width: calc(49% - 30px);
	}
	}
@media (max-width: 500px) {
/*.listesur4colonnes li{
	width: calc(100% - 30px);
	}*/
	}
.listesur5colonnes ul {	display: flex;}
.listesur5colonnes li{width: 20%;margin-bottom: 20px;}
@media (max-width: 768px) {
.listesur5colonnes ul {flex-wrap: wrap; justify-content: center; align-items: center;}
.listesur5colonnes li{width: 33.33333333333%;}}
@media (max-width: 450px) {
.listesur5colonnes li{width: 50%;}}
	
.listesurXcolonnes {
	text-align: center;
	}
.listesurXcolonnes  li{
	display: inline-block;
	vertical-align: top;
	margin: 30px 10px 0 10px;
	}
.listesurXcolonnes  li img{
	display: block;
	margin: 0px auto 10px auto;

	}
.liste-colonne-6 ul {display: flex; flex-wrap: wrap;}
.liste-colonne-6 ul li {width: 16.666666666666%; text-align:center; margin: 0 0 40px 0; padding: 0 10px;}
@media (max-width: 767px) {.liste-colonne-6 ul li {width: 25%;}}
@media (max-width: 550px) {.liste-colonne-6 ul li {width: 33.3333333333333333%;}}	
	
.centrer, .centrer-droite .droite, .centrer-gauche .gauche {
	text-align: center;
	}

.blocavecretrait .centre{
	padding-left: 50px;
	/*padding-right: 150px;*/
	}
/*.blocavecretrait .centre::before {
	content:'';
	width: 90px;
	height: 6px;
	background-color: #4378b3;
	position: absolute;
	left: 0px;
	top: 20px;
	}*/
@media (max-width: 767px) {
.blocavecretrait .centre{
	padding-left: 50px;
	/*padding-right: 10px;*/
	}
/*.blocavecretrait .centre::before {
	content:'';
	width: 30px;
	height: 6px;
	background-color: #4378b3;
	position: absolute;
	left: 0px;
	top: 20px;
	}*/
	}
.blocavecseparation .centre {
	border-bottom: 1px solid #d1d3d4;
	padding-bottom: 75px;
	}
.bloc-avec-imagedefond {background: url(/images/photo_fond_exemple.jpg);background-position: left top; padding: 105px 100px; text-align:right;}
.bloc-avec-imagedefond .centre{background-color: rgba(255, 255, 255, 0.9); padding: 70px 130px; max-width: 830px; width: 100%; display:inline-block; text-align:left;}
.bloc-avec-imagedefond .centre h2{text-align:center; color: #262626; padding: 0px 0 20px;}
	@media screen and (max-width: 1004px) {
.bloc-avec-imagedefond .centre{padding: 40px 20px;}
		}
	@media screen and (max-width: 767px) {
.bloc-avec-imagedefond {padding: 60px 20px;}
		}
.bloc100pour100 {
	padding: 0 0 0 0;
	}
.bloc100pour100  .centre{
	max-width:  100%;
    width: 100%;
	}
.bloc100pour100  .gauche{
	padding-left: calc(50% - 600px);
	padding-right: 20px;
	}
.bloc100pour100  .droite p{
	padding-bottom: 0px;
	}
@media (max-width: 1240px) {
.bloc100pour100  .gauche{
	padding-left: 20px;
	}
	}
@media screen and (max-width: 575px) {
.bloc100pour100  .centre{
	padding: 0 0 0 0;
	}
}
.blocdecale {
	position: relative;
	height: 330px;
	}
[id*="bloc_"].blocdecale:nth-last-child(3) {
	height: 170px;
	}
[id*="bloc_"].blocdecale .centre{
	width: 800px;
	position: absolute;
	top: -90px;
	left: 50%;
	margin-left: -400px;
	box-shadow: 1px 1px 70px #848383;
	background-color: #fff;
	}
[id*="bloc_"].blocdecale .centre img{
	width: 100%;
	}
.blocdecale .centre .gauche, .blocdecale .centre .droite {
	position: relative;
	}
.blocdecale .centre ul{
	width: 100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	padding: 0 50px;
	}
@media screen and (max-width: 1050px) {
[id*="bloc_"].blocdecale .centre{
	width: 700px;
	position: absolute;
	top: -90px;
	left: 50%;
	margin-left: -350px;
	box-shadow: 1px 1px 70px #848383;
	}
.blocdecale {
	position: relative;
	height: 297px;
	}
[id*="bloc_"].blocdecale:nth-last-child(3) {
	height: 117px;
	}
}
@media screen and (max-width: 767px) {
[id*="bloc_"].blocdecale .centre{
	width: 100%;
	position: relative;
	top: inherit;
	left: inherit;
	margin-left: inherit;
	box-shadow: none;
	background-color: transparent;
	padding-right: 0px;
    padding-left: 0px;
	}
.blocdecale {
	position: relative;
	height: auto;
	}
[id*="bloc_"].blocdecale:nth-last-child(3) {
	height: auto;
	}
[id*="bloc_"].blocdecale {
	padding: 0 0 0 0;
	}
.grid-2-small-1 .droite {
    padding-top: 0px;
	height: auto;
	}
	}
@media (max-width: 500px) {
.blocdecale .centre ul{
	position: absolute;
    top: 10px;
    transform: none;
	padding: 0 10px;
	}
	}

[id*="bloc_"].blocbiseau  {
	padding: 0 0 0 0;
	}
[id*="bloc_"].blocbiseau .centre {
	max-width: 100%;
	width: 100%;
	}
[id*="bloc_"].blocbiseau .gauche {
	background: url(/images/photo_agrement.jpg) no-repeat top;
	background-size:cover;
	position:relative;
	overflow:hidden;
	}
[id*="bloc_"].blocbiseau .gauche p {
	font-size: 3.45em;
	font-weight: 800;
	line-height: 44px;
	padding: 40px 100px 20px 20px;
	/*position: absolute;
    top: 50%;
    transform: translateY(-50%);*/
	}
[id*="bloc_"].blocbiseau .droite {
	background-color: #272d4e;
	padding: 40px 20px;
	}
[id*="bloc_"].blocbiseau .gauche::before{
	content:'';
	position: absolute;
	bottom: 0px;
	right: -55px;
	width: 110px;
	height: 100%;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	background: #272d4e;
	}
@media (max-width: 800px) {
[id*="bloc_"].blocbiseau .centre {
	padding: 0 0 0 0;
	}
[id*="bloc_"].blocbiseau .gauche {
	min-height: 300px;
	}
[id*="bloc_"].blocbiseau .gauche::before{
	display: none;
	}
[id*="bloc_"].blocbiseau .gauche p {
	font-size: 3.45em;
	font-weight: 800;
	line-height: 55px;
	padding: 40px 20px;
	position: inherit;
    top: inherit;
    transform: none;
	}
	}
	
/*marge*/
.margebloccentre .grid-2 .droite, .margebloccentre .grid-2-small-1 .droite {
	padding-left: 2%;
	}
.margebloccentre .grid-2 .gauche, .margebloccentre .grid-2-small-1 .gauche {
	padding-right: 2%;
	}
.margebloccentre .grid-3-small-2 .gauche, .margebloccentre .grid-3-small-2 .droite, .margebloccentre .grid-3-small-2 .milieu {
	padding-left: 5px;
	padding-right: 5px;
	}
.margebloccentre .grille .droite {margin-left: 20px;}
.margebloccentre .grille .gauche {margin-right: 20px;}
@media (max-width: 767px) {
.margebloccentre .grid-2 .droite, .margebloccentre .grid-2-small-1 .droite  {
	padding-left: 0;
	}
.margebloccentre .grid-2 .gauche, .margebloccentre .grid-2-small-1 .gauche {
	padding-right: 0;
	}
.margebloccentre .grille .droite {margin-left: 0px;}
.margebloccentre .grille .gauche {margin-right: 0px;}
	}
.margebloccentrex2 .grid-2 .droite, .margebloccentrex2 .grid-2-small-1 .droite {
	padding-left: 4%;
	}
.margebloccentrex2 .grid-2 .gauche, .margebloccentrex2 .grid-2-small-1 .gauche {
	padding-right: 4%;
	}
@media (max-width: 767px) {
.margebloccentrex2 .grid-2 .droite, .margebloccentrex2 .grid-2-small-1 .droite  {
	padding-left: 0;
	}
.margebloccentrex2 .grid-2 .gauche, .margebloccentrex2 .grid-2-small-1 .gauche {
	padding-right: 0;
	}
.grid-2 .droite, .grid-2-small-1 .droite {
	padding-top: 30px;
	}	
	}
.margeblocbas {
	padding-bottom: 50px;
	}
.margeblochaut {
	padding-top: 50px;
	}

@media (max-width: 980px) {
.margeblocbas {
	padding-bottom: 50px;
	}
.margeblochaut {
	padding-top: 50px;
	}
	}
@media (max-width: 550px) {
.margeblochaut {

	}
	}
.margeblocdroite .gauche {
	padding-right: 100px;
	}

/*menu*/
.menu-sur-slide {
	background-color: #333132;
	width: 1200px;
	position:absolute;
	z-index: 500;
	top: 435px;
	height: 140px;
	margin-left: -600px;
	left: 50%;
	text-align:center;
	}
	
.menu-sur-slide li{
	display: inline-block;
	vertical-align: top;
	width: 170px;
	color: #fff;
    font-size: 1.14em;
    line-height: 24px;
	padding: 0 10px;
	}
.menu-sur-slide li a{
	text-decoration: none;
	color: #fff;
	font-weight: 300;
	}
.menu-sur-slide li img{
	display: block;
	margin: 0 auto;

	}

@media (max-width: 1045px) {
.menu-sur-slide {
	width: 100%;
	top: 0px;
	position: relative;
	margin-left: -50%;
	}
.menu-sur-slide li{
	width: 120px;
	font-size: 11pt;
	line-height: 140%;
	}
	}

@media (max-width: 775px) {
.menu-sur-slide {
	top: 0px;
	position: relative;
	}
.menu-sur-slide li{
	width: 100px;
	font-size: 9pt;
	line-height: 140%;
	}
	}

@media (max-width: 646px) {
.menu-sur-slide {
	top: 0px;
	position: relative;
	}
.menu-sur-slide li{
	width: 80px;
	font-size: 9pt;
	line-height: 140%;
	}
}
@media (max-width: 550px) {
.menu-sur-slide {
	display: none;
	}

	}
	
/*photos*/
.photosalignees4 ul{
	text-align:center;
	margin-top: 20px;
	}
.photosalignees4 li{
	display: inline-block;
	vertical-align: top;
	width: calc(24% - 60px);
	margin: 0 30px;
	font-size: 1em;
	}
.photosalignees4 li span{
	display: block;
	font-size: 1em;
	color: #425159;
	}
@media (max-width: 1024px) {
.photosalignees4 li{
	display: inline-block;
	vertical-align: top;
	width: calc(24% - 20px);
	margin: 0 10px;
	}
	}
@media (max-width: 768px) {
.photosalignees4 li{
	display: inline-block;
	vertical-align: top;
	width: calc(49% - 60px);
	margin: 0 30px 60px 30px;
	}
	}
@media (max-width: 550px) {
.photosalignees4  li{
	display: inline-block;
	vertical-align: top;
	width: calc(49% - 20px);
	margin: 0 10px 20px 10px;
	}
	}
.photosalignees4 img{
	border: 1px solid #c7d4db;
	}
.photosalignees4 span{
	display: block;
	font-weight: 600;
	color: #425159;
	text-transform:uppercase;
	padding-top: 2px;
	}
.photobulle  img{
	border-radius: 50%;
	border: 5px solid #fff;
	}
.photoaveclegende p {
	display: none;
	}
.photoaveclegende .centre {
	max-width: 100%;
	text-align:center;
	}	
.photoaveclegende img {
	display: block;
	border-color: #073467;
	position: absolute;
	top: 20px;
	left: -20px;
	border: 1px solid #073467;
	z-index: 500;
	}
.photoaveclegende ul {
	position: relative;
	margin: 0 30px 20px 30px;
	display:block;
	width: 227px;
	display:inline-block;
	vertical-align:text-top;
	}
.photoaveclegende ul li:first-child{
	height: 188px;
	}
.photoaveclegende ul li:last-child{
	background-color: #fff;
	font-weight: 700;
	color: #231f20;
	font-size: 1.71em;
	width: 227px;
	padding: 35px 25px 15px 25px;
	box-shadow: 1px 1px 20px #ccc;
	position:relative;
	}
.photoaveclegende ul li:last-child::before{
	content:'';
	width: 40px;
	height: 4px;
	background-color: #4378b3;
	position: absolute;
	left: 0px;
	bottom: 0px;
	}

[id*="bloc_"].murphotos, .murphotos  {
	font-size: 0px;
	border: 5px solid #fff;
	padding: 0 0;
	}
[id*="bloc_"].murphotos .centre, .murphotos .centre{
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 0;
	}
.murphotos img{
	width: 100%;
	height: 100%;
	}
.murphotos li{
	display:inline-block;
	width: 25%;
	border: 5px solid #fff;
	position: relative;
	}
@media screen and (max-width: 580px) {
.murphotos li{
	width: 50%;
	}
	}


/*largeur*/
.largeur400gauche .gauche > *{
	max-width: 400px;
	width: 100%;
	}
@media (max-width: 768px) {
.largeur400gauche .gauche > *{
	max-width: 100%;
	}
	}
.largeur600 .centre, .largeurparagraphe_600 p{
	max-width: 640px;
	width: 96%;
	margin: 0 auto;
	}
.largeur700 .centre, .largeurparagraphe_700 p{
	max-width: 740px;
	width: 96%;
	margin: 0 auto;
	}
.largeur800 .centre, .largeurparagraphe_800 p{
	max-width: 840px;
	width: 96%;
	margin: 0 auto;
	}
.largeur900 .centre, .largeurparagraphe_900 p{
	max-width: 910px;
	width: 96%;
	margin: 0 auto;
	}
.largeur1000 .centre, .largeurparagraphe_1000 p{
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;

	}
.largeur1100 .centre, .largeurparagraphe_1100 p{
	max-width: 1100px;
	width: 96%;
	margin: 0 auto;

	}

	

/*divers*/
/*.tablette .centrerverticalement {
	 top: 40%;
}*/
.accueil .centrerverticalement { /*mettre le parent en relatif*/
	max-width: 500px;
	position: absolute;
	width:calc(100% - 400px);
	margin: 0 13%;
	display: block;
	}
.accueil .centrerverticalement:before, .accueil .centrerverticalement:after {display: none;}
.contact .centrerverticalement:before, .contact .centrerverticalement:after {display: none;}
.centrerverticalement {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.accueil .centrerverticalement p {text-transform: initial;}
.centrerverticalement p {text-transform: uppercase; font-weight: 300;}
.centrerverticalement p, .centrerverticalement h2 {color: white; z-index: 2; padding-top: 0px; padding-left: 0px;}
.centrerverticalement:before, .centrerverticalement:after {
    content: '';
    position: absolute;
    width: 50%;
    z-index: 1;
    height: 200px;
}
.centrerverticalement:before {background: linear-gradient(to left, #000000db, #ffffff00); left: 0px;}
.centrerverticalement:after {background: linear-gradient(to right, #000000db, #ffffff00); right: 0px;}

#slide {
    background-color: #fff;
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}



.produit .centrerverticalement {
    max-width: none;
    width: 100%;
}
.centreverticalement {
    /* content: ''; */
    /* position: absolute; */
    /* width: 50%; */
    /* z-index: 1; */
    /* height: 200px; */
    /* background: red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.centreverticalement:after {
    background: linear-gradient(to right, #000000db, #ffffff00);
    right: 0px;
}
.centreverticalement:before, .centreverticalement:after {
    content: '';
    position: absolute;
    width: 50%;
    z-index: 1;
    height: 200px;
}
.centreverticalement:before {
    background: linear-gradient(to left, #000000db, #ffffff00);
    left: 0px;
}

@media (max-width: 1240px) {
.centrerverticalement {
	/*max-width: 100%;
	left: inherit;
	margin-left: 0px;*/
	}
.accueil .centrerverticalement { /*mettre le parent en relatif*/
	left: 200px;
	}
	}
.imgGrand
{
    cursor: zoom-in;
}
.no-fullscreen
{
    cursor: Default;
} 

.view_image_body
{
    position: fixed;
    background-color: grey;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    opacity: 0.6;
} 

.view_image
{
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    position: fixed;
    cursor: zoom-out;
} 

.view_image_img
{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 80%;
    max-width: 80%;
    cursor: zoom-out;
} 

.listeechelle ul {
	position: relative;
	padding: 35px 0;
	}
.listeechelle ul::before {
	content: '';
	position: absolute;
	top: 0px;
	left: calc(50% - 7px);
	width: 14px;
	height: 100%;
	background-color: #7daec4;
	border-radius: 7px;
	}
.listeechelle li {
	position:relative;
	width: calc(50% - 92px);
	background-color: #f6f6f6;
	padding: 15px 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}
.listeechelle li strong {
	display: block;
	color: #005d86;
	font-size: 1.35em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
	}
.listeechelle li:nth-of-type(2n + 1) {
	border-top-left-radius: 10px;
	}
.listeechelle li:nth-of-type(2n + 1)::after {
	content: '';
	position: absolute;
	top: 0px;
	right: -53px;
	width: 53px;
	height: 37px;
	background-image:url(/images/coin_echelle.png);
	}
.listeechelle li:nth-of-type(2n + 1)::before {
	content: '';
	position: absolute;
	top: 0px;
	right: -97px;
	width: 10px;
	height: 10px;
	background-color: #005d86;
	border-radius: 50%;
	}
.listeechelle li:nth-of-type(2n) {
	border-top-right-radius: 10px;
	margin: 0 0 25px calc(50% + 92px);
	}
.listeechelle li:nth-of-type(2n)::before {
	content: '';
	position: absolute;
	top: 0px;
	left: -97px;
	width: 10px;
	height: 10px;
	background-color: #005d86;
	border-radius: 50%;
	}
.listeechelle li:nth-of-type(2n)::after {
	content: '';
	position: absolute;
	top: 0px;
	left: -53px;
	width: 53px;
	height: 37px;
	background-image:url(/images/coin_echelle_2.png)
	}
@media screen and (max-width: 640px) {
.listeechelle li {
	width: calc(50% - 42px);
	padding: 5px;
	}
.listeechelle li:nth-of-type(2n + 1)::before {
	top: -3px;
	right: -47px;
	z-index: 1000;
	}
.listeechelle li:nth-of-type(2n)::before {
	top: -3px;
	left: -47px;
	z-index: 1000;
	}
.listeechelle li:nth-of-type(2n) {
	margin: 0 0 25px calc(50% + 42px);
	}
.accueil .centrerverticalement {
    left: 100px;
}
	}
/*Citation avec fond de travers*/
.citation-2 .centre{width: 490px; height: 220px;}
.citation-2 .centre::before{content:''; background-color: #e6e7e8; width: 490px; height: 220px; position: absolute; top: 0px; left: 0px; transform:rotate(-4deg);}
.citation-2 .centre::after{
	content:''; border-style : solid; border-color : transparent transparent #4b657c transparent; border-width : 0 0 10px 440px; background : none; width : 0; height : 0; display : block; position:absolute; bottom: -5px; right: 20px; transform:rotate(-2.4deg);}
.citation-2 .centre p {position: absolute; top: 45px; left: 45px; width: calc(100% - 90px); color: #29435b; font-weight: 300; font-size: 1.42em; line-height: 30px; height: 160px; overflow:auto; overflow-x: hidden; }
.citation-2 .centre p em {font-weight: 600; font-size: 1.1em; padding-bottom: 10px; display:block;}
@media screen and (max-width: 600px) {.citation-2 .centre{width: 90%; margin: 0 auto; height: auto; margin-top: inherit; padding: 20px; background-color: #e6e7e8; border-bottom: 10px solid #4b657c;}
.citation-2 .centre p {position: relative; top: inherit; left: inherit; width: 100%; height: auto;}
.citation-2 .centre::before{display: none;}
.citation-2 .centre::after{display: none;}
	}
.citation {padding: 50px 0;}
.citation .centre {background-color: #f8f8f8; max-width: 700px; width: 94%; padding: 30px 70px; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);}
.citation .centre p{font-family: 'Libre Baskerville', serif; font-weight: 700; color: #77787b; font-size: 1.28em;}
@media screen and (max-width: 567px) {.citation .centre {padding: 20px 30px;}}

/*decor*/

.decorgauche  .gauche {
	position: relative;
	padding-left: 75px;
	}
.decorgauche .gauche::before {
	content: '';
	background-color: #eaeec0;
	width: 150px;
	height: 150px;
	position:absolute;
	left:0px;
	top: -40px;
	border-radius: 50%;
	}
.decordroit  .droite {
	position: relative;
	padding-right: 75px;
	}
.decordroit .droite::before {
	content: '';
	background-color: #eaeec0;
	width: 150px;
	height: 150px;
	position:absolute;
	left: -75px;
	top: -10%;
	border-radius: 50%;
	}
@media screen and (max-width: 767px) {
.decorgauche  .gauche {

	}
.decorgauche .gauche::before {

	}
.decordroit  .droite {
	padding-left: 75px;
	padding-right: 0px;
	}
.decordroit .droite::before {
	left: 0px;
	}
	}
@media screen and (max-width: 500px) {
.decorgauche  .gauche {
	padding-left: 20px;
	}
.decordroit  .droite {
	padding-left: 20px;
	}
	}
/*Tableau*/

.tableau table  {
	width: 88%;
	margin: 0 auto 20px auto;
	}

.tableau table td, .tableau table th {
	background-color:#f1f2f2;
	text-align:left;
	height: 37px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-size: 1.14em;
	padding: 15px 15px
	}
.tableau table tr td:nth-of-type(1) {
	text-align:left;
	}
.tableau table tr:nth-of-type(2n - 1) td {
	background-color: #e6e7e8;
	}


.tableau table tr:nth-of-type(1) td{
	height: 45px;
	color: #333132;
	font-size: 1.14em;
	padding: 5px 15px
	}
.tableau table tr td:only-child{height: 45px; padding: 5px 15px; margin: 4px 0;}
tr:nth-of-type(2n+1),td:nth-of-type(2n+1) {background-color: #e9e9e9;}
tr:nth-of-type(2n+2), td:nth-of-type(2n+2) {background-color: #f1f2f2;}
tr {border: 2px solid white;}
td {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 640px) {
.tableau table td {
	font-size: 1em;
	padding: 10px 5px
	}
.tableau table tr:nth-of-type(1) td{
	font-size: 1em;
	padding: 5px 15px
	}
.tableau table tr td:only-child{margin: 10px 0;}
.tableau table {width: 100%;}
	}
@media screen and (max-width: 450px) {
.tableau table td {
	font-size: 0.9em;
	padding: 10px 2px;
	}
.tableau table tr:nth-of-type(1) td{
	font-size: 0.9em;
	padding: 5px 15px
	}
	}

/*.texte table tr:nth-of-type(1) {
	background-color: #416275;
	height: 36px;
	}
.texte table tr:nth-of-type(1) th{
	text-align:center;
	color: #fff;
	position:relative;
	}
.texte table tr:nth-of-type(1) th::before{
	content:'';
	width: 1px;
	height: 28px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: 0px;
	}
.texte table tr td::before{
	content:'';
	width: 1px;
	height: 28px;
	background-color: #a2b0b8;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: 0px;
	}
.texte table tr:nth-of-type(1) th:last-child::before, .texte table tr td:last-child::before{
	display: none;
	}
.texte table tr {
	border-bottom: 1px solid #a2b0b8;
	border-right: 1px solid #a2b0b8;
	border-left: 1px solid #a2b0b8;
	}
.texte table td {
	position:relative;
	height: 50px;
	color: #121f27;
	font-weight: 300;
	padding: 5px 2px;
	text-align:center;
	font-size: 1.1em;
	}
.texte table tr td:first-child {
	position:relative;
	height: 50px;
	font-weight: 700;
	padding: 5px 15px;
	text-align:left;
	}
.texte table td:nth-of-type(2n) {
	font-weight: 400;
	}*/


/* Avis */
#avis .titre {
    color: #202124;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 18px 0;
}

#avis .button-group {
    display: inline;
}

#avis .titre-commentaire {

    color: #80868b;
    display: none;
    margin-bottom: 10px;

}

#avis:not(.vote) form, 
#avis.vote .avis-bouton, 
#avis.avote form {
    display: none;
}

/*Animation*/
.anim-bloc {
     opacity:0;
}
.anim-imgzoom .photo .owl-lazy {
	transition: all 1s ease;
}
.anim-imgzoom .photo {
	overflow:hidden;
	display:block;
	}
.anim-imgzoom .photo img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
.anim-imgzoom:hover .photo img {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	}


/*Slide*/
.slide {position: relative; width: 100%; margin: 0 auto 0 auto;}
[id*="bloc_"].blocslide .centre {padding: 0 0 0 0; width: 100%; max-width: 2000px; position:relative;}
.slide .centre {padding: 0 0 0 0; width: 100%; position:relative;}
/*.accueil .slide {position:relative; overflow:hidden;}
.accueil .slide .slide.dyn .rslides{position: absolute; width: 1600px; top: 0px; left: 50%; margin-left: -800px;}
.accueil .slide img{max-width: inherit; width: auto;}*/
.slide .pc {display: block;	}
/*.slide .tablette {display: none;}*/
/*.slide .mobile {display:none;}	*/
@media screen and (max-width: 1200px) {
/*.slide .pc {display: none;}*/
.accueil .slide .slide.dyn .rslides{position: absolute; width: 1400px; top: 0px; left: 50%; margin-left: -700px;}
/*.slide .tablette {display:block;}*/}
@media screen and (max-width: 680px) {
.accueil .slide .slide.dyn .rslides{position: absolute; width: 700px; top: 0px; left: 50%; margin-left: -320px;}
/*.slide .tablette {display:none;}	
.slide .mobile {display: block;}*/}
[id*="bloc_"].slide {padding: 0 0 0 0;}
.slidesimple {position:relative; max-width: 1400px; margin: 0 auto;}
.slidesimple  h1{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 30px; line-height: 50px; text-align:center;}
.slide.dyn {position: relative;}
.slide.dyn .prev, .slide.dyn .next {color: transparent; width: 30px; height: 30px; display: block; position: absolute; top: 50%; margin-top: -15px; transform: rotate(45deg); z-index: 100;}
.slide.dyn .prev {border-bottom: 6px solid rgba(255, 255, 255, 0.4); border-left: 6px solid rgba(255, 255, 255, 0.4); left: 15px; border-radius: 3px;}
.slide.dyn .next {border-top: 6px solid rgba(255, 255, 255, 0.4); border-right: 6px solid rgba(255, 255, 255, 0.4); right: 15px; border-radius: 3px;}
/*.slide .cadre {left: 50%; margin-left: -700px; width: 400px; padding: 0px 0px 0 0px;}
@media screen and (max-width: 1400px) {
.slide .cadre {left:50%; margin-left: -350px; width: 400px;}}
@media screen and (max-width: 760px) {
.slide .cadre {left:50%; margin-left: -200px; width: 400px;}}
@media screen and (max-width: 460px) {
.slide .cadre {left:50%; margin-left: -150px; width: 300px; padding: 20px 20px 0 20px;}}
@media screen and (max-width: 550px) {
/*.slide .cadre {left: 50px; margin-left: 0px; max-width: 300px; padding: 10px;}*/}*/
/*texte*/
.texteplusgros p, .texteplusgros li{font-size: 1.42em; font-weight: 400; line-height: 34px;}
[id*="bloc_"].texteplusgros p {padding-bottom: 25px;} 
.texte-grascouleur b, .texte-grascouleur strong{color: #e5004e;}

/*Pagination*/
#pagination {border-bottom: none; text-align: center; padding: 25px 0 0 0;}
#pagination li {display:inline-block; width: 40px; height: 40px; line-height: 40px; vertical-align:middle; margin: 0 10px; text-align:center; color: #fff; font-weight: 700; color: #646464; border: 1px solid #a6a7a7; }
#pagination li span{color: #40302d;}
#pagination li a{color: #fff; background-color: #a6a7a7; display:block;}
#pagination li:nth-of-type(1), #pagination li:nth-of-type(2) {width: 40px; height: 40px; text-align:center; color: #fff; padding: 0 0 0 0;}
#pagination li:nth-of-type(1), #pagination li:nth-of-type(2) a {text-align:center; color: #fff;}

/*temoignage*/
.temoignage-liste-textephotodroite ul{background-color: #fff; border: 5px solid #f1edeb;}
.temoignage-liste-textephotodroite ul li.txt{display: inline-block; vertical-align:top; width: 60%; padding: 50px 100px 50px 100px; position:relative; font-style:italic;}
.temoignage-liste-textephotodroite ul li.photo{display: inline-block; vertical-align:top; width: 40%;}
.temoignage-liste-textephotodroite ul li.txt::before {content: url(/images/icones/guillemet-ouvert-vert.png); position: absolute; top: 30px; left: 35px;}
.temoignage-liste-textephotodroite ul li.txt::after {content: url(/images/icones/guillemet-ferme-vert.png); position: absolute; bottom: 20px; right: 35px;}
.temoignage-liste-textephotodroite ul li.txt em{color: #96c21e; display: block;}
@media screen and (max-width: 1004px) {.temoignage-liste-textephotodroite ul li.txt{padding: 25px 50px 25px 70px;} .temoignage-liste-textephotodroite ul li.txt::before {top: 15px; left: 10px;}}
@media screen and (max-width: 767px) {.temoignage-liste-textephotodroite ul li.txt{width: 100%;} .temoignage-liste-textephotodroite ul li.photo{width: 100%;}}
@media screen and (max-width: 550px) {.temoignage-liste-textephotodroite ul li.txt{}}


/*Espace securis�*/
.espace-securise.formulaire .centre {max-width: 600px; padding-bottom: 120px;}
.texte.extranet.formulaire .centre {max-width: 900px; padding-bottom: 120px;}
.accesclient {display: flex; justify-content: center;}
.accesclient .connexion, .accesclient .inscription{border: 1px solid #dcddde; border-radius: 7px; padding: 20px 20px 100px 20px; width: 50%; margin: 0 20px; position:relative;}
.accesclient .connexion input[type=submit], .accesclient .inscription input[type=submit]{position: absolute; bottom: 40px; margin: 0 0 0 0; width: calc(100% - 40px); padding: 10px 0;}
.accesclient .connexion h2, .accesclient .inscription h2{padding: 0 0 20px 0;}
@media screen and (max-width: 640px) {
.accesclient {flex-direction: column-reverse;}
.accesclient .connexion, .accesclient .inscription{width: 100%; margin: 0 0 30px 0;}
	}
.moncompte.menunav {display: flex; justify-content: center; margin-bottom: 40px;}
.moncompte.menunav > * {margin: 0 5px;}
@media screen and (max-width: 550px) {
.moncompte.menunav  {flex-direction: column;}
.moncompte.menunav > *{width: 100%; margin: 0 0 20px 0;}
	}
.deconnexion {position: absolute; z-index: 1000; top: 20px; right: 20px; color: #dcddde; border: 1px solid #dcddde; padding: 0 10px; display:inline-block;}


/*Newsletter*/
.newsletter {
	background-color: #343433;
	padding: 100px 0 80px;

}
.newsletter .centre{
	background-color: #222221;
	padding: 40px 20px 80px 20px;
	position: relative;
	max-width: 840px;

}
.newsletter .centre .cadre{
	max-width: 540px;
	width: 100%;
	margin: 0 auto;

}
.newsletter .centre .cadre input[type="email"]{
	border: none;
	border-bottom: 2px solid #fff;
	background-color: transparent;
	background: url(/images/icone_enveloppe.png) no-repeat 10px center;
	padding-left: 40px;
	display: inline-block;
	width: calc(100% - 110px);
	height: 46px;
	border-radius:  0px;
	color: #fff;
}
.newsletter .centre .cadre input[type="submit"]{
	border: none;
	border-bottom: 2px solid #fff;
	background-color: transparent;
	text-align: center;
	display: inline-block;
	width: 110px;
	height: 46px;
	border-radius:  0px;
	font-size: 1.2em;
	color: #c91e5f;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
}
.newsletter .centre h2{
	color: #fff;
	position: absolute;
	font-size: 4em;
	top: -60px;
	text-align: center;
	width: 100%;
	font-weight: 500;
	left: 0px;
}
.newsletter .centre p.sstitre{
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	font-weight: 300;
}
.newsletter .centre p, .newsletter .centre li{
	color: #fff;
	font-size: 1em;
	font-weight: 300;
}
.newsletter .centre .cl-radio-style {
	margin-top: 20px;

}
@media screen and (max-width: 767px) {
	.newsletter .centre h2{
		font-size: 2.5em;
		top: -50px;

	}

}
/*Blocs*/
.bloc2colonnes h1 {padding: 40px 0; font-size: 2.5em;}
.bloc2colonnes .droite h2:nth-of-type(1), .bloc2colonnes .gauche h2:nth-of-type(1) {padding: 0 0 10px;}


/** Gestion Cookie **/
#gestioncookie {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 1000;
	background-color:#333;
	width: 130px;
	height: 30px;
	}
#gestioncookie a#croix{
	display: inline-block;
	width: 25px;
	height: 30px;
	cursor:pointer;
	vertical-align:middle;
	background:url(/gestioncookie/imgCookie/croix.png) no-repeat center center;
	}
#gestioncookie a.gerer{
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height:30px;
	vertical-align:middle;
	cursor:pointer;
	color: #fff;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
    font-size: 12px;
	}