/****************************************************************/
/*      			SOMMAIRE 									*/
/****************************************************************/

/* A : menu base */
/* B : Variables Body */


/* A : menu base */
/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

#menu {
		margin:5px auto;
    	height:41px;
    	background:url(images/main-bg.png) repeat-x;
		}

#menu ul {
    	margin: 0;
   		padding: 0;
    	list-style: none;
    	float: left;
		}
		
#menu ul.menu {
    	padding-left: 30px; /* position gauche de la barre de menu : 30 px du bord gauche */
		}

#menu li {
   		position: relative;
		z-index: 9;
		margin: 0;
		padding: 0 5px 0 0;
		display: block;
		float: left;
		}
		
#menu li:hover>ul {
   	 	left: -2px;
		}

#menu a {
		position: relative;
		z-index: 10;
		height: 41px;
		display: block;
		float: left;
		line-height: 41px;
		text-decoration: none;
		font: normal 12px Trebuchet MS;
		}
		
#menu a:hover, div#menu a:hover span { color: #fff; }

#menu li.current a {}

#menu span {
		display: block;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 95% 0;
		}
		
#menu ul ul a.parent span {
		background-position:95% 8px;
		background-image: url(images/item-pointer.gif);
		}
		
#menu ul ul a.parent:hover span {
    	background-image: url(images/item-pointer-mover.gif);
		}



/* menu::level1 */

#menu a {
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #e5e5e5;
		}
		
#menu span {
    	margin-top: 5px;
		}
		
/**@replace#1*/
#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
#menu li.last { background: none; }



/* menu::level2 */

#menu ul ul li { background: none; }

#menu ul ul {
		position: absolute;
		top: 38px;
		left: -999em;
		width: 163px;
		padding: 5px 0 0 0;
		background: rgb(45,45,45);
		margin-top:1px;
		}
		
#menu ul ul a {
		padding: 0 0 0 15px;
		height: auto;
		float: none;
		display: block;
		line-height: 24px;
		color: rgb(169,169,169);
		}
		
#menu ul ul span {
		margin-top: 0;
		padding-right: 15px;
		_padding-right: 20px;
		color: rgb(169,169,169);
		}
		
#menu ul ul a:hover span {
    	color: #fff;
		}
		
#menu ul ul li.last { background: none; }

#menu ul ul li {
    	width: 100%;
		}

/* menu::level3 */
#menu ul ul ul {
		padding: 0;
		margin: -38px 0 0 163px !important;
		margin-left:172px;
		}

/* colors */

#menu ul ul ul { background: rgb(255,0,0); }
#menu ul ul ul ul { background: rgb(38,38,38); }
#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
#menu li.back {
		background: url(images/lava.png) no-repeat right -44px !important;
		background-image: url(images/lava.gif);
		width: 13px;
		height: 44px;
		z-index: 8;
		position: absolute;
		margin: -1px 0 0 -5px;
		}
		
#menu li.back .left {
		background: url(images/lava.png) no-repeat top left !important;
		background-image: url(images/lava.gif);
		height: 44px;
		margin-right: 8px;
		}


/****************************************************************/
/*      			B : Variables Body							*/
/****************************************************************/


/* top elements */

* 		{ 
		padding: 0;
		margin: 0;
		}

body {
		
		font: normal .70em/1.5em Tahoma, 'Trebuchet MS', sans-serif;
		color: #6A6A6A;
		text-align: center;
		background: #000;		
		width:1024px;	/* largeur du site 1024 pixel*/
		margin:0 auto; /* centrage du site par rapport à l'écran */
		
		}
		
/* links */

a {
	color: #9F0; /* couleur pour les liens*/
	background-color: inherit;
	text-decoration: none
		}
		
a:hover {
		color: #7e1b1b;   /*couleur pour lien*/
		background-color: inherit;
		}

/* headers */

h1, h2, h3 {
		font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;
		color: #A0080D;
		}

p {
		font: normal 1.1em 'Trebuchet MS', Arial, Sans-serif;
		color: #bebebe;
		}
		


h1 { font-size: 1.5em; } 
h2 { font-size: 1.3em; text-transform:uppercase;}
h3 { font-size: 1.2em; }


		
p, h1, h2, h3 {
		margin: 0;
		padding: 10px 15px 10px 10px;
		}

