/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015
*/

/* ################################################################################################################																		     *
														IMPORTS
 *###############################################################################################################*/


/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,700,900,300,200);
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);

/*font-family: 'Open Sans', Arial, sans-serif;
font-family:Source Sans Pro, Arial, sans-serif;*/

@font-face {
    font-family: 'source_serif_proregular';
    src: url('fonts/sSourceSerifPro-Regular.otf') format('otf'),
    	 url('fonts/sourceserifpro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourceserifpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ################################################################################################################																		     *
														BASICS
 *###############################################################################################################*/

 	html { border:3px solid blue;  }
	html, body { margin: 0; padding: 0; border: 0; }
	body, #skel-layers-wrapper {
		font-size:18px;
		color: #354052;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;

	}

	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #7c8081;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #FED611; font-weight:bold;
		text-decoration: none;

	}

		a:hover {
			border-bottom-color: transparent;
			text-decoration: none;
			/*color: #666; */
		}

		a:active, a:focus { outline:0; }
		a img { border:0; }


	strong, b {
		font-weight: 400;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 1em 0;
	}

    .mobile p { margin:0 0 0.5em 0;  }


	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
		font-family: 'source_serif_proregular';
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.5em; padding:0.1em 0.5em ;  margin:0.5em 0em ;
		color:#627a8c;  line-height:1.3em;
	}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}

	/**
	 * Lists
	 */
	ul { margin:0; padding:0; }
	li { list-style-type:none;}

	dl { margin:0; padding:0; }
	dt {}
	dd {}


	div#BG { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0 !important;  }
	div#BG img { display:none; position:absolute; z-index:0  !important; }

	#MainW { width:100%; height:auto;  position:relative; margin:0 auto; z-index:3000;  }

	#Main {  width:100%; min-height:600px; /*-webkit-box-shadow: 6px 6px 6px 1px #666666; box-shadow: 6px 6px 6px 1px #666666; */ z-index:3000; position:relative;  background:#ffffff;  }

	#Header, #Footer { z-index:3000; position:relative;  }
	#ContentW { padding-bottom:40px;  }

	/*#Content > img { position:absolute; left:285px; bottom:10px; }
	#page-home #Content > img { position:absolute; left:85px; bottom:10px; }*/

	#Header { /*background:#040000;*/  width:100%;  padding:0 0 0 0;  text-align:center;  border-top:30px solid #ffffff; }
	.mobile #Header { height:90px;  padding:20px 0 0 0;  text-align:center; }



