@font-face {
	font-family			: sunset_beach;
	src					: url('police/SunsetBeach.ttf');
}

body {
	background-color    : #fda533;
	text-align			: center;
	font-family			: Cambria,Times;
	}

#page {
	position			: absolute;
	margin-left			: 10%;
	background-color    : #fdf875;
	width				: 1100px;
	background-position	: middle;
	z-index				: 1;
	}

#image_accueil{
	position			: absolute; 
	width				: 181px;
	height				: 206px;
	left				: 0;
	margin-left			: 55px;
	margin-top			: 5px;
	z-index				: 2;
	border				: none;
	}
	
/* ////////////////////// TITRE ////////////////////////// */	

#header {
	margin-top			: -30px;
}

#header #titre {
	font-size			: 5em;
	font-family			: sunset_beach,Cambria;
}	

#header #sous_titre {
	font-size			: 2em;
	font-family			: sunset_beach,Cambria;
	margin-top			: -80px;
}

/* ////////////////////// Menu ////////////////////////// */	

#menu_deroulant{
	/*width				: 716px;*/
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	border				: 0;
	/*position			: absolute;
	top					: 22%;
	left				: 18%;*/
	background-color	: #b7c5fd;
	font-size			: 1em;
	position			: fixed;
	top 				: 0;
	left 				: 297px; 
}	
	
#menu, 
#menu ul,{ /* Liste */   
    padding 			: 0; /* pas de marge intérieure */
    margin				: 0; /* ni extérieure */
    list-style 			: none; 
    line-height 		: 21px; /* on définit une hauteur pour chaque élément */
    text-align 			: center;	
}
	
#menu a { /* Contenu des listes */
    display 			: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding 			: 0; /* aucune marge intérieure */
    background 			: #b7c5fd;         
    color 				: #000; 
    text-decoration 	: none; 
    width 				: 100px; 
	border-right		: 1px solid #fdf875;
}

#menu li /* Éléments des listes */      { 
    float 				: left; 
    /* pour IE qui ne reconnaît pas "transparent" */
    border-right 		: 1px solid #fff;
}

#menu li ul { /* Sous-listes */
    position			: absolute; 
    width				: 100px; 
    left				: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li { /* Eléments de sous-listes */
    /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top 			: 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

#menu li ul ul {
    margin    			: -22px 0 0 100px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left     	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}


#menu, 
#menu ul { /* Liste */
    padding 			: 0; /* pas de marge intérieure */
    margin 				: 0; /* ni extérieure */
    list-style 			: none; /* on supprime le style par défaut de la liste */
    line-height 		: 21px; /* on définit une hauteur pour chaque élément */
    text-align 			: center; /* on centre le texte qui se trouve dans la liste */
}

#menu li:hover ul ul, 
#menu li.sfhover ul ul  { /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
    left				: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}


#menu li:hover ul, 
#menu li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul   { /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-listes lorsque la souris passe sur un élément de sous-liste */
    left				: auto; /* Repositionnement normal */
    min-height			: 0; /* Corrige un bug sous IE */
}


#menu li ul ul {
    margin    			: -22px 0 0 100px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left     	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}


#menu li ul ul ul {
    margin    			: -43px 0 0 100px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left     	: 2px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}


#menu, 
#menu ul { /* Liste */
    padding 			: 0; /* pas de marge intérieure */
    margin 				: 0; /* ni extérieure */
    list-style 			: none; /* on supprime le style par défaut de la liste */
    line-height 		: 21px; /* on définit une hauteur pour chaque élément */
    text-align 			: center; /* on centre le texte qui se trouve dans la liste */
}

#menu li:hover ul ul, 
#menu li.sfhover ul ul,
#menu li:hover ul ul ul,
#menu li.sfhover ul ul ul  { /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
    left				: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}


#menu li:hover ul, 
#menu li li:hover ul,
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul,
#menu li li li.sfhover ul   /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

.curseur {
	cursor: default;
}	 

/*////////////////////////FIN MENU////////////////////////////////////////////////*/


/*////////////////////////PAGE GROUPE///////////////////////////////////////////// */	

#page_groupe {
	margin-top: 50px;
	font-size: 1.1em;
}	
	
#photos_groupe {
	text-align			: left;
	padding-left		: 20px;
	padding-right		: 10px;
}	

.titre {
	font-weight			: bold;
	text-decoration		: underline;
}

	
/*////////////////////////FIN PAGE  GROUPE///////////////////////////////////////////// */