* { 
    margin: 0; 
    padding: 0; 
    
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
   
     background:#000000;}


p {line-height:150%;}
#cont {
    position:absolute;
    top:0;left:0;
  z-index:70;
    overflow:auto;
	
	
}

.header { 
    margin: 0 auto; 
    width: 100%;
	background:#AB211D;	position:relative;
	
	margin-top:0px;
	float:left;
    font:14px/2.8 Georgia, Serif;
	
}

#banner
		{
            position:relative;
			/*float:left;*/
            overflow:hidden;
            width:900px;
           /* left:200px;*/
            height:250px;
            top:0px;
            z-index:100;
			 margin: 0 auto; 
		}
  #navheight
  {
	position:absolute;
	width:210px;
	height:235px;
	margin-left: 10px;
	top: 36px;
    text-align:left;
     z-index:100;
	
  }

.logo { 
    margin: 0 auto; 
    width: 900px;
	/*height:200px;*/
	position:relative;
	
	margin-top:0px;
	

}




#navigation{ 
    
   margin: 0 auto; 
    width: 900px;
	height:70px;
	position:relative;
	
	margin-top:0px;
z-index:70;
background:#AB211D;}
 
/* ce div sert pour l'image de fond principal et la couleur de fond principal*/
#page-background {
position:fixed; top:0; left:0; width:100%; height:100%;
 background-color: #000000;     


}

#container1{
	width: 900px;
    position:relative;
	top:-255px;
	left:0px;
	height:100%;
	float:left;
	
	padding-bottom:100px;
	}
.main{ 
    margin: 0 auto; 
	float:left;
    width: 900px;
	
	 background:#000000;
	position:relative;
	/*top:-260px;*/
	
	height:100%;
	
	

    font:15px/2.7 Georgia, Serif;
	color:#330000;
    text-align:center;
}
		
	/** the menu*/
		.lien
		{ 
		text-decoration:none;
			 color:#FFFFFF;		}
		.menu_list {	
		width: 180px;
        
        
	
		}
		#secondpane
		{
			height:235px;
  			
		}
		.menu_head {
			padding: 5px 10px;
			cursor: pointer;
			position: relative;
			margin:1px;
			font-weight:bold;
             color:#FFFFFF;background:#AB211D url(images/left.png) center right no-repeat;		}
		.menu_body {
			display:none;
		}
		.menu_body a{
		  display:block;
		  	 color:#FFFFFF;		  background-color:#EFEFEF;
		  padding-left:10px;
		  font-weight:bold;
		  text-decoration:none;
		}
		.menu_body a:hover{
		
          background:#AC101D; 
		  }
          
          #bar1
{
	position:absolute;
	top:280px;
	left:0px;
	height:10px;
	width:900px;
	 background:#AB211D;}
#bar2
{
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	width:877px;
	background:#AB211D;}

.clr {clear:both;}
.container {
 margin:0 auto; padding:0; width:900px; 
 
}
/** main content*/
#content{
position:relative;
width:430px;
top:280px;
text-align:left;
overflow:hidden;
float:left;
left:30px;
padding-bottom:50px;

}

/** Left side container*/
#left{

	width: 190px;
    position:relative;
	top:230px;
	left:5px;
	float:left;
	padding-left:5px;
    padding-bottom:100px;
}
/** it is the top left box*/
div#boite1{
background:#000000;
position:relative;
width:100%;
top:60px;
text-align:left;
overflow:hidden;
float:left;
}

div#boite2{
background:#;
position:relative;
width:100%;
top:60px;
text-align:left;
overflow:hidden;
float:left;
margin-top:60px;

}
/** right side container*/
#right{

	width: 190px;
    position:relative;
	top:230px;
	left:45px;
	float:left;
	padding-left:30px;
    padding-bottom:100px;
}
/** it is the top right box*/
div#boite3{
background:#;
position:relative;
width:100%;
top:60px;
text-align:left;
overflow:hidden;
float:left;
margin-left:5px;
}

	/** it is the bottom right box*/
div#boite4{
background:#;
position:relative;
width:100%;
top:60px;
text-align:left;
overflow:hidden;
float:left;
margin-left:5px;
}

/** the menu*/

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
background:#AB211D;	background-repeat:repeat;
/*	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:1px;
	border-style:solid;*/
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	/*width:155.4px;*/
    width:100px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus,ul.pureCssMenu .menuactive {
outline-style:none;
background:#AC101D; 
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;

	
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:normal 12px Trebuchet MS,Tahoma;
	 color:#FFFFFF;	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
    width:100px;
}
ul.pureCssMenu ul li {
	float:none;
}

ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	/*background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;*/}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}


ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
background:#AC101D; 
/*	border-color:#377D9F;
	border-style:solid;*/
	font:normal 12px Trebuchet MS, Tahoma;
	color:#FFFFFF;	text-decoration:none;
}


ul.pureCssMenu li a:hover{
	position:relative;
	background:#AC101D; 
	
	font:normal 12px Trebuchet MS, Tahoma;
color:#FFFFFF;	text-decoration:none;
}


ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(../images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(../images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(../images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arr_white.gif)}



/*on the right side of text*/
.image_left {
float: left;
padding: 5px;
margin: 0;
}

.image_right {
float: right;
padding: 5px;
margin: 0;
}

 #musiqueVisiteur{
      	text-align:right;
        color:#AB211D;      
      }
      
       #musiqueVisiteur a{
      	
        color:#AB211D;      font-weight:bold;
      }

.footer {
font-size:100%; margin:2.5em 0.2em 0.5em 0.5em; height:80px; position:relative; left:-0.5em;
 text-align:center; clear:both; background:#AB211D;color:#FFFFFF; 
        
       
        width:100%; top:0px;/*padding-bottom:50px;*/ }

.footer .right {
float:center; clear:right; text-align:center;}

.footer p {margin:0;}

#focus-stealer      { position: absolute; left: -9999px; }
.footer a{
     color:#FFFFFF;    }