/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* ----- DECLARATION GENERALE DES STYLES by Fifty two ---- */


/*corps de page*/
body

{

background-repeat:repeat ;
background-color:#eeeeee;
/*background-image: url("/include/xmas.jpg");*/
background-position: center center ;
background-attachment: fixed;
color:black;
width:1024px;
min-width:1024px;
/*width:85%;*/
margin:auto;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-family:"trebuchet ms",helvetica,arial,sans-serif;

}



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/*entete de page*/
#entete

{
margin-top:-2px;
width:100%;
clear: both;
background-color:transparent;
}


#entete a
{
color:transparent;
}

/* menu lateral gauche */

#menu_lateral_gauche
{

float: left; 
width:170px;
/*width:17.5%;*/
margin:auto;
border:1px solid transparent;
padding:10px;
background-color:transparent;
/*background-color:#faf0e6;*/
border-radius: 10px 15px;
-moz-border-radius: 20px;
opacity:0.9;

}

/* contenu de la page */
div#contenu

{
/*background-color:transparent;*/
background-color:white;
width:600px;
width:58%;
margin:auto;
padding:10px;
text-align:center;
/*
margin-left:50px;
float:left;
*/
border:1px solid transparent;
border-radius: 10px 20px;
-moz-border-radius: 45px;
}

/* menu lateral droite*/
#menu_lateral_droite
{
float: right; 
border:1px solid yellow; 
width:170px;
/*width:15%;*/
margin:auto;

/*background-color:transparent;*/

background-color:#D3D3D3;
/*border:1px solid yellow;*/
padding:10px;
border-radius: 10px 15px;
-moz-border-radius: 20px;
opacity:0.9;
}

/*pied de page */

#foot
{
clear: both; 
}








/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/







/*style des elements de l'entete*/


/*image banniere entete page */

#hands
{
width:100%;
height:250px;
}



/* options menu entete page*/

.liste_menu
{

height: 40px;
background-color:#F5F5B9;
width:100%;
font: 1.5em 'Times New Roman' ;
font-weight: bold;
text-align:center;
margin-top:-5px;
border-collapse:collapse;

}

.liste_menu td 
{
/*height:40px;
border:1px solid blue;*/
width:20%;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color:transparent;
border-left:1px solid green;
border-right:1px solid green;
border-bottom:1px solid green;
}

.liste_menu a
{
color:red;
text-decoration:none;
display: block;
}

.liste_menu a:focus 
{
background-color:green;
}



.liste_menu td>a:hover 
{
color: blue;

}

