@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Roboto+Condensed:400,300italic,700|Roboto:400,700);

/* > NORMALIZE
-------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

b, strong { font-weight: 700; }

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */

body {
	background:#323237;
	font-family: 'Trebuchet MS', sans-serif;
	line-height: 1.4em;
	font-size: 16px; 
	color:#323237;
}

a { color:inherit; text-decoration:none; }
a img{ border:none; }

ol li, ul li { list-style:none }

h1,
.h1_like {
	text-transform: uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	line-height:1em;
	font-size:30px;
	color: #006eb7;
	margin:0 0 30px;
}
h1.underlined { position:relative; padding:0 0 20px; }
h1.underlined:after {
	content:"";
	background-color:#323237;
	position:absolute;
	bottom:0; left:0;
	line-height:1em;
	width:50px; 
	height:3px;
}

h2,
.h2_like {
	text-transform:uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	line-height: 1.25em;
	font-weight: 400;
	font-size: 24px;
	color: #323237;
	margin:0 0 5% 0;
}
h2.underlined { 
	position: relative; 
	padding: 0 0 20px; 
}
h2.underlined::after {
	content:"";
	background-color:#000000;
	position:absolute;
	bottom:0; left:0;
	width:50px; 
	height:3px;
}
h2.titre-fleche {
	display: flex;
	color: #006eb7;
	font-weight: 300;
}
h2.titre-fleche::before {
	content:"";
	flex: 0 0 auto;
	margin: 2px 14px 2px 0;
	width: 18px; 
	height: 18px;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23006eb7'%3E%3Cpolygon points='0 0 0 .59 18.99 .59 0 19.58 .42 20 19.41 1.01 19.41 20 20 20 20 0 0 0'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
h2.titre-fleche.text-center,
.text-center h2.titre-fleche {
	justify-content: center;
}
h2 span.overlined {
	display:inline-block;
	padding:10px 15px;
	background-color:#006eb7;
	line-height:1em;
	font-size:40px;
	color:#fff;
}

h1.underlined.text-center:after,
h2.underlined.text-center:after,
._page #content > h1.underlined.text-center:after { left:50%; margin-left:-25px; }

h3,
.h3_like {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 20px; 
	font-weight: 400;
	margin: 0 0 20px 0;
	line-height: 1.4em;
}

h4,
.h4_like { }

p { margin: 0 0 20px 0; }
p.intro {
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
	p.intro { font-size: 18px; }
}

.colorBlue { color:#0074BC; }


/* > CLASS BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > Flux ---------------------------- */
.left { float:left; }
.right { float:right; }
.clearleft { clear:left; }
.clearight { clear:right; }
.clear { display:block; clear: both; height: 0; }
.clearfix { display:block; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* > Block (base 100%) ---------------------- */
.content_row { 
	width: 100%; 
	position: relative; 
	max-width: 1030px;
	margin: 0 auto;
}
.content_flex { 
	width: 100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative; 
	max-width: 1030px;
	margin: 0 auto;
}
.content_row .wp20,
.content_row .wp25,
.content_row .wp30,
.content_row .wp33,
.content_row .wp40,
.content_row .wp50,
.content_row .wp60,
.content_row .wp66,
.content_row .wp70,
.content_row .wp75,
.content_row .wp80,
.content_row .wp100,
.content_flex .wp20,
.content_flex .wp25,
.content_flex .wp30,
.content_flex .wp33,
.content_flex .wp40,
.content_flex .wp50,
.content_flex .wp60,
.content_flex .wp66,
.content_flex .wp70,
.content_flex .wp75,
.content_flex .wp80,
.content_flex .wp100 {
	padding: 20px;
}

.wp20  { width:20% }            /* > 1/5  */
.wp25  { width:25% }            /* > 1/4  */
.wp30  { width:30% }
.wp33  { width:33.3333333333% } /* > 1/3  */
.wp40  { width:40% }            /* > 2/5  */
.wp50  { width:50% }            /* > 1/2  */
.wp60  { width:60% }            /* > 3/5  */
.wp66  { width:66.6666666666% } /* > 2/3  */
.wp70  { width:70% }
.wp75  { width:75% }            /* > 3/4  */
.wp80  { width:80% }            /* > 4/5  */
.wp100 { width:100%; }

@media screen and (max-width: 600px) {
	.content_row .wp20,
	.content_row .wp25,
	.content_row .wp30,
	.content_row .wp33,
	.content_row .wp40,
	.content_row .wp50,
	.content_row .wp60,
	.content_row .wp66,
	.content_row .wp70,
	.content_row .wp75,
	.content_row .wp80,
	.content_row .wp100,
	.content_flex .wp20,
	.content_flex .wp25,
	.content_flex .wp30,
	.content_flex .wp33,
	.content_flex .wp40,
	.content_flex .wp50,
	.content_flex .wp60,
	.content_flex .wp66,
	.content_flex .wp70,
	.content_flex .wp75,
	.content_flex .wp80,
	.content_flex .wp100 {
		padding: 15px;
	}
	.content_row .wp50,
	.content_flex .wp50 {
		width: 100%;
	}
}


.bg-noir   { background-color:#323237; }
.bg-gris   { background-color:#b3b2b2; }
.bg-color1 { background-color:#006eb7; }
.bg-color2 { background-color:#0e7837; }
.bg-color3 { background-color:#afca0b; }
.bg-color4 { background-color:#e8326e; }
.bg-bleu    	{ background-color:#006eb7; }
.bg-vert    	{ background-color:#0e7837; }
.bg-vert-clair  { background-color:#afca0b; }
.bg-rose   		{ background-color:#e8326e; }

/* > BOUTONS
-------------------------------------------------------------------------------------------------------------------------------- */
.bouton_1,
.bouton_2 {
	display: inline-block;
	text-align: center;
	min-width: 180px;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 20px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.bouton_1 {
	background-color:#006eb7;
	color:#fff;
}
.bouton_1:hover {
	background-color:#323237;
}
.bouton_2 {
	background-color:#323237;
	color:#fff;
}
.bouton_2:hover {
	background-color:#8d8d8d;
	color:#000000;
}

.bouton_arrow {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	min-width: 180px;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 13px 20px;
	background-color:#8d8d8d;
	color:#fff;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
.bouton_arrow::after {
	content: "";
	flex: 0 0 auto;
	margin-left: 15px;
	margin-right: -5px;
	width: 18px; 
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpolygon points='4 1 4 15 14 8'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	transition: transform .3s;
}
.bouton_arrow:hover {
	background-color:#323237;
	color:#fff;
}
.bouton_arrow:hover::after {
	transform: rotate(45deg);
}

.bt-dwnl {
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-8-9h6v-12h4v12h6l-8 9zm9-1v2h-18v-2h-2v4h22v-4h-2z'/%3E%3C/svg%3E");
	-webkit-background-size: 18px;
	background-size: 18px;
}

.lien {
	color: #006eb7;
	text-decoration: underline;
}
.lien:hover { color: #b3b2b2 }

/* button-form */
input.submit-button {
	border-style:solid;
	border-width:3px;
	background-color:#006eb7;
	border-color:#006eb7;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	font-size:13px;
	line-height:14px;
	padding:8px 10px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
input.submit-button:hover {
	background-color:#000;
	border-color:#000;
	color:#fff;
}

button.submit-button {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	min-width: 180px;
	border: none;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding: 13px 20px;
	background-color:#8d8d8d;
	color:#fff;
	cursor: pointer;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
button.submit-button::after {
	content: "";
	flex: 0 0 auto;
	margin-left: 15px;
	margin-right: -5px;
	width: 18px; 
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpolygon points='4 1 4 15 14 8'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	transition: transform .3s;
}
button.submit-button:hover {
	background-color:#323237;
	color:#fff;
}
button.submit-button:hover::after {
	transform: rotate(45deg);
}

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
#header {
	position:relative;
	max-width: 1030px;
	padding: 0 20px;
	margin: 0 auto;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#home-ico {
	width: 30px; 
	height: 30px;
	position: absolute; 
	left: 5px; 
	top: 25%;
}
#page_home #home-ico.show-mobile { display:none; }
#logo { 
	display:block; max-width:180px;
	float:left;
}
#logo img { display:block; width:100%; }

#menu {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 16px; 
	font-weight: 200; 
	color:#A7A9AC;
	text-transform: uppercase;
	padding-left: 20px;
	flex: 1 1 auto;
	height: 100%;
}
#menu ul { 
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;}
#menu ul li { 
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#menu ul li a {
	color: #323237;
	line-height: 1.2em;
	display: block; padding: 5px 10px; 
	border-right:#A7A9AC 1px solid;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
#menu ul li:first-child a { border-left:#A7A9AC 1px solid; }
#menu ul li:hover a {  }
#menu ul li:hover a { 
	background-color:#819db3;
	border-color:#819db3; 
	color:#fff; 
}

.show-mobile { display:none; }

@media screen and (max-width: 720px) {
	#header {
		flex-wrap: wrap;
		justify-content: center;
	}
	#menu {
		height: auto;
		padding: 15px 0 30px;
	}
	#menu ul {
		justify-content: center;
	}
}
@media screen and (max-width: 480px) { #menu ul li a { font-size: 13px; } }

/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */
._page {
	background-color:#fff;
	padding: 20px;
	box-shadow: rgba(0,0,0,.5) 0 10px 10px;
}
#content {
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
}
@media screen and (max-width: 600px) {
	._page { padding: 15px; }
}


/* > ACCUEIL -------------------------------- */
#slider-home {
	position: relative; 
	overflow:hidden; 
	z-index: 0; 
}
#slider-home .slides { 
	position: relative; 
	display: flex;
	z-index: 0;
}
#slider-home .slides li { display: none; }
#slider-home .slides li:first-child { 
	display: block; 
}
#slider-home .slides li img { 
	display: block; 
	width: 100%;
}
#slider-home .heading-title {
	position: absolute;
	z-index: 1;
	bottom: 30px;
	right: 30px;
	width: 60%;
	max-width: 420px;
}
.heading-title {
	position: relative;
	padding: 40px 60px;
	text-align: center;
	background-color: #323237;
	color: #fff;
}
.heading-title h1 {
	color: #fff;
	line-height: 1.25em;
	margin: 0;
}
.heading-title.bordered::before {
	position: absolute;
	content: "";
	z-index: 0;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: #949494 1px solid;
}
.heading-title.bordered::after {
	content: "";
	width: 60px;
	height: 60px;
	z-index: 1;
	top: 0; right: 0;
	position: absolute;
	background-color: #323237;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpolygon points='4 1 4 15 14 8'/%3E%3C/svg%3E");
	background-size: 30px 30px;
}
@media screen and (max-width: 720px) {
	#slider-home .heading-title {
		position: relative;
		bottom: 0; right: 0;
		width: 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.heading-title h1 { font-size: 20px; }
	#slider-home .slides li img {
		width: 140%;
		max-width: 0 -20%;
	}
}
#page_home #home-intro,
#page_home #form-date {
	padding-top: 30px;
}
#page_home #form-date select {
	height:50px; border:#e9e9e9 1px solid;
	background-color:#e9e9e9; padding:0 15px;
	width:100%;
}
@media screen and (max-width: 600px) {
	#page_home #form-date {
		text-align: center;
		padding-bottom: 60px !important;
	}
}

#btnBlue {
	clear:both;
	float:right;
	width:180px;
	height:50px;
	line-height:50px;
	padding:0 20px;
	background-color:#0074BC;
	border:none;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}
