/*
 ***********
 * Redefinition des balises
 ***********
 */

body
{
font-family : Verdana,Arial,Helevetica,sans-serif;
color:#000;
font-size : 0.9em;
}

h2, h3, h4 {
font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
}

h1
{
/*font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;*/
font-family:Comic sans MS;
color:#000
text-transform:uppercase;
}

h2 {
margin : 0.5em 2%;
color: gray;
font-size : 1.5em;
}

h3 {
font-size : 11px;
margin : 0.5em 3%;
color: #000;
font-size : 16px;
}

p {
/*font-family : Verdana,Arial,Helevetica,sans-serif;*/
font-size : 12px;
color:#000;
margin : 1em 3% 1em 3%;
}

ul
{
font-family : Verdana,Arial,Helevetica,sans-serif;
color:#000;
font-size : 0.9em;
}

a
{
	color : darkblue;
	font-family : Verdana;
	font-weight : bold;
}
A:hover {
	BACKGROUND-COLOR: orange;
	TEXT-DECORATION: underline;
}
A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	BACKGROUND-COLOR: orange;
	TEXT-DECORATION: none
}


/*
 * Definition des id
 */

#header {
text-align : center;
vertical-align: top;	
/*background-color: #F4F5FF;*/
color:#000;
border:1px solid darkblue;
margin : 0;
}

#contenu{
font-weight: bold;
color:darkblue;
}

#footer{
text-align : center;
text-align: center;
vertical-align: top;
font-family : Verdana,Arial,Helevetica,sans-serif;
font-weight: bold;
font-size : 0.8em;
color:darkblue;
background-color:#fff;
border:1px solid darkblue;
padding: 5px
/*position:absolute;*/
}

#sommaire{
position:absolute;
width:20%
}

/*
#menu{
font-family : Verdana,Arial,Helevetica,sans-serif;
font-weight: bold;
color:darkblue;
border:1px solid darkblue;
padding:2px;
text-valign: top;
font-size : 0.8em;
}
*/

#credit{
font-family : Verdana,Arial,Helevetica,sans-serif;
/*font-weight: bold;*/
color:darkblue;
/*border:1px solid darkblue;*/
padding:2px;
text-valign: top;
text-align: center;
font-size : 10px;
}


#compteur{
font-weight: bold;
color:darkblue;
border:1px solid darkblue;
padding:2px;
font-size : 0.8em;
}

#texte{
position:absolute;
left:25%;
color:darkblue;
font-weight : normal;
}

/* 
 * Definition des classes
 */

.menu{
font-family : Verdana,Arial,Helevetica,sans-serif;
font-weight: bold;
color:darkblue;
border:1px solid darkblue;
padding:2px;
text-valign: top;
font-size : 0.8em;
}


.imgAccueilPeinture {
padding: 0.5em;
width: 595px;
}

.CimgAccueilPeinture {
text-align: center;
padding: 0.5em;
}

.imgAccueil {
text-align: center;
padding: 0.5em;
}

.citation {
text-align: right;
font-size : 10px;
font-weight : bold;
font-family : Verdana,Arial,Helevetica,sans-serif;
color : silver;
}

/*
 * Mise en page pour les sorties
 */

.titreSortie {
/*font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;*/
font-family:Comic sans MS;
font-size : 16px;
color:darkblue;
text-align: center;
}

.auteur {
/*font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;*/
font-family:Comic sans MS;
font-size : 14px;
color:darkblue;
text-align: right;

}

.signature {
text-align: right;
}

/*
 * Annonces
 */

.Tabannonce {
margin-left: auto;
margin-right: auto;
}

.TDannonceimg {
font-size : 12px;
font-family : Verdana,Arial,Helevetica,sans-serif;
border-top: 1px solid #6495ed;
border-bottom: 1px solid #6495ed;
border-left: 1px solid #6495ed;
}

.TDannonce {
font-size : 12px;
font-family : Verdana,Arial,Helevetica,sans-serif;
border-top: 1px solid #6495ed;
border-bottom: 1px solid #6495ed;
border-right: 1px solid #6495ed;
}

.TitreAnnonce {
font-size : 12px;
}

/***************
   Mise en page
****************/

#lesAlbums
{
/*
position:absolute;
left:20px;
top:20px;
*/
font-weight: bold;
background-color:#FFF;
color:darkblue;
border:1px dotted darkblue;
margin : 0;
padding:5px;
width: 350px;
}

#viewAlbum
{
font-weight: bold;
/*
position:absolute;
left:340px;
top:20px;
*/
background-color:#FFF;
color:darkblue;
/*border:1px dotted darkblue;*/
margin : 0;
padding:5px;
width: 500px;
text-align : center;
}

#viewImage
{
font-weight: bold;
/*position:absolute;
left:5px;
top:5px;*/
background-color:#FFF;
color:darkblue;
/*border:1px dotted darkblue;*/
margin : 0;
padding:5px;
/*width: 800px;*/
text-align : center;
}

/*************************
   Application des styles
**************************/

.affImg
{
border:1px solid #000;
}

.dateAlbum
{
font-size   : 10px;
font-weight : normal;
color       : #000;
}

.create
{
font-size   : 10px;
font-weight : normal;
color       : silver;
text-align  : right;
}

a.chxAlbum
{
font-size   : 12px;
font-weight : bold;
color       : darkblue;
text-decoration : none;
}

a.chxAlbum:hover
{
text-decoration : underline;
}

a.lien
{
font-size   : 11px;
font-weight : normal;
color       : darkblue;
text-decoration : none;
}

a.lien:hover
{
text-decoration : underline;
}

/*
 * Calendrier
 */

.calAnnee
{
font-size : 18px;
font-family : Verdana,Arial,Helevetica,sans-serif;
font-weight: bold;
background-color:darkblue;
color:#FFF;
}

.calMois
{
font-size : 14px;
font-family : Verdana,Arial,Helevetica,sans-serif;
font-weight: bold;
background-color:#FFF;
color:darkblue;
border-top: 1px solid darkblue;
}

.calJour
{
border-right: 1px solid darkblue;
font-size : 14px;
font-family : Verdana,Arial,Helevetica,sans-serif;
}

.calDetail
{
font-size : 14px;
font-family : Verdana,Arial,Helevetica,sans-serif;
}

/*
 * Livre d'or
 */
A.titlelink
{
	color : darkblue;
	font-family : Verdana;
	font-size : 12px;
	font-weight : normal;
}
A.titlelink:hover {
	color : darkblue;
	text-decoration : underline;
}
A.titlelink:link {
	TEXT-DECORATION: none
}
A.titlelink:visited {
	TEXT-DECORATION: none
}
A.titlelink:active {
	text-decoration : underline;
	color : Gray;
}

.alert
{
	background-color : #FFBAB5;
	color : Black;
	font-family : Verdana;
	font-size : 12px;
	font-weight : bold;
}

.TDlivredor {
font-size : 12px;
font-family : Verdana,Arial,Helevetica,sans-serif;
left:10px
}

.TDliens {
font-size : 12px;
font-family : Verdana,Arial,Helevetica,sans-serif;
left:10px
}