/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* redéfinition de la balise HTML body */
/* merci aux conseils de www.alsacreations.com/articles */
/* CSS fluide qui s'adapte à l'écran */
/* Chaque conteneur à ses propres descriptions d'aspect des liens  */
/* a, a hover etc. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Attention les définitions de couleur doivent être en minuscules
/* le compilateur de la version 1.8 comprend les # suivis de majuscules
/* comme une commande SPIP
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
width: 100%;
height: 100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#8c5488;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* force le retour à la ligne, le plus souvent appliqué à <br> */
.clear {
	clear: both;
	font-size:0;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Entête */
/* Entête de la page d'accueil destinée à contenir la bannière principale */
#enteteaccueil {
height: 80px;
background-color: #8c5488;
text-align: center;
}
#enteteaccueil p {
margin: 0;
padding: 0;
}
/* Entête des autres pages destinée à contenir une bannière plus étroite */
#enteteautre {
height: 30px;
background-color: #8c5488;
text-align: center;
}
#enteteautre p {
margin: 0;
padding: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone de menu haute */
#menuhaut {
height: 1.5em;
background-color:#8c5488;
text-align:right;
}
/* Les intitulés du menu haut sont présentés sous forme de liste */
.menuhaut {
	list-style-type: none;
	margin: 0 30px 0 0;
	padding:0;
	font-size: 0.85em;
}
.menuhaut li {
display: inline;
}
/* aspect des liens du menu haut */
.menuhaut a {
color: #ffffff;
text-decoration: none;
}
.menuhaut a:hover {
color: #999999;
text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone du chemin de progression */
#cheminprogression {
height: 1.5em;
background-color:#8c5488;
}
/* Les intitulés du chemin de progression sont présentés sous forme de liste */
.cheminprogression {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding:0;
	font-size: 0.85em;
}
.cheminprogression li {
display: inline;
}
/* aspect des liens du chemin de progression */
.cheminprogression a {
color: #ffffff;
text-decoration: none;
}
.cheminprogression a:hover {
color: #999999;
text-decoration: none;
}
/* définition de paragraphe pour le chemin de progression*/
#cheminprogression p {
	margin: 0px 0px 0px 20px;
	font-size: 0.85em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Conteneur de l'ensemble de la page */
#conteneurglobal {
margin-right: 30px;
margin-left: 260px;
background-color:#ffffff;
zoom: 1.0;
}
/* définition de paragraphe principal*/
#conteneurglobal p {
	margin: 0px 10px 12px;
}
/* aspect des liens dans la partie centrale */
#conteneurglobal a {
color: #0033ff;
text-decoration: underline;
}
#conteneurglobal a:hover {
color: #0033ff;
text-decoration: none;
}
/* Les intitulés du menu gauche sont présentés sous forme de liste */
.conteneurglobal {
list-style-type: none;
margin: 0 10px 15px;
padding:0;
}
.conteneurglobal li {
margin-bottom: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone a gauche de l'écran */
/* Zone qui va contenir le contenu menu gauche */
/* Note : cette zone peut contenir une image en background */
#gauche {
position: absolute;
left: 10px;
width: 220px;
background-color: #09c3d3;
/*border: 1px solid #000000;*/
}
/* la partie gauche s'encadre parfaitement dans le conteneur gauche*/
#partiegauche {
margin-top: 0px;
margin-right: 0px;
padding:0;
background-color: #09c3d3;
}
/* définition de paragraphe pour le menu gauche*/
#partiegauche p {
margin: 0px 0px 0px 10px;
font-weight: bold;
}
/* aspect des liens du menu gauche */
#partiegauche a {
color: #000000;
text-decoration: none;
font-size: 0.85em;
}
#partiegauche a:hover {
color: #66ffcc;
text-decoration: none;
}
/* Les intitulés du menu gauche sont présentés sous forme de liste */
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 3px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Zone conteneur à droite de l'écran */
/* Zone qui va contenir le contenu menu droit */
/* Note : cette zone peut contenir une image en background */
#droite {
position: absolute;
right: 10px;
width: 220px;
background-color: #09c3d3;
/*border: 1px solid #000000;*/
}
/* la partie droite s'encadre parfaitement dans le conteneur droit*/
#partiedroite {
margin-top: 0px;
margin-left: 0px;
background-color: #09c3d3;
}
/* définition de paragraphe pour le menu droit*/
#partiedroite p {
	margin: 0px 0px 0px 5px;
	font-weight: bold;
}
/* Aspect des liens du menu droit */
#partiedroite a {
font-size: 0.85em;
color: #000000;
text-decoration: none;
}
#partiedroite a:hover {
color: #66ffcc;
text-decoration: underline;
}
/* Les intitulés du menu droit sont présentés sous forme de liste */
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Pied de la page */
#pieddepage {
height: 1.5em;
background-color: #8c5488;
}
/* Les intitulés du pied de page sont présentés sous forme de liste */
.pieddepage {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding:0;
	font-size: 0.85em;
}
.pieddepage li {
display: inline;
}
/* aspect des liens du pied de page */
.pieddepage a {
color: #ffffff;
text-decoration: none;
}
.pieddepage a:hover {
color: #999999;
text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles de contenu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* paragraphes */
h1, h2, h3, h4{
font-weight: bold;
margin: 1em;
}
h1 {
font-size: 1.4em;
line-height: 1.6em;
}
h2 {
font-size: 1.3em;
line-height: 1.3em;
}
h3 {
font-size: 1.1em;
}
h4 {
font-size: 0.85em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* citations associées aux articles */
#citations {
	text-align: left;
	font-size: 1.3em;
	color: #FFFFFF;
	margin: 0 20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Squelette EVA */
/******************************************
	AGENDA : affichages spécifiques
	à l'agenda (rubrique-agenda.html)
******************************************/

table.agenda {
	width:100%;
}
table.agenda, table.agenda tr, table.agenda th, table.agenda td {
	font-size: 12 px;
	padding:0;
	margin:0 0 20px 0;
}
table.agenda th form {
	display: inline;
}
table.agenda td img {
	float:left;
}
table.agenda th, table.agenda td {
	padding:2px;
	width:14%;
}	
table.agenda td {
	height:50px;
	vertical-align: top;
}	
.agendaNav {
	background-color: /*fond_menu*/ #0000FF;
	border:2px solid #000099;
	text-align: center;
	-moz-border-radius: 8px;
}

/* liens de l'agenda - rajout par rapport au squelette EVA original */
.agendaNav a {
color: #ffffff;
text-decoration: none;
}
.agendaNav a:hover {
color: #999999;
text-decoration: none;
}
/* liens de l'agenda */

.agendaHead {
	background-color: /*fond_titre*/ #fff7c0 ;
	border:1px solid #000099;
	text-align: center;
	-moz-border-radius: 5px;
}
.agendaThisDay {
	background-color: /*fond_menu_on*/ #999999;
	border:1px solid #000099;
	-moz-border-radius: 5px;
}
.agendaThisMonth {
	background-color: /*formulaires*/ #999999;
	border:1px solid #000099;
	-moz-border-radius: 5px;
}

.agendaNotThisMonth{
	background: /*fond_menu*/ #666666;
	border:1px solid /*texte_clair*/#666666 ;
	-moz-border-radius: 5px;
}

table.agenda select, table.agenda input {
	font-size: 10px;
}
table.agenda option.on {
	background: /*fond_menu*/ #ffe095 ;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.agendaNotThisDay  { 	background: /*fond_menu*/ #666666;
	border:1px solid /*texte_clair*/#666666 ;
 }