/* ################################################################################################################																		     *
														ELEMENTS
 *###############################################################################################################*/

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}




	/**
	 * Forms
	 */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	input[type="tel"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px #9ab5c0;
		border-radius: 5px;
		height: 30px;
		color: #000000 !important;
		/*display: block;*/
		padding: 0.4em 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
		line-height: 1.2em;
	}

	select {
		color: #627a8c;
		font-size: 18px;
		width: 210px;
		padding: 12px 0 10px 10px;
		border: 0 !important;
		/* needed */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		/* SVG background image */
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='gray'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
		background-size: 12px;
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		background-color: #fff;
		border-bottom: 2px solid #627a8c !important;
	}


	input[type=radio],
	input[type=checkbox] {
		display: none;
	}

	input[type=radio] + span:before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		vertical-align: middle;
		margin-right: 8px;
		background-color: #ffffff;
		border: 1px solid #627a8c;
	}

	input[type=checkbox] + label:before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		vertical-align: middle;
		margin-right: 8px;
		background-color: #ffffff;
		border: 1px solid #627a8c;
	}

	input[type=radio]:checked + span:before {
		content: "";
		/* Bullet */
		color: white;
		background-color: #627a8c;
		font-size: 1.8em;
		text-align: center;
		line-height: 14px;
		text-shadow: 0px 0px 3px #eee;
	}

	input[type=checkbox]:checked + label:before {
		content: "";
		/* Tick */
		color: white;
		background-color: #627a8c;
		text-align: center;
		line-height: 15px;
		text-shadow: 0px 0px 3px #eee;
	}


	::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #5d5d5d;
		font-size: 0.8em;
		font-weight: 500;
		font-style: italic;
	}

	::-moz-placeholder {
		/* Firefox 19+ */
		color: #5d5d5d;
		font-size: 0.8em;
		font-weight: 500;
		font-style: italic;
	}

	:-ms-input-placeholder {
		/* IE 10+ */
		color: #5d5d5d;
		font-size: 0.8em;
		font-weight: 500;
		font-style: italic;
	}

	:-moz-placeholder {
		/* Firefox 18- */
		color: #5d5d5d;
		font-size: 0.8em;
		font-weight: 500;
		font-style: italic;
	}


	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	input[type="tel"] {
		line-height: 1.2em;
		font-size: 1em;
		font-weight: 500;
		padding: 7px 0px 7px 20px;
	}

	label {
		/*color: #fff;*/
		font-size: 1em;
		line-height: 1.2em;
		width: 220px;
		height: 1em;
		float: left;
	}

	.missingField label,
	.invalidField label {
		color: #c41c2b;
		font-weight: 500;
	}

	.missingField input,
	.missingField textarea,
	.missingField select,
	.invalidField input,
	.invalidField textarea,
	.invalidField select {
		border-color: #d2202f !important;
	}

	.formErrors {
		margin: 15px 0;
		padding: 13px 0 10px 45px;
		background: url(zims/icons/warn.png) 8px 8px no-repeat;
		width: 80%;
	}

	.formErrors li {
		list-style: none;
		margin: 0px 0 5px 0;
		line-height: 1em;
		color: #d2202f;
		font-weight: 500;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="date"]:focus,
	textarea:focus {
		background: #9ab5c0;
		color: #FFFFFF !important;
	}

	input placeholder {
		color: white !important;
	}

	fieldset {
		border: none !important;
		margin: 0;
		padding: 0;
	}

	#field-security {
		display: none !important;
	}

	.formButtons {
		text-align: center;
	}

	.textField,
	.textareaField {
		margin: 0 0 10px 0;
	}

	/* Button */

	.buttonW {}

	.buttonW.centered {
		text-align: center;
	}

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		background: none;
		border: 3px solid #DEA848;
		color: #DEA848;
		cursor: pointer;
		display: inline;
		font-size: 1.5em;
		font-weight: 500;
		letter-spacing: 2px;
		padding: 0.1em 2em 0 2em;
		line-height: 2em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
	}



	/*input[type="submit"]{ background:url(zims/frontend/arrow.png) no-repeat 90% center;}*/

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover {
		background: #627a8c;
		color: #fff;
	}

	.fieldsList {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
		padding: 0 ;
	}

	.fieldsList .fieldsListTitle {
		width: 40%;
		float: left;
font-size: 1em;
line-height: 1.7em;
		padding-top: 0;
	}

	.fieldsList .fields {
		width: 60%;
		display: inline-block;
	}

	.fieldsList .radio-field {
		width: 14%;
		float: left;
		width: 117px;
		overflow-x: hidden;
		height: 46px
	}

	p.uniqueCheckBoxField {
		padding: 10px 0 15px 0;
	}

	p.uniqueCheckBoxField label {
		/* float: right; */
		width: 97%;
		padding-top: 14px;
	}

	p.uniqueCheckBoxField input {
		position: relative;
		top: 20px;
	}


	form p i {
		font-style: italic;
		padding-left: 10px;
		font-weight: 500;
		font-size: 0.9em;
	}
.fields span  {font-size: 13px;
font-weight: 500;
letter-spacing: 0;}

legend {margin-bottom: 20px;}
.textField label {display: none;}
.textField input {font-weight: 600 !important;}

::placeholder {font-size: 1em; font-style: normal;}




