/* ---------- /INIT\ ---------- */

*{box-sizing:border-box;}
body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

ul,ol,li {
	margin:0;
	padding:0;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;}

a {
	text-decoration:none;
}

a img, img {
	border:none;
	text-decoration:none;
}

table, table td {
	border-collapse: collapse;
}

/* Reset de la bordure extérieure des liens à l'état cliqué */
:focus {
	outline: 0;
}

/* ---------- /FIN INIT\ ---------- */

html, body {height:100%;margin:0;}

body {background:url(ressources/fond.jpg) no-repeat top right fixed;	background-size:cover;}

.contenu a {color:hsla(229,100%,30%,1.00); font-weight:bold; text-decoration:none;}



.contenu a:hover {color:hsla(0,0%,40%,1); text-decoration:underline;}
.contenu a:before {font-family: 'entyporegular'; content:">";font-size:22px; font-weight:normal;color:hsla(0,0%,60%,1); padding:3px;}

div.a_noter {
	background-color:#F7F7F7;
	overflow:visible;
	height:auto;
	width:95%;
	padding:5px; 
	border:5px dotted #FF9900;
	border-radius:15px;
	margin:20px auto;
}

div.a_noter:before {
	content:'V';
	font-family:'modern_pictogramsnormal';
	font-size:55px;
	display:block;
	text-align:left;
	color:#ff9900;
	margin:0;
}

.important {
	overflow:visible;
	height:auto;
	width:95%;
	padding:5px;
	background-color:hsla(0, 0%, 92%, 1.0);
	color:#000;
	/*border:5px dotted hsla(0,100%,40%,1);*/
	margin:20px auto;
	border-radius:15px;
}

div.important:before {
	content:'c';
	font-family:'entyporegular';
	font-size:80px;
	display:block;
	float:left;
	text-align:left;
	color:hsla(0,100%,40%,1);
	margin:0;
}

div.important p {
	clear:left;
}

/*div.important p:first-of-type {
	display:block;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:hsla(0,100%,40%,1);
	clear:none;
	margin-left:0;
}*/

div.important ul {
	margin-left:50px;
	clear:left;
}

div.important ul li:before {
	content:"➠";
	color:hsla(0,100%,40%,1);
}


/* ---------- /HOME\ ---------- */

.main {margin:0; padding:10px; background-color:hsla(200,12%,51%,0.50); background-size:cover; height:1080px; width:100%;  text-align:center; margin-top:-100px;}

.main-contenu {margin:10% auto; min-width:500px; padding:20px;  /*position:absolute; top:20%; left:20%;*/ }
.main-contenu a {margin:50px; display:inline-block; font-size:16px; padding:10px;  color:white; opacity:1;}
.main-contenu a:hover {opacity:0.5;}

.main-contenu p {font-size:24px; color:white; margin:15px; font-family: 'Open Sans Light', sans-serif;}

.main-contenu em {font-size:12px;}

/* ---------- /FIN HOME\ ---------- */

/* ---------- /NAVIGATION\ ---------- */
nav.top a {
	font-family:'entyporegular';
	position:fixed;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	bottom:30px;
	right:30px;
	background-color:hsla(0,0%,100%,.5);
	border-radius:10px;
	box-shadow:0 3px 10px hsla(0,0%,0%,.2);
	-ms-transform:scale(0.7);
	color:hsla(0,0%,100%,1);
	font-size:100px;
	text-decoration:none;
	}


nav.top a:hover {
	background-color:hsla(0,0%,100%,.8);
	-ms-transform:scale(1);
}

nav#menu {
	background-color:hsla(229,100%,30%,1.00);
	margin:0;
	padding:0;
	text-align:center;
	height:auto;
	}

nav#menu ul li {display:inline-block;margin:0;padding:0;}

nav#menu ul li a {padding:15px 10px; font-size:12px; font-weight:normal; color:hsla(0,0%,100%,1); display:block; background-color:hsla(229,100%,30%,1.00);}
nav#menu ul li a:hover {background-color:hsla(200,100%,35%,1);}


.fixed { position:fixed;width:100%;top:0;left:0; z-index:100;}

nav#menu ul li .icon {font-family:'entyporegular'; font-size:32px;}
nav#menu div#ico_menu {width:100%; text-align:left;}
nav#menu div#ico_menu a {font-family:'entyporegular'; font-size:100px; color:white; display:none;}

/* ---------- /FIN NAVIGATION\ ---------- */

.media-flash {position:relative; z-index:1;}

/* ---------- /CONTAINER\ ---------- */

section {
	width:100%; height:auto; padding:50px; text-align:center; color:hsla(0,0%,40%,1);clear:both;text-align:center;
	font-family: 'Open Sans', sans-serif;
	}

