body {
background-color: #000000;
	
	}

/**********************style translucide pour sous-menus, rappel : il y a création d'un calque conteneur (ex:camusique), d'un calque texteopaque et d'un calque fondtranslucide   ******************************/	

/**********  calque fond pour sous-menu d'une hauteur de 3 mots  avec largeur normale (120px)******/
#fondtranslucide {   
	width:120px;
	height:39px;
	z-index:5;
	background-color: #8c264d;     
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}
/**********  calque fond  pour sous-menu d'une hauteur de 2 mots avec largeur normale (120px) ******/
#fondtranslucide2 {   
	width:120px;
	height:26px;
	z-index:5;
	background-color: #8c264d;     
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   }
/**********  calque fond pour sous-menu d'une hauteur de 4 mots et plus large (130px) ******/
#fondtranslucide3 {   
	width:130px;
	height:52px;
	z-index:5;
	background-color: #8c264d;     
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   }


/**********  calque texte pour sous-menu d'une hauteur de 3 mots et plus large (120px) ******/
#texteopaque {
	position:absolute;
   width:120px;
	height:39px;
	z-index:6;     
   background-color: transparent;   
            }
/**********  calque texte pour sous-menu d'une hauteur de 2 mots et plus large (120px) ******/
#texteopaque2{
	position:absolute;
   width:120px;
	height:26px;
	z-index:6;     
   background-color: transparent;  
            }
/**********  calque texte pour sous-menu d'une hauteur de 4 mots et plus large (130px) ******/
#texteopaque3 {
	position:absolute;
   width:130px;
	height:52px;
	z-index:6;     
   background-color: transparent;  
            }
			


/*********** ***************************/



/********************** les calques des sous-menu   ******************************/
#cacv {
	position:absolute;
	left:0px;
	top:36px;
	width:120px;
	height:39px;
	z-index:4;
	visibility: hidden;
}

/*
#cacv {
	position:absolute;
	left:0px;
	top:36px;
	width:120px;
	height:39px;
	z-index:4;
	background-color: #8c264d;
	visibility: hidden;
}
*/
#caphoto {
	position:absolute;
	left:0px;
	top:62px;
	width:120px;
	height:26px;
	z-index:4;
	visibility: hidden;
}
#camusique {
	position:absolute;
	left:0px;
	top:88px;
	width:130px;	/***** attention ce calque est plus large de 10px et d'une hauteur de 4 mots ****/
	height:52px;
	z-index:4;
	visibility: hidden;
}
#caadhara {
	position:absolute;
	left:0px;
	top:114px;
	width:120px;
	height:26px;
	z-index:4;
	visibility: hidden;
}
#cavideo {
	position:absolute;
	left:0px;
	top:192px;
	width:120px;
	height:52px;
	z-index:4;
	visibility: hidden;
}


/*********** ***************************/
/**********************  ossature du site  ******************************/

#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 473px;
     margin-top: -236px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     
     }
#bandeau {
	position: fixe;
	left:0px;
	width:700px;
	height:80px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}
#centre {
	position:relative;
	width:700px;
	height:375px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
}
#navigation {
	position:absolute;
	left:0px;
	top:0px;
	width:95px;
	height:375px;
	z-index:3;
	background-color: #9999cc;
	
}
#contenu {
	padding-left:5px;
	padding-top:5px;
	padding-left:5px;
	position:absolute;
	left:95px;
	top:0px;
	width:600px;
	height:370px;
	z-index:3;
	background-color: #ccccff;
	
	
}
#pied_page {
	position: fixe;
	left:0px;
	top:0px;
	width:700px;
	height:18px;
	z-index:4;
	margin-right: auto;
	margin-left: auto;
}
/*********** ***************************/
/********************** titre des pages   ******************************/
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9999cc;
	width:480px;
		}
.soustitre {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f9fae2;
	line-height: normal;
	background-color:#CC99CC;
		}
/*********** ***************************/
	
/* *************************************  styles pour la barre de navigation à gauche  **************************/	
.Navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	line-height: normal;
	text-align: center;
	background-color: #9999cc;
}

.Navigation:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	/*color: #ccccff;*/color: #f9fae2;
	display: block;
	text-decoration: none;
	line-height: normal;
	text-align: center;
	background-color: #ac79a5;
}
/*********** ***************************/
/********************** navigation des calques sous-menus avec opacité à 100%  taille normale 100px ******************************/
.Navigation1 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/*color: #ccccff;*/color: #f9fae2;
	text-decoration: none;
	background-color:#ac79a5;
	display: block;
	width: 100px;
	margin:0px;
}
.Navigation1:hover {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9999cc;
	display: block;
	width: 100px;
}
/*********** ***************************/
/********************** navigation des calques sous-menus avec opacité à 100%  grande taille 130px   grande taille   ******************************/
.Navigation11 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/*color: #ccccff;*/color: #f9fae2;
	text-decoration: none;
	background-color:#ac79a5;
	display: block;
	width: 130px;
	margin:0px;
}
.Navigation11:hover {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9999cc;
	display: block;
	width: 130px;
}
/*********** ***************************/
/**********************navigation des calques translucides taille normale   ******************************/
.Navigation2 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/*color: #ccccff;*/color: #f9fae2;
	text-decoration: none;
	background-color:transparent;
	display: block;
	width: 120px;
	margin:0px;
}
.Navigation2:hover {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9999cc;
	display: block;
	width: 120px;
}
/*********** ***************************/
/**********************navigation des calques translucides  grande taille   ******************************/
.Navigation3 {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/*color: #ccccff;*/color: #f9fae2;
	text-decoration: none;
	background-color:transparent;
	display: block;
	width: 130px;
	margin:0px;
}
.Navigation3:hover {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9999cc;
	display: block;
	width: 130px;
}
/*********** ***************************/
/**********************   contenu de la page d'accueil **************************/
#contenugauche{
	position:absolute;
	width:420px;
	top:30px;
	left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
#contenudroite{
	position:absolute;
	width:145px;
	height:116px;
	top:30px;
	left:440px;
	}
#news{
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	position:absolute;
	width:410px;
	top:94px;
	left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url('images/fond_new.gif');
	background-repeat: repeat;
	border:solid 1px white;
	height: 18px;
	padding:5px;
	
	}
#flash{
	position:absolute;
	width:145px;
	top:130px;
	left:230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
#moteur{
	position:absolute;
	width:580px;
	top:310px;
	left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	
a {
	margin-top: 10px;
	margin-bottom: 10px;
}
p, td, li, form,span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}