body,html  {
		margin:0;
		padding:0;
		font-family: 'Montserrat', Arial, sans-serif;
		background-color:#EEEEEE;
		}
		
	::-moz-selection { /*@bugfix mozilla*/
		background: #e3732d; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
		color: #fff
	}
	::selection { /* effet souris  */
		background: #e3732d; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
		color: #fff
	}

	html  {
		max-width:100vw;
		overflow-x:hidden;
		}
		
	header {
		background-color:rgba(255,255,255,0.7);
		width:100%;
		height:50px;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		}
		
@media screen and (min-width: 600px) {		
	header nav ul li.lien_ew {
		width:230px;
		}
		
	header nav ul li.lien_ew.lien_ew_hidden {
		width:0;
		padding-right:5px;
		}
		
	header nav ul li.lien_ew.lien_ew_hidden span {
		opacity:0;
		}
	}
	
@media screen and (max-width: 599px) {			
	header nav ul li.lien_ew {
		width:0;
		padding-right:5px;
		}
		
	header nav ul li.lien_ew span {
		opacity:0;
		}
	}
	
	header nav {
		color:#C45911;
		font-weight:bold;
		width:max-content;
		height:50px;
		position:absolute;
		top:0;
		right:0;
		white-space: nowrap;
		}
		
	header nav ul {
		list-style:none;
		margin:0;
		padding:0;
		display:inline-block;
		vertical-align:middle;
		}
		
	header nav ul li{
		line-height:1em;
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:calc((50px - 1em) / 2) 18px;
		}
		
	header nav ul li.lien_ew {
		background-color:#C45911;
		padding-left:48px;
		position:relative;
		overflow:hidden;		
		white-space:nowrap;
		transition:width 0.5s, padding 0.5s;
		text-align:center;
		margin-left:2px;
		}
		
	header nav ul li.lien_ew span {
		transition:opacity 0.5s;
		}
		
	header nav ul li.lien_ew:hover {
		background-color:#d0631d;
		}
		
	header nav ul a li.lien_ew {
		color:#FFFFFF;
		}
		
	header nav ul li.lien_ew img {
		position:absolute;
		top:13px;
		left:18px;
		width:20px !important;
		height:20px !important;
		}
		
	header nav .console_admin {
		background-color:#333333;
		text-align:center;
		width:56px;
		height:50px;
		box-sizing:border-box;
		overflow:hidden;	
		text-overflow: ellipsis;
		position:relative;
		display:inline-block;
		vertical-align:middle;
		}
		
	header nav .console_admin:hover {
		background-color:#444444;
		}
		
	header nav a .console_admin {
		color:#FFFFFF;
		}
		
	header nav .console_admin img {
		position:absolute;
		top:13px;
		left:18px;
		width:20px !important;
		height:20px !important;
		}
		
	header nav ul a {
		text-decoration:none;
		}
		
	header nav ul a li{
		color:#C45911;
		text-decoration:none;
		}
		
	header .logo {
		position:absolute;
		bottom:7px;
		left:10px;
		}	
		
	header .logo img {
		width:224px !important;
		height:30px !important;
		}	
		
	section {
		color:#333333;
		margin:50px auto 0 auto;
		position:relative;
		}
		
	section h1 {
		text-align:center;
		margin-bottom:5px;
		text-transform: uppercase;
		}
		
	section .text {
		text-align:justify;
		text-indent:2em;
		}
		
	section .text a {
		color:#C45911;
		}
		
	section .text a:visited {
		color:#C45911;
		}
		
	section .h1_line {
		width:100px;
		margin:auto;
		border:1px solid #C45911;
		}
	
@media (min-width: 600px) {
	footer {
		padding-top:200px;
		}
		
	footer > div {
		display:inline-block;
		vertical-align:top;
		}
		
	footer .liens_utiles {
		text-align:right;
		padding-right:50px;
		}
		
	footer .footer_contact {
		padding-left:50px;
		border-left:1px solid #FFFFFF;
		text-align:left;
		}
		
	footer .footer_separation {
		display:none;
		}
	}
	
