/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
	
	scrollbar-face-color: #333333;fond ascenceur ButtonText
	scrollbar-shadow-color:  #660000 ;
	scrollbar-highlight-color: #660000 ;
	scrollbar-3dlight-color: #660000 ;
	scrollbar-darkshadow-color: #333333 ;
	scrollbar-track-color: #660000 ;
	scrollbar-arrow-color: #FFFFFF ;
	scrollbar-base-color: #660000 ;
}
/*------------------------------------------------BANDEAU DROIT-------------------------------------------*/
#bandeauDroit{
	background-image:url(../images/bandeauDroit.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:223px;
	height:581px;
	margin: 10px 0px 0px 0px;
	float:left;
}

/*---------------------------------------------------------------------------------------------
-----------------------------------TEMPLATE----------------------------------------------------
-----------------------------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
}

#contener{
	background-image:url(../images/fond.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:909px;
	height:794px;
	margin: 10px 20px 0px 20px;
	float:left;
}

	
#logo{
	margin-left:2px;
	float:left;
	}

form#moteur{
	float:right;
	background-color:#E9E9E9;
	width:180px;
	height:40px;
	padding:3px;
	font-weight:bold;
	margin-top:30px;
	margin-right:50px;
	/*display:none;*/
}
form#moteur input {
	font-size:80%;
}
*html form#moteur{
	width:200px;
}
form#moteur h7{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	margin:0;
	padding:0;
}
form#moteur input {
	margin:2px;
	float:left;
}
/*-----------------------------------MENU----------------------------------------------------*/
ul#menu{
	float:left;
	width: 900px;
	}
	
ul#menu li{
	height: 36px;
	margin: 5px 10px 0 20px;
	list-style-type:none;
	float: left;
	text-align:center;
}

ul#menu li a{  
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;

	text-decoration:none;
}

ul#menu li a:hover{
	color:#CCCCCC;
}
ul#menu li.salon a{  
	color:#F26C36;
}
ul#menu li.salon a:hover{
	color:#3f4096;
}

/*-----------------------------------CONTENU----------------------------------------------------*/
#contenu{
	position:absolute;
	top:180px;
	left: 60px;
	height:590px;
	width:820px;
	overflow:auto;
}

h1{
	width:350px;
	color:#FFFFFF;
	font-size:30px;
	font-style:italic;
	font-weight:100;
	margin-bottom:20px;
	font-family:"Times New Roman", Times, serif;
	float:left;}

h2{
	width:800px;
	color:#FFFFFF;
	font-size:30px;
	font-style:italic;
	font-weight:100;
	margin-bottom:40px;
	font-family:"Times New Roman", Times, serif;
	float:left;
}
h2 a{
	color:#FFFFFF;
	text-decoration:none;
}

h5{
	width:650px;
	margin-bottom:20px;
	margin-left:60px;
	
	color:#FFFFFF;
	font-size:30px;
	font-style:italic;
	font-weight:100;
	font-family:"Times New Roman", Times, serif;
	float:left;
}

h5 a{
	width:650px;
	margin-bottom:20px;
	margin-left:60px;
	text-decoration:none;
	
	color:#FFFFFF;
	font-size:30px;
	font-style:italic;
	font-weight:100;
	font-family:"Times New Roman", Times, serif;
	float:left;
}

h3{
	width:470px;
	color:#FF9933;
/*	color:#FF6600;*/
	font-size:30px;
	font-style:italic;
	font-weight:100;
	font-family:"Times New Roman", Times, serif;
	float:left;
}

h4{
	width:470px;

	color:#FFFFFF;
	font-size:25px;
	font-style:italic;
	font-weight:100;
	font-family:"Times New Roman", Times, serif;
	float:left;
}

h6{
	width:400px;
	float:left;
	
	color:#FF6600;
	font-size:24px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}

h7{
	margin-top:30px;
	width:400px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	float:left;
}


/*-----------------------------------INDEX----------------------------------------------------*/
.presentation{
	clear:left;
	width:350px;
	color:#FFFFFF;
	font-size:14px;
	text-align:justify;
	margin-bottom:10px;
	font-weight:bold;
}

.presentation strong{
	font-style:italic;
}

.centre{
	clear:left;
	width:350px;
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	margin-bottom:10px;
	font-weight:100;
}

.centre a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:100;
}

#burin {
	margin-top:10px;
}

#numerosSpeciaux {
	position:absolute;
	top:10px;
	left:430px;
	width:390px;
	height:auto;/*510px*/;
	overflow:auto;
	clip:   rect(auto auto auto auto);

	}
	
#numerosSpeciaux ul{
	list-style-type:none;
}

#numerosSpeciaux li{
	float:left;
	width: 149px;
	height: 250px;
	margin:0 15px 0px 10px;
	list-style-type:none;
}

#numerosSpeciaux li p{
	color:#FFFFFF;
	font-style:italic;
	margin-top:5px;
}
/* actus index */
#actus {
	position:absolute;
	top:260px;
	left:430px;
	width:340px;
	height:auto;/*510px*/;
	overflow:visible;
	clip:   rect(auto auto auto auto);
	padding:15px 5px 10px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	background-color:#245;
	}
