/*

*/

body
{
	width: 958px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image:url("images/fond.png");
	background-repeat: repeat-x;
	background-position:top;
	background-attachment:fixed;
	background-color:#222;
	color: #502fff;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


#en_tete
{
	width: 958px;
	height: 206px;
	background-image: url(images/banniere.jpg);
}

#en_tete_bas
{
	width: 958px;
	height: 138px;
	background-image: url(images/banniere_bas.png);
	background-repeat: no-repeat;
	float: none;
}

#menu_1
{
	float: left;
	width: 232px;
	height: auto;
	background-image: url(images/menu1.png);
	background-repeat: repeat-y;
	overflow: auto;
	text-align: center;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
}
#menu_2
{
	float: left;
	width: 232px;
	height: 39px;
	background-image: url(images/menu2.png);
	background-repeat: no-repeat;
	background-position:left;
	overflow: auto;
}

#menu_admin
{
   float: none;
	padding: 5px;
	color: #502fff;
	/*background-color: #5000c3;*/
    width: 958px;
	height: auto;
	background-image: url(images/pied_de_page.png);
	background-repeat: repeat-y;
	font-weight: bolder;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
	overflow: auto;
	text-align: center;
}

.menu
{
	/*background-color: #5000c3;*/
   background-image: url("images/motif.png");
	background-repeat: repeat-x;
	color: blue;
	position:absolute;
	/* solve a Opera7/IE display bug */
    width:130px;
	width/**/:130px;
	margin:25px;  /*marge gauche*/
}

.element_menu_admin
{
   /*background-color: #5000c3;*/
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   /*border: 1px solid blue;*/
   color: blue;
   margin-bottom: 20px;
}


.menu span{
    display:none;
    }

/* Quelques effets sur les menus */

.images_menu
{
margin-bottom: 5px;
}

.images_menu_admin
{
margin-bottom: 5px;
padding: 12px;
}


.menu h1
{  
   margin-bottom: 10px;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}
.menu h3
{  
   /*background-image: url("images/menu.png");  */
   background-repeat: no-repeat;
   margin-bottom: 10px;
   color: blue;
   /*text-align: center;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
        color: #B3B3B3;
       text-align: center;*/
}

.menu_admin h3
{  
   /*background-image: url("images/menu.png");  */
   background-repeat: no-repeat;
   margin-bottom: 10px;
   padding: 7px;
   color: blue;
   /*text-align: center;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
        color: #B3B3B3;
       text-align: center;*/
}





.menu ul
{
   list-style-image: url("images/puce.png");
   margin: 10px;
   margin-bottom: 5px;
   position:absolute; /* important */
   width:150px;
   width/**/:150px;
}

.menu_admin ul
{
   list-style-image: url("images/puce.png");
   padding: 7px;
   padding-left: 30px;
   margin: 10px;
   margin-bottom: 5px;
}

.menu li ul{
    visibility:hidden;
    }
	
.menu li ul{
    margin-left:60px; /*marge menu droit */
    margin-top:-25px;
    }

.menu a{
	text-align:left;
	color:#CCC;
	text-weight:bold;
	display:block;
	width:auto;
	text-decoration:none;
	margin:0;
	padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
		
.menu a:hover{
	color:#F00;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
	color: #900;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:100px;
    display:block;    
    float:left;  
    list-style:none;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    }

.menu_admin a
{
   color: #502fff;
   text-align: center;
}



.menu_admin a:hover
{
   /*background-color: #ffff00;*/
   color: red;
}


.menu_admin a:focus
{
   /*background-color: #ffff00;*/
   color: red;
}

/* Le corps de la page */

#corps_1
{
	float: right;
	width: 686px;
	background-image: url(images/corps1.png);
	padding: 20px;
	color: #B3B3B3;
	background-repeat: repeat-y;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
	height: auto;
	text-align:justify;
}
.corps_1 a{
	text-align:left;
	color:#CCC;
	text-weight:bold;
	display:block;
	width:auto;
	text-decoration:none;
	margin:0;
	padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
		
.corps_1 a:hover{
	color:#F00;
    }
    
/* for a mozilla better display with key nav */
.corps_1 a:focus{
	color: #900;
}

.contacts_jonas
{
	float: left;
}

.contacts_yannik
{
	float: right;
}
.contacts_robin
{
   margin-left:auto;
   margin-right:auto;

}

#corps_2
{
	float: right;
	width: 726px;
	height: 45px;
	background-image: url(images/corps2.png);
	background-repeat: no-repeat;
	background-position: right;
}


#corps_1 h1
{
	color: #60C;
	text-align: center;
	text-decoration: underline;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
}

#corps_1 h2
{
   height: 30px;

   /*background-image: url("images/titre.png");*/
   background-repeat: no-repeat;
   
   color: #ffff00;
   text-align: center;
   text-decoration: underline;
   font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
}

#corps_1 h3
{
   color: red;
   text-align: center;
   text-decoration: underline;
   font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
}

#corps_1 h4
{
   color: #ffff00;
   text-align: center;
  font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
}
   
   
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	float: none;
	padding: 5px;
	color: #502fff;
	/*background-color: #5000c3;*/
    width: 958px;
	height: 102px;
	background-image: url(images/pied_de_page.png);
	background-repeat: no-repeat;
	font-weight: bolder;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
	clear: both;
}

.pied_de_page a
{
	color:#502fff;
}

.p_tel
{
	text-indent: 30px;
}

.p_mail
{
	text-indent: 200px;
}

.image
{
	display:block; margin:0 auto;
}

/* Page membres*/
.Membre_1
{
	color: red;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.Lien
{
	color: #ffff00;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
}

.desc_membre
{
	color: red;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bolder;
}

.code
{
	width: 120px;
	background-color: #B3B3B3;
	color: #000000;
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
	font-size: x-small;
}

.banniere_texte
{
	font-family: "Comic Sans MS", Arial, "Trebuchet MS", Times, "Times New Roman", serif;
	font-size: large;
	font-weight: bolder;
	text-align: center;
		
}

.signature
{
	text-align: right;
	font-weight: bolder;
}
.w3c
{
text-align: right;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

.vignette
{
	max-width: 133px;
	max-height: 100px;
}

.centre_corps p
{
	background-position: center;
	margin-top:5px;	
}

.centre_corps
{
	width:80%;
	margin:auto;
	
}

.a_location p
{
	background-position: center;
	margin-top:5px;	
}

.a_location
{
	width:80%;
	margin:auto;
	
}

.news p
{
	background-image: url("images/logo_news.png");
    background-repeat: repeat-y;
	background-position: center;
	margin-top:5px;
	/*border: 1px outset #CCCCCC;*/
}

.news
{
	width:80%;
	margin:auto;
}
#note 
{
	color: #F00;
}

.allopass
{
	margin-left:auto;
	margin-right:auto;
	width:49%;
}

#menu_soutien
{
	width: 85%;
	font-weight: bolder;
	margin:auto;
}

.element_menu_soutien
{
   /*background-color: #5000c3;*/
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 1px solid blue;
   color: blue;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */

.images_menu_soutien
{
margin-bottom: 5px;
padding: 12px;
}


.element_menu_soutien h3
{  
   /*background-image: url("images/menu.png");  */
   background-repeat: no-repeat;
   margin-bottom: 10px;
   padding: 7px;
   color: blue;
   /*text-align: center;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
        color: #B3B3B3;
       text-align: center;*/
}


.element_menu_soutien ul
{
   list-style-image: url("images/puce.png");
   padding: 7px;
   padding-left: 30px;
   margin: 10px;
   margin-bottom: 5px;
}


.element_menu_soutien a
{
   color: #502fff;
}


.element_menu_soutien a:hover
{
   /*background-color: #ffff00;*/
   color: red;
}

.element_menu_soutien a:focus
{
   /*background-color: #ffff00;*/
   color: red;
}

.souligne
{
   text-decoration: underline;
}

.barre
{
   text-decoration: line-through;
}

.ligne_dessus
{
   text-decoration: overline;
}

.lien_corps_gris a
{
	color:#B3B3B3;
}

.lien_corps_gris a:hover
{
	color:#502fff;
}