body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   background-color: #7a7a7a;
   color: #ffeddc;
   text-align: center;
}

/*******************************************logo********************************************************/

.logo
{
	width: 954px; /* On a indiqué une largeur (obligatoire) */
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
    text-align: center;
	display:block; 
	height:191px; 
	background-image: url(./img/logo.png); 
	position:relative;
	
}
	/* image map pour que l'on puisse retourner sur la page d'index lorsce que l'on clique sur le logo, j'aurai pu faire autrement mais j'avais la flemme de recoder le truc ;p */
	a.index {left:10px; top:10px; background:transparent;}
	a.index {left:10px; top:10px; background:transparent;}
	a.index {display:block; width:425px; height:0; padding-top:189px; overflow:hidden; position:absolute;}
	a.index:hover  {background:transparent; border:1px dashed black; color:black;}

	
.logofooter
{
	
    color: #abaaaa;
	width: 949px; /* On a indiqué une largeur (obligatoire) */
	height: 26px;
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
    margin-bottom: 10px;
    font-size: 14px;
	font-weight: bold;
    text-align: center;
}
A:link
{
	text-decoration: none;
	color: #1b273c;
	font-size: 14px;
}
A:visited
{
	text-decoration: none;
	color: #1b273c;
	font-size: 14px;
}
A:hover
{
	color: #3f5277;
	text-decoration: none;
	font-size: 14px;
}

.lienmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}



em
{
text-align: center;
font-size: 11px;
color: white;
}
.cadre
{
	background-color: #ffffff;
	border: 3px solid #e7e7e7; 
	-moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
	border-top: none; /*ca sert a viré le boder du haut*/
	width: 948px; /* On a indiqué une largeur (obligatoire) */
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
    margin-bottom: 30px;
    text-align: center;
}

.cadreinte
{
	
	padding: 20px;
}
/******************************************************************************/
/****************************** foot and head du corp *************************/
/******************************************************************************/

.headcorp
{
	
    
	width: 900px; /* On a indiqué une largeur (obligatoire) */
	height: 30px;
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
    margin-top: 10px;
    font-size: 14px;
	font-weight: bold;
    text-align: center;
}
.footcorp
{
	
    
	width: 900px; /* On a indiqué une largeur (obligatoire) */
	height: 30px;
    margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
    margin-bottom: 10px;
    font-size: 14px;
	font-weight: bold;
    text-align: center;
}

.hautmenu
{
margin: 0;
background-image: url('./img/menu_h.png');
background-repeat: no-repeat;

height: 26px;
width: 900px;
}

.corps
{
   padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin-right :10px;
   margin: 0;
   background-image: url('./img/menu_m.png');
   background-repeat: repeat-y;
   width: 870px; /* On a indiqué une largeur (obligatoire) */
   text-align: left;
   color: #100300;


}

.basmenu
{
margin: 0;
background-image: url('./img/menu_b.png');
background-repeat: no-repeat;

height: 31px;
width: 900px;
}

/******************************************************************************/
/************************** fin foot and head du corp *************************/
/******************************************************************************/
h1
{
   font-size: 20px;
   text-indent: 50px; 
   color: #100300;
   font-weight: bold;

}


/******************************************************************************/
/**** menu principal **********************************************************/
/******************************************************************************/
.subtop {
	/*border: 1px solid #ff5c0c;*//*dotted*/
	background-image: url("./img/bare_menu_sup.png");
    /*background-color: #ff5c0c;*/
	padding-top: 2px;
	height: 30px;
	margin: auto;
	color: #FFF;
	font-weight: bolder;
	text-align: center;
}
.navlist {
	margin-top: 3px;
	margin-bottom: 2px;
}

.navlist li {
	padding-right: 1px;
	display: inline;
}

.navlist ul {
	margin: 0px;
	padding: 0px;
}

.navlist a, .navlist a:link, .navlist a:visited {
	padding: 1px 1em 1px 1em;
	/*border: 1px solid #ff5c0c;*/
	background-color: #616161;
	color: #FFF;
}

.navlist a:hover, .navlist a:active, .navlist a:focus {
	padding: 1px 1em 1px 1em;
	/*border: 1px solid #ff5c0c;*/
	text-decoration: none;
	color: #cccccc;
}

.navlist #navlistactive a {
	/*background-color: #ff5c0c;*/
}
/******************************************************************************/
/*************** fin menu *****************************************************/
/******************************************************************************/