@media (max-width: 599px) {
	footer {
		padding-top:100px;
		padding-bottom:100px;
		}
		
	footer .footer_separation {
		border:0.5px solid #FFFFFF;
		width:20%;
		}
	}
	
@media (min-width: 880px) {
	footer {
		background-position:center top;
		padding-right:5%;
		}
	}
	
@media (max-width: 879px) {
	footer {
		background-position:left top;
		}
	}

	footer {
		width:100%;
		height:450px;
		background-size:cover;
		background-repeat:no-repeat;
		color:#FFFFFF;
		position:relative;
		text-align:center;
		box-sizing:border-box;
		}
	
	footer > * {
		/* transform: translate(0,-100px); */
		/* opacity: 0; */
		/* transition:transform 1s, opacity 1s; */
		}
		
	footer ul {
		list-style:none;
		padding:0;
		}
		
	footer ul li {
		margin-bottom:15px;
		}
		
	footer ul li a {
		color:#FFFFFF;
		text-decoration:none;
		}
		
	footer ul li a:hover {
		color:#DDDDDD;
		}
		
	footer .footer_contact li.adresse_l1 {
		margin-bottom:5px;
		}
		
	form .champ {
		margin-bottom:10px;
		position:relative;
		}
		
	form .label {
		width:max-content;
		}
		
	form input:not([type="submit"]),
	form textarea {
		box-sizing:border-box;
		font-size:1em;
		border-radius:10px;
		padding:calc(5px + 0.1em) 10px;
		border:1px solid #DDDDDD;
		background-color:#ffffff;
		transition:border 0.5s, background-color 0.5s;
		font-family:inherit;
		}
		
	form input:not([type="submit"]):focus,
	form textarea:focus {
		outline:none;
		border:1px solid #C45911;
		background-color:#fdebe5;
		}
		
	form input:not([type="submit"]):disabled,
	form textarea:disabled {
		background-color:#f9f9f9;
		}
		
	form textarea {
		height:200px;
		resize:none;
		}
		
	.button,
	form input[type="submit"] {
		box-sizing:border-box;
		font-size:1em;
		border-radius:10px;
		padding:calc(5px + 0.1em) 30px;
		border:1px solid #DDDDDD;
		background-color:#ffffff;
		transition:border 0.3s, background-color 0.3s;
		font-family:inherit;
		cursor:pointer;
		color:#000000;
		text-decoration:none;
		}
		
	.button:disabled,
	form input[type="submit"]:disabled {
		color:inherit;
		background-color:#f9f9f9;
		cursor:not-allowed;
		}
		
	.button:not(:disabled):hover,
	form input[type="submit"]:not(:disabled):hover {
		border:1px solid #C45911;
		background-color:#fdebe5;
		}
		
	.button:focus,
	form input[type="submit"]:focus {
		outline:none;
		background-color:#fdddd4;
		}
	
@media (min-width: 800px) {
	.img_top {
		height:300px;
		}
		
	.img_top h2 {
		padding-top:140px;
		font-size:40px;
		}
	}
	
@media (max-width: 799px) and  (min-width: 530px) {
	.img_top {
		height:200px;
		}
		
	.img_top h2 {
		padding-top:90px;
		font-size:40px;
		}
	}
	
@media (max-width: 529px) {
	.img_top {
		height:200px;
		}
		
	.img_top h2 {
		padding-top:95px;
		font-size:30px;
		}
	}
		
	.img_top {
		width:100%;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		color:#FFFFFF;
		position:relative;
		border-bottom:20px solid #E9CBB9;
		}
		
	.img_top h2 {
		font-weight:normal;
		text-shadow: 2px 2px 2px #808080;
		margin:0;
		text-align:center;
		}