@charset "utf-8";
/* CSS Document */
body
	{
		margin-top:0px;
		padding:0px;
		background-color:#F6CDEF;
		scrollbar-base-color:#CC3399; 
		scrollbar-arrow-color:#F6CDEF; 
		scrollbar-track-color:white;
	}
h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}
#headerbg
	{
		/*width:68%;*/
		width:767px;
		padding:0px;
		background-image: url(../images/ladyPonce.png);
		background-repeat:no-repeat;
	}
#headerblank
	{
		width:767px;
		height:193px;
		float: none;
		margin:auto auto;
		padding:0px;
	}
.info {
	font-family: Arial;
	font-size: 11px;
	color: #990000;
}

#header
	{
		width:944px;
		height:250px;
		float: left;
		margin:0px;
		padding:0px;				
	}	
#men{
width:408px;
float:left;
height:23px;
margin-top:127px;
margin-left:360px;
_margin-left:407px;
}
#men ul {
	list-style: none;	
}

#men li {
	
	display: inline; 
	
}
#men a{
	float:left;
	padding-left:2px;
}
#menu a{
  background: url(../images/but.png) repeat-x;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color: #000000;
  height:20px;
  float:left;
  padding-top:3px;
  padding-left:7px;
  padding-right:7px;
}
#men a.ac{
	width:49px;
	height:23px;
	background-image:url(../images/accueil.png);
	background-repeat:no-repeat;
	}
#men a.ac:hover{
	width:49px;
	height:23px;
	background-image: url(../images/accueilover.png);
	background-repeat:no-repeat;
	}
	
#men a.aco{
	width:49px;
	height:23px;
	background-image: url(../images/accueilover.png);
	background-repeat:no-repeat;
	}
	
#men a.act{
	width:53px;
	height:23px;
	background-image:url(../images/actualite.png);
	background-repeat:no-repeat;
	}
#men a.act:hover{
height:23px;
width:53px;
	background-image: url(../images/actualiteover.png);
	background-repeat:no-repeat;
	}
#men a.acto{
height:23px;
width:53px;
	background-image: url(../images/actualiteover.png);
	background-repeat:no-repeat;
	}
	#men a.bio{
	width:62px;
	height:23px;
	background-image:url(../images/biographie.png);
	background-repeat:no-repeat;
	}
#men a.bio:hover{
width:62px;
	height:23px;
	background-image: url(../images/biographieover.png);
	background-repeat:no-repeat;
	}
#men a.bioo{
width:62px;
	height:23px;
	background-image: url(../images/biographieover.png);
	background-repeat:no-repeat;
	}
	#men a.pho{
	width:44px;	height:23px;
	background-image:url(../images/photos.png);
	background-repeat:no-repeat;
	}
#men a.pho:hover{
	height:23px;width:44px;
	background-image: url(../images/photosover.png);
	background-repeat:no-repeat;
	}
#men a.phoo{
	height:23px;width:44px;
	background-image: url(../images/photosover.png);
	background-repeat:no-repeat;
	}
	#men a.concert{
	height:23px;width:47px;
	background-image:url(../images/concert.png);
	background-repeat:no-repeat;
	}
#men a.concert:hover{
	height:23px;width:47px;
	background-image: url(../images/concertover.png);
	background-repeat:no-repeat;
	}
#men a.concerto{
	height:23px;width:47px;
	background-image: url(../images/concertover.png);
	background-repeat:no-repeat;
	}
	#men a.tele{
	height:23px;width:89px;
	background-image:url(../images/telechargement.png);
	background-repeat:no-repeat;
	}
#men a.tele:hover{
	height:23px;width:89px;
	background-image: url(../images/telechargementover.png);
	background-repeat:no-repeat;
	}
#men a.teleo{
	height:23px;width:89px;
	background-image: url(../images/telechargementover.png);
	background-repeat:no-repeat;
	}
	#men a.con{
	height:23px;width:49px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	}
