@charset "utf-8";
@import url(fonts.css);
@import url(gallery.css);


/*===============================*\
#    INITIALISATION DES STYLES    #
\*===============================*/
*, *:before, *:after{
	-webkit-box-sizing:inherit;
	        box-sizing:inherit;
	min-width:0;
	min-height:0;
}
html,body,div,span,object,iframe,
footer,header,hgroup,menu,nav,section,summary,
article,aside,canvas,details,figcaption,figure,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;}
html{
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	font-size:62.5%;
	font-size:calc(1em * 0.625);
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	   -moz-text-size-adjust:100%;
	    -ms-text-size-adjust:100%;
	        text-size-adjust:100%;
	scroll-behavior:smooth;
	-webkit-tap-highlight-color:transparent;
}
body{
	background:#fff;
	color:#000;
	font-family:Roboto,Arial,sans-serif;
	font-size:2.2rem;
	overflow-x:hidden;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	line-height:1.4;}
@media (max-width:980px){
	body{font-size:2rem;}
}
@media (max-width:600px){
	body{font-size:1.6rem;}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;}
sup{
	font-size:.8em;
	line-height:1;
	vertical-align:super;}
strong{font-weight:bolder;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a{
	color:inherit;
	text-decoration:none;
}
h1, .h1{
	font-size:3.6rem;
	font-weight:400;
	margin:2em 0 1em 0;
	color:#000;
}
h2, .h2{
	font-size:2.6rem;
	font-weight:700;
	margin:3em 0 1em 0;
	color:#b50d0d;
}
h3, .h3{
	font-size:1.1em;
	margin:2em 0 1em 0;
	font-weight:700;
}
h4, .h4{
	font-size:1em;
	margin:2em 0 1em 0;
	color:#a29d92;
	font-weight:700;
}
p, ul, ol{
	margin:0 0 1em 0;
	counter-reset: liste;
}
li{
	margin:0;
	list-style:none;
	counter-increment: liste;
	padding:0;
}
.code_html ul > li{
	padding-left:0.8em;
	text-indent:-0.8em;
}
.code_html ol > li{
	padding-left:calc((0.8 * 3ch) + (0.8 * 0.4em));
	text-indent:calc((-0.8 * 3ch) - (0.8 * 0.4em));
}
li *{text-indent:0;}
.code_html li::before{
	content:"";
	display:inline-block;
}
.code_html ul > li::before{
	background-color: #b50d0d;
	width:0.4em;
	height:0.4em;
	margin:0 0.4em 0 0;
}
.code_html ol > li::before{
	content:counter(liste)".";
	color: #b50d0d;
	font-size:0.8em;
	font-weight: 700;
	width:3ch;
	margin:0 0.4em 0 0;
	text-align:right;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#b50d0d;
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #ccc;
    cursor:help;}
table{
    border-collapse:collapse;
    border-spacing:0;}
table.structure{
	border-collapse:separate;
	border-spacing:0;
	margin:0;
	width:100%;
	border:none;}
table.structure td{
	vertical-align:top;
	padding:0;
	border:none;}
img{
	border:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;}
.map img{max-width:inherit;}
.clear,
.clearfix::before,
.clearfix::after{
	clear:both;
	border:none;
	width:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	overflow:hidden;}
.clearfix::before,
.clearfix::after{
	content:"";
	display:block;
}
.container{
	position:relative;
	width:960px;
	margin:0 auto;
	max-width:100%;}
/* Fil d'Ariane */
.accueil .breadcrumb{display:none;}
hr.separator.clear{
	border:none;
	border-top:1px solid #a29d92;
	margin:1.5em 0;
	width:auto;
	visibility:visible;
}

@media only screen and (min-width: 981px){
	.mobile{display:none;}
}
@media only screen and (max-width: 980px){
	.nomobile{display:none;}
	.container{width:540px;}
}
@media only screen and (max-width: 600px){
	.container{width:300px;}
}

.page .owl-carousel .owl-nav{
	font-size:1rem;
	position: absolute;
	left:-5em;
	right:-5em;
	top:50%;
}
.page .owl-carousel .owl-nav button.owl-prev,
.page .owl-carousel .owl-nav button.owl-next{
	width:4em;
	height:4em;
	margin:0;
	position:absolute;
	top:calc(50% - 2em);
	transition:opacity 0.3s ease-out;
}
.page .owl-carousel .owl-nav button.owl-prev{left:0;}
.page .owl-carousel .owl-nav button.owl-next{right:0;}
.page .owl-carousel .owl-nav button.owl-prev.disabled,
.page .owl-carousel .owl-nav button.owl-next.disabled{opacity:0.3;}
.page .owl-carousel .owl-nav button.owl-prev::before,
.page .owl-carousel .owl-nav button.owl-next::before{
	content:"";
	width:2em;
	height:2em;
	position:absolute;
	border-right:0.5em solid #b50d0d;
	border-bottom:0.5em solid #b50d0d;
	left:calc(50% - 1em);
	top:calc(50% - 1em);
	transform-origin:center center;
}
.page .owl-carousel .owl-nav button.owl-prev::before{transform:rotate(135deg);}
.page .owl-carousel .owl-nav button.owl-next::before{transform:rotate(-45deg);}
.page .owl-carousel .owl-nav span{display:none;}

[class*="colonnes-"],
.deux_colonnes{
	column-gap: 2em;
	margin:0 0 1em 0;
}
[class*="colonnes-"] > :first-child,
.deux_colonnes > * > :first-child{margin-top:0;}
[class*="colonnes-"] > :last-child,
.deux_colonnes > * > :last-child{margin-bottom:0;}
.colonnes-2,
.deux_colonnes{column-count: 2;}
.colonnes-3{column-count: 3;}
.colonnes-4{column-count: 4;}
@media (max-width:1260px){
	.colonnes-4{column-count: 3;}
}
@media (max-width:980px){
	.colonnes-3,
	.colonnes-4{column-count: 2;}
	.deux_colonnes{column-count: 1;}
}
@media (max-width:600px){
	.colonnes-2,
	.colonnes-3,
	.colonnes-4{column-count: 1;}
}
[class*="colonnes-"] > li,
.deux_colonnes > *{
	break-inside: avoid-column;
}


.table-flex,
.table-flex tbody{
	border:none;
	border-collapse:separate;
	border-spacing:0;
	display:block;
	width:auto;
}
.table-flex tr{
	display:flex;
	align-items:flex-start;
	justify-content:space-around;
}
.table-flex td{
	display:block;
	flex:1 1 auto;
	margin:0 30px 30px 0;
}
.table-flex.homogene td{
	flex-basis:calc(50% - 30px);
}
.table-flex.bas tr{align-items:flex-end;}
.table-flex.wrap tr{flex-wrap:wrap;}
@media (max-width:980px){
	.table-flex tr{flex-wrap:wrap;}
}
@media (max-width:600px){
	.table-flex td,
	.table-flex.homogene td{
		flex-basis:100%;
		margin-right:0;
	}
}
.tableau{
	border-collapse:collapse;
	margin:0 0 1em 0;
}
.tableau tr:nth-child(odd) td{background-color:#f7f7f7;}
.tableau td{
	border:1px solid #ccc;
	padding:0.3em 0.5em;
}


#overDiv{left:0;top:0;}
.pager{
	text-align:center;
	margin:2rem 0;}
.pager a{
	display:inline-block;
	vertical-align:middle;
	background:#eee;
	text-align:center;
	padding:.5rem;
	min-width:2rem;
	text-decoration:none;}
.pager a.pager_active_page{
	color:#fff;}

/* Formulaires */
label{
	display:block;
	margin:5px 0;}
input, .select, textarea{
	background: #fff;
	border: 1px solid #aaa;
	text-align:left;
	width: auto;
	font-family:Arial,sans-serif;
	font-size:1em;
	box-sizing:border-box;}
[type="text"],
[type="email"],
[type="mail"],
[type="tel"],
[type="number"],
[type="url"],
[type="search"],
[type="password"],
[type="date"]{
	height:4rem;
	line-height:4rem;
	padding:0 1rem;
	width:100%;
	-webkit-appearance:none;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	box-sizing:border-box;}
[type="submit"],
[type="button"],
[type="reset"],
.bouton{
	display:inline-block;
	border:none;
	font-size:1em;
	line-height:2rem;
	vertical-align:middle;
	padding:1rem 2rem;
	text-decoration:none;
	cursor:pointer;
	border-radius:0;
	box-sizing:border-box;
	margin:1rem;
	background-color:#b50d0d;
	color:#fff;
}
[type="submit"]:first-child,
[type="button"]:first-child,
[type="reset"]:first-child,
.bouton:first-child{margin-left:0;}
[type="submit"]:last-child,
[type="button"]:last-child,
[type="reset"]:last-child,
.bouton:last-child{margin-right:0;}
[type="submit"]:hover,
[type="button"]:hover,
[type="reset"]:hover,
.bouton:hover{}
.select{
    overflow:hidden;
    padding:0;
    width:100%;
	position:relative;}
.select select{
	background:none repeat scroll 0 0 transparent;
    border:medium none;
    margin:0;
    min-width: calc(100% + 4rem);
	min-height:4rem;
    position:relative;
	padding:0 2rem;
	font-family:Arial,sans-serif;
	font-size:1em;
	box-sizing:border-box;
	z-index:1;
	-webkit-appearance:none;}
.select:after{
	content:"";
	display:block;
	position:absolute;
	right:1rem;
	top:calc(50% - .4rem);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .8rem .8rem 0 .8rem;
	border-color: #444 transparent transparent transparent;
	z-index:0;}
.select select[multiple=multiple]{
	padding:0;
	background:#fff;
	width:100%;
	min-width:0;}
.select select option{
	padding:1rem;
	border-bottom:1px solid #ddd;}
textarea{
	padding:1.2rem 1rem;
	width:100%;
	min-width:100%;
	max-width:100%;
	min-height:4rem;
	box-sizing:border-box;}
.formulaire form{
	max-width:500px;
	margin:3rem auto;
	padding:2rem 3rem;
	background:#eee;
	box-sizing:content-box;}
.formulaire form .row{margin:2rem 0;}
.formulaire form .row [type="text"],
.formulaire form .row [type="password"],
.formulaire form .row [type="email"],
.formulaire form .row [type="tel"],
.formulaire form .row .select{width:100%;}
.formulaire form .row textarea{
	width:100%;
	min-width:100%;
	max-width:500px;}
.formulaire form .row input[type="file"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	height:4rem;
	box-sizing:content-box;
	width:calc(100% - .2rem);
	line-height:1;}
form .row .aide{
	border-left:.2rem solid #aaa;
	padding:.5rem 0 0 1rem;
	font-size:.8em;
	color:#222;}
form .row .aide.error{
	border-color:#f00;
	color:#f00;}
form .row .aide:first-child{padding:0 0 .5rem 1rem;}
form .row .aide > :first-child{margin-top:0;}
form .row .aide > :last-child{margin-bottom:0;}
.formulaire form .submit{text-align:center;}
.formulaire form .group_multi_radio .multi_radio{
	display:inline-block;
	vertical-align:top;
	margin:0 .5rem .5rem 0;}
.formulaire form .group_multi_radio .multi_radio label{
	display:inline-block;
	background:#fff;
	padding:1.2rem 1rem;
	line-height:1.2;
	cursor:pointer;
	box-sizing:border-box;
	border:1px solid #aaa;}
.formulaire form .group_multi_radio .multi_radio label input{
	width:auto;
	margin:0 .5rem 0 0;
	padding:0;
	display:inline-block;
	vertical-align:baseline;}
.formulaire form .group_multi_radio .multi_radio label span{
	width:auto;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;}
.formulaire legend{
	font-size:2rem;
	font-weight:300;
	border-bottom:1px solid #ccc;
	display:block;
	width:100%;
	margin:3rem 0 0 0;
	padding:0 0 .5rem 0;
	text-align:center;}
.multi_checkbox{
	display:flex;
	align-items: baseline;
	justify-content: flex-start;
}
[type="radio"],
[type="checkbox"]{
	display:inline-block;
	flex:0 0 auto;
	width:1em;
	height:1em;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin:0 0.3em 0 0;
	vertical-align: baseline;
	position: relative;
	top:0.1em;
}
[type="radio"]{border-radius:50%;}
[type="radio"]::before,
[type="checkbox"]::before{
	content:"";
	display:block;
	width:70%;
	height:70%;
	border-radius:inherit;
	background-color:#b50d0d;
	margin:15%;
	opacity:0;
	transition:opacity 0.3s ease-out;
}
[type="radio"]:checked::before,
[type="checkbox"]:checked::before{
	opacity:1;
}
[type="radio"] + *,
[type="checkbox"] + *{display:inline-block;}
.multi_checkbox label{
	flex:1 1 auto;
}
.captcha-content{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
.captchaLabel{
	flex:0 0 auto;
	width:150px;
	position:relative;
}
a.newCaptcha{
	position:absolute;
	left:calc(100% + 1px);
	top:1px;
	text-decoration:none;
	background:none;
	font-size:14px;
	width:20px;
	height:20px;
	text-align:center;
	font-weight:bold;
}
.captchaField{
	height:auto;
	padding-left:20px;
}







body:not(.accueil) .page-content{
	margin:6rem 0;
}
body.accueil .article-container{width:auto;}
.article-container{font-weight:300;}

.textAndImages{
	margin-bottom:1em;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}
.textAndImages .above_left,
.textAndImages .above_center,
.textAndImages .above_right,
.textAndImages .below_left,
.textAndImages .below_center,
.textAndImages .below_right{
	flex:1 1 100%;
	margin:1em 0;
}
.textAndImages .below_left,
.textAndImages .below_center,
.textAndImages .below_right{order:1;}
.textAndImages .above_left,
.textAndImages .below_left{text-align:left;}
.textAndImages .above_center,
.textAndImages .below_center{text-align:center;}
.textAndImages .above_right,
.textAndImages .below_right{text-align:right;}
.textAndImages .below_left + .structured_text_semantique_text,
.textAndImages .below_center + .structured_text_semantique_text,
.textAndImages .below_right + .structured_text_semantique_text,
.textAndImages .above_left + .structured_text_semantique_text,
.textAndImages .above_center + .structured_text_semantique_text,
.textAndImages .above_right + .structured_text_semantique_text{
	flex:1 1 100%;
	margin:1em 0;
}
@media (min-width:601px){
	.textAndImages > *{
		flex-grow:1;
		flex-shrink:1;
		flex-basis:calc(50% - 1.5rem);
		margin:0 15px;
	}
	.textAndImages .intext_left{
		order:-1;
		margin-left:0;
	}
	.textAndImages .intext_right{
		order:1;
		margin-right:0;
	}
	.textAndImages .intext_left + .structured_text_semantique_text{
		margin-right:0;
	}
	.textAndImages .intext_right + .structured_text_semantique_text{
		margin-left:0;
		text-align:right;
	}
	.textAndImages .intext_left + .structured_text_semantique_text .code_html > :first-child,
	.textAndImages .intext_right + .structured_text_semantique_text .code_html > :first-child{margin-top:0;}
	.textAndImages .intext_left + .structured_text_semantique_text .code_html > :last-child,
	.textAndImages .intext_right + .structured_text_semantique_text .code_html > :last-child{margin-bottom:0;}
	.textAndImages > :only-child{
		margin-left:0;
		margin-right:0;
	}
	.textAndImages .intext_left img{
		display:block;
		margin-left:auto;
	}
	.textAndImages .intext_right img{
		display:block;
		margin-right:auto;
	}
}
@media (min-width:601px) and (max-width:980px){
	.textAndImages .intext_left,
	.textAndImages .intext_right{
		flex-basis:calc(33.33% - 1.5rem);
	}
	.textAndImages .structured_text_semantique_text{
		flex-basis:calc(66.67% - 1.5rem);
	}
}
@media (max-width:600px){
	.textAndImages{
		flex-direction:column;
	}
	.textAndImages .intext_left,
	.textAndImages .intext_right{
		margin:2em auto 1em auto;
	}
	.textAndImages .structured_text_semantique_text{
		margin:1em auto;
	}
}




/*============*\
#    HEADER    #
\*============*/
/* Structure */
.header{
	background:#fff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
	position:relative;
	z-index:3;
}
.header-container{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
.header-logo{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1 1 auto;
	margin:0 30px 0 0;
}
.header-logo-img{
	display:block;
	max-width:84px;
	margin:10px 0;
}
.header-contenu{
	display:flex;
	flex-wrap:wrap;
	flex:1 1 auto;
	align-items:flex-end;
	justify-content:flex-start;
	position:relative;
}
.header-widgets{
	height:4rem;
	margin:1rem 0 -5rem 0;
	position:relative;
	z-index:2;
}
@media (max-width:980px){
	.header-container{display:block;}
	.header-logo{
		display:block;
		width:auto;
		margin:1rem auto;
	}
	.header-logo-img{margin:0 auto;}
}

/* Recherche */
.form-recherche{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
.form-recherche > input{
	flex:0 0 auto;
	margin:0;
	border:1px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	height:4rem;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.form-recherche-champ{
	width:15rem;
	transition:width 0.3s ease-out;
}
.form-recherche-champ:focus{width:17rem;}
.form-recherche-submit{
	width:4rem;
	background: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 40 40' version='1.1' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'%3E%3Ccircle cx='17.35' cy='17.35' r='9.85'/%3E%3Cline x1='32.5' x2='24.44' y1='32.5' y2='24.44'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / contain #ddd;
}

/* Menu */
.menu-outer{
	width:100%;
}
.menu-ul-niv1{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	list-style:none;
	margin:0;
}
.menu-li-niv1{
	position:relative;
	text-align:center;
	flex:1 1 auto;
	font-size:1.5rem;
	font-weight:500;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	pointer-events:none;
	margin:0 1px;
}
.menu-li-niv1.menu-icon{
	background:#a29d92;
	color:#fff;
	min-height:10rem;
}
.menu-li-niv1.menu-icon.rouge{background:#b50d0d;}
.menu-image{
	width:4.7rem;
	height:4.6rem;
	display:block;
	margin:0.2em auto;
}
.menu-lien-niv1{
	display:block;
	text-decoration:none;
	color:inherit;
	width:100%;
	pointer-events:all;
	padding:0.5em;
	position:relative;
}
:not(.menu-icon) > .menu-lien-niv1::after{
	content:"";
	position:absolute;
	left:0.5em;
	right:0.5em;
	bottom:0;
	height:0px;
	background-color:#b50d0d;
	transition:0.3s ease-out;
	transition-property:background-color, height;
}
:not(.menu-icon) > .menu-lien-niv1:hover::after,
:not(.menu-icon) > .menu-lien-niv1:focus::after,
.active:not(.menu-icon) > .menu-lien-niv1::after{height:4px;}
.active:not(.menu-icon) > .menu-lien-niv1::after{background-color:#a29d92;}
:not(.menu-icon) > .menu-lien-niv1:hover::after,
:not(.menu-icon) > .menu-lien-niv1:focus::after,
.active:not(.menu-icon) > .menu-lien-niv1:hover::after,
.active:not(.menu-icon) > .menu-lien-niv1:focus::after{background-color:#b50d0d;}
.menu-ul-niv2{
	display:none;
	list-style:none;
	pointer-events:all;
	background-color:rgba(181,13,13,0.85);
	color:#fff;
	min-width:200px;
	padding:0.5rem 0;
	font-size:1.6rem;
}
.menu-lien-niv2{
	color:#fff;
	text-decoration:none;
	padding:0.25em 0.5em;
	display:block;
	white-space:nowrap;
	font-weight:300;
	background-color:rgba(181,13,13,0);
	transition:0.3s ease-out;
	transition-property:font-weight, background-color;
}
.menu-lien-niv2:hover{
	font-weight:500;
	background-color:rgba(181,13,13,1);
}
.menu-mobile{display:none;}

@media (min-width:981px){
	.menu-ul-niv2{
		position:absolute;
		left:0.75rem;
		top:100%;
		text-align:left;
	}
}
@media (max-width:980px){
	.header-contenu{display:block;}
	.header-widgets{margin: 0;}
	.menu-li-niv1.menu-icon{min-height: 0;}
	.menu-li-niv1{display:block;}
	.menu-mobile{
		display:block;
		text-decoration:none;
		color:inherit;
		text-align:center;
		padding:0.5em 1em;
		font-size:2rem;
	}
	.menu-mobile::before{
		content: "";
		display:inline-block;
		width:1.2em;
		height:0.2em;
		background:currentColor;
		vertical-align:middle;
		margin:-0.2em 0.5em 0 0;
		box-shadow:0 -0.4em 0 0 currentColor, 0 0.4em 0 0 currentColor;
	}
	.menu-outer{
		display:none;
		position:static;
	}
	.menu-ul-niv1{display:block;}
}
@media (min-width:601px) and (max-width:980px){
	.menu-outer .menu-icon{display:none;}
	.header-widgets{
		display:flex;
		align-items:stretch;
		justify-content:space-between;
	}
	.header-boutons{
		margin:0;
		display:flex;
		align-items:stretch;
		justify-content:flex-end;
	}
	.header-boutons .menu-li-niv1{
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.header-boutons .menu-lien-niv1{
		padding-top:0;
		padding-bottom:0;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.menu-image{
		width:3rem;
		height:	auto;
		margin:0 0.5em 0 0;
	}
}
@media (max-width:600px){
	.menu-image{
		width:3rem;
		height:	auto;
		margin:0 0.5em 0 0;
		display:inline-block;
	}
	.form-recherche > [type="text"]{
		flex:1 1 auto;
	}
}


/* Visuel */
.header-image:empty,
.header-image img{display:none;}
.header-image:not(:empty){
	height:45rem;
	background:no-repeat center center / cover #eee;
	overflow:hidden;
	color:#000;
	text-shadow:0 0 1px rgba(255,255,255,0.5), 0 0 3px rgba(255,255,255,0.5);
}
.header-blanc .header-image:not(:empty){
	color:#fff;
	text-shadow:0 0 1px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.5);
}

.header-image h1{
	font-size:2.2rem;
	color:inherit;
	text-decoration:underline;
	margin:1em 0;
}
@media(max-width:980px){
	.header-image:not(:empty){ height:35rem; }
}
@media(max-width:600px){
	.header-image:not(:empty){ height:25rem; }
}

/* Fil d'Ariane */
.header-image .breadcrumb{margin:1em 0;}
.breadcrumb{
	margin:1em auto;
	font-size:1.4rem;
}
.breadcrumb a,
.breadcrumb-sep{
	color:inherit;
	opacity:0.6;
	transition:opacity 0.3s ease-out;
	text-decoration:none;
}
.breadcrumb > a:last-child,
.breadcrumb > :last-child a,
.breadcrumb a:hover,
.breadcrumb a:focus{
	opacity:1;
}
.breadcrumb a:hover,
.breadcrumb a:focus{
	text-decoration:underline;
}

/* Menu intérieur */
.no-innerMenu .inner-menu{display:none;}
.inner-menu-ul{margin-top:-4rem;}
.inner-menu-a{
	color:inherit;
	opacity: 0.5;
	transition:0.3s ease-out;
	transition-property: padding-bottom, border-bottom-width;
	display:block;
	text-decoration:none;
	font-size:1.6rem;
}
.active .inner-menu-a{
	color:#b50d0d;
	opacity: 1;
	border-color:currentColor;
}
@media (max-width:980px){
	.inner-menu-a{
		margin:0.5em 0;
		padding:0.5em 0 0.5em 1em;
		border-left:4px solid #a29d92;
	}
}
@media (min-width:981px){
	.inner-menu-ul{
		display:flex;
		align-items:flex-end;
		justify-content:space-between;
	}
	.inner-menu-li{
		flex:1 1 20%;
		margin:0 1px;
	}
	.inner-menu-a{
		text-align:left;
		padding:1em 15px 10px 15px;
		border-bottom:4px solid #a29d92;
	}
	.inner-menu-a:hover,
	.inner-menu-a:focus{
		padding-bottom:7px;
		border-bottom-width:7px;
	}
}


/*============*\
#    FOOTER    #
\*============*/
.footer{
	background:#a29d92;
	color:#fff;
	border-top:1px solid #a29d92;
	font-size:1.4rem;
}
.footer a{
	color:inherit;
	text-decoration:none;
}
.footer-container{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
.footer-container > *{
	flex:1 1 auto;
}

.footer-widgets{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.footer-widgets > *{
	flex:1 1 auto;
	margin:2rem 3rem 2rem 0;
}
.footer-widgets .widget-titre{
	font-size:1.8rem;
	font-weight:600;
}

.footer-social a{
	width:1.5em;
	height:1.5em;
	display:inline-block;
	margin:0 0.5em 0.5em 0;
}
.footer ul a{
	color:rgba(255,255,255,0.8);
	transition:color 0.3s ease-out;
}
.footer ul a:hover,
.footer ul a:focus{
	color:rgba(255,255,255,1);
}
.footer-colophon{
	opacity:0.8;
	margin:-1em 0 1em 0;
}
a.footer-don{
	flex:0 0 auto;
	background:#fff;
	box-shadow:2px 1px 10px 0 rgba(0,0,0,0.4);
	color:#b50d0d;
	transition:color 0.3s ease-out;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	font-size:2rem;
	font-weight:600;
}
a.footer-don:hover,
a.footer-don:focus{
	color:#000;
}
.footer-droite{
	padding:3rem;
	text-align: center;
	width:14rem;
	line-height:1;
}
.footer-don-image{
	width:8rem;
	margin:0 auto 1rem auto;
}
.footer-don-image svg{display:block;}
@media (max-width:980px){
	.footer-widgets{flex-wrap: wrap;}
	.footer-widgets > *{flex:1 1 40%;}
}
@media (max-width:600px){
	.footer-container{flex-direction:column-reverse;}
}







/*=============*\
#    ACCUEIL    #
\*=============*/
/* Intro/titre */
.home-intro{
	background:#f6f5f5;
	text-align:center;
}
.home-titre{
	margin:0 auto;
	padding:1.5em 0 0 0;
	color:#6e6b6b;
	font-weight:300;
	font-size:3rem;
	max-width:620px;
	line-height:1.2;
}
.home-titre strong{font-weight:700;}

/* Slider */
.home-slider-onglets{
	display:flex;
	align-items: flex-end;
	justify-content: space-around;
}
.home-slider-onglets-item{
	flex:1 1 25%;
	color:#000;
	transition:color 0.3s ease-out;
	font-size:2rem;
	display:inline-block;
	text-decoration:none;
	padding:1em;
	cursor:pointer;
	position:relative;
}
.home-slider-onglets-item::after{
	content:"";
	position:absolute;
	left:calc(50% - 20px);
	top:100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 20px 0 20px;
	border-color: #f6f5f5 transparent transparent transparent;
	z-index:2;
	transition:border-width 0.3s ease-out;
}
.home-slider-onglets-item.active{color:#b50d0d;}
.home-slider-onglets-item.active::after{
	border-width: 20px 20px 0 20px;
}
.home-slider-onglets-item--picto{
	width:3em;
	height:3em;
	display:block;
	margin:0 auto;
}
.home-slider-onglets-item--picto path{fill:currentColor;}

.home-intro .home-slider-item .home-slider-fond{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:no-repeat center center / cover #eee;
	z-index: 0;
}
.home-intro .home-slider-item .home-slider-fond img{display:none;}
.home-slider-contenu{
	display:flex;
	position:relative;
	align-items:center;
	justify-content: flex-end;
	min-height:400px;
}
.home-slider-titre{
	position:relative;
	z-index: 1;
	flex:0 0 50%;
	width:50%;
	max-width:50%;
	text-align:left;
	color:#b50d0d;
	font-size:2.4rem;
	font-weight:700;
}
.home-slider-titre-inner{
	padding:1em 2em;
}
@media (max-width:980px){
	.home-slider-contenu{
		width:auto;
		padding:0 3rem;
	}
	.home-slider-titre-inner{padding:1em 0 1em 1em;}
}
@media (max-width:600px){
	.home-slider-onglets-item{font-size:1.6rem;}
	.home-slider-onglets-item:first-child{padding-left:0;}
	.home-slider-onglets-item:nth-child(2){padding:1em 0;}
	.home-slider-onglets-item:last-child{padding-right:0;}
	.home-slider-item{overflow:hidden;}
	.home-intro .home-slider-item .home-slider-fond{
		position: relative;
		width:200%;
		height:24rem;
		left:-25%;
	}
	.home-slider-contenu{
		min-height: 0;
		background:#ddd;
	}
	.home-slider-titre{
		font-size:1.6rem;
		width:auto;
		max-width: none;
		flex:1 1 auto;
		text-align:center;
	}
	.home-slider-titre-inner{padding:2em 0 1em 0;}
}

/* Bloc rouge "Militant" */
.home-militant{
	background-color:#b50d0d;
	color:#fff;
	font-size:2.2rem;
	font-weight:300;
	text-align: right;
	padding: 3rem;
}
.home-militant strong{
	font-weight:700;
}
.home-militant-container{
	display:flex;
	align-items: center;
	justify-content: center;
}
.home-militant-container > *{flex:1 1 auto;}
.home-militant-container > :first-child{text-align:right;}
.home-militant-container > :only-child{text-align:center;}
.home-militant-texte > :first-child{margin-top:0;}
.home-militant-texte > :last-child{margin-bottom:0;}
.home-militant-image{
	margin-left:3rem;
	flex:0 0 auto;
}
.home-militant-image img{
	border-radius:1rem;
}
@media (max-width:600px){
	.home-militant-container{display:block;}
	.home-militant-container > :first-child{text-align:center;}
	.home-militant-image{
		margin:3rem auto 0 auto;
		text-align:center;
	}
}

/* Actus, Newsletters & Partenaires */
.home-actus,
.home-newsletters,
.home-partenaires{
	padding:3rem;
	text-align: center;
}
.home-newsletters{background-color:#efefef;}
.home-actus-titre,
.home-newsletters-titre,
.home-partenaires-titre{
	margin:0 0 1rem 0;
	color:#706e6c;
	font-size:4rem;
	font-weight: 300;
}
.home-newsletters-liste{
	display:flex;
	align-items: stretch;
	justify-content: space-between;
}
.home-actus-item,
.home-newsletters-item{
	display:block;
	position: relative;
	background:no-repeat center center / cover #ccc;
}
.home-actus-item{padding-top:65%;}
.home-newsletters-item{flex:1 1 30%;}
.home-newsletters-item:not(:first-child){margin-left:20px;}
.home-actus-item--titre,
.home-newsletters-item--titre{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(to bottom, rgba(181,13,13,0.8) 0%,rgba(181,13,13,1) 50%);
	color:#fff;
	padding:0.5em 1em;
	font-size:2rem;
	font-weight:300;
	line-height:1.2;
}
.home-actus-item--titre.toutes-actus{
	top:0;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction: column;
	background: #b50d0d;
	transition:background-color 0.3s ease-out;
}
.home-actus-item:hover .toutes-actus,
.home-actus-item:focus .toutes-actus{background:#000;}

.home-newsletters-item.texte{
	text-align:left;
	font-size:1.8rem;
	background:#fff;
}
.home-newsletters-texte--titre{
	color:#b50d0d;
	font-weight: 700;
	margin: 0 0 1em 0;
}
.home-newsletters-texte--texte{margin: 0 0 1em 0;}
.home-newsletters-texte--lien a{
	width:100%;
	background:#000;
	margin:0;
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	font-weight: 700;
	transition:background-color 0.3s ease-out;
}
.home-newsletters-texte--lien a:hover,
.home-newsletters-texte--lien a:focus{background-color:#b50d0d;}
.home-partenaires-item{
	max-width:300px;
	height:100px;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
}
.home-partenaires .owl-item{
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
}
.home-partenaires-item{
	max-width:300px;
	height:100px;
}
.home-partenaires .owl-item .home-partenaires-item img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

.home-actus-lien,
.home-newsletters-lien,
.home-partenaires-lien{margin:4rem auto 0 auto;}
.home-actus-lien a,
.home-newsletters-lien a,
.home-partenaires-lien a{
	color:#000;
	font-weight: 700;
	text-decoration: none;
	font-size:1.4rem;
	display:inline-block;
	background:#fff;
	padding: 0.5em 1em;
	transition:0.3s ease-out;
	transition-property: color, background-color;
}
.home-newsletters-lien a{background-color:#efefef;}
.home-actus-lien a:hover,
.home-actus-lien a:focus,
.home-newsletters-lien a:hover,
.home-newsletters-lien a:focus,
.home-partenaires-lien a:hover,
.home-partenaires-lien a:focus{
	color:#fff;
	background-color:#b50d0d;
}
@media (min-width:601px) and (max-width:980px){
	.home-newsletters-liste{
		flex-wrap: wrap;
	}
	a.home-newsletters-item{
		flex:1 1 30%;
		height:300px;
	}
	.home-newsletters-item.texte{
		flex:1 1 100%;
		margin:20px 0 0 0;
	}
}
@media (max-width:600px){
	.home-newsletters-liste{
		display:block;
	}
	a.home-newsletters-item{
		height:240px;
	}
	.home-newsletters-item:not(:first-child){
		margin:20px 0 0 0;
	}
	.home-partenaires-item{width:260px;}
	.home-partenaires .owl-item .home-partenaires-item img{margin:0 auto;}
}


/*==================*\
#    Page soutien    #
\*==================*/
.page-soutien-structure{
	border:none;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
.page-soutien-structure td{
	vertical-align:top;
	padding:0;
}
.page-soutien-structure td:first-child{
	width:60px;
	font-size:2.6rem;
	padding:2em 20px 0 0;
	box-sizing:content-box;
}

/*======================*\
#    Page partenaires    #
\*======================*/
.partenaires-item{
	flex:0 0 auto;
	margin:30px 0;
	background:#fff;
}
.partenaires-item-logo{
	position: relative;
	max-width:240px;
	margin:0 auto 0 0;
	background:#fff;
}
.partenaires-item-texte{
	padding:3rem 0;
}
.partenaires-item-titre{
	font-weight:600;
	margin:0 0 1em 0;
	color:#b50d0d;
}
@media (min-width:981px){
	.partenaires-liste{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.partenaires-item{
		width:calc(50% - 30px);
		margin:20px 0;
	}
}

/*==========================*\
#    Page Plans nationaux    #
\*==========================*/
.pagePlansNationaux-images img{
	margin:20px 30px;
	vertical-align:middle;
}

.bouton-don{
	padding:1em 2em;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:2.4rem;
}
.bouton-don img{margin:0 1em 0 0;}



/*==============*\
#    BOUTIQUE    #
\*==============*/
.short_product_container{
	margin:30px;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0,0.15);
	padding:20px;
	max-width:420px;
}
.short_product-titre{
	margin:1em 0;
}
.short_product-prix{
	color:#b50d0d;
	font-size:1.4em;
	margin:0.6em 0;
}
.addToCart{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
.addToCart > *{
	margin:0;
	flex:0 0 auto;
}
.addToCart label{
	padding:0 0.2em 0 0;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
}
.addToCart .select{
	flex:1 1 auto;
	width:auto;
}
@media (min-width:981px){
	.produits-liste{
		display:flex;
		align-items:flex-start;
		justify-content:center;
		flex-wrap: wrap;
	}
	.short_product{
		flex:1 1 50%;
	}
	.short_product_container{
		margin:30px;
	}
}
@media (max-width:980px){
	.short_product{
		max-width:450px;
		margin:0 auto;
	}
	.short_product_container{
		margin:30px auto;
	}
}

#overDiv{
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0,0.3);
	padding:1em;
}
#overlibheader{display:none;}
.tabPanier{
	width:100%;
}
.tabPanier td{
	border:1px solid #ccc;
	padding:0.3em 0.5em;
}
.tabPanier tr.amount{font-weight:700;}
.tabPanier tbody tr:nth-child(odd){background:#eee;}


@media (min-width:981px){
	.connexion{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}
	.connexion > *{
		flex:0 0 auto;
		width:calc(50% - 30px);
	}
}
.error{color:#f00;}
.log{
	max-width:960px;
	margin:0 auto;
}


.recherche-results{
	margin:2em 0;
}


.actualite{
	margin:60px 0;
}
.actualite-image{
	background:no-repeat center center / cover #eee;
	min-height:240px;
	display:block;
	margin:0 0 1em 0;
}
.actualite-image img{display:none;}
.actualite-titre{margin:0 0 0.5em 0;}
.actualite-lien{
	margin:1.5em 0 0 0;
}
@media (min-width:601px){
	.actualite{
		display:flex;
		align-items: stretch;
		justify-content: space-between;
	}
	.actualite-image{
		flex:0 0 auto;
		width:40%;
		margin:0 30px 0 0;
	}
	.actualite-droite{
		flex:1 1 auto;
		display:flex;
		align-items:flex-start;
		justify-content:center;
		flex-direction:column;
	}
}

ul.espaces > li{margin:0 0 1em 0;}
ol.charte-enfant-hospitalise > li{
	margin:0 0 1em 0;
	padding-left:calc((1.5 * 3ch) + (1.5 * 0.4em));
	text-indent:calc((-1.5 * 3ch) - (1.5 * 0.4em));
}
ol.charte-enfant-hospitalise > li::before{
	font-size:1.5em;
}

.widget.inner-menu .widget-titre{display:none;}

.table-newsletters a{
	overflow:hidden;
	padding:10px;
	background:#eee;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.table-newsletters a img{
	float:left;
	margin-right:20px !important;
	width:85px;
	height:auto;
	box-sizing:content-box;
	border:1px solid #ccc;
}

@supports (object-fit:cover){
	.medias .gallery a{
		display:inline-block;
		width:120px;
		height:120px;
		box-shadow:0 0 0px -1px rgba(181,13,13,1), 0 0 10px 0px rgba(0,0,0,0.3);
		border:1px solid #fff;
		background:#888;
		margin:10px;
		transition:box-shadow 0.3s ease-out;
	}
	.medias .gallery a:hover,
	.medias .gallery a:focus{
		box-shadow:0 0 0px 3px rgba(181,13,13,1), 0 0 10px 0px rgba(0,0,0,0.3);
	}
	.medias .gallery a img{
		object-fit: cover;
		width:100%;
		height:100%;
		margin: 0;
	}
}