ul, {
		margin: 10px 5px;
		padding: 0 15px;
		
		color: #a8000d;
		
		}
ol, {
		margin: 10px 5px;
		padding: 0 15px;
		
		color: #f9f603;
		
		}
ul span, ol span {
		color: #CCC;		
		}

/* images */

img  {margin-left:10px;}

img.float-left {
  		margin: 5px 15px 5px 0px; 
		}

img.float-center {
		margin: 5px;		
		}		
		  
img.float {
  		margin:0, auto;
		}
  
img.float-right {
		float: right
		margin:0, auto;
		}
		
		
  

code {
		margin: 15px;
		padding: 10px;
		text-align: left;		
		display: block;
		overflow: auto;  
		font: 500 1.3em/1.5em Arial, Tahoma, monospace;
		/* white-space: pre; */
		background: #431212;    
		}
		
acronym {
		cursor: help;
		border-bottom: 1px solid #777;
		}
		
blockquote {
		margin: 15px;
		padding: 0 0 0 20px;  	
		 
	   	font: normal 12px 'Trebuchet MS', Sans-serif;   
		}
		


/* form elements */
form {
		margin: 15px;
		padding: 0;
		background: #000;  
	   	border: 1px dashed #151515;
		}
		
label {
		display:block;
		font-weight:bold;
		margin:5px 0;
		}
		
input {
		padding: 2px;
		border: 1px solid #CCC;
		font: normal 1em Verdana, sans-serif;
		color:#000;
		background: #CCC;
		}
		
textarea {
		width: 250px;
		padding:2px;
		border: 1px solid #CCC;
		font: normal 1em Verdana, sans-serif;
		height:100px;
		display:block;
		color:#000;
		background: #CCC;
		}
		
input.button { 
		margin: 0; 
		font: bold 1em Tahoma, Sans-serif; 
		border: 1px solid #CCC;
		padding: 2px 3px; 
		color: #000;
		background: #CCC;	
		} 
		
/****************************************************************/
/*      			 VARIABLES HEADER							*/
/****************************************************************/

.header{
		position: center;
		height : 250px;
		width: 1024px;
		} 

/****************************************************************/
/*      			 VARIABLES wrapper							*/
/****************************************************************/

.wrapper{
		position: center;
		width: 1024px;
		} 

/****************************************************************/
/*      			 VARIABLES CONTENT							*/
/****************************************************************/

.content{
	
		overflow:hidden;
		color: #e5e5e5;
		}
		
.actu{
	
		overflow:hidden;
		color: #e5e5e5;
		}

#main {
		float: left;
		width: 790px;
		margin: 10px 0; 
		padding: 0 0 0 0;		
		}
		
#colg{
		float: left;
		width: 50%;
		margin: 10px 0; 
		padding: 0 0 0 0;
		text-align: center;
		}
		
#cold{
		float:right;
		width: 50%;
		margin: 10px 0; 
		padding: 0 0 0 0;
		text-align: center;
		}
	
#main a:hover {
		/*border:#FF0000
		background: #000;
		color: #D30F16;	*/	
		}
		
#main h1 { 
		font: normal 1.2em 'Trebuchet MS', Arial, Sans-serif;
		color: #DBD0A3; 	
		}
		
#main p { 
		font: normal 1.1em 'Trebuchet MS', Arial, Sans-serif;
		color: #e3e3e6; 	
		}

/* content */
#content-wrap {
		position: center;
		width: 1024px;
		clear: both;
		float: left;
		background: #000;		
		width: 100%;
		}
		
#content {
		
		text-align: left;	
		padding: 0; margin: 0 auto;		
		}


/****************************************************************/
/*      			 COLONNES PRINCIPALES						*/
/****************************************************************/

/* COLONNE GAUCHE */
#sidecolga {
		float: left;
		width: 390px;		
		margin: 10px 0;
		padding: 0;	
		text-align: left;
		color: #FFFFFF
		}		
		
#sidecolga h1 {
		font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
		background: url(images/point.jpg) no-repeat 10px .7em;
		padding: 7px 0 7px 35px;
		color: #A0080D;
		}
