/*  body and font definitions */
html { 
  padding:0px;
  margin:0px;
}

body {
	background-color: black;
	font-size: 16px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#DDDDDD;
	padding:15px 15px;
	margin:0px ;
	background-image: url(images/r01.jpg);
	background-repeat: repeat-y;
	/*background-repeat: repeat-x;*/
	background-position: top;
}

p, h2, pre {
  margin: 0px;
  padding: 10px;
}	
			
h1 {
  font-size: 2px;
  text-transform:uppercase;
  text-align: right;
  color: #564b47;
  background-color: #555555;
  padding:5px 5px;
  margin:0px

}

h2 {
  font-size:14px;
  padding-top:10px;
  text-transform:uppercase;
  color: #FFa81d;
  background-color: transparent;
}

h3 {
  font-size:11px;
  text-align: center;
  padding-top: 0px;
  color: #fff;
  background-color: transparent;
}

h4 {
  font-size:13px;
  text-align: left;
  margin:0px;
  padding:0px;
  text-transform:uppercase;  
  color: #FF9900;
  padding-bottom:10px;
  
}
  
a { 
  color: #FF9933;
  font-size: 11px;
  background-color:transparent;
  text-decoration: none; 
}
 
pre { 
  color:#FFFFFF;
  font-size: 15px;
  background-color:transparent;
  font-family: Courier, Monaco, Monospace;
}


#head{
  
  width:730px;
  margin:0px auto; 
  margin-bottom:8px;  
  height:150px;
  
}

	
#content {
  width:730px; 
  margin:0px auto;
  border:1px solid #666666;
  background : #000000 ;
  font-size: 12px;
  text-decoration: none;
  font-family: inherit;
}

#content a {
  color: #FFFFFF
  font-size: 11px;
  background-color:transparent;
  text-decoration: none; 
}

#content #tv {
  
  border-left:1px solid #666666;
  border-right:1px solid #666666;
  border-top:1px solid #666666;
  border-bottom:1px solid #666666;
  float:left;
  width: auto;
  height: auto;
  background-color:#666666;
  margin:20px 5px 15px 15px;
  padding:0px 0px 0px 0px;
  
}

#content #tv2 {
  border:1px solid #666666; 
  float:left;
  width:250px;
  height:auto;
  background-color:#000000;
  margin:15px 5px 15px 15px;
}

#content #tv3 {
  float:left;
  width:400px;
  height:auto;
  background-color:#000000;
  margin:5px 5px 15px 25px;
}


#menu {
  width:730px; margin:0px auto;
  height : 34px;
  padding-top : 0;
  padding-bottom: 0px;
}
#menu li {
  list-style : none;
  display : inline;
  line-height : 34px;
}
#menu li a {
  text-decoration : none;
  margin : 0;
  padding : 9px 15px 10px 15px;
  font-weight : bold;
  color : #fff;
}
#menu li a:hover {
  color : #FF9900;
  background : #000000;
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  border-right:1px solid #666666;
  margin : 0;
}
#menu li a.current {
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background :#000000;
color : #ffffff;
}

#top {
  padding-top : 0;
  background : transparent;
  height : 35px;
}
#top h1 {
  font : bold 1.8em Arial, Sans-Serif;
  padding : 20px 0 0 0;
  margin : 0;
  letter-spacing : 1px;
  color : #616161;
}
#top h2 {
  font : 0.9em Arial, Sans-Serif;
  letter-spacing : 0;
  color : #868686;
  margin : 0;
  padding : 0;
}
#top #icons {
  float : right;
  margin : 25px 1px 0;
  padding : 0;
}
#top #icons img {
  padding-right : 2px;
  border : 0;
}
/***********************NEW*********************/




.titles{
text-align:center;
margin:0px;
padding:20px; 
letter-spacing:.75em;
border : 0px;
}

#content #texte1 {

 float: right;
 width:290px;
 background-color:#000000;
 margin:5px 5px 5px 0px;
}
#content #texte2 { 
  clear:both;
  width:730px auto;
  background-color:#000000;
  margin:15px 5px 15px 15px;
}
.imgborder{
border:4px solid #666666;}

.container{
	width: 75%;
	border:1px solid #666666;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffffff;
	text-align:center;
	
}

#presse{ 
  border:2px solid #666666;
  width:600px;
  margin:0px auto; 
  margin-bottom:10px;  
  height:776px;
 
  
}



/*****************SLIDER************************/

.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
#grafcontainer {
    width: 730px;
	height:148px;
	
	
}

#mainGraphic {border:solid #999999 1px; 
	/*float: left;*/	
	padding: 0;
	width: 730px;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 10px solid #999999;
border-bottom-width: 10px;*/
width: 730px; /*width of featured content slider*/
height: 148px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
/*background: white;*/
width: 730px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{ 
display:none;
width:200px; 
text-align: center;
padding: 10px 260px;
margin-top: -28px;
z-index: 10000;
position:absolute;
font-size: 0.24em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pagination a{
padding: 2px 5px;
text-decoration: none; 
color: #CCCCCC;

}

.pagination a:hover, .pagination a.selected{
color: #CCCCCC;
text-decoration: underline;
}

#cal{
width:700px; 
height:75px; 
margin:0px auto;
background : #000000 url(images/cal.jpg) no-repeat top;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF; 
}
.caltxt{ 
margin-top:0px;
padding:57px 0px 0px 30px;
letter-spacing:.35em; 
display:block; 
}

#dates{

width:700px; 
height:auto; 
margin:0px auto;
margin-top:10px
font:14px/14px arial,verdana,sans-serif;color:#ffffff;display:block;
text-transform:uppercase;
 /*font: bold 1.2em Arial,sans-serif; color: ;
  font-size: 90%;*/

}
.bc{border:1px solid #666666;}