#page_home #form-date input#inscription-submit:hover {
	background-color:#333237;
	cursor:pointer;
}

/* > PRESENTATION ----------------------------------- */
#head-page {
	position: relative;
}
#head-page .heading-title {
	width: 70%;
	max-width: 480px;
	margin: -5% auto 0;
}
.heading-fig { overflow: hidden; }
.heading-fig img {
	display: block;
	width: 100%;
}
@media screen and (max-width: 720px) {
	.heading-fig img {
		width: 140%;
		margin: 0 -20%;
	}
	#head-page .heading-title {
		width: 100%;
		max-width: 480px;
		margin: -5% auto 0;
	}
}
@media screen and (max-width: 540px) {
	.heading-fig img {
		width: 160%;
		margin: 0 -30%;
	}
	#head-page .heading-title {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	.hide-mobile { display:none !important; }
	.show-mobile { display:block }
}


.presentation-intro h2 { 
	margin-bottom: 20px;
	text-transform: none;
	font-family: 'Trebuchet MS', sans-serif;
}
.titre-fleche + .intro { margin-left: 30px; margin-bottom: 0; }
.list li {
	padding: 0 0 0 15px; margin: 10px 0;
	background:url(../images/puce.gif) 0 6px no-repeat;
}
@media screen and (max-width: 600px) {
	.titre-fleche + .intro { margin-left: 0; }
	.wp50.text-right { text-align: left; }
}


