/* GENERAL*/
body 
	{ background-color: #cfbdc0; font-family: Verdana, Arial, Georgia, serif; font-size: 0.9em; font-style: normal; color:#3b3b3b; }
	strong {text-transform: uppercase; font-weight: bold; }
	em {font-style: italic; font-weight: bold; }
	q {font-style: italic; }	
	a {text-decoration: none;}
	h1 {padding-top: 20px; padding-bottom: 20px; margin-top: 0; margin-bottom: 0; background-color: #ebe5e6; font-size: 2em; text-align: center; }
	h2 {padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; ; font-size: 1.5em; text-align: center; }
	sm {font-size: 0.9em;}
	sm2 {font-style: italic; font-size: 0.8em;}header a {color: #d2b162; font-family: Verdana, Arial, Georgia, serif; font-weight: bold; margin-bottom: 20px;}
	
/*EN-TETE*/
	/*En-tête 1 - News + Playlist*/
		#header { 	display: inline-block; width: 99%;  margin: auto; margin-top: 10px; background: url('images/design/bandeau_1.png') no-repeat; 
					background-size: contain;  }
	/*En-tête 2 - News English - SKYLAB*/
		#header2{ 	display: inline-block; width: 99%;  margin: auto; margin-top: 10px; background: url('images/design/bandeau_3.png') no-repeat; 
					background-size: contain;  }
	/*Logo en-tête + Titre*/
	#logo_page {display: inline-block; width: 15%; height: 230px; margin: 20px; opacity: 0.9;}
	#logo_page img {width: 100%;}
	#logo_page a {background: none;}
	#titre { display: inline-block; padding-top: 20px;  }

/*FOOTER*/
	#container_footer {width: 90%; display: flex; margin: auto; justify-content: center;align-items: center;}
	#container_footer img {width: 60%;}
	
/*MENU*/
	.menu { display: flex; }
	.menu > :nth-child(2) { margin-right: auto; }
	.menu a { padding: 10px; }
	
/*LIENS*/
	#liens { position: fixed; float: left; top: 60%; width: 8em; margin-top: -2.5em; }
	#arrow { position: fixed; right: -45px; top: 60%; width: 8em; margin-top: -2.5em; }

/*INDEX*/
	#nav_index {width: 17%; height: 97%; float: left; background-color: black; opacity: 0.9; margin: 5px;  text-align: center;}
	#nav_index img { margin: 5px; }
	.nav_index_logo img { margin: 5px; width: 98%;}
	#nav_index a {background: none; }
	#cont_index { height: 99%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-end;margin: 15px;  }
	.index_item { background-color: #c3971c; margin: 5px; padding: 5px;opacity: 0.85; color: #050504;}
	.index_item:nth-child(2) { background-color: #cdaf68; }
	#nav_index_d {width: 17%; float: right; background-color: black; opacity: 0.9; margin: 5px;  text-align: center; color: white;}
	#nav_index_d img { margin: 5px; width: 90%;}

/*NEWS*/
	#container_news { width: 93%; display: flex; flex-wrap: wrap; margin: auto;}
	#cont_news { margin: 2px; padding: 5px; background-color: #ebe5e6; width: 48%;}
	.image { margin: 5px; text-align: center;}
	.image img {width: 150px; }
	.image img:hover {width:50%;}
	.news_texte { margin: auto; padding: 5px; line-height: 17pt; }
	.news_texte a {background: #efb921; font-weight: bold; color: #3b3b3b;}

/*PLAYLIST*/
	#container_playlist {width: 93%;  display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto; padding: 5px; background-color: #685f60;  }
	#cont_playlist {  margin: 5px; padding: 5px; background-color: #ebe5e6; width: 20%; }
	.pl_image { margin: auto; text-align: center;}
	.pl_image img {width: 98%; }
	.playlist_texte { margin: auto; padding: 5px;  	}
	#cont_playlist_2 { margin: 2px; padding: 5px; background-color: #ebe5e6; width: 13%; }
	.pl_image_2 { margin: auto; text-align: center;}
	.pl_image_2 img {width: 99%; }

/*SKYLAB*/
	#container_skylab {width: 90%;  display: flex; margin-left: 60px; padding: 5px; background-color: #685f60;  }
	#container_skylab a {color: #efb921; font-weight: bold;}
	#skylab_top {width: 90%;  display: flex; margin-left: 60px; padding: 5px; background-color: #685f60;  }
	#skylab_top img {width: 99%;}
	.skylab_top {width: 33%; padding: 5px;padding: 5px; color: white; line-height: 20pt; }
	.skylab_top:nth-child(1){flex: 2; }
	.skylab_top a {color: #efb921; font-weight: bold;}
	#cont_skylab { margin: 2px; padding: 5px; background-color: #ebe5e6; width: 20%; }
	.sk_texte { padding: 5px; color: white; line-height: 20pt;}
	.sk_texte a {color: #efb921; font-weight: bold;}
	#container_skylab_2 {width: 90%;  display: flex; flex-wrap: wrap; justify-content: space-around; margin-left: 60px; padding: 5px; background-color: #685f60;  }	
	#cont_skylab_2 { margin: 2px; padding: 5px; background-color: #ebe5e6; width: 155px; }	
	.sk_texte_2 { margin-left: 10px; padding: 5px; color: white; line-height: 20pt;	}
	.sk_texte_2:nth-child(1) img {width: 450px;}
	.sk_texte_2:nth-child(2){ flex: 2; }
	.sk_texte_2 h1 { background: none; text-align: left; padding: 5px; text-transform: uppercase;}
	.sk_texte_2 h2 { text-align: left; color: #efb921; padding: 5px; font-size: 1.3em;}

/*FORMULAIRES (recherche + archives)*/
	input, textarea, select { padding:2px; border:1px solid #615a5c; border-radius:5px; font-family: Verdana, Arial, Georgia, serif; }
 
/*ARCHIVES ET RECHERCHE*/
	#archives {width: 98%; margin-top: 5px; margin-left: 10px;  padding-left: 1%; text-align: center; }
	.archives {padding:5px; width: 49%; height: 50px; float: left;background-color: black ; opacity: 0.5; color: white; margin-bottom: 10px;}