section .contenu { max-width:1200px; margin:50px auto; clear:both; background-color:hsla(0,0%,100%,.9); padding:20px;}

section .contenu h1 {margin:30px; font-size:24px; color:hsla(229,100%,30%,1.00); text-align:center; text-transform:uppercase; font-family: 'Open Sans Bold', sans-serif;}

section .contenu h2 {margin:30px; font-size:18px; color:hsla(229,100%,30%,1.00);}

section .contenu h3 {margin:30px; font-size:16px; color:hsla(0,0%,60%,1); text-align:left;}

section .contenu p {margin:10px; color:hsla(0,0%,40%,1); text-align:left;}

.block {width:40%; margin:20px auto; padding:10px; text-align:left; display:inline-block; border-left:1px solid hsla(0,0%,80%,1);vertical-align:top;}

.block:first-of-type {border-left:none;}

section .contenu .block:last-of-type {border-right:none;}

section ul { margin:10px; margin-left:20px; text-align:left;}
section ul li{margin:-10px 10px 10px 10px;}
section ul li {list-style-type:disc}
section ul li ul{ margin-top:15px;}
section ul li ul li:before{ content:''; display:none;}
section ul li ul li{list-style-type:disc !important;}

.a_noter ul{ margin-top:15px;color:hsla(0,0%,40%,1);}
.a_noter ul li:before{ content:''; display:none;}
.a_noter ul li{list-style-type:disc;}


section .contenu .background-txt-w { background-color:hsla(229,100%,30%,1.00); color:white; padding:10px; border-radius:10px;}


section .contenu span.background-txt-w {background-color:hsla(200,100%,30%,.5); padding:5px; font-weight:bold;display:inline-block;}

section .contenu .media-flash {padding-top:100px;}

/* ---------- /FIN CONTAINER\ ---------- */

.txt_accroche { font-size:18px; color:hsla(0,0%,60%,1);font-family: 'Open Sans Bold', sans-serif;}


/* ---------- /TABLEAUX\ ---------- */

.contenu table {border-spacing:1px;}
.contenu table tr th {background-color:hsla(229,100%,30%,1.00);padding:5px;
color:white;}

.contenu table tr td {background-color:hsla(0,0%,100%,1); font-size:12px;}

.contenu table tr:first-of-type th:first-of-type {border-radius:10px 0 0 0;}
.contenu table tr:first-of-type th:last-of-type {border-radius:0 10px 0 0;}



/* ---------- /FIN TABLEAUX\ ---------- */



/* ---------- /WEBFONTS\ ---------- */
@font-face {
    font-family: 'folksregular';
    src: url('webfonts/Folks-Normal-webfont.eot');
    src: url('webfonts/Folks-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Folks-Normal-webfont.woff') format('woff'),
         url('webfonts/Folks-Normal-webfont.ttf') format('truetype'),
         url('webfonts/Folks-Normal-webfont.svg#folksregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entyporegular';
    src: url('webfonts/Entypo-webfont.eot');
    src: url('webfonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Entypo-webfont.woff') format('woff'),
         url('webfonts/Entypo-webfont.ttf') format('truetype'),
         url('webfonts/Entypo-webfont.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('webfonts/modernpics-webfont.eot');
    src: url('webfonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/modernpics-webfont.woff') format('woff'),
         url('webfonts/modernpics-webfont.ttf') format('truetype'),
         url('webfonts/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ---------- /FIN WEBFONTS\ ---------- */


/* ---------- /RESPONSIVE\ ---------- */



	
@media print {
	nav#menu {display:none;}
	section:first-of-type {width:100%; padding:10px 0; padding-top:10px;margin:0;}
	section {width:100%; height:auto; padding:10px 0;margin:0; margin-bottom:0;}
	section .contenu {margin:0;}
	section .contenu .block {display:block; width:100%; border:none;}
	section .contenu { width:100%; margin:0; padding:0;}
	nav.top {display:none;}
	html, body {background:white;}
	.main {margin:0; padding:0; background-color:hsla(200,100%,30%,.8); background-size:cover; height:auto; width:100%;  text-align:center; margin-top:-100px;}
.main-contenu {margin:0 auto; width:100%; padding:5px;}  /*position:absolute; top:20%; left:20%;*/ 
.main-contenu a {margin:5px; margin-top:15px; display:inline-block; font-size:16px; padding:10px;  color:white; opacity:1;}
.main-contenu a:hover {opacity:0.5;}

.main-contenu p {font-size:18px; margin:5px;}

section .contenu h1 {margin:10px; font-size:24px; color:hsla(229,100%,30%,1.00); text-align:center; text-transform:uppercase; font-family: 'Open Sans Bold', sans-serif;}
	}