@charset "utf-8";
/* CSS Document */

body {
	background-color:white;
	margin:0;
	padding:0;
	position:relative;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.canMax {
	margin:0;
	max-width:1800px;
	position:relative;
	vertical-align:top;
}

/** BEANDEAU { **/
.canBandeau {
	background-color:white;
	border-bottom:1px solid var(--noir);
	min-height:200px;
	vertical-align:top;

	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
}
.canBandeau .canMax {
	border-top:1px solid transparent;
}

.canBandeau .canLogo {
	display:inline-block;
	position:absolute;
	top:55px;
	left:40px;
}
.canBandeau .canlogo img {
	width:110px;
}

.canBandeau .canMenuSur {
	position:absolute;
	top:40px;
	right:40px;
}
.canBandeau .canMenuSur a {
	display:inline-block;
	font-family:inter;
	font-size:14px;
	font-weight:300;
	letter-spacing:-0.27px;
	line-height:25px;
	margin-left:16px;
	text-transform:uppercase;
}
.canBandeau .canMenuSur a:hover {
	text-decoration:none;
}
.canBandeau .canMenuSur a.sel {
	font-weight:bold;
}

.canBandeau .canMenuPrincipal {
	display:inline-block;
	margin:100px 0 50px 250px;
	vertical-align:top;
}
.canBandeau .canMenuPrincipal .canMenu {
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
	min-width:180px;
}
.canBandeau .canMenuPrincipal .canMenu:last-of-type {
	margin-right:0;
}
.canBandeau .canMenuPrincipal a {
	font-family:inter;
	font-size:20px;
	font-weight:300;
	line-height:42px;
	letter-spacing:-0.27px;
	display:block;
	text-transform:uppercase;
}
.canBandeau .canMenuPrincipal hr {
	margin-bottom:10px;
	width:170px;
}
.canBandeau .canMenuPrincipal .canSousMenu {
	display:none;
}
.canBandeau .canMenuPrincipal .canSousMenu a {
	color:var(--rouge);
	font-size:14px;
	line-height:25px;
	letter-spacing:-0.27px;
	text-transform:none;
}
.canBandeau .canMenuPrincipal a.sel {
	font-weight:bold;
}
.canBandeau .canMenuPrincipal a {
	text-decoration:none !important;
}

.canBandeau .canHamburger {
	cursor:pointer;
	display:none;
	position:absolute;
	top:20px;
	right:20px;
}
.canBandeau .canHamburger span {
	font-size:30px;
}
/* } */

/** CORPS { */
.canCorps {
	border-top:transparent solid 200px;
}
/** FIN CORPS } */

/** PIED DE PAGE {**/
.canPiedDePage {
	font-family:inter;
	font-size:14px;
	line-height:17px;
	color:var(--mauveGris);
	background-color:var(--mauve);
	padding:30px 40px;
}
.canPiedDePage a {
	color:inherit;
	font:inherit;
	text-decoration:underline;
	white-space:nowrap;
}
.canPiedDePage h3 {
	margin:20px 0 10px 0;
	padding:0;
	text-align:inherit;
}

.canPiedDePage .canPdPLogo {
	display:inline-block;
	width:21%;
	vertical-align:top;
}
.canPiedDePage .canPdPLogo img {
	height:110px;
}
.canPiedDePage .canPdPSoutenir {
	display:inline-block;
	width:21%;
	vertical-align:top;
}
.canPiedDePage .canPdPContact {
	display:inline-block;
	width:21%;
	vertical-align:top;
}
.canPiedDePage .canPdPAdresse {
	display:inline-block;
	width:21%;
	vertical-align:top;
}
.canPiedDePage .canPdPReseauxSociaux {
	display:inline-block;
	width:16%;
	vertical-align:top;
}
.canPiedDePage .canPdPReseauxSociaux a {
	font-size:120%;
	padding-right:20px;
}

.canPiedDePage .canPdPCredits {
	font-size:80%;
	margin:40px 0 50px 0;
	text-align:center;
}
.canPiedDePage .canPdPCredits a {
	text-decoration:none;
}

/** FIN PIED DE PAGE }**/

/** MENU RESPONSIVE { */
.canMenuResponsive {
	background-color:white;
	display:none;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:2;
}

.canMenuResponsive .canMenuResponsiveSupport {
	display:none;
	margin-top:70px;
}

.canMenuResponsive .fa-times {
	cursor:pointer;
	font-size:30px;
	position:absolute;
	top:20px;
	right:20px;
}

.canMenuResponsive .canMenuResponsiveMenu {
	border-bottom:1px solid var(--vertFonce);
	position:relative;
	margin:0 20px;
}
.canMenuResponsive .canMenuResponsiveMenu:first-of-type {
	border-top:1px solid var(--vertFonce);
}

.canMenuResponsive a {
	display:block;
	font-family:inter;
	font-size:20px;
	line-height:22px;
	padding:10px 0;
	text-align:center;
	text-transform:uppercase;
}
.canMenuResponsive a.sel {
	font-weight:bold;
}
.canMenuResponsive a:hover {
	text-decoration:none;
}

.canMenuResponsive .canMRFleche {
	cursor:pointer;
	position:absolute;
	right:0;
	top:15px;
	width:25px;
}

.canMenuResponsive .canMRSousMenu {
	display:none;
}

.canMenuResponsive .canMRSousMenu a {
	padding:10px 0;
	text-transform:none;
}

/** FIN MENU RESPONSIVE } */

/** REMONTOIRE { */
#rdcRemontoire {
	background-color:transparent;
	border:none;
	bottom:20px;
	cursor:pointer;
	display:none;
	height:40px;
	position:fixed;
	right:5%;
	width:40px;
	z-index:999999;
}
#rdcRemontoire img {
	height:40px;
	width:40px;
}
/** FIN REMONTOIRE } */