/* DATE ET LIEU > date-et-lieux.php ----------------- */
#collapse-content-dates { 
	width: 100%;
	padding: 0 20px;
}
@media screen and (max-width: 600px) {
	#collapse-content-dates { padding: 0 15px; }
}

#collapse-content-dates .date {
	background-color:#F8F8F9;
	position:relative;
	margin:10px 0;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-ms-transition:background-color .3s;
	-o-transition:background-color .3s;
	transition:background-color .3s;
}

.collapse-button {
	position: relative;
	display: table; width:100%; margin:0;
	cursor:pointer; color:#333237;
}
.collapse-button::after {
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%; right: 20px;
	margin-top: -20px;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpolygon points='4 1 4 15 14 8'/%3E%3C/svg%3E");

	background-size: 24px 24px;
	transition: transform .3s;
}
.collapse-button span {
	display:table-cell; padding:20px 10px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size:18px; line-height:18px;
	vertical-align:middle;
}
.collapse-button span.button-date { 
	background-color:#0074BC ; 
	text-align:right; 
	color:#fff; 
}
.collapse-content {}
.collapse-content .collapse-table { display:table; width:100%; }
.collapse-content .wp50 { display:table-cell }
.collapse-content .wp50.fig-background {
	background-position:center;
	background-size:cover;
}
.collapse-content .content-date { padding:30px; background-color: white; }
.collapse-content .content-date h3 {
	font-size:20px; font-weight:700;
	margin-bottom:20px;
}
.collapse-content .content-date h3 strong { font-size:14px }
.collapse-content .content-date p a:hover { color:#666; }

.link-map {
	display: block; 
	position: relative;
	float: left;
	color: #000;
	margin: 20px 0 0 -10px;
	padding: 10px 10px 10px 50px;
	font-weight: 700; font-size:14px; line-height:20px;
	transition: color .3s;
}
.link-map::before {
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%; left: 0;
	margin-top: -20px;
	border-radius: 50%;
	background: center no-repeat;
	background-color: #dfd9d8;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-geo-alt-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
	background-size: 24px;
	transition: background-color .3s;
}
.link-map:hover { 
	color: #006eb7;
}
.link-map:hover::before {
	background-color:#98b1dd; 
}
@media screen and (max-width: 880px) {
	.link-map { float:none; }
	.date-present { display:block; float:none; padding-left:20px; width:auto; }
}

.date-present {
	position: relative;
	display: block; float:right; margin-top:20px;
	padding: 5px 60px 5px 20px; color:#fff;
	font-size: 14px; line-height:40px;
	background:#8d8d8d right 10px center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpolygon points='4 1 4 15 14 8'/%3E%3C/svg%3E");
	background-size: 24px 24px;
	transition: background-color .3s;
}
.date-present:hover { background-color:#323237; }

/* open */
#collapse-content-dates .date.collapse-open { background-color:#DBDFE9; }
#collapse-content-dates .date.collapse-open .collapse-button span.button-date { background-color:#333237; }
#collapse-content-dates .date.collapse-open .collapse-button::after {
	transform: scaleY(-1);
}

@media screen and (max-width: 600px) {
	.collapse-content .collapse-table { display:block; }
	.collapse-content .wp50 { display:block; width:100%; }
	.collapse-content .wp50.fig-background { height:200px; }
	#collapse-content-dates .date .collapse-button,
	#collapse-content-dates .date.collapse-open .collapse-button  { background-size:40px 40px; }
	.collapse-button span { width:65%; font-size:16px; }
	.collapse-button span.button-date { width:35%; }
}

/* > FORMULAIRE > INSCRIPTION
-------------------------------------------------------------------------------------------------------------------------------- */
#inscription-form {
	display:none;
	padding: 30px 10px 30px 30px;
	margin:-10px 20px 10px;
	background:#f3f3f3;
	max-width: 1030px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#inscription-form label {
	display:block;
	margin:0 0 20px 0;
	text-transform: uppercase;
	box-sizing:border-box;
	padding:0 20px 0 0;
	width:50%;
	float:left;
}
#inscription-form label span { font-weight: 400; }
#inscription-form input {
	border:none;
	display:block;
	background:#fff;
	font-family: 'Maven Pro', sans-serif;
	line-height:30px;
	font-size:1em;
	height:30px;
	color:#666;
	margin:5px 0 0 0;
}
#inscription-form input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}
#inscription-form hr {
	border:none;
	background:#ccc;
	margin:0 0 0 0;
	display:block;
	clear: both;
	height: 1px;
}
@media screen and (max-width: 600px) {
	#inscription-form {
		margin-left: 15px;
		margin-right: 15px;
		width: 100%;
	}
	#inscription-form label, #presence { width:100%; float:none; }
	#participants legend { width:100%; float:none; }
	#inscription-form input#inscription-submit {
		background-image:none; width:100%; text-align:center;
		height:50px; line-height:50px; padding:0;
	}
	#inscription-form input#inscription-submit:hover { background-image:none; }
}
@media screen and (max-width: 480px) {
	.collapse-content .wp50.fig-background { height:100px; }
}

