/* CSS Document */

#main{ width:902px; /*height:660px;*/ margin-left:auto; margin-right:auto; /*background-color:#000000;*/ }

.gauche{ float:left; }

.droite{ float:right; }

/* ------------------------------------------------------------ 
B L O C   D U   H A U T 
 ------------------------------------------------------------ */
#haut{ width:899px; height:292px; }
/* ---------------------------------------------------------- */

#logo{ width:296px; height:143px; background-color:white; }

#menu{ width:246px; /*296*/ height:111px; /*149*/ background:url(../images/menu.jpg) no-repeat; padding:38px 0 0 50px; margin:0; }

/********************************************

	-> D E B U  T   D U   M E N  U   D E  R O U  L A N  T

********************************************/
	
/*______________________________________________________________________________________________


 S T Y L E S     G E N E R I Q U E S       P O U R     L E    F O N C T I O N N E M E N T    D U      M E N U 


______________________________________________________________________________________________*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
	width:160px;	
	position:relative;   /* positionnement du menu, pour contenir des éléments positionnés */
	z-index:10;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	margin:0; padding:0; font-size:1px; list-style-type:none; cursor:pointer;
}

/*---------------------------
SOUS RUBRIQUE
---------------------------*/
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left			:1px solid #999;
	border-bottom		:1px solid #666;
	border-right		:1px solid #666;
	background-color:#FFFFFF;
	z-index:100;
}
#nav li ul a{
	padding 				: 2px 10px 3px 5px;/**/
	height				: auto;
	color				: #860b0b;
	font				: normal 11px "Verdana","Arial", "Helvetica", "sans-serif";
	text-decoration		: none;
		width: auto !important;
		width: 100%;
}

#nav li ul a:hover{
background-color:#860b0b;
color:#FFFFFF;
}

#nav li ul li {
	width				: 100%;	
	float				: none;
	height				: auto;
	/*padding 			: 2px 10px 2px 5px;*/
	border-top			: 1px solid #999;
	/*vertical-align: top;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left:80px;
}
	
#outils{ width:603px; height:28px; /*53-25*/ text-align:right; padding:25px 0 0 0;/*background:url(../images/outils.jpg) bottom right no-repeat;*/ }

#outils a{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#e6b500; text-decoration:none;}
#outils a:hover{text-decoration:underline;}


#outils img{ border:0; }

#recherche{ width:603px; height:37px; background:url(../images/recherche.jpg) no-repeat; background-color:#860b0b; font:bold 10px verdana; color:#FFFFFF; }

.boutton{ background-color:#860b0b;
		  color:white;
		  border:1px solid white;	
		  width:25px;
		  height:20px; 
		  font:bold 10px verdana; 
		  margin:0 0 0 5px; }

#gris{ font-size:1px; line-height:1px; border:1px solid #7e7e7e; }

#pub{ width:603px; height:200px; z-index:2; }

/* ------------------------------------------------------------ 
B L O C   D U   B A S
 ------------------------------------------------------------ */
#bas{ width:899px; /*height:343px;*/ }
/* ---------------------------------------------------------- */

#plpe{ width:296px; background:url(../images/bg-plpe.jpg) no-repeat; cursor:pointer; /*margin:0 0 5px 0;*/ }

#marques{ width:276px;/*296*/ height:103px;/*128*/ background:url(../images/marques.jpg) no-repeat; background-color:#FFFFFF; padding: 25px 0 0 20px; /*margin:0 0 5px 0;*/ }

#cadeaux{ width:296px; height:107px; background:url(../images/cadeaux.jpg) no-repeat; }

#actus, #actus2 { width:589px; /*599*/ height:221px; background:url(../images/actus.jpg) no-repeat; background-color:white; margin:0 0 0 0; padding:2px 0 0 10px;  font:normal 10px verdana; color:#860b0b; }

#actus2{ height:587px; background-image:url(../images/bg-actus.jpg); background-repeat:no-repeat; }

#liste{
margin:0 0 0 12px;
}

.floatlogo
{
float:left;
margin:0 15px 0 0;
}

html #liste a{color:#660000; text-decoration:none; display:block; }
html #liste a:hover {color:#FFFFFF; text-decoration:none;}


#contenu_rubrique ul li #liste:hover, #contenu_rubrique #nav2 li div.sfhover2
{
background-color:#660000;
}

/*html #liste:hover{
background-color:#660000;
}*/

#contenu_rubrique img {border:0px; }

#contenu_rubrique ul 
{
list-style:none;
list-style-type:none;
padding:0;
margin:0;
}

#contenu_rubrique ul li
{
/*list-style-image:url(../images/puce-art.jpg);
list-style-position:inside;*/
list-style:none;
list-style-type:none;
list-style-position:outside;
margin:0 0 5px 0;
padding:0;
/*background:url(../images/puce-art.jpg) no-repeat;
background-position:left center;*/
border:1px solid white;
}

.puce
{
background:url(../images/puce-art.jpg) no-repeat;
background-position:left center;
}

/*#contenu_rubrique ul li:hover, #contenu_rubrique #nav2 li.sfhover2
{
background-color:#660000;
}*/

#liste-actus a
{
color:#860b0b;
text-decoration:underline;
}


#liste-actus a:hover
{
color:#860b0b;
text-decoration:underline;
}

#hr
{
height: 1px;
margin:0;
padding:0;
font-size: 1px;
line-height: 1px;
color:#860b0b;
background-color:#860b0b;
border: 0px;
overflow:hidden;
clear:both;
}

.location{ font:bold 9px verdana; color:#cccccc; margin:0 0 12px 0; }

.location a{text-decoration:none; color:#660000; }
.location a:hover{text-decoration:underline; color:#660000; }

#contact{ width:599px;/*599*/ height:107px; background:url(../images/contact.jpg) no-repeat;  }
#contact3{ width:300px; height:189px;/*249*/ background:url(../images/contact3.jpg) no-repeat; padding:60px 0 0 0; }

/* ------------------------------------------------------------ 
F O O T E R
 ------------------------------------------------------------ */
#footer{ width:850px; height:16px; background-color:#840b0b; background-color:#87080f; font:bold 10px verdana;  padding:4px 9px 0 40px; }
/* ---------------------------------------------------------- */

#footer a
{
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover
{
color:#FFFFFF;
text-decoration:underline;
}


/*  T E X T E   S T Y L E  */

#colonne
{
width:195px;
float:left;
margin:0;
padding:0;
}

#adresse
{
text-align:center;
font:normal 12px verdana;
color:#FFFFFF;
margin:0 0 20px 0;
padding:0;
}

.adresse2
{
text-align:center;
font:normal 12px verdana;
color:#FFFFFF;
padding:0;
margin:50px 10px 0 0;
float:left;
}

.adresse3
{
text-align:center;
font:normal 10px verdana;
color:#FFFFFF;
padding:0;
margin:50px 10px 0 20px;
float:left;
}

.marron
{
color:#660000;
text-decoration:none;
}

#margpad
{
margin:0;
padding:0;
}