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

#menu {
	float:right;
/*	position:relative; */
/*	top: 1%; */
/*	left: 20%;*/
	text-transform: capitalize;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
/*	font-style: italic; */
	/*	text-decoration: underline; */
	text-align: center;
/*	line-height: 0pt; */
	margin:2%;
	margin-top: 3%;
	/*width:550px;*/
	width: 650px;
	white-space: nowrap;
}

#menu td {
}

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

#menu a {
	color:white;
/*	text-decoration:underline;*/
	font-size:1em;
}

#menu a:hover {
	color:silver;
}

#widgets {
/*	float:right; */
	position:fixed;
	right:1%;
/*	left:80%;*/
	top:12%;
	width: 175px; /* Très important : donner une taille au menu */
	margin:1%;
}

#right_widgets {
	float:right;
/*	left:200px;*/
	width: 175px; /* Très important : donner une taille au menu */
	margin:1%;
	margin-top:3%;
}

#left_widgets {
	float:left;
/*	left:200px;*/
	width: 175px; /* Très important : donner une taille au menu */
	margin:1%;
	margin-top:3%;
}

#left_widgets_fix {
/*	float:left;*/
	position:fixed;
	left:1%;
/*	left:80%;*/
	top:12%;
	width: 175px; /* Très important : donner une taille au menu */
	margin:1%;
}

.wBlock {
	/*   background-image: url("images/motif.png");
   background-repeat: repeat-x;*/
   
/*	border: 1px solid black; */
/*	font-size: 1.2em; */
/*   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
	background-image: url("images/fond_h3.png"); /* Une petite image de fond sur les titres h2 */
	background-repeat: repeat-x; /* L'image ne se répètera pas, elle sera à gauche du titre */
	background-color: #008800; /* vert foncé */
	margin-bottom: 20px;
	padding:1%;
	padding-bottom:10px;
	-moz-border-radius: 20px;
}

.wBlock h3 {
	/*	color: #000000;	*/
	color:white;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	text-transform: uppercase;
}

/*.wBlock ul {
/*   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
/*	padding-left: 30px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
/*	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
/*	margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
/*	text-transform: capitalize;
/*}*/

.wBlock a {
	color: #FFFF00;
	text-decoration: none;
/*	display: block;*/
}

.wBlock a:hover {
	/*	background-color: #B3B3B3;*/
/*	color: #FFCC00;	/*	list-style-image: url("images/coiffe_puce_enabled.png");*/
	background-color: #00CC00; /* vert clair */
}

.wBlock p {
	color:black;
	text-align: justify;
	text-indent: 0px;
	font-weight: normal;
/*	padding: 2%;*/
	text-transform:none;
	margin:0px;
/*	line-height:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;*/
}

.wBlock span {
	/*	background-color:#00FFFF; */
	text-align: center;
	font-size:0.9em;
	line-height:1.3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.actus {
/*	margin-left:-10px;*/
}

.actus ul {
	padding:0 25px 0 25px; /* haut droite bas gauche */
/*	margin:0;*/
}

.actus li {
	color:white;
	list-style-image: url(images/logo_globe_small.png);
	font-weight: bold;
/*	list-style-position: inside;*/
}

.actus p a {
	display:inline;
}

.contenu {
	margin: 5%;/* 5% 0% 5%; /* haut droite bas gauche */
	min-height:400px;
}

.contenu td img {
	border-width:2px;
	border-color:white;
	border-style:solid;
}

.transbox {
	width: 70%;
	height: 100%;
/*	margin: 30px 50px; */
	background-color: #ffffff;
	/*	border: 1px solid black; */
  /* for IE */
	/* CSS3 standard */
	opacity:0.3;
/*	padding: 5% 5%; */
	padding:5% 15%;
	filter:alpha(opacity=30);
}

.transbox p {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	word-spacing: 1px;
	text-align: justify;
	opacity:1;
	filter:alpha(opacity=100);
}

.navbar {
	-moz-border-radius: 20px;
	background-color: #BBBBBB;
	margin-bottom: 5px;
	background-image:url("images/navbar_fond.png");
	background-repeat: repeat-x;
	margin: 2px 0px 2px 0px; /* haut droite bas gauche */
}

.navbar td {
	color:black;
	vertical-align:middle;
	font-weight: bold;
}

.navbar a img {
	border-width: 0px;
	vertical-align:bottom;
}

.explorateur {
	color:black;
	vertical-align:top;
	width:20%;
}

.explorateur a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:black;
}

.explorateur a img {
	border-width: 0px;
	vertical-align:bottom;
}

.explorateur a:visited {
	color:black;
}

.contenu_multimedia {
	width:80%;
/*	max-width: 100%;*/
}

.folder {
	padding:1px 5px 1px 5px; /* haut droite bas gauche */
}

.current_folder {
	color:white;
	background-color:#3366cc;
	padding:1px 5px 1px 5px; /* haut droite bas gauche */
}

.contacts {
/*	display:inline; */
}

.contacts td img {
	border-width: 0px;
}

.contacts td span {
	font-weight: bold;
	text-transform: capitalize;
}

.agenda {
	color:white;
	line-height: 150%;
	font-size: 1.0em;
}
.agenda a {
	font-size: 0.7em;
}

.affiche {
	clear:left;
	float: left;
	margin-right: 2%;
	width: 30%;
}

.date {
	color: white;
}

.clear_left {
	clear:left;
}