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

body {
	position:relative;
	text-align:center;
}

#canSupport {
	display:inline;
	display:inline-block;
	margin:0;
	position:relative;
	text-align:center;
	width:900px;
}

#canLangue {
	float:right;
}
#canLangue a {
	color:black;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
#canLangue a.sel {
	color:#c33;
	color:#a00000;
}

#canHamburger {
	display:none;
}
#canMenuResponsive {
	display:none;
}
#canMenuResponsive a {
	border-bottom:1px solid #333;
	color:black;
	display:block;
	font-size:8pt;
	padding:1px 20px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
}
#canMenuResponsive a:hover {
	background-color:#CCC;
}

a {
	color:#c33;
}

h1 {
	color:#C33;
	color:#8C002B;
	color:#a00000;
	font-size:20px;
	margin-bottom:20px;
	text-transform:uppercase;
}
h2 {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:40px 0 20px 0;
	text-transform:uppercase;
}

header {
	display:inline;
	display:inline-block;
	height:70px;
	max-width:900px;
	padding:20px 0 20px 20px;
	text-align:left;
	width:100%;
}
header .h1 {
	display:inline-block;
	font-size:40pt;
	font-weight:bold;
	margin-right:2%;
	padding-top:8px;
	vertical-align:top;
}
header .h2 {
	display:inline-block;
	font-size:16pt;
	font-weight:normal;
	vertical-align:top;
}
header img {
	max-width:80%;
	width:500px;
}

hr.flou {
	background:linear-gradient(white, #CCC);
	border:none;
	border-top:1px solid black;
	height:0;
	text-align:center;
}

nav {
	display:inline;
	display:inline-block;
	height:150px;
	max-width:900px;
	padding-top:2%;
	width:100%;
}
nav table {
	display:block;
	margin:0 20px;
}
nav table td {
	border-right:1px solid black;
	padding:0 10px 0 10px;
	text-align:center;
}
nav table td a {
	color:black;
	font-size:8pt;
	text-transform:uppercase;
}
nav table td:last-child {
	border:none;
}
nav table td:first-child {
	padding-left:0;
}
nav a:hover {
	text-decoration:none;
}

ul li {
	padding-left:20px;
	line-height:22px;
}

#canCorps {
	display:inline;
	display:inline-block;
	line-height:30px;
	padding:50px 20px 0 20px;
	max-width:900px;
	text-align:justify;
	hyphens:auto;
	width:100%;
}

.blocImages {
	display:block;
	margin:0 0 2% 0;
	position:relative;
	vertical-align:top;
	width:100%;
}
.blocImages.nb1 img {
	vertical-align:top;
	width:100%;
}
.blocImages.nb2 img {
	vertical-align:top;
	width:49%;
}
.blocImages.nb2 img:first-child {
	margin-right:2%;
}
.blocImages .legende {
	background-color:white;
	font-size:12px;
	height:60px;
	left:0;
	line-height:14px;
	padding:5px;
	position:absolute;
	text-transform:uppercase;
	top:6%;
	width:28%;
}
.blocImages.nb1 .legende {
	min-width:240px;
}
.blocImages.nb2 .legende {
	top:auto;
	bottom:12%;
}
.blocImages.nb2 .legende:last-child {
	left:51%;
}

@media only screen and (max-width:900px) {
	#canSupport {
		width:auto;
	}
	
	#canHamburger {
		cursor:pointer;
		display:block;
		position:absolute;
		right:6%;
		top:1%;
		width:1px;
	}
	#canHamburger a {
		color:black;
		text-decoration:none;
	}

	#canLangue {
		margin-top:30px;
	}

	header {
		height:80px;
	}
	
	.grand {
		display:none;
	}
	@media only screen and (max-width:600px) {
		header .h1 {
			font-size:37pt;
		}
		header .h2 {
			display:block;
			margin:20px 0 0 4px;
		}
		header .h2 div {
			display:inline;
		}
	}
}