/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

*{
	margin:0px;
	padding:0px;
}

html, body{
    font: 12px Arial, Verdana, sans-serif;
	color:#fff;
	height:100%;
    background: #0C0C0C url(/medias/images/interface/background.jpg) repeat-x top left;
	text-align:justify;
	scrollbar-face-color: #444847;
    scrollbar-shadow-color: #1d1f1e;
    scrollbar-highlight-color: #444847;
    scrollbar-3dlight-color: #444847;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #1d1f1e;
    scrollbar-arrow-color: #eccd3b;
}

	

/* ---------->>> GLOBAL : Textes <<<-----------*/

h1{
    font: 18px Arial, Verdana, sans-serif;
	color:#eccd3b;
	text-transform:uppercase;
	margin:0 0 10px 0;
}


h2{
    font: 14px Arial, Verdana, sans-serif;
	color:#eccd3b;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h3{
    font: 12px Arial, Verdana, sans-serif;
	color:#eccd3b;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h4{
    font: 14px Arial, Verdana, sans-serif;
	color:#eccd3b;
	text-transform:uppercase;
	margin:10px 0 10px 0;
}

strong{
	color:#666;
}




/* ---------->>> GLOBAL : Mise en page <<<-----------*/

p{
	margin-bottom:10px;
}

ol li{
	color:#eccd3b;
	list-style-type:upper-roman;
	font: 15px Arial, Verdana, sans-serif;
	margin-left:40px;
	padding-top:5px;
	font-style:italic;
	
}

.List{
	color:white;
	/*border-bottom: 1px dotted  #666666;*/
	font-weight: 100;
    font: 12px Arial, Verdana, sans-serif;
	margin:0 0 10px 0;
}


.listeInterieur ul li{
	margin-left:40px;
	width:360px;
	list-style-type:disc;
	margin-top:10px;
	font-style:italic;
}

/* ---------->>> GLOBAL : Images <<<-----------*/

.imgleft{
	float:left;
	padding-right:10px;


}
.imgright{
	float:right;
	padding-left:10px;
	margin-left:10px;

}


/* ---------->>> GLOBAL : Liens <<<-----------*/

a{
	color:#eccd3b;
}
a:hover{
	color:#666;
}
a:visited{
	color:#C0153E;
}
a:active{
	color:#C0153E;
}

.img{
border:0px;
}

#footer a{
    font: 11px Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#666;
}
#footer :hover{
    font: 11px Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#eccd3b;
}

#menu li a{
	text-decoration:none;
	color: white;
}

#menu :hover{
	text-decoration:none;
	color:#eccd3b;
}




/* -------------------------------------------*/
/* ---------->>> Page Structure <<<-----------*/
/* -------------------------------------------*/

#colonneCentree{
	width:100%;
	height:100%;
	vertical-align:middle;
}


#conteneur{
    position: absolute; 
	width: 847px;
	height: 360px;
	top:50%;
	left:50%;
	margin-left:-423px;
	margin-top:-180px;
	margin-bottom:20px;
 
	padding: 23px 24px 50px 23px;
    text-align: justify;
	
	background-image:url(/medias/images/interface/background-conteneur.gif);
	background-repeat:no-repeat;

}

#flash{
    position: relative; 
	width: 866px;
	margin-top:-120px;
	
	
    text-align: justify;
}


		
#gauche{
	float: left;
	width: 186px;
	height: 360px;
	background-image: url(/medias/images/interface/background-gauche.jpg);
}

#centre{
	float: left;
	width: 173px;
	height:360px;
	background-color: #080808;
}

#contenu{
	float: left;
	width: 448px;
	height: 320px;
	background-color: #131415;
	padding: 20px;
	overflow : auto ;

}

#footer{


	padding: 15px 24px 0px 23px!important;
	width: 847px;
	height:150px;
	text-align:right;
}


#gbl{

}


/* ---------------------------------*/
/* ---------->>> Menu <<<-----------*/
/* ---------------------------------*/

#menu{
	width: 176px;
	height: 100px;
	text-align: left;
}


#menu ul li{
	list-style-type:none;
	font: 14px Arial, Verdana, sans-serif;
	padding-bottom:5px;
	padding-left:18px;
}

#menuMargin{
    margin-top: -5px;
}

#Catmenu{
	width: 176px;
	height: 100px;
	text-align: left;
}


#Catmenu ul li{
	list-style-type:none;
	font: 14px Arial, Verdana, sans-serif;
	padding-bottom:5px;
	padding-left:18px;
}

#Submenu{
	width: 176px;
	text-align: left;
	padding-top:3px;
}


#Submenu ul li{
	list-style-type:none;
	font: 11px Arial, Verdana, sans-serif;
	padding-left:18px;
}
.spacer{
	clear:both;
	visibility:hidden;
}



/* ---------------------------------*/
/* ---------->>> Form <<<-----------*/
/* ---------------------------------*/

.form{
background-color:#141414;
color:#C0153E;
width:110px;
border: solid 1px #666;
font-size:12px;
margin:3px;
line-height:130%;

}

.formSelect{
background-color:#141414;
width:40px;
color:#C0153E;
border: solid 1px #666;
font-size:12px;
margin:3px;
line-height:130%;

}

.formTxt{
background-color:#141414;
width:110px;
color:#C0153E;
border: solid 1px #666;
font-size:12px;
margin:3px;
line-height:130%;
}

.buttons{
background-color:#666;
text-transform:uppercase;
color: white;
border: solid 1px;
font-size:10px;
margin:3px;
}


/* ---------------------------------*/
/* ------->>> Catalogue <<<---------*/
/* ---------------------------------*/

#photoCatalogue{
	font: 11px Arial, Verdana, sans-serif;
	width:110px;
	height:110px;
	float: left;
	margin-bottom:15px;
	padding:15px 15px 0px 15px;
}

.centrage{
	vertical-align:middle;
	}

	.spacer{
	clear:both;
	visibility:hidden;
}

#content a{
	border:none;
}

#content a:visited{
	border:none;
}
#content a:hover{
	border:none;
}
#content a:active{
	border:none;
}