/* presents/absent */
#presence {
	display:block;
	margin:0 0 20px 0;
	box-sizing:border-box;
	padding:0 20px 0 0;
	width:100%;
	float:left;
}
#presence label {
	margin:0 0 0 0;
	line-height:16px;
	width:100%;
}
#presence label input {
	display:inline-block;
	line-height:16px;
	vertical-align:middle;
	margin:0 10px 0 0;
}
/* chambre */
#reservation {
	display:none;
	margin:0 0 20px 0;
	box-sizing:border-box;
	padding:0 20px 0 0;
	width:65%;
	float:left;
}
#reservation label {
	margin:0 0 0 0;
	line-height:16px;
	width:100%;
}
#reservation label input {
	display:inline-block;
	line-height:16px;
	vertical-align:middle;
	margin:0 10px 0 0;
}
/* nombre de participants */
#participants { display:none; }
label#lab_participant {
	display:none;
	width:100%;
	clear:both;
	margin:0;
}
label#lab_participant-2 { margin:19px 0 0 0; line-height:30px; }
label#lab_participant-2 select { float:right; }
label#lab_participant span {
	display:inline-block;
	width:50%;
}
select#participant {
	border:none;
	background:#fff;
	display:inline-block;
	margin:0 0 10px 0;
	font-family: 'Maven Pro', sans-serif;
	font-weight:500;
	font-size:1em;
	color:#222;
	box-sizing:border-box;
	padding:0;
	width:100px;
	height:30px;
}
#participants legend {
	display:block;
	margin:20px 0 0 0;
	text-transform:uppercase;
	font-family: 'Maven Pro', sans-serif;
	font-weight:500;
	font-size:1em;
	color:#666;
	float:left;
	width:26%;
}
#participants legend span {
	font-size:0.8em;
	text-transform:none;
}
#participants label {
	font-size:0.9em;
	width:37%;
	margin:5px 0 10px 0;
	text-transform:none;
}
#participants input { font-size:0.8em; }
#submit-zone { margin:55px 20px 0 0; }
#inscription-form #presence label { font-size: 12px; }
#inscription-form #presence input {
	height: 20px;
}

