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

html {
	min-height:100vh;
}
body {
	display:block;
	min-height:100vh;
	margin-bottom:1px;
}

h1 {
	font-size:40pt;
	font-weight:bold;
	margin:0 0 30px 0;
}

.canMaxLarg {
	margin:auto;
	padding:0 10px;
	position:inherit;
	max-width:1000px;
}

/** LOGO { **/

#canLogo {
	background-color:white;
	border-top:20px solid white;

	font-size:100px;
	font-weight:bold;
	line-height:100px;
	margin-bottom:-10px;
	
	vertical-align:top;
}
/* } */

/** MENU { **/

#canMenus {
	background-color:white;
	padding:0 0 10px 0;
	position:relative;
}
#canMenus.canCanPasHome {
	height:120px;
	padding-top:19px;

	position:fixed;
	left:0;
	right:0;
	z-index:2;
}
#canMenus .canMaxLarg {
	background-color:white;
	position:relative;
	height:40px;
}
#canMenus .canMaxLarg .canMenusSupport {
	position:absolute;
	top:0;
	left:8px;
}

#canMenus div.canMenu {
	display:inline-block;
	margin:0;
	padding:5px 35px 5px 5px;
	vertical-align:top;
}
#canMenus div.canMenu:first-of-type {
	padding-left:0;
}
#canMenus a {
	font-size:25px;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
}
#canMenus a:hover {
	color:var(--orange);
}

#canMenus div.canSousMenu {
	display:none;
	padding-top:20px;
}
#canMenus div.canSousMenu a {
	display:block;
}
#canMenus div.canSousMenu a.canSousSousMenu {
	margin-left:20px;
}

#canMenus .fa-bars {
	cursor:pointer;
	display:none;
	font-size:18px;
	
	position:absolute;
	top:0;
	right:10px;
}

#canMenus .canHamburger {
	cursor:pointer;
	display:none;
}
#canMenus .canHamburger img {
	width:50px;
}
/** FIN MENUS } **/

/** CORPS { **/
#canCorps {
	min-height:calc(100vh - 290px);
	padding-top:120px;
}
/** FIN CORPS } **/

/** PIED DE PAGE { */
#canPiedDePage {
	background-color:black;
	box-sizing:content-box;
	color:white;
	display:block;
	padding:20px 0 200px 0;
	margin:50px 0 0 0;
	width:100%;
}

#canPiedDePage .canReseaux {
	padding-bottom:20px;
}
#canPiedDePage .canReseaux img {
	width:17px;
}
#canPiedDePage a {
	font-size:9pt;
	text-decoration:none;
}
#canPiedDePage a:hover {
	color:var(--orange);
}
/** FIN PIED DE PAGE } */

/* Menu responsive { */
#canMenuResponsive {
	background-color:transparent;
	display:none;

	position:absolute;
	top:0;
	left:0;
	right:0;
		
	z-index:20;
}
#canMenuResponsive .canSupport {
	background-color:rgba(0,0,0,0.0);
	cursor:pointer;
	display:none;
	height:100%;
	overflow:hidden;
}
#canMenuResponsive img.canBarres {
	margin:0 0 80px 0;
	width:50px;
}
#canMenuResponsive .canSupport div {
	background-color:black;
	color:white;
	display:inline-block;
	height:100%;
	margin:0 10px;
	padding:10px 0;
	width:calc(100% - 20px);
}
#canMenuResponsive a {
	border-bottom:1px solid white;
	display:block;
	font-size:14px;
	padding:10px 10px;
	text-decoration:none;
	text-transform:uppercase;
}
#canMenuResponsive a.canSousMenu {
	padding-left:10px;
}
#canMenuResponsive a.canSousSousMenu {
	padding-left:20px;
}
#canMenuResponsive a.sel, #canMenuResponsive a:hover {
	color:var(--orange);
}
/* } */


@media only screen and (max-width:625px) {
	body {
		min-height:1300px;
	}

	#canLogo {
		border-top:11px solid white;
		margin:0 0 0 65px;
		line-height:70px;
	}
		
/** MENUS { **/


	#canMenus .canMaxLarg {
		height:28px;
	}
	#canMenus .canMaxLarg .canMenusSupport {
		display:none;
	}

	#canMenus .canHamburger {
		display:block;
	}
	#canMenus.canCanPasHome {
		padding-top:12px;
	}


	
	#canMenuResponsive {
		display:block;
	}
/** FIN MENUS }**/

/** PIED DE PAGE { **/
	#canPiedDePage {
		margin:10px 0 0 0;
	}
/** FIN PIED DE PAGE } **/


}