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

body {
	width:100%;
	height:100%;
	margin:auto;
	background-color:black;
	margin-top:0.2%;
	}

img {
	border:0px;
	}

.italique {
	font-style:italic;
	}

.cacher {
	display:none;
	}

/* ------------------------------ style bandes noires ------------------------- */
#premiere_bande {
	background-color:black;
	padding-left:1%;
	padding-top:0.5%;
	padding-bottom:0.4%;
	}

#deuxieme_bande {
	background-color:black;
	color:white;
	font-family:"Das Reicht Gut Regular", "Franklin Gothic Medium", sans-serif;
	font-size:90%;
	padding-top:2%;
	padding-bottom:2%;
	text-align:center;
	width:100%;
	}
#deuxieme_bande a {
	text-decoration:none;
	color:white;
	}


/* -------------------------- style de la barre de menus ------------------------ */
#menu {
	font-family:"Myriad Pro", "Franklin Gothic Medium", sans-serif;
	font-size:110%;
	width:100%;
	margin-right:0%;
	padding-right:0%;
	position:absolute;
	margin-left:38.5%;
	}

dl {
	margin:0%;
	padding:0%;
	}

#menu dl {
	float: left;
	width: 15%;
	}

#menu dt {
	cursor: pointer;
	text-align: center;
	border: 1px solid black;
	color: black;
	text-decoration: none;
	}
#menu dt a {
	text-decoration:none;
	color:black;
	}



		/* -------------- spécifications de chaque menu ----------------*/
			.vert {
				background:#01D30C;
				}
			#ss_menu1:hover {
				color:#01D30C;
				} 

			.rose{
				background:#e31987;
				}
			#ss_menu2:hover {
				color:#e31987;
				} 

			.jaune {
				background:#FFFF00;
				}
			#ss_menu3:hover {
				color:#FFFF00;
				}

			.bleu {
				background:#3399FF;
				}
			#ss_menu4:hover {
				color:#3399FF;
				}
			
			#ss_menu5:hover {
				color:#666666;
				}
			#ss_menu6:hover {
				color:#666666;
				}

#panoramique {
	padding-top:0.6%;
	}

.grey {
	color:#999999;
	text-decoration:none;
	font-family:"Myriad Pro", "Franklin Gothic Medium", sans-serif;
	}

.banniere {
	background-color:black;
	}