/* RESPONSIVE Layers */

	#topButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}

		#topButton .toggle:before {
			color: white;
			font-size: 0.75em;
			height: 40px;
			left: 0;
			line-height: 30px;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#topButton .toggle:after {
			background: rgba(235, 214, 185, 0.75) url(zims/buttons/minimenu-w.png) no-repeat center;
			border-radius: 0 0 4px 4px;
			content: '';
			height: 40px;
			left: 50%;
			margin-left: -40px;
			position: absolute;
			top: 0;
			width: 80px;
		}

	#sideButton .toggle {
		height: 100%;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}


		#sideButton .toggle:before {
			color: white;
			font-size: 1em;
			height: 40px;
			left: 10px;
			line-height: 40px;
			opacity: 0.5;
			position: absolute;
			top: 11px;
			width: 60px;
			z-index: 1;
		}

		#sideButton .toggle:after {
			background: rgba(63, 177, 163, 0.75) url(zims/buttons/minimenu-w.png) no-repeat center;
			border-radius: 2px;
			content: '';
			height: 40px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 60px;
		}


/* LANGS */

	#LangLinks{ z-index:1000; position:absolute; right:10px; top: 3px; }
	#LangLinks li { width: 24px; height: 18px; float: left; margin-right: 8px;}
	#LangLinks li.last{ margin: 0;}
	#LangLinks li a { display: block; height: 100%; background-image: url(zims/buttons/flags.png); border: none; }

	#LangLinks li a.disabled{ background-image: url(zims/buttons/flags-disabled.png); }
	#LangLinks li a:hover{
		background-image: url(zims/buttons/flags.png);
		box-shadow: 0px 0px 3px #ffffff;
	}
	.hiddenData, #ConceptionCredit span, #LangLinks li a span
	{display: none;}
	#FrLink{ background-position: -24px top; } #EnLink{ background-position: 0 top; }
	#EsLink{ background-position: -48px top; } #CaLink{ background-position: -192px top; }
	#DeLink{ background-position: -72px top; }


/* Specials */


	 /**
	 * Floating elems
	 */
	.float
	{display:inline; float:left;}

	/**
	 * Away elems
	 */
	.away
	{position: absolute; top: -99999px;}
	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}

	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }

	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}

/* ################################################################################################################																		     *
														PAGES
 *###############################################################################################################*/




 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* HEADER */

	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }

	#Header {
		width: 100%;
	}

		#Header h1 {
			font-weight: 900; margin: 0;
		}
		#Header h1 { margin:0; padding:0; width:100%;   }
		#Header h1 img { vertical-align:top; width:120px;}
		#Header h1 a {   }
		#Header h1 a span {  font-size:2.8em; height:106px; line-height:106px;  letter-spacing:1px; }

		.mobile #Header h1 img, .portrait #Header h1 img, .mobile #HomeW img, .portrait #HomeW img  { width:auto;  margin:0 auto;  position:relative;  }


/* Footer */

	
	
	#Footer { background: #627a8c; display: flex; justify-content: space-evenly; align-items: center;} 
	#Footer p { width: 33%; text-align: center; color: #ffffff;}
	#Footer p a{  color: #fff; }
	#Footer .blockFooter {line-height: 1; font-size: 0.8em; margin-top: 1em; line-height: 1.2;}
	#Footer .blockFooter strong {font-weight: 700; font-size: 1.2em;}

	
	/* Content */

	#ContentW {  position:relative; z-index: 10000; }
	#Content { position:relative; width:980px;  margin:0 auto;  }