@media screen and (max-width: 755px) {
	label#lab_participant-2 { 
		margin:0 0 20px 0; 
		line-height:14px; 
	}
	label#lab_participant-2 select { float:none; width:100%; margin-top:5px; }
}

/* Erreurs */
.inscription-valide {
	padding:10px;
	font-family: 'Maven Pro', sans-serif;
	font-size:0.9em;
	color:#222;
	text-align:center;
}
.inscription-erreur {
	padding: 10px;
	background-color: #dd8d8d;
	font-size: 13px;
	color: #fff;
	text-align:center;
}
.inscription-erreur em { display:none; }

/* > FORMULAIRE > CONTACT
-------------------------------------------------------------------------------------------------------------------------------- */
#contact-form {
	padding:30px 10px 30px 30px;
	margin:10px auto 10px;
	background:#f3f3f3;
	max-width:1030px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#contact-form label {
	display:block;
	margin: 0 0 20px 0;
	text-transform:uppercase;
	padding: 0 20px 0 0;
	width:50%;
	float:left;
}
#contact-form label span { font-weight: 400; }
#contact-form input, #contact-form textarea {
	border:solid 1px #cacaca;
	display:block;
	background:#fff;
	font-family: 'Maven Pro', sans-serif;
	line-height:30px;
	font-size:1em;
	height:30px;
	color:#666;
	margin:5px 0 0 0;
}
#contact-form input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}
#contact-form textarea {
	height:200px;
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
}
#contact-form #contact-email, 
#contact-form #contact-message { width: 100%; }
#contact-form #fillme { display:none; }

