body {
background-color:#000000;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#555555;
background-image:url(../images/back.png);
background-repeat:repeat-x;
background-position:top center;
}

#page {
width:900px;
/*background-image:url(../images/page.png);*/
margin:auto;
padding:auto;
background-color: black;
}
#header {
clear:both;
width:888px;
height:136px;
background-image:url(../images/header.png);
padding-top:0px;
padding-left:12px;
}

#header_print {
display:none;
}


/********************************************************************************/
/*				MENU LINKS						*/
/********************************************************************************/
#menulinks {
clear:both;
width:875px;
height:52px;
padding-left:25px;
background-image:url(../images/menulinks.png);
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:16px;
	height:50px;
   background-image:none;
	display:block;
	color:#555555;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
  }

#menulinks a span {
	padding-left:8px;
	padding-right:25px;
	padding-top:12px;
	height:38px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
	color:#555555;
  }
  
  
#menulinks a:hover, #menulinks a.active {
	background-image:url(../images/menuhover.png);
	background-position:top left;
	text-decoration:none;
	color:#555555;
}

#menulinks a:hover span, #menulinks a.active span {
   background: url(../images/menuhoverright.png) right top no-repeat;
	text-decoration:none;
}



/********************************************************************************/
/*				MENU SUB LINKS						*/
/********************************************************************************/
.nav2-container {
	width : 850px !important;
	width : 600px;
	top : 178px;
	position : absolute;
	z-index : auto;
	background : transparent;
	right: inherit;
}

#nav2 {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	position : absolute;  
	left: 0%;
	padding-left:40px;
}

#nav2 ul {
	float : left;
	margin : 0;
	padding : 0;
	background-color : transparent;
	font-weight : bold;
}

#nav2 li {
	display : inline;
	list-style : none;
	margin : 0;
	padding : 0;
}

#nav2 li a {
	padding : 4px 16px 4px 16px;
    background-image:none;
	display:block;
	color:#555555;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
}

#nav2 a:hover, .nav2 a.selected {
	color : white;
	background-color : #FC9808;
	text-decoration : none;
}

/********************************************************************************/
/*				CONTENT						*/
/********************************************************************************/
#mainarea {
width:860px;
clear:both;
padding-left:20px;
}

#contentarea {
width:720px;
padding-left:70px;
padding-right:70px;
float:left;
line-height:14pt;
padding-bottom:10px;
text-align:justify;
background-color : white;
}

#sidebar {
float:left;
width:265px;
line-height:14pt;
}

#footer {
width:900px;
clear:both;
height:35px;
padding-top:43px;
text-align:center;
line-height:14pt;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
position : relative;
}

#footer_logo {
position : absolute;
top : 33px;
right : 20px;
}

#footer a {
color:#FFFFFF;
}

/*h1, h1 a {
font-size:25pt;
font-family : Verdana;
color:#FFFFFF;
margin:0;
padding-left: 100px;
width: 400px;
}*/

h1 {
font-size:16pt;
color:#555555;
padding-top:6px;
}

h2 {
font-size:16pt;
color:#555555;
padding-top:6px;
}

h3 {
font-size:12pt;
color:#333333;
padding:0px;
}

.photo {
padding:20px;
padding-left: 0px;
float:left;
text-align: center;
}

.photo2 {
padding:20px;
padding-right:0px;
float:right;
text-align: center;
}

.photo_m {
padding:20px;
float:left;
text-align: center;
}

.photo2_m {
padding:20px;
float:right;
text-align: center;
}

.photo_padR {
padding-right:20px;
padding-left: 0px;
float:left;
text-align: center;
}

.credits {
padding:0px;
margin:0;
font-size:8pt;
font-weight: bold; 
}

.description {
font-size:14pt;
color:#CCCCCC;
margin:0;
padding-left: 160px;
width: 400px;
}

a {
font-weight: bold; 
color:#BB4200;
text-decoration:none;
}

a:hover {
font-weight: bold; 
color:#BB4200;
text-decoration:underline;
}

/********************************************************************************/
/*				CADRES MESSAGES						*/
/********************************************************************************/
#fond_bleu {
border : 0px solid;
color: #000000;
background-color : #56719E;
padding:10px;
}
#fond_jaune {
border : 0px solid;
color: #000000;
background-color : #FFFF3D;
padding:10px;
}
#fond_orange {
border : 0px solid;
color: #000000;
background-color : #F6AB6A;
padding:10px;
}
#fond_gris {
border : 0px solid;
color: #000000;
background-color : #BCAC9F;
padding:10px;
}
#fond_violet {
border : 0px solid;
color: #000000;
background-color : #B184FF;
padding:10px;
}
#fond_lourdes {
border : 0px solid;
color: #000000;
background-color : #C2C2C2;
padding:10px;
}