#men a.con:hover{
	height:23px;width:49px;
	background-image: url(../images/contactover.png);
	background-repeat:no-repeat;
	}
#men a.cono{
	height:23px;width:49px;
	background-image: url(../images/contactover.png);
	background-repeat:no-repeat;
	}
#epsb{
width:60%;
float: left;
padding-left:0px;
padding-right:2px;
padding-top:2px;
font-family: "Georgia", Times New Roman, Times, serif;
}
/*  gestion des onglets*/
#tabbed_area 
{
	width:570px;
	height:360px;
	background-image:url(../images/fond.png);
	background-repeat:no-repeat;
	padding-left:35px;
} 
#tabbed_area2 
{
	width:570px;
	height:380px;
	float:left;
	padding-left:0px;
	background: #FEA4ED;
	background-repeat:no-repeat;
	border:solid 2px #CC3399;
	margin-top:8px;
} 
#title 
{
	width:570px;
	float:center;
	background:#CC3399;
	background-repeat:no-repeat;
	height:20px;
	vertical-align:middle;
} 
#title2 
{
	width:164px;
	height:10px;
	float:center;
	background:#CC3399;
	background-repeat:no-repeat;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:7px;
} 
ul.tabs 
{
    margin:0px; padding:0px;
}
ul.tabs li 
{
    list-style:none;
    display:inline;
	float:left;
	padding-left:5px;	
}
.mon_onglet 
{		width:102px;
		height:30px;
		float:left;	
		font-family:"Georgia", Times New Roman, Times, serif;
		font-size:10px;
		font-weight:bold;		
		text-align:left;
		padding-top:5px;
		text-align:center;	
		text-decoration:none;
		background-image: url(../images/tabMenu.png);
		background-repeat:no-repeat;
		color:#000000;
		font-weight:bold;
    	text-transform:uppercase;		      
}	
.mon_onglet:hover 
{		width:102px;
		height:30px;
		float:left;	
		font-family:"Georgia", Times New Roman, Times, serif;
		font-size:10px;
		font-weight:bold;		
		text-align:left;
		padding-top:8px;
		text-align:center;	
		text-decoration:none;
		background-image: url(../images/tabMenu1.png);
		background-repeat:no-repeat;       
}

.mon_onglet_selectionner{
		width:102px;
		height:30px;
		float:left;	
		font-family:"Georgia", Times New Roman, Times, serif;
		font-size:10px;
		font-weight:bold;
		color:#FFFFFF;		
		text-align:left;
		padding-top:8px;
		text-align:center;	
		text-decoration:none;
		background-image: url(../images/tabMenu1.png);
		background-repeat:no-repeat; 
}


.active 
{
    	width:21px;
		height:20px;
		float:left;									
		background-image: url(../images/home.png);
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:10px;
}

.home_non_active 
{
    	width:21px;
		height:20px;
		float:left;									
		background-image: url(../images/home_hover.png);
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:10px;
}
.content 
{
    background-color:;    
	padding-top:10px;
	margin:5px 5px 0px 5px;
	float:inherit;			
}
#co_1{	   			
	height:311px;/*245px*/
	background-repeat:no-repeat;
	width:501px;
	background-position:center;
}
#co_2{
	height:311px;/*245px*/
	background-repeat:no-repeat;
	width:501px;
	background-position:center;
	}
#co_3{
	height:311px;/*245px*/
	background-repeat:no-repeat;
	width:501px;
	background-position:center;
	} 
#co_4{
	height:311px;/*245px*/
	background-repeat:no-repeat;
	width:501px;
	background-position:center;
	}
#co_5{ 
	height:311px;/*245px*/
	background-repeat:no-repeat;
	width:501px;
	background-position:center;
	} 

ul, li{
	list-style: none;
}									
.clear{
	clear: both;
}
.mon_contenu{
	background-color:;    
	padding-top:30px;
	margin:30px 5px 0px 5px;
	float:inherit;					
}
/*Sous Menu gauche*/
#gauche{
	width:174px;
	height:301px;
	background-color:;    
	padding-top:10px;
	text-align:center;
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;		
	float:right;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:10px;
	background-image:url(../images/barrH.png);	
}