/* Section/Article (à réviser) */

	section.special, article.special {
		text-align: center;
	}

	header.major {
		padding-bottom: 2em;
	}

	header.special {
		margin-bottom: 5em;
		padding-top: 7em;
		position: relative;
		text-align: center;
	}

		header.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: '';
			height: 7px;
			opacity: 0.1;
			position: absolute;
			top: 1.75em;
			width: 43%;
		}

		header.special:before {
			left: 0;
		}

		header.special:after {
			right: 0;
		}

		header.special h2 {
			margin-bottom: 0;
		}

		header.special h2 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1em;
			width: 100%;
		}

			header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}

	footer > :last-child { margin-bottom: 0; }

	footer.major {
		padding-top: 3em;
	}


  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 	#page-home{}

	#HomeW { }

	#HomeW img { float:left; }
	.lt-1280 #HomeW img { float:left;  width:40%;}
	.mobile #HomeW img, .portrait #HomeW img { float:none;  position:relative; margin:0 auto; display: block; width:60%;  }

	#GoGalerie { text-transform:uppercase; font-size:1.4em;  background:#ed207f; color:#ffffff; padding:0.4em 1em; position:absolute; right:15px; bottom :13px;  border:none;  }
	#GoGalerie img { vertical-align:middle; }

	#container_like, #container_notlike { display:none; }
	
	#field-eval_hotel {float: left; width: 100%;}
	#field-personnel_hotel {float: left; width: 100%;}

	#field-eval_hotel label {width: 50%;}
	#field-personnel_hotel label {width: 50%;}
	select#eval_hotel {width: 45%; margin-left: 5%;}
	select#personnel_hotel {width: 45%; margin-left: 5%;}


	#fieldset-service_seminaires {margin-top: 90px;}
	#VoteFormButtons {margin-top: 90px;}

	#field-new_event label {width: 78%;}
	#field-qualite_prestation label {width: 78%;}
	#field-recommandation label {width: 78%;}
	#field-difficultes_prestation label , #field-commentaires label {width: 100%;}

	#field-difficultes_prestation, #commentaires {margin-top: 40px;}
	#field-difficultes_prestation textarea, #field-commentaires textarea {width: 100%; height: 200px; margin-top: 20px;}
	textarea {width: 100%; height: 200px;}

	#fieldset-evenement input {width: 760px;}

	#fieldsList-politesse_service_commercial {margin-bottom: 20px;}

	legend {font-size: 1.5em; font-weight: 500; 
		font-family: 'source_serif_proregular';
		color: #ffffff;
		background: #627a8c;
		display: block;
		width: 100%;
		padding: 5px 10px;
	}
	
	.comment {text-align: center; margin-top: 70px !important; font-weight: 600 !important;}

	#page-home h2 {text-align: center; margin: 0 auto 50px;}
	#page-home h3 {text-align: center; text-transform: none; margin: 50px auto 0; color: #627a8c;}
	#page-home #Content p {font-weight: 300; color: #000000; line-height: 1.2; font-size: 16px;}
	#Intro {padding: 10px 0;}

	#BPNFormSubmit {border: none; background: #9ab5c0; color: #ffffff; margin: 20px auto 50px;}
	#BPNFormSubmit:hover {background: #627a8c;}

	fieldset {margin-top: 40px;}

	#fieldset-contre_indications .textField {display: none; margin-top: 30px; margin-bottom: 0;}
	#fieldset-contre_indications .textField input {max-width: 50%;}
	#field-engagement {margin-top: 50px;}

	.completeMSG {text-align: center; margin: 150px auto; min-height: 35vh;}



	@media all and (max-width: 1024px){
		.mobile #Header h1 img, .portrait #Header h1 img, .mobile #HomeW img, .portrait #HomeW img {width: auto;}
		#Content {width: 90%;}

		#BPNForm legend {width: 94%;}
		.textField input {width: 94%;}
		#fieldset-contre_indications .textField input {max-width: 94%;}
		#fieldset-contre_indications .textField {margin-bottom: 0;}
		#field-engagement {margin-top: 20px;}

		#field-engagement label {float: none;}

		.completeMSG {margin: 20vh auto !important;}

	}

	@media all and (max-width:768px){
		#Footer {flex-wrap: wrap;}
		#Footer p {width: 90%;}
		#Footer #AdresseSpa {order: 2;}
		#Footer #Credits {order: 1;}
		#Footer #AdresseBoudoir {order: 3;}
		.comment {margin-top: 40px !important;}
	}