@media only screen and (max-width:1000px) {
/** BANDEAU { */
	.canBandeau .canMenuPrincipal {
		margin:100px 0 50px 210px;
	}
/** FIN BANDEAU } */

/** CORPS { **/
	.canCorps {
		border-top:200px solid white;
	}
/** FIN CORPS } **/
}

@media only screen and (max-width:860px) {
/** BANDEAU { */
	.canBandeau {
		min-height:100px;
	}
	.canBandeau .canLogo {
		padding:0;
		position:static;
		margin:20px 0 20px 20px;
	}
	.canBandeau .canLogo img {
		width:90px;
	}
	.canBandeau .canMenuSur {
		display:none;
	}
	.canBandeau .canMenuPrincipal {
		display:none;
	}
	
	.canBandeau .canHamburger {
		display:block;
	}
/** FIN BANDEAU } */

/** CORPS { **/
	.canCorps {
		border-top:100px solid white;
	}
/** FIN CORPS } **/

/** PIED DE PAGE { */
	.canPiedDePage {
		padding:20px;
	}
	.canPiedDePage .canPdPLogo {
		display:block;
		width:auto;
	}
	.canPiedDePage .canPdPLogo img {
		width:90px;
	}
	.canPiedDePage .canPdPSoutenir {
		width:50%;
	}
	.canPiedDePage .canPdPContact {
		width:50%;
	}
	.canPiedDePage .canPdPAdresse {
		width:50%;
	}
	.canPiedDePage .canPdPReseauxSociaux {
		width:50%;
	}
/** FIN PIED DE PAGE } */

/** MENU RESPONSIVE { */
	.canMenuResponsive {
		display:block;
	}
/** FIN MENU RESPONSIVE } */
}

@media only screen and (max-width:400px) {
/** PIED DE PAGE { */
	.canPiedDePage .canPdPSoutenir {
		display:block;
		text-align:center;
		width:auto;
	}
	.canPiedDePage .canPdPContact {
		display:block;
		text-align:center;
		width:auto;
	}
	.canPiedDePage .canPdPAdresse {
		display:block;
		margin-top:30px;
		text-align:center;
		width:auto;
	}
	.canPiedDePage .canPdPReseauxSociaux {
		display:block;
		margin-top:30px;
		text-align:center;
		width:auto;
	}
	.canPiedDePage .canPdPVide {
		display:none;
	}
/** FIN PIED DE PAGE } */
}