/* CSS Document */


body
{

    font-family: verdana;
	font-size: 9px;
	line-height: 12px;
	color: #000000;  
	background: #AB6B79;
	
	 height:auto;
	 bottom:auto;
	 
}

a img {

    border: 0 none;

}
.a:link { color: #5A2531; text-decoration: none}
.a:visited{color: #5A2531;text-decoration: none}
.a:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}


/* L'en-tête */
#header
{
   width: 100%;
   height:200px;
   background-image: url("pix/top.jpg");
   background-repeat: no-repeat;
   background-position: inherit;
   text-align:right;
   font-weight:bold;
   padding-bottom:0px;
   margin-bottom:0px;

  }
.header:link { color: #5A2531; text-decoration: none}
.header:visited{color: #5A2531;text-decoration: none}
.header:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#menu

{
width: 100%;
   height:15px;
   text-align:right;
   margin-bottom:15px;

}
.menu:link { color: #5A2531; text-decoration: none}
.menu:visited{color: #5A2531;text-decoration: none}
.menu:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}


#contenu { 
   width:90%; /*Largeur du design*/ 
   margin:0 auto 0 -45%; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:absolute; 
   top:10px; /*25px entre le coin supérieur de l’écran et le design*/ 
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   border:2px solid #FFFFFF; /* Bordure encadrant le design */ 
   background: #FFFFFF;
   height:auto;
   bottom:auto;
   } 
.contenu:link { color: #5A2531; text-decoration: none}
.contenu:visited{color: #5A2531;text-decoration: none}
.contenu:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

 




#event
{
font-size: 10px;
width:200px;
text-align:left;
background:#E43455;
font-weight:700;
bottom:auto;
height:100%;
float:left;  
margin-bottom:5px;
border:1px dotted black;

}
.event:link { color: #5A2531; text-decoration: none}
.event:visited{color: #5A2531;text-decoration: none}
.event:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#corps
{
font-size: 11px;
width:55%;
text-align:left;
bottom:auto;
height:100%;
float:left;
margin-left:5px;

}
#corps h1
{
font-size:14px;
color:#C17DEA; 
}
   
.corps:link { color: #5A2531; text-decoration: none}
.corps:visited{color: #5A2531;text-decoration: none}
.corps:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

/* News */


#newshead
{
background:#ECE0E2;
font:verdana;
font-size:12px;
color:#000000;
font-weight:900;
float:left;
width:100%;
height:100%;
float:left;
vertical-align:middle;
margin-bottom::10px;

}
.newshead:link { color: #5A2531; text-decoration: none}
.newshead:visited{color: #5A2531;text-decoration: none}
.newshead:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#news{
width:100%;
height:100%;
background:white;
font:verdana;
font-size:10px;
color:#5A2531;
margin-top:10Px;
margin-left:10px;
float:left;
}
.news:link { color: #5A2531; text-decoration: none}
.news:visited{color: #5A2531;text-decoration: none}
.news:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#menu_gauche
{
   
   font-family: verdana;
   font-size: 10px;
   float: left; /* Le menu flottera à gauche */
   width: 15%; /* Très important : donner une taille au menu */
   bottom:auto;
   padding-left:5px;
   padding-top:5px;
   height: 100%;
   text-align:left;
}

.menu_gauche
{

   font-family: verdana;
   font-size: 10px;
   height: 100%;
   text-align: center;
   color: #FFFFFF;

}
.menu_gauche:link { color: #5A2531; text-decoration: none}
.menu_gauche:visited{color: #5A2531;text-decoration: none}
.menu_gauche:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#menu_droit
{

   font-family: verdana;
   font-size: 9px;
   float: right; /* Le menu flottera à gauche */
   width: 15%; /* Très important : donner une taille au menu */
   bottom:auto;
   padding-right:5px; 
}


.menu_droit
{
   font-family: verdana;
   font-size: 10px;
   width: 25%;
   height: 100%;
   text-align: center;
   color: #000000;
  
}
.menu_droit:link { color: #5A2531; text-decoration: none}
.menu_droit:visited{color: #5A2531;text-decoration: none}
.menu_droit:hover {  font-size:11px; font-weight:bold; background:#5A2531; color: #FFFFFF ;text-decoration: none}

#special
{
   font-family: verdana;
   font-size: 10px;
 Color:#CC0000;  
}
.special:link { color: #cc0000; text-decoration: none}
.special:visited{color: #cc0000;text-decoration: none}
.special:hover {  font-size:11px; font-weight:bold; background:#cc0000; color: #FFFFFF ;text-decoration: none}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pix
{
border:1px solid #000000;

}

#pied_de_page
{
    position:relative;
	font-family: verdana;
	font-size: 9px;
	width: 100%;
	height:10px;
	text-align: center;
	font-weight: bold;
	color: #5A2531;
    float:right;
	padding-top: 25px; 
  }
.pied_de_page:link { color: #5A2531; text-decoration: none}
.pied_de_page:visited{color: #5A2531;text-decoration: none}
.pied_de_page:hover { background:#5A2531; color: #FFFFFF ;text-decoration: none}