body {
	font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background: url(http://coicault.com/images/coicaultPlanMedianBas.png) repeat-y;
	margin:0 }

#vousEtesIci { background-color: #fdf5e6; padding-left: 10px; padding-right: 10px; }
#menu { float: left; padding-left: 25px;padding-right: 10px; width: 200px }
#main { margin-left: 240px; padding-right: 10px; padding-left: 20px }
#island {
	background-color: #ffefef;
	margin-left: 0px;
	border: dotted 1px #224444;
	padding: 10px;
	}

p   { font-size: 10pt; margin-top: 3pt; margin-bottom: 3pt }
br { font-size: 3pt; }
a  { text-decoration: none; margin-top: 3pt; margin-bottom: 3pt }
a:hover    { background-color: #dddddd; border-bottom: solid 1px #557777}
td  { font-size: 10pt }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }

h1  { color: #224444; font-size: 28pt; margin-top: 10pt; margin-bottom: 20pt }
h2  { color: #335555; font-size: 25pt; margin-top: 20pt; margin-bottom: 10pt }
h3  { color: #446666; font-size: 22pt; margin-top: 17pt; margin-bottom: 10pt }
h4  { color: #557777; font-size: 19pt; background-color: #fdf5e6; margin-top: 15pt; margin-bottom: 10pt }
h5  { color: #668888; font-size: 16pt; margin-top: 13pt; margin-bottom: 10pt }
h6  { color: #779999; font-size: 14pt; margin-top: 11pt; margin-bottom: 8pt }
img { border: 0px }

input:focus, textarea:focus, select:focus { background-color: #ffffe0 }
input:active, textarea:active, select:active { background-color: #ffffe0 }
input:hover, textarea:hover, select:hover { background-color: #fffafa }
input, textarea, select  { background-color: #faf0e6; border: solid 1px }
input, textarea  { background-color: #faf0e6; border: solid 1px; font-size: 9pt; }

#loginBlocFS {padding-left:5px}

dt { font-weight: bold; }
code { color: fuchsia; font-size: 80%; margin-left: 25pt; }


/* <-   loginBloc -> */
#loginBlocDiv { margin-top: 18px; margin-bottom: 18px; }
/* <- / loginBloc -> */


/* <-   vousEtesIci -> */
.vousetesiciL1 { font-size:70%; }
.vousetesiciL2 { font-size: larger; font-weight:bold; padding-left: 10pt; }
.vousetesiciL3 { font-size:60%; font-weight:normal; padding-left: 20pt; }
/* <- / vousEtesIci -> */

/* <-   menuVertical -> */
.menuvertical { font-size:100%; margin-bottom:10pt; }
.menuverticalN0 { font-size:130%; font-weight: bolder; color:#224444; }
.menuverticalN1 { font-size:120%; font-weight: bolder; color:#446666; }
.menuverticalN2 { font-size:110%; font-weight: normal; color:#668888; }
#menuverticalCurrentSpan { background-color: #999999; color: white; padding-right: 5px;}
#menuverticalCurrentDiv { background-color: #123456; color: white; }

/* <- / menuVertical -> */

/* <-   cinqEtListe -> */
#cinqEtListe { padding-left:5px; border-top: dotted 1px black; border-left: dotted 1px black;}
.celCinq {margin-bottom:7px;}
.celCinqTitre {display:block; font-weight:bold;}
.celCinqExtrait {display:block; font-style:italic;}
.celListe {margin-bottom:5px;}
.celListeDate {}
.celListeTitre {}
/* <- / cinqEtListe -> */

/* <-   agendaListe -> */
#agendaListe { padding-left:5px; border: solid 1px black; }	 /* div englobant */
.agelSortKey {margin-bottom:10px;}		/* menu */
.agel {}	/* div liste integrale */

.agel5 {margin-bottom:7px;}  /* div liste detaillee */
.agel5theme {font-variant: small-caps;}				/* span theme */
.agel5date {font-weight:bold;}	/* span date */
.agel5lieu {font-weight:bold; color:brown;}		/* span region et localite */
.agel5titre  {display:block; font-weight:bold;} 	/* span titre */
.agel5extrait {display:block; font-style:italic;}	/*span extrait */

.agelvrac {margin-bottom:5px;}		/* div liste en vrac */
.agelvracdate {font-weight:bold;}	/* span date */
.agelvraclieu {}	/* span lieu */
.agelvractitre {font-weight:bold;}	/* span titre */

/* <- / agendaListe -> */

/* <-   galerie -> */

.galerieItem {margin-top: 15pt; margin-bottom:7px;}  /* */
.galerieId {font-variant: small-caps; margin-bottom:5pt;}			/* span Id */
.galerieTitre { font-weight:bold; margin-bottom:5pt;}				/* span Titre */
.galerieImage { display:block; background-color:LightGrey; padding:5px; border: solid 1px DimGrey; text-align:center; margin-bottom:5pt;}		/* */
.galerieLegende  {display:block; margin-top:0px;margin-bottom:0px;} 	/* */
.galerieSignature {display:block; font-style:italic;margin-top:0px;}	/* */
.galerieNavigation {display:block; text-align:center; font-size:12pt; font-weight:bold; margin-top:10pt; background-color:transparent;}	/* */

/* <- / galerie -> */


/* <-   liste de liens -> */
.listeDeLiensItem { margin-left: 10px; }
.listeDeLiensLien { padding-left: 12px;
	margin-top: 3px; margin-bottom: 3px;
	background: url(http://atomx.info/interface/Fleche11x11.png) left no-repeat; }
.listeDeLiensLien a { font-variant: small-caps; color: black; }
/* <- / liste de liens -> */



/* <-   multipages -> */

.multipagesItem {margin-top: 15pt; margin-bottom:7px;}  /* */
.multipagesId {font-variant: small-caps; margin-bottom:5pt;}			/* span Id */
.multipagesTitre { font-size:14pt; font-weight:bold; text-align:center; margin-bottom:5pt; display:block;}				/* span Titre */
.multipagesContent { display:block; background-color:#F4F4F4; padding:5px; border: solid 1px #EDEDED; margin-bottom:5pt;}		/* */

/* <- / multipages -> */

/* <-   blogs -> */
.blogTitre  { color: #224444; font-size: 10pt; margin-top: 4pt; margin-bottom: 3pt }
.blogDate   { font-size: 7pt; margin-top: 3pt; margin-bottom: 3pt }
.blogText   { font-size: 8pt; margin-top: 3pt; margin-bottom: 3pt }
/* <- / blogs -> */