/*
 * Cette feuille de style est propre au site
 * de l'ASOM (Académie des Sciences d'Outre-Mer).
 * Ce site a été conçu et développé par
 * Olivier Tilloy pour Diese (www.diese.org). 
 */

body
{
	background-color : #369;
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 15px;
}

a
{
	text-decoration : underline;
	background-color : transparent;
	color : #369;
}

a.email:before
{
	content : url(img/email.png);
}

a.retour:before
{
	content : url(img/retour.png);
}

a:hover, a:active
{
	text-decoration : none;
	color : #007ebb;
}

#page
{
	margin : 1%;
	background-color : #fff;
	border-style : solid;
	border-color : #333;
	padding : 2%;
}

#barre_menu
{
	position : absolute;
	padding : 5px;
	width : 20%;
	left : 4%;
	top : 5%;
	background-color : #fff;
}

#barre_menu img
{
	width : 100%;
	margin-bottom : 10px;
}

.menu h1
{
	text-transform : uppercase;
	font-size : 16px;
	background-color : #369;
	color : #fff;
	padding-left : 5px;
	padding-right : 5px;
	margin : 0;
	margin-bottom : 1px;
}

.menu ul
{
	margin : 0;
	margin-bottom : 5px;
	padding : 0;
	line-height : 120%;
}

.menu li
{
	margin : 0;
	padding : 0;
	display : inline;
	list-style : none;
}

.menu a
{
	display : block;
	text-decoration : none;
	background-color : transparent;
	color : #369;
	font-size : 15px;
	padding-left : 3px;
	padding-right : 3px;
	margin-bottom : 3px;
}

.menu a.page_actuelle
{
	color : #ce6700;
}

.menu a:hover, a:active
{
	background-color : #caedff;
}

#titre
{
	margin : 1%;
	margin-left : 24%;
	margin-top : 50px;
	margin-bottom : 50px;
	text-align : center;
	color : #0000a0;
}

#titre h1
{
	font-size : 30px;
}

#news
{
	overflow : hidden;
	margin : 1%;
	margin-left : 24%;
	border-style : dotted;
	border-width : 1px;
	border-color : #0000a0;
	background-color : #e1f0ff;
	padding : 15px;
	font-size : 15px;
	font-style : italic;
	color : #800000;
	width : 66%;
}

#news:hover
{
	background-color : #ffff80;
}

#contenu
{
	margin : 1%;
	margin-left : 24%;
	margin-top : 0;
	border-style : solid;
	border-width : 1px;
	border-color : #8080c0;
	padding : 2%;
	padding-bottom : 15px;
}

#contenu h1
{
	color : #0000a0;
	margin-bottom : 20px;
	border-style : solid;
	border-width : 0;
	border-bottom-width : 2px;
	font-size : 23px;
}

#contenu h2
{
	color : #007ebb;
	border-style : dotted;
	border-width : 0;
	border-bottom-width : 1px;
	margin-top : 35px;
	font-size : 20px;
}

/* non utilisé
.bloc
{
	clear : both;
}
*/

.paragraphe
{
	margin-bottom : 20px;
}

.paragraphe img
{
	border : 0;
}

.paragraphe img.droite
{
	float : right;
	margin-left : 12px;
}

.paragraphe img.gauche
{
	float : left;
	margin-right : 12px;
}

.paragraphe img.centre
{
	text-align : center;
	margin : auto;
}

.paragraphe table
{
	width : 98%; /* Pas 100% car BUG de IE6 qui décale le tableau vers le bas... */
	margin-top : 15px;
	margin-bottom : 7px;
}

.paragraphe ul li
{
	list-style-image : url(img/fleche.png);
	margin-bottom : 10px;
}

.paragraphe table.tableau th
{
	text-align : left;
	background-color : #ddf;
	padding : 2px;
	width : 50%;
}

.paragraphe table.tableau td
{
	background-color : #eaeaf4;
	padding : 2px;
	width : 50%;
}

.paragraphe ul.seances li
{
	margin-bottom : 20px;
}

.date
{
	display : inline;
	font-weight : bold;
}

.intitule
{
	display : inline;
	font-style : italic;
	color : #482400;
}

span.remarque
{
	font-weight : bold;
	text-decoration : underline;
}

#top
{
	margin-top : 40px;
	margin-bottom : 0;
	text-align : right;
	clear : both; /* Problème avec IE6 si le contenu est moins haut que le menu... */
}

#maj
{
	font-size : 10px;
	float : right;
	margin-right : 1em;
}

#webmestre
{
	margin-left : 20px;
}

#validation
{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

#validation img
{
	border-style : none;
}

hr
{
	clear : both;
	visibility : hidden;
}