.liste_menu td:hover
{
background-color:#C0C0C0;
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*horloge entete page */
#heure

{
font-size:17px;
font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
text-align: center;
background-color:white;
margin-bottom:0px;
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/


/*Options du menu latéral gauche*/


#menu_lateral_gauche ul 
{
margin-left:2px;
padding-left:20px;
/*background-color:#00FFFF;*/
list-style-image: url("include/gnome.png");

color:black;
font-size:14px;
}




#menu_lateral_gauche a
{
text-decoration:none;
}



#menu_lateral_gauche li>a:hover
{
color:blue;
font-size:27px;
}


#menu_lateral_gauche a:visited
{
color:red;
}


.blocs_menu_gauche
{

background-color:#FFFFFA;
border:1px dotted transparent;
padding:8px;
border-radius: 10px 15px;
-moz-border-radius: 20px
}

#widgeo td
{
margin:auto;
text-align:center;
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* Options du menu lateral droit */




#menu_lateral_droite a
{

color:blue;
font-size:13px;
text-decoration:none;
}

#menu_lateral_droite a:hover
{
color:purple;
text-decoration:none;
}

#menu_lateral_droite 
{
text-decoration:none;
font-family:Verdana;

}



#menu_articles li
{
margin-top:12.5px;
}


/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/*  Style flotant du menu lateral de droite pour les photos */



.flottante {
  background-color:transparent;
  border:transparent;
  margin-right:10px;
  margin-top:20px;
  float: left;
  text-align: center;
height:100px;
width:100px;
}

.flottante img
{
height:100px;
width:100px;
border:transparent;
}



.flottante img:hover
{
border: 2px solid red;
}

.conteneur {
width:100px;
text-align:center;
margin:auto;
background-color:transparent;

}
.spacer {
  clear: both;
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/



/*Style des elements du corps du contenu de la page */

#contenu p

{

border:1px dotted transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-size: 100%;
padding:10px;

}

.nav_menu_articles
{

height:40px;
background-color:black;
width:100%;
font: 1.5em 'Times New Roman' ;
font-weight: bold;
text-align:center;
border:1px solid black;
}

.nav_menu_articles td
{
width:50%;
}

.nav_menu_articles a
{
color:red ! important ;
display: block;
}


.nav_menu_articles a:hover

{
color:blue ! important ;
text-decoration:none ! important ;
}


.nav_menu_articles td:hover
{
background-color:#C0C0C0;
}


#contenu a
{
color:red;
text-decoration:none;
}


#contenu em
{
color:green;
font-size: 1.3em;
font-weight:bold;
}

#contenu a:hover
{
color:purple;
text-decoration:underline
}

.nell

{

width:100%;
height:300px;
border:hidden;

}


h1

{
	
text-align : center;
color : green ;
font-size : 33px ;
font-family: 'Comic Sans MS', Verdana, sans-serif;
/*text-decoration: blink;*/
text-shadow:4px,4px,4px,blue ;
}


h2

{
color:blue;
text-align:center;
}


h3

{
color:#FF4500;
text-align:center;
}







/*-------------------------------------------------------*/




/*Style des elemnts du pied de page */



#foot p

{
width:100%;

background-color:#FFFF00;
color:black;
margin:auto;
/*border:4px solid green;*/
text-align:center;
font-family: Comic Sans MS;
border-radius: 10px 10px;
-moz-border-radius: 10px; 
margin-bottom:30px;
}


#logos
{
margin:auto;
}


#foot_barre
{
margin-top:30px;
margin-bottom:30px;
}



#evene
{
font-family: 'Trebuchet MS', Georgia , Verdana , sans-serif;
border:1px solid red;
}




/*-------------------------------------------------------*/





/*Definitions des styles du formulaire dun livre d'or*/





#formulaire
{
text-align:left;
background-color:#fff8dc;
}

input, textarea
{
   font-family: 'Times New Roman', Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   text-align:center;
   margin:auto;
   
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #f5fffa;
}
 
label
{
   color: black; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, 'Arial Black', Georgia, 'Times New Roman', Times, serif;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: transparent;
}


.messages_goldbook

{
font-size:17px;
font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
border:2px dashed black;
background-color:#ffebcd;
color:blue;
margin-top:15px;
}



/*-------------------------------------------------------*/

/*-----Elements inclassables-----*/

#aselca table
{
text-align:left;
border-collapse: collapse; 
font-size:0.95em;

}

#aselca table td
{
border:1px solid red;
margin-top:2px;
border-left:hidden;
border-right:hidden;
padding:5px;
}



.morale,h4
{
font: 1em 'Comic Sans MS';
color:blue;
}


.gros-titre
{
border:4px outset black;
background-color:yellow;
text-align: center;
font-size:17px;
padding:2px;
font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif;
}


#videos
{
 width:350px;
 height:250px;
}


.selection_musicale
{
width:100%;
border-collapse:separate;
border:1px dotted red;
}

.selection_musicale td
{
border-bottom:1px solid black;
background-color:white;
text-align:center;
padding: 5px;
}


#caption_septembre
{
background-color:green;
color:white;
}

#caption_octobre
{
background-color:red;
color:white;
}

#caption_novembre
{
background-color:blue;
color:white;
}




/*Style du tableau du menu des articles */

#menus_articles
{
border: 4px groove green;
width:100%;
margin:auto;
color:red;
}

#menus_articles td,caption /* Les cellules normales */
{
   border: 1px solid black;
   font-family: 'Comic Sans MS';
   text-align: center; /* Tous les textes des cellules seront centr�s*/
   padding: 5px; 
  
}

#menus_articles a
{
text-decoration:none;
}

#menus_articles td:hover
{
background-color:red;
}

/*-------------------------------------------------------*/




/* Style des elements particuliers de la page des photos*/

#tableau_photos
{
margin:auto;
border: 1px dotted red;
}


#bloc_photos td/* Toutes les cellules des tableaux... */
{
border: 1px solid black; /* ... auront une bordure de 1px */
text-align:center; 
padding:0px;
background-color:transparent;
}

#bloc_photos img

{
height:100px;
width:100px;
display: block; 
border:transparent;
margin:5px;

}
#bloc_photos td:hover
{
border:1px dotted red;
background-color:green;
}

/*-------------------------------------------------------*/



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* Style des pages de photos */



.nav_menu_photos
{

height:30px;
background-color:black;
width:100%;
font: 1.5em 'Times New Roman' ;
font-weight: bold;
text-align:center;
border:1px solid black;
}

.nav_menu_photos td
{
/*width:33%;*/
}


.nav_menu_photos img
{
background-color:white;
height:30px;
}



.nav_menu_photos a
{
color:red ! important ;
display: block;
}


.nav_menu_photos a:hover

{
color:blue ! important ;
text-decoration:none ! important ;
}


.nav_menu_photos td:hover
{
background-color:#C0C0C0;
}






/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/