@media screen and (max-width: 600px) {
	#inscription-form {
		margin-left: 15px;
		margin-right: 15px;
		width: 100%;
	}
	#inscription-form label, #presence { width:100%; float:none; }
	#participants legend { width:100%; float:none; }
	#inscription-form input#inscription-submit {
		background-image:none; width:100%; text-align:center;
		height:50px; line-height:50px; padding:0;
	}
	#inscription-form input#inscription-submit:hover { background-image:none; }
	
	#contact-form label { width:100%; float:none; }
}

@media screen and (max-width: 600px) {
	#contact-form label { width:100%; float:none; }
}

/* Erreurs */
.contact-valide {
	padding:10px;
	font-size:0.9em;
	color:#222;
	text-align:center;
}
.contact-erreur {
	padding: 10px;
	background-color: #dd8d8d;
	font-size: 13px;
	color: #fff;
	text-align:center;
}
.contact-erreur em { display:none; }
.normalA{
	color: blue;
    text-decoration: underline;
}

/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
#footer { padding: 10px 20px 20px; background-color: #dfd9d8; }
#footer .content_flex { 
	align-items: center;
}
#footer ul li {
	float: left;
	color:#6b6a6a;
	border-right:#8e8a89 1px solid;
}
#footer ul li:first-child { border-left:#8e8a89 1px solid; }
#footer ul li a {
	display:block; padding:0 15px; line-height:20px;
	text-transform:uppercase; color:#9d9d9d;
}
#footer ul li a:hover { color:#fff; }
#footer .footer-tendance {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.footer-tendance .link {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
}
.footer-tendance .link:hover { color: #fff !important; }
.footer-tendance .logo {
	margin-left: 20px;
	display: block;
	width: 125px;
}
.footer-tendance .logo img {
	display: block;
	width: 100%;
}
@media screen and (max-width: 880px) {
	#footer ul li a { font-size: 13px; }
	.footer-tendance .link { font-size: 12px; }
}
@media screen and (max-width: 720px) {
	#footer .content_flex {
		justify-content: center;
	}
	#footer .wp66 { width: 100%; }
	#footer ul { 
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	 }
	 #footer .footer-tendance {
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 0;
		width: 100%;
	 }
	 .footer-tendance .link,
	 .footer-tendance .logo {
		margin: 10px;
	 }
}

/* > CLASSES GEOMETRY
-------------------------------------------------------------------------------------------------------------------------------- */
/* > Break hauteur -------------------------- */
.hspace_10 { clear:both; height:10px; }
.hspace_20 { clear:both; height:20px; }
.hspace_30 { clear:both; height:30px; }
.hspace_50 { clear:both; height:50px; }

/* > Margin --------------------------------- */
.marg0    { margin:0; }
.margt0   { margin-top:0; }
.margt10  { margin-top:10px; }
.margt20  { margin-top:20px; }
.margt30  { margin-top:30px; }
.margt50  { margin-top:50px; }
.margl0   { margin-left:0; }
.margl10  { margin-left:10px; }
.margl20  { margin-left:20px; }
.margl30  { margin-left:30px; }
.margl50  { margin-left:50px; }
.margr0   { margin-right:0; }
.margr10  { margin-right:10px; }
.margr20  { margin-right:20px; }
.margr30  { margin-right:30px; }
.margr50  { margin-right:50px; }
.margb0   { margin-bottom:0; }
.margb10  { margin-bottom:10px; }
.margb20  { margin-bottom:20px; }
.margb30  { margin-bottom:30px; }
.margb50  { margin-bottom:50px; }
.margauto { margin-left:auto; margin-right:auto; }