#sidecolga h3 {
		font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;
		background: #000;
		padding: 7px 10px 7px 50px;
		color: #DBD0A3;
		}
#sidecolga ul, li, {
		
		background: #000 10px;
		color: #e3e3e6;
		}	
		


#sidecolga .sidecol {
		background: #000;
		margin: 5px 5px 5px 5px;
		}
#sidecolga ul.sidemenu .sponsors {
		color:#99FF00;
		}
	
	/* COLONNE DROITE */
#sidecoldr {
		float: right;
		width: 390px;
		margin: 10px 0; padding: 0;	
		text-align: left;
		color: #FFFFFF
		}		
		
#sidecoldr h1 {
		font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
		background: #000 url(images/point.jpg) no-repeat 10px .7em;
		padding: 7px 10px 7px 35px;
		margin-right: 10px; 
		color: #A0080D;
		}
		
#sidecoldr h3 {
		font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif;
		background: #000;
		padding: 7px 0 7px 50px;
		color: #DBD0A3;
		}
		
#sidecoldr ul, li {
		background: #000 8px;
		color: #e3e3e6;
		}		
		
#sidecoldr .sidecol {
		background: #000;
		margin: 5px 15px 10px 15px;
		}
#sidecoldr ul.sidemenu .sponsors {
		color:#99FF00;
		}	
		
/****************************************************************/
/*      			 COLONNE DROITE								*/
/****************************************************************/

/* sidebar */
#sidebar {
		float: right;
		width: 230px;
		margin: 10px 0; padding: 0;	
		text-align: left;
		}		
		
#sidebar h1 {
		font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
		background: #000 url(images/arrow.gif) no-repeat 10px .7em;
		padding: 7px 0 7px 35px;
		color: #A0080D;
		}
		
#sidebar ul.sidemenu {
		list-style:none;
		margin: 0;
		padding: 5px 0 15px 0;			
		}
		
#sidebar ul.sidemenu li {
		padding: 0 10px;
		}
		
#sidebar ul.sidemenu a {
		display: block;
		font-weight:bold;
		color: #6A6A6A; 
		height: 1.5em;
		text-decoration: none;
		padding:.3em 0 .3em 15px;
		background: #000;		
		border-bottom: 1px dashed #151515; 
		line-height: 1.5em;
		}
		
#sidebar ul.sidemenu a.top{
		border-top: 1px dashed #151515;
		}
		
#sidebar ul.sidemenu a:hover {
		padding: .3em 0 .3em 10px;
		background: #000;
		border-left: 5px solid  #D30F16;
		color: #D30F16;		
		}
		
#sidebar .sidebox {
		background: #000;
		margin: 5px 15px 10px 15px;
		}
#sidebar ul.sidemenu .sponsors {
		color:#99FF00;
		}
		
/****************************************************************/
/*      			 DIRIGEANTS									*/
/****************************************************************/


#Dirigeant {
		float: left;
		width: 400px;
		margin: 10px 0; padding: 0;	
		text-align: left;
		}
		
#Dirigeant h1 {
		font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
		background: #000000 url(images/Ballon.gif) no-repeat 10px .7em;
		padding:7px 10px 7px 35px;
		color: #A0080D;
		}
		
#Dirigeant ul.Dirigtext {
		list-style:none;
		margin: 0;
		padding: 5px 0 15px 0;			
		}
		
#Dirigeant ul.Dirigtext li {
		color:#FFFFFF;
		padding: 0 50px;
		}
		
#Dirigeant ul.Dirigtext a {
		display: block;
		font-weight:bold;
		color: #6A6A6A; 
		height: 1.5em;
		text-decoration: none;
		padding:.3em 0 .3em 15px;
		background: #000;		
		border-bottom: 1px dashed #151515; 
		line-height: 1.5em;
		}
		
#Dirigeant ul.Dirigbox a.top{
		border-top: 1px dashed #151515;
		}
		
#Dirigeant ul.Dirigtext a:hover {
		padding: .3em 0 .3em 10px;
		background: #000;
		border-left: 5px solid  #D30F16;
		color: #D30F16;		
		}
		
