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

body {
	width: 900px; /* pour un écran 1024x768 (reporter la taille dans #en_tete */
	margin: auto; /* Pour centrer notre page */
	margin-top: 5%; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color:green;
	-moz-border-radius: 10px;
}

.choix_langue tr img {
	border:none;
	height:16px;
	width:16px;
}

#corps {
	background-image:url(images/feuille.jpg);
	background-repeat: no-repeat;
/*	background-size: 100%; */
	min-height:500px;
}

#corps img {
	border:0;
}

#menu_circle {
/*	float;*/
	position:absolute; 
/*	position:relative; */
/*	width:900px; */
/*	top: 0px;
	left: 0px;; */
	text-transform: capitalize;
	list-style-image: url(images/puce_menu_item.png);
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	/*	text-decoration: underline; */
	list-style-position: inside;
/*	text-align: center; */
	vertical-align: text-top;
/*	line-height: 0pt; */
}

#menu_circle img {
	vertical-align:text-top;
}

#menu_circle a {
	color:white;
	text-decoration:underline;
	font-size:0.8em;
/*	z-index:2;*/
}

#menu_circle a:hover {
	color:lightgrey;
}

.short_desc {
	color: white;
	font-weight: normal;
	background-image: url(images/rond_bleu.png);
	background-repeat: no-repeat;
/*	opacity: 0.9; */
	padding: 60px;
	/*	margin-top: 10px; */
	width:250px;
	text-align: justify;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
}

.last_actu {
	color: white;
	font-weight: normal;
	background-image: url(images/rond_actu.png);
	background-repeat: no-repeat;
/*	opacity: 0.9; */
	/*	padding: 10px; */
	/*	margin-top: 10px; */
	width:250px;
	text-align: center;
	vertical-align:middle;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

.info {
	color: black;
	font-weight: normal;
	background-image: url(images/rond_info.png);
	background-repeat: no-repeat;
/*	opacity: 0.9; */
	/*	padding: 10px; */
	/*	margin-top: 10px; */
	width:250px;
	text-align: center;
	vertical-align:middle;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

#titre {
	position:relative;
	left:-5%;
	bottom:50px;
}

.logo {
	float:left;
	border:none;
}

.planeta {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 5em;
	letter-spacing: 7px;
	line-height: 0pt;
}

.b {
	font-family: "Times New Roman", Times, serif;
	color: green;
	font-size: 7em;
	letter-spacing: 7px;
}

.r {
	font-family: "Times New Roman", Times, serif;
	color: yellow;
	font-size: 7em;
	letter-spacing: 7px;
}

.s {
	font-family: "Times New Roman", Times, serif;
	color: blue;
	font-size: 7em;
	letter-spacing: 7px;
}

.l {
	font-family: "Times New Roman", Times, serif;
	color: lightgrey;
	font-size: 7em;
	letter-spacing: 7px;
}

#pied_de_page p {
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
	color: darkgrey;
}