/* > Padding --------------------------------- */
.pad0    { padding:0; }
.pad10   { padding:10px; }
.pad15   { padding:15px; }
.pad20   { padding:20px; }
.pad30   { padding:30px; }
.pad40   { padding:40px; }
.padt0   { padding-top:0; }
.padt10  { padding-top:10px; }
.padt20  { padding-top:20px; }
.padt30  { padding-top:30px; }
.padt50  { padding-top:50px; }
.padl0   { padding-left:0; }
.padl10  { padding-left:10px; }
.padl20  { padding-left:20px; }
.padl30  { padding-left:30px; }
.padl50  { padding-left:50px; }
.padr0   { padding-right:0; }
.padr10  { padding-right:10px; }
.padr20  { padding-right:20px; }
.padr30  { padding-right:30px; }
.padr50  { padding-right:50px; }
.padb0   { padding-bottom:0; }
.padb10  { padding-bottom:10px; }
.padb20  { padding-bottom:20px; }
.padb30  { padding-bottom:30px; }
.padb50  { padding-bottom:50px; }
.padLR0  { padding-left:0; padding-right:0 }
.padLR10 { padding-left:10px; padding-right:10px }
.padLR15 { padding-left:15px; padding-right:15px }
.padLR20 { padding-left:20px; padding-right:20px }
.padLR30 { padding-left:30px; padding-right:30px }
.padLR40 { padding-left:40px; padding-right:40px }
.padTB0  { padding-top:0; padding-bottom:0 }
.padTB10 { padding-top:10px; padding-bottom:10px }
.padTB15 { padding-top:15px; padding-bottom:15px }
.padTB20 { padding-top:20px; padding-bottom:20px }
.padTB30 { padding-top:30px; padding-bottom:30px }
.padTB40 { padding-top:40px; padding-bottom:40px }

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc   		{ color:#ffffff !important; }
.fc-gris    		{ color:#b3b2b2 !important; }
.fc-noir    		{ color:#000000 !important; }
.fc-bleu    		{ color:#006eb7 !important; }
.fc-vert    		{ color:#0e7837 !important; }
.fc-vert-clair    	{ color:#afca0b !important; }
.fc-jaune    	    { color:#eceb1d !important; }
.fc-rose   			{ color:#e8326e !important; }

.surligne-bleu,
.surligne-vert,
.surligne-vert-clair,
.surligne-rose {
	display: inline-block;
	vertical-align: middle;
	padding: 0 3px;
	font-weight: 700;
	margin: -3px 0;
	color: #fff;
}
.surligne-bleu 		 { background-color: #006eb7; }
.surligne-vert 		 { background-color: #0e7837; }
.surligne-vert-clair { background-color: #afca0b; }
.surligne-jaune		 { background-color: #eceb1d; color: #000 !important; }
.surligne-rose 		 { background-color: #e8326e; }

.fc-color1  { color:#006eb7 !important; }
.fc-color2  { color:#0e7837 !important; }
.fc-color3  { color:#eceb1d !important; }
.fc-color4  { color:#e8326e !important; }

/* > fonts family ----------------------------------------------- */
.font-default { font-family: 'Trebuchet MS', sans-serif !important; }
.font-title-1 { font-family: 'Trebuchet MS', sans-serif !important; }
.font-title-2 { font-family: 'Trebuchet MS', sans-serif !important; }

/* > fonts size ----------------------------------------------- */
.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px  !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-26 { font-size: 26px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-45 { font-size: 45px !important; }

/* > font-weight ------------------------------------------------ */
.fw-300     { font-weight:300; }
.fw-400     { font-weight:400; }
.fw-500     { font-weight:500; }
.fw-700     { font-weight:700; }
.fw-900     { font-weight:900; }
.fw-norm    { font-weight:normal; }
.fw-bold    { font-weight:bold; }
.fs-italic  { font-style:italic; }
.fs-norm    { font-style:normal; }
.fs-14 		{ font-size: 14px; }
.fs-16 		{ font-size: 16px; }
.fs-18 		{ font-size: 18px; }

/* > textes ------------------------------------------------------ */
.undernone { text-decoration:none; }
.underline { text-decoration:underline; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:none; }
.text-justify   { text-align:justify; }
.text-center    { text-align:center; }
.text-right     { text-align:right; }
.text-left      { text-align:left; }


/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
       -moz-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
       -moz-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
       -moz-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}