body,html{margin:0;padding:0;background-color: #798893;}

.texte_legende
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-style: italic;
}
.texte_horaires
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
.texte_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
}
.texte_note
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: justify;
}
.titre1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.titre2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}
.titre3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline ;
}
.texte_menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #59636b;
	font-weight: bold;
	text-decoration: none;
}
.texte_menu_blanc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.texte_submenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #59636b;
	text-decoration: none;
	
}
.texte_submenu_blanc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	
}
.texte_mentionsL
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #59636b;
	text-align:center;
}
.texte_mini
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align:center;
}
.texte_mini2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}
a:link {
	color: #59636b;
	text-decoration: none;
}
a:visited {
	color: #59636b;
	text-decoration: none;
}
a:hover {
	color: #861b1c;
	text-decoration: none;
}
a:active {
	color: #861b1c;
}

.border_image
{
	border:1px solid #ffffff;
}

/*articles*/

#article
{
	background-color: #798893;
	width: 95%;
	margin: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
#admin
{
	background-color: #798893;
	width: 85%;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
#archive
{
	background-color: #798893;
	width: 95%;
	margin: left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.img
{
	border:1px;
	border-color: white ;
	border-style: solid;
	border-width: thin;

}


.header
{
	background-color: #798893;
	background-repeat: no-repeat;
	padding:20px 20px 0px 0px;
	height: 20px;
}
.title_menu
{
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding:10px 10px 10px 0px;
	text-decoration: none;
}
.title
{
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	
	text-decoration: none;
}
.rouge
{
	font-weight: bold;
	color: red;
}
.aut 
{
	
	color: #FFFFFF;
	font-size: 12px;
	
	text-decoration: none;
}
.chapeau 
{
	
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	text-decoration: none;
/*	font-weight: bold;*/
}

.chapeau_article
{
	
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	font-weight: bold;
	text-decoration: none;
/*	font-weight: bold;*/
}
.content 
{
	
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	text-decoration: none;
}

.suite
{
	font-size: 12px;
	text-decoration: none;
}
.lien
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	
}
.titre_vign
{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
}	

/* galerie*/

.galerie
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 100px 100px 30px 30px;
	text-decoration: none;
	border:1px;
	border-color: white ;
	border-style: solid;
	
}

/* footer*/

a.image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     float:left;
     width: 30px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(../images/fr.creativecommons.org_gris.png); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/fr.creativecommons.org_rouge.png); /* source de l'image d'arrivée */
     }
