@charset "utf-8";
/* CSS Document */

* {
/* Réinitialisation des marges*/
	margin:0;
	padding:0;
	
}

body{
	background-color:#000000;
	background-image:url(../decoupage/background.jpg);
	background-repeat:repeat-x;
}

#conteneur {
/*Centrage de la div principale, et ce quelque soit la taille de la fenêtre*/
	
	position:absolute;
	left:50%;
	width:920px;
	margin-left:-475px; /*Idem largeur*/
   
   font-family:"Times New Roman", serif;
}


#banniere {
	z-index:-10;
	position:absolute;
	width:920px;
	height:414px;
   	background-image:url(../decoupage/banniere.jpg);
   	background-repeat: no-repeat;
}


/* ***********************  MENU DU HAUT ******************************* */


#menu_haut {
	position:absolute;
	z-index:10;
	
	text-decoration:none;
	
	background-image:url(../decoupage/fond_menu_haut.png);
	background-repeat:repeat-x;
	color:#cecece;
	
	margin-top:1px;
	
	width:100%;
	height:30px;
}

#menu_haut a {
	float:right;
	text-decoration:none;
	color:#cecece;
	padding-right:10px;
	font-weight:100;
}

#menu_haut a:hover {
	color:#dfc97c;
}



/* ***********************  MENU PRINCIPAL AVEC ONGLETS ******************************* */


#menu_onglets {
	position:relative;
	float:right;
	width:850px;
	height:31px;
	
	margin-top:220px;
	overflow: hidden;

	background-image:url(../decoupage/onglets/fond.png);
	background-position: bottom;
	background-repeat: repeat-x;
	z-index:40;
	cursor:pointer;
	
}

#menu_onglets ul {
	float: right;
	
	margin-right: 10px;

	list-style: none;
		cursor:pointer;
}

#menu_onglets li {
	float: left;
	margin-left:3px;
	list-style-image:none;
}

/* On place le coin droit en fond ici */
#menu_onglets a {
	float: left;
	font-variant:small-caps;

	padding-left: 10px;
	
	background-image:url(../decoupage/onglets/coin-gauche.jpg);
	background-position: 0% -250px;
	background-repeat: no-repeat;
}

#menu_onglets ul li#actif {
  	float: left;
  	text-decoration: none;
	font-variant:small-caps;
	color:#FF3399;
	
 	padding-left: 10px;
  
  	background-image: url(../decoupage/onglets/coin-gauche.jpg);
  	background-position: 0% 0%;
  	background-repeat: no-repeat;
}



/*  On place le fond gauche de l'onglet ici */
#menu_onglets span {
	float: left;
  
	padding:6px 10px 3px 0;

	background-image:url(../decoupage/onglets/coin-droit.png);
	background-position: 100% -250px;
	background-repeat: no-repeat;
	
	color:#000000;
}


#menu_onglets  ul li#actif span {
  float: left;
  
  padding:6px 10px 3px 0;
  
  background-image: url(../decoupage/onglets/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  
  color: #333333;
}




#menu_onglets ul li a:hover {
	background-position: 0% -500px;
}
#menu_onglets ul li a:focus {
	background-position: 0% -500px;
}
#menu_onglets ul li a:hover span {
	background-position: 100% -500px;
}
#menu_onglets ul li a:focus span {
	background-position: 100% -500px;
}


/* ***********************  CONTENU PARCHEMIN ******************************* */


#corps_centre {
	position:relative;

	width:920px;
}

#parchemin_haut {
	position:relative;
	z-index: 12;

	background-image:url(../decoupage/parcho_coin_hau.png);
	background-repeat: no-repeat;

	width:119px;
	height:282px;
	
	margin-top:205px;
	*margin-top:-50px;
}


#centre {
	position:relative;
	z-index:2;

	background-image:url(../decoupage/parcho_milieu.png);
	background-repeat: repeat-y;
	
	padding-bottom:50px;
	
	min-height:500px;
	margin-top:-237px;	
	*margin-top:-232px;
}

#centre_devoile {
	position:relative;
	z-index:2;

	background-image:url(../decoupage/parcho_milieu.png);
	background-repeat: repeat-y;
	
	padding-bottom:50px;
	
	min-height:700px;
	margin-top:-237px;	
	*margin-top:-232px;
}


#parchemin_bas {
	position:relative;
	z-index: 12;
	
	margin-top:-235px;
	
	background-image:url(../decoupage/parcho_coin_bas.png);
	background-repeat: no-repeat;
	height:272px;
	width:95px;
}


#contenu_pleine_page {
	margin-left:130px;
	width:750px;
}


#contenu {
	margin-left:270px;
	width:620px;
}


/* ==================================  MENU INTERNE  ================================================ */
/* ======================================================================================================================== */



/* ==================================  FOOTER  ================================================ */
/* ======================================================================================================================== */

#footer {
	height:110px;
}



	
#menu_transversal {

	z-index:-30;
	text-decoration:none;
	float:inherit;
	margin-top:20px;
	color:#cecece;
	background-position:center;
	text-align:center;
}

#menu_transversal a {
	text-decoration:none;
	color:#cecece;
	padding-right:10px;
	font-weight:100;
}

#menu_transversal a:hover {
	color:#dfc97c;
}

#donnees_legales {
	font-size:12px;
	color:#cecece;
	text-align:center;
	margin-top:30px;
	
	z-index:-10;
}

#donnees_legales p{
	text-align:center;
}

#valid_xhtml {
	margin-left:420px;
	height:50px;
	z-index:3;
	
	background-image:url(decoupage/centre_bas.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
	height:110px;
}


/* ____________________  Divers ______________________   */

.lien_fiche {
	float:right;
}

img {
border-style:none;
}

#logo {
	position:absolute;
	margin-left:360px;
	margin-top:45px;
}


.sous_liste {
	margin-left:50px;
}