/*
CLASSIQUE.css
Premier style du site.....
www.netmuse.fr
*/

body
{
width: 860px;
margin: auto;
top:0px;
color:#000000;

background-repeat:repeat-x;

background-position:top left;
background-color:#253240;


background-image:url(../../background/background.jpg) ;

   

   
}

#PAGE
{
   
   width: 860px;
   

   
}

/* L'en-tête */

#chapeau
{
	width: 860px;
	position:absolute;
	height: 30px;

	top:-1px;
   

}

/* L'en-tête */

#en_tete
{
	margin-left:18px;
	margin-top:20px;

}
.element_tete_haut
{


   background-image:url(images/EN_TETE_haut.png);
   background-repeat:no-repeat;
   height:118px;
   
   

}
.element_tete_milieu
{
   background-image:url(images/EN_TETE_milieu.png);
   background-repeat:repeat-y;
   height:27px;
   padding-left:50px;

   

}
.element_tete_bas
{
   background-image:url(images/EN_TETE_bas.png);
   background-repeat:no-repeat;
   height:45px;
   padding-left:50px;
   padding-right:70px;
   
   

   

}

/* Les titres */
#titres
{
   

  padding-right:50px;
  left:50px;

  

   background-image:url(images/corps_repete.png);
   
   
   
}

/* CADRES */

#infos
{
	margin-left:0px;
   
   width:313px;
   color:#FFFFFF;
   background-color:#141414;
   
}

.infos_titres_radio
{
color:#FFFFFF;
font-size:18px;
background-image:url(titres/bg_titres_vert.jpg);
padding:1px;
}

.infos_titres_site
{
color:#FFFFFF;
font-size:18px;
background-image:url(titres/bg_titres_bleu.jpg);
padding:1px;
}

.infos_titres_conception
{
color:#999999;
font-size:18px;
background-image:url(titres/bg_titres_noir.jpg);
padding:1px;
}

.infos_titres_enregistrement
{
color:#000000;
font-size:18px;
background-image:url(titres/bg_titres_marron.jpg);
padding:1px;
}

.infos_texte
{

padding:3px;
}




#descriptif
{


top:0px;
width:445px;
float:right;

}

.descriptif_texte
{

padding-left:4px;
padding-right:4px;

}





#blabla
{
	margin-left:0px;
   
   width:267px;

top:auto;
border:solid;

}



#evenements
{
	margin-right:5px;
	float:right;
}

#cadre1
{
	margin-right:5px;
	width:267px;
}

#tete_pleine_page
{
	margin-right:5px;
	padding-left:2px;
	color: #FFFFFF;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	

	width:750px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color:  #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   
}



.element_menu ul
{
   list-style-image: url(images/puce.png);
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px; 
   
}


.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{

	height:auto;
   

  padding-left:50px;
  padding-right:53px;
  


   background-image:url(images/corps_repete.png);
   

   
   
}




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

#pied_de_page
{
   height:128px;
   width:760px;
   margin-top:-20px;
   
   padding-bottom:62px;
  padding-left:50px;
  padding-right:50px;
   text-align: center;

   
   
   background-image:url(images/pied_page.png);
   background-repeat:no-repeat;
   
}

/* ICI NE PAS TOUCHER, LE STYLE DU MENU, TRES COMPLET! */

#dolphincontainer{position:relative;color:#E0E0E0;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{background:url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{padding: 5px; font-size: 80%; height: 1em; padding-left:155px}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color:#FFFFFF}
#dolphin_inner a:hover{color:#CCCCCC}

.innercontent{display: none;}
/*fin style menu */





#imageMenu {
	position: relative;
	width: 757px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:151px;
	height: 200px;
}

#imageMenu ul li.conception a {
	background: url(imagemenu/conception.jpg) repeat scroll 0%;
	width: 150px;
}

#imageMenu ul li.initiations a {
	background: url(imagemenu/initiations.jpg) repeat scroll 0%;
	width: 150px;
}

#imageMenu ul li.siteweb a {
	background: url(imagemenu/siteweb.jpg) repeat scroll 0%;
	width: 150px;
}

#imageMenu ul li.enregistrement a {
	background: url(imagemenu/enregistrement.jpg) repeat scroll 0%;
	width: 150px;
}

#imageMenu ul li.pubradio a {
	background: url(imagemenu/pubradio.jpg) repeat scroll 0%;
	width: 150px;
}

.clear {
	clear: both;
}