/* ============================     RESET STYLES    attention, tout sauf li pour magic line menu ========================================== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, 
pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, 
legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, 
figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

th, td {
	background-clip: padding-box;
}


/* reset */
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
}

/* ================== FONTS ================== */
@font-face {
    font-family: 'astralaga_semiboldregular';
    src: url('webfonts/astralaga_semibold-webfont.eot');
    src: url('webfonts/astralaga_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/astralaga_semibold-webfont.woff2') format('woff2'),
         url('webfonts/astralaga_semibold-webfont.woff') format('woff'),
         url('webfonts/astralaga_semibold-webfont.ttf') format('truetype'),
         url('webfonts/astralaga_semibold-webfont.svg#astralaga_semiboldregular') format('svg');
    /*font-weight: normal;*/
    font-style: normal;
}
@font-face {
    font-family: 'filson_proregular';
    src: url('webfonts/filsonproregular_2-webfont.eot');
    src: url('webfonts/filsonproregular_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/filsonproregular_2-webfont.woff2') format('woff2'),
         url('webfonts/filsonproregular_2-webfont.woff') format('woff'),
         url('webfonts/filsonproregular_2-webfont.ttf') format('truetype'),
         url('webfonts/filsonproregular_2-webfont.svg#filson_proregular') format('svg');
    /*font-weight: normal;*/
    font-style: normal;
}

/* ================== GENERAUX ================== */

body {
	font-family: 'filson_proregular', 'Arial', sans-serif;
	font-size:15px;
	line-height: 1.6em;
	color:#444;
	text-align: left;
	margin:0;
	width:100%;
	height:100%;
	position:relative;
}

a {
	color:#8718d7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.lien_vers_media, a.lien_vers_bio {
	display: block;
	text-decoration: none;
	position: relative;
}
a.lien_vers_media:hover, a.lien_vers_bio:hover {
	left:1px;
	top:0px;
}
a.lien_vers_bio h1 {
	opacity: 1;
}
a.lien_vers_bio h1.interrogation {
	opacity: 0.5;
}
a.lien_vers_bio:hover h1 {
	opacity: 0.5;
}
a.lien_vers_bio:hover h1.interrogation {
	opacity: 1;
}

a.lien_media_selected {
	border-left: 3px solid white;
	padding-left:6px;
}
video {
	width:100%;
	max-height:800px;
}
audio {
	width:100%;
	/*max-height:800px;*/
}

h1,h2,h3 {
	font-family: 'astralaga_semiboldregular', 'Arial', sans-serif;
	font-size:35px;
	line-height: 1.2em;
	margin-bottom:0.8em;
	font-weight: normal;
}
h2 {
	font-size:28px;
	margin-top:0.8em;
	margin-bottom:0.8em;
}
h3 {
	font-size:20px;
	line-height: 1.2em;
	margin-top:0.8em;
	margin-bottom:0.1em;
}
p {
	margin-bottom:0.1em;
}

menu {
	float: left;
	min-height: 100%;
	width:34%;
}
.menu_contenu {
	margin-top:3em;
	width:84%;
	margin-left:8%;
}
.titre_haut_violet {
	display: none;
}
.titre_haut_violet_contenu {
	padding: 3em 0 2em 0;
	width:84%;
	margin-left:8%;
	background-color:#8718d7;
}
img.ALICE_favicon {
	position: relative;
	left:-12px;
}

main {	
	float: left;
	min-height: 100%;
	width:66%;
}
.main_contenu {
	margin-top:3em;
	width:84%;
	margin-left:8%;
}

.clr {
	clear:both;
}

table {
	display: inline-block;
	width:auto;
	margin:0px auto;
	text-align: left;
	border-collapse: collapse;
}
th {
	border: 1px solid #ccc;
	padding:5px;
	text-align: left;
}
td {
	border: 1px solid #ccc;
	padding:5px;
}

a.lien-top {
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/btn_haut.png) top left no-repeat;
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 2000;
}
a.btn_croix_fermer {
	display: none; /* masqué si largeur max */
	width: 37px;
	height: 37px;
	background: url(../images/btn_croix.png) top left no-repeat;
	position: fixed;
	right: 1em;
	top: 1em;
	z-index: 2000;
	
}
img.ALICE_contact_enveloppe {
	width:40px;
}
	
/* ============ RESPONSIVE ================ */

@media (max-width: 1140px) {
	menu {
		width:50%;
	}
	main {
		width:50%;
	}
}

@media (max-width: 600px) {
	menu {
		width:0%;
		display: none;
	}
	menu.menu_width_100pc {
		display: block;
		width:100%;
	}
	main {
		width:100%;
	}
	main.main_width_0pc {
		width:0%;
		display: none;
	}
	a.btn_croix_fermer {
		display: block;
	}
	a.btn_croix_fermer_displaynone {
		display: none;
	}	
	.titre_haut_violet {
		display: block;
	}
}


/* ============ STYLES COMMUNS ================ */

.small3 {font-size: 0.3em!important;line-height: 1em!important;}
.small4 {font-size: 0.4em!important;line-height: 1em!important;}
.small5 {font-size: 0.5em!important;line-height: 1em!important;}
.small6 {font-size: 0.6em!important;line-height: 1em!important;}
.small7 {font-size: 0.7em!important;line-height: 1em!important;}
.small8 {font-size: 0.8em!important;line-height: 1.2em!important;}
.small9 {font-size: 0.9em!important;line-height: 1.3em!important;}

.violet {
	color:#8718d7;
}
.bg_violet {
	background-color:#8718d7;
}
.bleufonce {
	color:#00003f;
}
.bg_bleufonce {
	background-color:#00003f;
}
.noir {
	color:black;
}
.blanc {
	color:white;
}
.gris6, .gris {
	color:#666;
}

.displaynone {
	display: none;
}
strong, b {
	font-weight: bold;
}
.hover_opacity_50:hover {	
	opacity: 0.5;
}