/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */
/* Général */
html {
	font:normal 12px arial;
}

body {
	color: #CCC;
	background: #FFF;
	background-image:url(fond_page.jpg);
	background-attachment:fixed;
}

img {border:none;}

a:link, a:visited {
	text-decoration:none;
	color:navy;
}
a:hover {
	text-decoration:underline;
	color:navy;
}

/* Conteneur central */
#centre {
	background: url(fond_conteneur.png) repeat-y;
}

/* Contenu milieu */
#milieu {
	background: #FFF;
	color: #000;
}

/* Contenu droite */
#droite {
	background: transparent;
 color:#000;
}

/* --- POSITIONNEMENT --- */

/* Page */
#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
  background:navy;
  color:#FFF;
  padding:5px 20px;
  text-align:center;
}

#banniere{
	float:left;
	margin-top:25px;
}

#titre_site{
  margin-left:430px;
  text-align:left
}
#titre_site h1{
  font:bold 20pt arial;
  color:#FFF;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
 padding:5px;
}
/* Colonne de gauche */
#gauche {
	float: left;
	width: 180px;
	padding:5px;
	color:navy;
	font:normal 9pt arial;
	text-align:center;
}

/* Contenu milieu */
#milieu {
	float: left;
 margin-left:10px;
	width: 530px;
 padding:5px;
}

/* Contenu droite */
#droite {
	margin-left: 750px;
	margin-right: 15px;
 padding:5px;
}

/* Pied de page */
#pied {
	text-align:center;
	font:normal 10px verdana;
	background:navy;
	color:gray;
	padding:3px;
}
/***************************************************/
.titre {
	font:bold 8pt arial;
	color:navy;
	padding:2px;
	text-align:center;
	background-image:url(fond_titre.gif);
	background-repeat:repeat-x;
}

.titre_haut {
	font:bold 8pt arial;
	color:navy;
	padding:2px;
	text-align:center;
	background-image:url(fond_titre_grand.gif);
	background-repeat:repeat-x;
}

/* calendrier */
.main {
	width:100%;
	font: normal 11px arial;
	text-align: center;
	margin: 0 auto;
	background-color: transparent;
}
.month {
	font-weight: bold;
	font-size: 10pt;
	background-color: navy;
	color: #FFF;
}
.daysofweek {
	background-color: #CACACA;
	font-weight: bold;
	color:#FFF;
}
.days {
	padding: 3px 5px;
	background-color: #EAEAEA;
	color: #000;
}
.today{
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	background-color: navy;
}
/* fin calendrier */

#derniers{
	background:#EAEAEA;
	text-align:left;
	font:bold 8pt arial;
	color:navy;
	padding:2px 0px;
}
#visites{
	background:#EAEAEA;
	text-align:center;
	font:bold 10pt arial;
	color:navy;
	padding:2px 0px;
}
#news{
	/*height:200px;*/
	background:#EAEAEA;
	text-align:left;
 font:normal 9pt arial;
	color:navy;
	/*overflow:auto;*/
}
/* début votre attention*/ /*-- pour le script news-scroller --*/
#pscroller1{
  width:218px;
  height:120px;
  padding:3px;
  background-color:#EAEAEA;
  font-family:arial;
  font-size:9pt;
  text-decoration:none;
  color:#000080;
  text-align:justify;
}
.classcrollA:link{text-decoration:underline;color:#000080;}
.classcrollA:visited{text-decoration:underline;color:#000080;}
.classcrollA:active{text-decoration:underline;color:red;}
.classcrollA:hover{text-decoration:underline;color:red;}
/* fin votre attention*/