* html #actus {
	width:350px;
	
}
#actus ul{
	list-style-type:none;
}

#actus li {
	color:#FFFFFF;
	float:left;
	width: 140px;
	height: auto;
	margin:0 15px 0px 10px;
	list-style-type:none;
	font-size:14px;
	text-align:justify;
}
* html #actus li {
	width:145px;
	margin:0 10px 0px 10px;
}

#actus li a {
	margin-top:10px;
	font-weight:bold;
	display:block;
	color:#FFF;
	width: 140px;
}

.image {
	color:#FFFFFF;
}

.legende {
	float:left;
	text-decoration:none;
	color:#FFFFFF;}

a img {
	border-color:#FFFFFF;}


/*-----------------------------------CATALOGUE----------------------------------------------------*/

div.annees {
	/*height:210px;*/
	float:left;
	margin-bottom:20px;
}
	
div.annees img {
	float:left;
	margin-left:60px;
}
ul.annee {
	list-style-type:none;
	width:400px;
	float:left;
	margin-left:30px;
}
.annee h3 {
	width:400px;
	float:left;
}

.annee li{
	width:400px;
	margin:3px 3px 3px 0;
	
	list-style-type:none;
	float:left;
	
	color:#FFFFFF;
	font-style:italic;
	font-size:14px;
}
.annee li a{
	width:400px;
	margin:3px 3px 3px 0;
	
	float:left;
	
	color:#FFFFFF;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
}

ul.anneeSpeciale {
	list-style-type:none;
	width:400px;
	float:left;
	margin-left:30px;
}
.anneeSpeciale h3 {
	width:400px;
	float:left;
	color:#FFF;
}
ul.anneeSpeciale li{
	float:left;
	width:400px;
}
.anneeSpeciale li a{
	float:left;
	width:400px;
	margin:3px 10px 3px 0px;
	color:#FFFFFF;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
}

/*-----------------------------------NUMERO----------------------------------------------------*/

img#couverture{
	float:left;
	margin-right:20px;
	}
	
#sommaire{
	width:500px;/*487px;*/
	height: 390px;
	float:left;
	overflow:auto;
}
	
.descriptifNumero {
	font-size: 12px;
	font-weight:bold;
	width:460px;
	float:left;
	line-height:18px;
	color:#FFFFFF;
}

ul.descriptifNumero,p.descriptifNumero {
	padding-left:20px;
}

/*-----------------------------------ACTUALITE----------------------------------------------------*/

#actualites{
	/*height:440px;*/
	width:500px;
	/*position:absolute;
	top:35px;
	left: 0px;*/
	float:left;
	overflow:hidden;
}
.actualite h3{
	font-size:23px;
	width:400px;
	float:left;
}
p.actualite{
	padding-right:5px;
	list-style-type:none;
	width:400px;
	/*height: 70px;*/
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	text-align:justify;
	overflow:auto;
}
.actualite {
	/*height:210px;*/
	float:left;
	margin-bottom:10px;
}
	
.actualite img {
	float:left;
	margin-right:10px;
	margin-left:10px;
}
/*-----------------------------------INDEX----------------------------------------------------*/
#abonnement {
	margin: 0px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:790px;
	color:#FF9933;
	font-weight:bold;
	font-size:14px;
	overflow:visible;
}
#abonnement h2 {
	margin-left:-10px;
	margin-bottom:5px;
}
* html #abonnement h2 {
	margin-left:0px;
}
#abonnement blockquote {
	margin-left:20px;
}
#abonnement ul {
	margin-top:20px;
	list-style-type:disc;
	margin-left:30px;
	font-weight:normal;
}
#abonnement p{
	margin-top:5px;
}
#abonnement p strong {
	color:#FFF;
}
#abonnement a{
	color:#FFFFFF;
	font-style:italic;
	}
#abonnement p span{
	font-family:"Times New Roman", Times, serif;
	font-weight:200;
	font-style:italic;
	font-size:22px;
	}
#abonnement a img{
	vertical-align:middle;
}


/*-----------------------------------CONTACT----------------------------------------------------*/

#contact form {
	width:400px;
	
	margin-top:30px;
	margin-right:0;
	margin-bottom:10px;
	margin-left:300px;
		}

#contact form label{
	width: 100px;
	margin-top:10px;
	display:block;
	color:#ffffff;
	font-weight:bold;
}

#contact form #envoyer{
	margin-top: 10px;
	color:#990000;
	font-weight:bold;
}

#contact #coordonnees{
	float:left;
	color:#FFFFFF;
	font-size:14px;
	width:500px;
	font-weight:bold;
}

#contact #nota{
	font-size:10px;
	margin-top:50px;
	color:#FFFFFF; 
}

#contact #nota a{
	color:#FFFFFF; 
}

/*--------------------------------------COPYRIGHT-----------------------------------------*/
#copyright {

	float:left;

	margin-top:0px;
	margin-right:40px;
	margin-bottom:10px;
	margin-left:670px;
	
	font-size: 9px;
	color:#999999;
	text-align:right;
	font-weight:bold;
	text-decoration: none;
}
#copyright a{
	color:#666;
}