/* CSS Document */

/*****************************************************************
 ELEMENTS COMMUNS
*****************************************************************/

body {
	background-color:#000000;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCFFFF;
	font-size:12px;
	text-align:center;
}
h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size:16px;
	margin:5px 5px 1px 5px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFCC66;
	font-size:14px;
	font-weight:bold;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCFFFF;
	font-size:12px;
	margin:5px 5px 10px 5px;
}

#footer p {
	color:#666666;
}

a img {
	border:none;
}

a {
	color:#FF9900;
}

#footer a {
	color:#CCCCCC;
}

a:hover {
	color:#FF0000;
}
#main {
	position: relative;
	width:760px;
	top:15px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#contenu {
	position:absolute;
	top:180px;
	left:0px;
	z-index:3;
}
.readmore {
	margin:2px 3px 4px 0px;
	display:block;
	text-align:right;
}
.prix {
	font-weight:bold;
	color:#FFFF33;
	font-size:14px;
}
.ancien_prix {
	text-decoration:line-through;
	color:#999966;
	font-weight:normal;
}
.note {
	font-family:Arial, Helvetica, sans-serif;
	color:#996699;
	font-size:10px;
	font-weight:bolder;
}
.formulaire {
	background-color: #99CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align:bottom;
}

.legend {
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
}

.on {
	font-size:18px;
}

.chevron {
	font-size:11px;
	color:#ffffff;
}

/*****************************************************************
 BANDEAU 
*****************************************************************/
#bandeau_top_pub {
	width:760px;
	height:93px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/bandeau-top-1.gif);
	background-repeat:no-repeat;
}

#bandeau_top {
	width:760px;
	height:85px;
	position:absolute;
	top:93px;
	left:0px;
	background-image:url(../images/bandeau-top-2.jpg);
	background-repeat:no-repeat;
}
#top_right {
	width:229px;
	height:208px;
	background-image:url(../images/bandeau-top-right.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:178px;
	left:531px;
	z-index:2;
}
#top_left {
	position:absolute;
	top:153px;
	left:0px;
	z-index:1;
}
#top_recherche {
	position:absolute;
	top:125px;
	left:540px;
	z-index:3;
}
.menu_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	color:#FFFFFF;
	margin:0px 5px 0px 20px;
}
.menu_top a {
	color:#FFFFFF;
	text-decoration:none;
}
.menu_top a:hover {
	color:#000000;
	text-decoration:underline
}
.form_cherche {
	background-color: #99CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width:100px;
	vertical-align:bottom;
}

/*****************************************************************
 COLONNE DE GAUCHE
*****************************************************************/
.ColonneGauche {
	background-image:url(../images/fond_150x400_bluepix1.gif);
	background-repeat:repeat;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
.ColonneGauche th {
	background-color: #663399;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFF99;
	padding-left:5px;
	font-variant:small-caps;
}
.ColonneGauche p {
	margin:2px 3px 2px 3px;
	font-size:12px;
}
.ColonneGauche hr {
	color:#CC3399;
	height:1px;
	width:90%;
	text-align:center;
}

.ColonneGauche td.pub_gauche p {
	margin:2px 3px 2px 3px;
	font-size:12px;
}

.ColonneGauche td.pub_gauche p a {
	text-decoration:none;
	color:#CCFFFF;
}

.ColonneGauche td.pub_gauche p a:hover {
	text-decoration:underline;
	color:#FFFFCC;
}


/* Menu */

div.menu, div.encart-pub-colonne-gauche {
	border: 1px solid #666;
	width: 148px;
	background-image:url(/images/fond_150x400_bluepix1.gif);
	background-repeat:repeat;
	margin: 10px 0 0 0;
	padding: 0 0 4px 0;
}

div.encart-pub-colonne-gauche p {
	margin:2px 3px 0 3px;
	font-size:12px;
}

div.encart-pub-colonne-gauche p a {
	text-decoration:none;
	color:#CCFFFF;
}

div.encart-pub-colonne-gauche p a:hover {
	text-decoration:underline;
	color:#FFFFCC;
}


div.menu ul {
	margin: 0; 
	padding: 0 0 0 3px; 
	width: 146px; 
}

div.menu li {
	position: relative; 
	list-style: none; 
	margin: 0;
	padding: 0; 
}

div.menu li a {
	display: block;
	font-size : 12px;
	padding: 1px 3px 1px 0px;
	width: 100%;
}

div.menu li a:hover {
	text-decoration:underline;
}

div.menu>ul a {
	width: auto;
}

div.titre-menu, div.titre-encart-pub-colonne-gauche {
	width: 143px;
	background-color: #639;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff9;
	padding: 0 0 0 5px;
	font-variant:small-caps;
}



/*****************************************************************
 COLONNE DE DROITE
*****************************************************************/
.ColonneDroite {
	background-image:url(../images/fond_150x400_bluepix1.gif);
	background-repeat:repeat;
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
}
.ColonneDroite th {
	background-color: #000099;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFF99;
	padding-left:5px;
	font-variant:small-caps;
}
.ColonneDroite p {
	margin:2px 3px 2px 3px;
	font-size:12px;
}
.ColonneDroite hr {
	color:#CC3399;
	height:1px;
	width:90%;
	text-align:center;
}


/*****************************************************************
 COLONNE CENTRALE 
*****************************************************************/
#nouveautes {
	width:430px;
	margin:10px 0px 5px 0px;
}
#promos_boutique {
	/*width:430px;*/
	margin:10px 30px 5px 0px;
}
#focus_soiree {
	width:430px;
	margin:10px 0px 5px 0px;
}
#article {
	width:455px;
	margin:10px 0px 5px 0px;
}

strong, .spip strong { color:#FFFFCC; }

#carre_pub {
	position:relative;
	float:right;
	width:200px;
	height:200px;
	margin-left:10px;
	margin-bottom:5px;
}

#article .spip_documents img {
	border:1px solid #333;
	margin:1px;
}


/*  FACEBOOK  */
.fb_share_link
{
	padding:5px 0 0 20px;
	line-height:25px;
	background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?1:26981) no-repeat top left;
}

/* PAGINATOR */
.Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.Paginator a, .pageList .this-page { padding: 2px 3px; border: solid 1px #ddd; background: #663399; text-decoration: none; }
.Paginator a#pagination_next_parties_full, .Paginator a#pagination_next_parties, .Paginator a#pagination_articles { padding:0;border:none;text-decoration:none; }
.Paginator a:visited { padding: 2px 3px; border: solid 1px #ddd; background: #663399; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 3px; background: #663399; color: #aaa; }
.Paginator .Prev { margin-right: 20px; padding: 2px 3px; border: solid 2px #ddd; background: #663399; }
.Paginator .break { padding: 2px 3px; border: none; background: #663399; text-decoration: none; }
.Paginator .Next { margin-left: 20px; padding: 2px 3px; border: solid 2px #ddd; background: #663399;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 3px; background: #663399; color: #aaa; }
.Paginator .on {padding: 2px 3px; border-color: #fff; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #f00; }
.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

.spip_documents { font-size : 9px;}
.spip_encadrer :{ background-color: #003366;}