#gauche2{
	width:169px;
	height:380px;
	background-color:#FEA4ED;
	padding-top:0px;
	text-align:center;
	margin-top:8px;
	margin-left:20px;
	_margin-left:15px;
	margin-right:0px;		
	float:right;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
	border:solid 2px #CC3399;
}

#imginfo{
	width:174px;
	float:left;
	font-size:10px;
	font-family:"Arial", Helvetica, sans-serif;
}
#gaucheheader{
	background-color:#E647D5;
	background-repeat:repeat-x;
	float:left;
	height:23px;
	width:190px;
}
/*  FIN GAUCHE*/

/*  la partie du bas 1*/
#bas1 {
	width:695px;
	float:left;	
	margin-top:;
	padding-left:5px;padding-top:5px;padding-bottom:5px;		
	/*background-color:#FF3399;*/
}
#bas2{
	width:80px;
	height:96px;
	background-image:url(../images/canal2orlogo.jpg);
}
#bas3{
	width:220px;
	height:94px;
	float:left;
	text-align:left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:10px;
	padding-left:98px;
	border:solid #FF3399 2px;
	
}
#bas4{
	width:220px;
	height:98px;
	float:left;
	text-align:left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:10px;	
	border:solid #FF3399 2px;		
	}
	#bas3{
	width:220px;
	height:10px;
	float:left;
	text-align:left;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:10px;	
	background-color:#FF3399;	
}
	
#blocktitre{
       width:499px;
	   height:10px;
	   text-align:center;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
}
#blockcontenu{
      width:499px;
	  text-align:left;
	  padding-left:10px;
	  padding-top:5px;
}
#scroll {
margin:5px;
max-height:325px;
height: expression(this.scrollHeight > 325 ? "325px" : "auto"); 
overflow: auto;
padding-right:2px;
padding-bottom:5px;
}
        
.lien1 {
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

.lien2 {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

.lien3 {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
.info2 {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}


.lien1:hover {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}.titre {
	font-size: 14px;
	font-weight: bold;
	color: #FF99CC;
}

#diap{
	height:100px;
	width:767px;
	background-color:#FFFFFF;
	text-align:center;
	margin-right:0px;
	font-size:11px;
	border:solid 2px #CC3399;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8px;
	margin-top:8px;
	padding-top:2px;
	padding-bottom:5px;
	float:left;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
}

.diapcontent{
	height:90px;
	float:left;
	text-align:left;
	font-family:Arial;
	font-size:10px;
	padding-left:10px;
	overflow:hidden;
	position:relative;
	
}

#diaptext{
	width:200px;
	height:90px;
	float:right;
	text-align:left;
	font-family:Arial;
	font-size:11px;
	padding-left:10px;
	float:right;
	
}

#diapimg{
	height:90px;
	float:left;
	text-align:left;
	padding-left:10px;
	float:leftt;
	
}

/* ***************Code css pour structurer les images qui défilent ***********************/
.slider {position:relative; overflow:hidden;height:300px; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9;padding-bottom:20px;}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; height:290px; width:150px; margin-bottom:20px}
.newsslidercontent {
	position:relative;
	left: 2px;
	top: 3px;
}
.newssection {
padding:10px; height:250px; padding-bottom:20px;}


#comvis
	{   
	    float: none;
	    margin-left:285px;
		width:480px;
		height:20px;
		vertical-align:top;
}

#comment
	{   
	    float: left;
		width:285px;
		padding-left:20px;
	}

#visit
	{
	    float: right;
		width:160px;
		text-align:center;
	}

#footer{
	height:18px;
	width:767px;
	background-color:#FEA4ED;
	text-align:center;
	margin-right:0px;
	font-size:11px;
	border:solid 2px #CC3399;
	padding-top:3px;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8px;
	float:left;
	vertical-align:middle;
}