/* CSS Document */

/* Description de l'ensemble des pages */


/* Description de la page principale */
#corps {
   position:absolute;
   left:0;
	font-size : 80%; /* taille de la police */ 
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; /* choix de la police */
	background-color: #d7dfe2; /*couleur de fond par défaut sur toutes les pages */
	text-indent: 30px; /* Insère un retrait sur la première ligne de chaque paragraphe. */
	text-align: justify; /* justifier le texte */
	margin-right:7%; /* marge gauche et droite pour ne pas que le texte soit collé au bord de l'écran */
	margin-left:7%;
	margin-top:5%; /* marge en haut et en bas */
	margin-bottom:5%;
}

#corps h1 { /* modification du style de titre des pages principales */
	text-align:center; /* centrer le titre */
	color:#330099; /* la couleur des titres - la même coueleur que le nom de l'asso dans l'image du dessus */
}

#corps li { /* modification des puces des listes des pages principales */
	list-style-type:disc; /* choix du type de puce devant les listes (disc, square, disc) */
	line-height:20px; /* écartement de la hauteur des lignes */
	margin-left:40px; /* décalage des puces par rapport au bord du texte */
	text-indent: 2px; /* décalage du texte par rapport aux puces */
}

#corps td {
	font-size : 80%; /* taille de la police */ 
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; /* choix de la police */
	color:#330099; 
	text-align:center;
}

/* Description du côté droit de la page pour la page d'accueil*/
#cote-droit {
        position:absolute;
        right:0;
        width: 150px;
	font-size : 80%;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
}




/*****************************************************************************************/
/* Description du menu déroulant */

#menu {
    position: absolute; /* définir une position fixe pour le menu quelque soit le navigateur */
    margin:0;
    padding:0;
    top : 180;
    left:50;
    z-index:100;
}



#menu dd {
    position: absolute;
    display : none; /* par défaut quand j'arrive sur la page les sous-menus ne sont pas visibles */
    top : 35;
    font-size : 80%; /* taille de la police */ 
	 font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; /* choix de la police */ 
}

#menu dt, dl, dd {
    display:inline;
}

#menu li, ul {
    display:inline;
    list-style-type:none;
    
}    

#menu img{ 
        width:120px; 
        height:30px; 
        margin:0px;
        padding:0;
        border:0;
}


/*****************************************************************************************/
/* Description du diaporama */

#diaporama {
	
	background-color: #000;  /* couleur du fond de la page en noir*/
	font-size : 80%;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;  /* police par défaut*/
	color : white; /* couleur de la police par défaut */
	text-align:center; /* par défaut le texte est justifié */
	line-height:20px; /* hauteur des lignes */
}

#diaporama img { 
border: 1px solid #000;
width: 320;
height: 240;
 }


dl.gallery
{
border: 1px solid #000;
background-color: #ddd;
width: 100px;
text-align: center;
padding: 15px;
margin:15px;
float: left;
margin-right: 1em;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 320;
height: 240;
}

.gallery dd
{
margin: 0;
padding: 0;
}

.gallery 
{
margin: 20;
padding: 20;
}