#Dirigeant .Dirigbox {
		background: #000;
		margin: 5px 15px 10px 15px;
		}



/****************************************************************/
/*      			ATTRIBUTS CLASSES							*/
/****************************************************************/
		

/* alignment classes */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }


/* additional classes */

.clear { clear: both; }

.comments { 
		text-align: right; 
		border: 1px dashed #151515; 
		padding: 5px 10px;
		margin: 20px 15px 10px 15px;
		}
		



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
		margin-left: 3px;
}


/****************************************************************/
/*      			 TABLEAU SCORE								*/
/****************************************************************/

table  {
	background: #54010b;
	color:#fff;
	text-align:left;
	font-size:10px;
	border-spacing: 0px;
}


table a, table, tbody, tfoot, tr, th, td {
	font-family: arial, helvetica, sans-serif;
}
table, {
	border-left:2px solid #567;
	border-right:2px solid #000;
	padding: 2px;
}
table a {
	text-decoration: none;
	background: inherit;
	color: #fff;
	font-weight:normal;
}

table caption {
	border-top:1px solid #86484f;
	border-left:1px solid #ddf;
	border-right:1px solid #1e0e0f;
	border-bottom:1px solid #1e0e0f;
	text-align: left;
	padding: 3px;
	color: #ccf;
	background: #99f;
	font-family: georgia, "times new roman", serif;
	font-size:10px;
	font-weight:bold;
}
table, td, th {
	margin:0px;
	padding:3px;
	border-top:1px solid #86484f;
	border-left:1px solid #86484f;
	border-right:1px solid #1e0e0f;
	border-bottom:1px solid #1e0e0f;
}
td, th {
	border-top:1px solid #86484f;
	border-left:1px solid #86484f;
	border-right:1px solid #1e0e0f;
	border-bottom:1px solid #1e0e0f;
}
tr.odd {
	color: inherit;
	background: #88e;
}

/****************************************************************/
/*      			 TABLEAU Table1						*/
/****************************************************************/

.table1  {
	width: 100%;
	background: #54010;
	color:#e3e3e6;
	text-align:left;
	font-size:12px;
	border-spacing:0px;
	empty-cells:show;
}
table1 a, table, tbody, tfoot, tr, th, td {
	font-family: Geneva, arial, helvetica, sans-serif;
}
table1, {
	border-left:1px solid #567;
	border-right:1px solid #000;
	padding: 1px;
}
table1 a {
	text-decoration: none;
	background: inherit;
	color: #777;
	font-weight: normal;
}

table1 caption {
	border-top:1px solid #333333;
	border-left:1px solid #ddf;
	border-right:1px solid #1e0e0f;
	border-bottom:1px solid #1e0e0f;
	text-align: left;
	padding: 1px;
	color: #ccf;
	background: #99f;
	font-family: georgia, "times new roman", serif;
	font-size:25px;
	font-weight:bold;
}
table1, td, th {
	margin:0px;
	padding:1px;
	border-top:1px solid #86484f;
	border-left:1px solid #86484f;
	border-right:1px solid #1e0e0f;
	border-bottom:1px solid #1e0e0f;
}

/****************************************************************/
/*      			 VARIABLES FOOTER							*/
/****************************************************************/


#footer {
		clear: both;
		margin: 0; padding: 0;
		border-top: 1px solid #68050A;
		font-size: 95%;
		text-align: left;	
		}
		
#footer h2, #footer p {
		padding-left: 0;
		}
		
#footer-content {	
		margin: 0 auto;		
		}
		
#footer-content a {
		text-decoration: none;
		color: #8A8A8A;
		}
		
#footer-content a:hover {
		text-decoration: underline;
		color: #FFF;
		}
		
#footer-content ul {
		list-style: none;
		margin: 0; padding: 0;
		}
		
#footer-content .col {
		width: 32%;
		padding: 0 5px 30px 15px;	
		}
		
#footer-content .col2 {
		width: 30%;
		padding: 0 0 30px 0;	
		}



#copyright {
		font:8px 'Trebuchet MS';
		color:#fff;
		text-indent:11px;
		padding:80px 0 0 0;}
	
#copyright a { 
		color:#ff4500; }

#copyright a:hover { 
		color:#fff; }