body
{
background-image:url("images/fetes.jpg");
}
#logohaut
{
position:absolute;
top:14%;
left:75%;
}

.imagetitre
{
}

a
{
color:#11246a;
}

h1
{
color: #3c7b5f;
font-size: 4em;
}

h3
{
line-height:.5em;
}


.soustitre
{
margin-top:25px;
margin-left:10%;
font-family: "verdana", sans-serif;
font-size: 3em;
color:#14a78c;
}


	dl, dt, dd, ul, li 
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu/*page_accueil/page_club*/
{
position:absolute;
margin-top:0px;
margin-left:0%;
width: 180px;
max-height:480px;
font-family: verdana, sans-serif;
font-weight: bold;
color:#092386;
z-index:100;


}

#menuder, #menuder ul /* Liste */     
{
	
        padding : 5px; /* pas de marge intérieure */
        margin  : 20px 0 0 30px; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 30px; /* on définit une hauteur pour chaque élément */
        text-align :   left; /* on centre le texte qui se trouve dans la liste */
		border: 1px solid #3c3c3c;
		line-height : 35px;
}

#menuder /* Ensemble du menu */
{
position:absolute;
	
		width : 180px; 
		font-weight : bold; /* on met le texte en gras */
             
}

#menuder 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-color : transparent; /* couleur de fond */        
        color : #536091; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		
        /*width :  15em;  largeur */
}

#menuder li /* Elements des listes */      
{ 
        font-family: verdana, sans-serif;
       /*border : 1px solid yellow;*/
	
       
}
#menuder li ul /* Sous-listes  ensemble de la boite*/
{ 
		background-color:#3c3c3c;
		border : 1px solid #3c3c3c ;
        position: absolute; /* Position absolue */
        width: 250px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		margin:-30px 0  0 170px;
		line-height : 25px; /* on définit une hauteur pour chaque élément */
		}

#menuder li ul li /*chaque élément des sous-listes */
{
 
		/*border : 2px solid green; */
		font-size: 85%;	 
		margin    : -0px -0px 0 0px ;
		}

#menuder li ul ul 
{
		width      : 180px;
		line-height : 18px; /* on définit une hauteur pour chaque élément */
        margin    : -30px 0 0 140px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	           
}
 
#menuder a:hover /* Lorsque la souris passe sur un des liens */    
{
		color:#8ccbe6;
        text-decoration: underline;
        
        
}
#menuder li:hover ul ul, #menuder 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 */
}

#menuder li:hover ul, #menuder li li:hover ul, #menuder li.sfhover ul, #menuder 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 */
}

/* CSS gallerie */
#div_menu
{ 
	position:absolute;
	/*height:25px;*/
	left: 50%;
	top : 35%;
	width: 500px;
	text-align: center;
    

}
#div_menu a
{
  /*font-family: Verdana;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #66CCFF;*/

}

#div_menu li /*titre */
{

 margin-top: 00px;
 margin-left: 0px;
  font-family: Arial;
  font-size: 10pt;
  color: #0FF0FF;
  left: 40px;
  top:5px;
}

#div_menu li a
{
 font-family: Arial;
  font-size: 1.5em;
  font-weight: bold;
  color: white;
  text-decoration: none;
 }

#div_menu li a.active /*ligne du menu*/
{
  font-family: Arial;
  font-size: 1.5em;
  font-weight: bold;
  color: #06094d;
  text-decoration: none;
}

#div_photos
{
  position:absolute;
  top: 45%;
  left: 54%;
  width: 390px;
  height: 300px;
  
  text-align: left;
  background: transparent;
  font-size : 8pt;
  font-family : Verdana;
  color: #555555;
  overflow: auto;

  }
  
.img-shadow 
{
  float:left;
  background: url(include/shadowAlpha.png) no-repeat bottom right !important;
  background: url(include/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  cursor: pointer;
}
.princ_texte
{
position:absolute;
font-family: "Comic Sans MS", sans-serif;
color:white;
font-size:1.2em;
margin-left:10px;
max-width:500px;
top:45%;
width:50%;
text-align:justify;
}
}
.galerie
{

width:90%;
font-size:15px;
font-weight:bold;
margin-left:30px;
color:#025bc1;
background-color:red;
}


.galerie a
{
font-size:16px;
color:#626262;
}
.motdepasse
{
font-family: "Comic Sans MS", cursive ;
width:350px;
height:100px;
padding-top:10px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
font-size:20px;
font-weight:bold;
color:#dddfba;

}
.entremot
{
margin-left:10px;
margin-top:0px;

}
.bouton
{
margin-left:172px;
margin-top:-24px;
}