/********************************************************************************/
/*				COULEURS DE TEXTES & DECORATIONS					*/
/********************************************************************************/
.rouge , .rouge:hover {
	color:#900000;
}

.noir , .noir:hover {
	color:#000000;
}

.bleu , .bleu:hover{
	color:#000090;
}

.orange , .orange:hover {
	color:#BB4200;
}

.terre , .terre:hover {
	color:#A5150E;
}

.droite {
	text-align : right;
}

.gras {
	font-weight : bold;
}


/********************************************************************************/
/*				BLOCS LIENS PARTENAIRES ET RESEAUX SOCIAUX					*/
/********************************************************************************/
.left_bloc {
position:absolute;
top:150px;
/top:160px;
left:0px;
/left:10px;
width : 80px;
}

.right_bloc {
position:absolute;
top:150px;
/top:160px;
right:10px;
width : 80px;
}
/********************************************************************************/
/*				CATALOG					*/
/********************************************************************************/
.catalog_top {
	background-color : #BCAC9F;
	padding:5px;
	border : 0px solid;
	color: #000000;
}

.catalog {
	margin:0;
	padding:10px;
}

.titre_catalog {
	text-align: left;
	font-size:16pt;
	font-family : Verdana;
	color:#222222;
	padding-bottom: 10px;
}

.body_catalog {
	text-align: justify;
}

.photo_catalog {
	padding-right: 20px;
	float:left;
	text-align: center;
	width: 140px;
}

.bouton_catalog {
	padding:20px;
	padding-top:0px;
	float:center;
	text-align: center;
	clear:both;
}

/********************************************************************************/
/*				DIVERS: TABLES et TITRES SPECIAUX				*/
/********************************************************************************/
.infoTable
{
	width:600px;
    border-collapse: collapse;
    border: 1px solid #555555;
}
.infoTable2
{
	width:600px;
    border-collapse: initial;
    border: 1px solid #555555;
}
.infoTitre {
	background-image:none;
	text-decoration:none;
	background-color : #3366FF;
	color : black;
	padding : 4px;
	padding-top : 1px;
	padding-bottom : 1px;
	font-size:13px;
	font-weight:bold;
    border-bottom: 1px solid black;
}
.colGauche {
	vertical-align:top;
	font-weight:bold;
	text-decoration:none;
	padding : 4px;
	font-size:14px;
}
.colDroite{
	vertical-align:top;
	text-decoration:none;
	padding : 4px;
	font-size:14px;
}

.titre_special {
	text-decoration:none;
	text-align: center;
	font-size:22px;
	font-weight:bold;
	padding : 4px;
	padding-top : 16px;
	color : black;
}
.sous_titre_special {
	text-decoration:underline;
	text-align: left;
	font-size:16px;
	font-weight:bold;
	padding : 4px;
	padding-top : 16px;
	color : black;
}

/********************************************************************************/
/*				NEWS					*/
/********************************************************************************/
.news {
	margin:0;
	padding:0px;
	border: 0px solid;
	clear: both;
}

.news ul {
	padding-left : 20px;
	margin : 0;
}
.news td {
	text-align: justify;
}

.titre_news {
	background-color: #FC9808;
	padding:10px;
	text-align: left;
	font-size:16pt;
	font-family : Verdana;
	color:#222222;
	font-weight:bold;
}

.body_news {
	text-align: justify;
}

.photo_catalog {
	padding-right: 20px;
	float:left;
	text-align: center;
	width: 140px;
}

/********************************************************************************/
/*				FLAGS						*/
/********************************************************************************/
#flags {
position: absolute;
height : 20px;
padding : 4px;
padding-left : 8px;
top:0px;
right:0px;
/right:10px;
margin : 0;
}
.flag {
padding-right: 10px;
float : left;
border: 0px;
}

/********************************************************************************/
/*				LEFT TOP LINKS						*/
/********************************************************************************/
#leftTopLinks {
position: absolute;
height : 20px;
top:0px;
left:0px;
/left:10px;
padding : 4px;
padding-top : 0;
padding-left:10px;
margin : 0;
}

#leftTopLinks a span {
background-image:none;
text-decoration:none;
cursor:pointer;
color:#555555;
padding : 4px;
padding-top : 1px;
padding-bottom : 1px;
font-size:13px;
font-weight:bold;
}

#leftTopLinks a:hover span, #leftTopLinks a.active span {
background-color:#FFFFFF;
text-decoration:none;
}
/********************************************************************************/
/*				MP3 PLAYER						*/
/********************************************************************************/
#player {
padding-left:260px;
float:left;
}
