@charset "utf-8";
/* --------------------------------- minimum size --------------------------------- */
#flashcontent {
background: none;
}
div.minimum_size {
	/* for mozilla */
	min-width: 200px;
	min-height: 300px;
	width: 100%;
	height: 100%;
}


#droite/* CSS Document */ {
	width: 80%;
	float: right;
	left: 0px;
	top: 0px;
	margin: 0px;
	position: relative;
}
#recherche {
	height: 50px;
	width: 190px;
	left: 10px;
	top: 345px;
	position: relative;
}

#footer {
	
	width: 100%;
	float: left;
	position: relative;
	background-color: #CCCCCC;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	top: 30px;
}
#fmc {
	height: 100px;
	width: 150px;
	top: 360px;
	position: relative;
	left: 25px;
}


#gauche {
	width: 20%;
	left: 0px;
	top: 0px;
	float: left;
	overflow: hidden;
	height: 1120px;
}
#menu_3 {
	width: 492px;
	height: 36px;
	padding: 0; /* ÃŒlimine tout espace superflu */
	list-style: none;  /* remplit le ul */
	background-image: url(../img_interface/menu_horyzontale.jpg);
	background-repeat: no-repeat;
}
/*
 * Habillage de chaque ÃŒlÃŒment de la liste
 * Ce sont tous des blocs identiques mis les uns à la suite des autres (float)
 * mais ils se calent dans la boÏte spÌcifiÌe (320x240) en revenant à la ligne
 * quand il n'y a plus de place à droite.
 */
#menu_3 li2 {
	float: left; /* alignement flottant */
	width: 123px; /* largeur d'un morceau d'image */
	height: 36px; /* hauteur d'un morceau d'image */
}
/*
 * Habillage de chaque lien.
 * Son comportement est changÌ en un ÌlÌment de type bloc par opposition au type
 * en ligne par dÃŒfaut. Tout le rectangle devient alors rÃŒactif.
 */
#menu_3 a {
	display: block; /* le lien se met à occuper tout l'espace */
	width: 100%; /* occupe toute la largeur offerte */
	height: 100%; /* occupe toute la hauteur offerte */
	text-indent: -5000px; /* masque texte en mode graphique */
}
/*
 * La même image de fond pour tous les liens survolÌs.
 */
#menu_3 a:hover {
	background-image: url(../img_interface/arr_plan_menu_horyzontale.jpg);
	background-repeat: no-repeat;
}

/* Habillage de chaque image.
 * Elles sont diffÃŒrenciÃŒes par l'attribut id qui permet de donner un
 * identifiant unique à un ÌlÌment de la page.
 * Chaque lien utilise la même image de fond mais son affichage ne commence pas
 * aux même coordonnÌes.
 */
/* pas besoin pour #un car l'image de fond commence dÌjà à (0, 0) par dÌfaut */
a#lien2:hover {
	background-position: 0px 0;
}
#ombre_inf {
	height: 10px;
	width: 550px;
	background-image: url(../img_interface/ombre_inf_contenu.png);
	float: left;
	position: relative;
	left: 60px;
	top: 30px;
	background-repeat: no-repeat;
}

#ombre_inf_2 {
	height: 10px;
	width: 730px;
	background-image: url(../img_interface/ombre_inf_contenu_2.png);
	float: left;
	position: relative;
	left: 60px;
	top: 20px;
	background-repeat: no-repeat;
}

a#lien3:hover {
	background-position: -123px 0;
}
a#lien4:hover {
	background-position: -246px 0;
}
a#lien5:hover {
	background-position: -369px 0;
}
body {
	margin: 0px;
	padding-top: 25px;
/*	background-image: url(../img_interface/arr_plan_globale.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;	
	padding: 0px;

*/	


	background: url(../SOLDES.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
#contenu {
	width: 800px;
}
#encart_pub_droite {
	width: 170px;
	background-color: #FFFFFF;
	text-align: center;
	float: right;
	top: 70px;
	position: relative;
	right: 10px;
	background-image: url(../img_interface/ombre_pub_droite.png);
	background-repeat: repeat-y;
}
#actu {
	margin: 10px;
}
#titre_actu {
	text-align: right;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #D4782B;
	margin-top: 10px;
}
#menu_horyzontale {
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 36px;
	width: 515px;
	top: 10px;
	right: 10px;
}
#info_centrale {
	width: 550px;
	left: 60px;
	top: 30px;
	background-image: url(../img_interface/ombre_contenu.png);
	background-repeat: repeat-y;
	float: left;
	position: relative;
}
img {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#encart_google {
	float: right;
	height: 120px;
	width: 730px;
	position: relative;
	top: 50px;
	right: 10px;
}
#google-botin{
	position:absolute;
	width: 550px;
	left: 60px;
	top: 695px;
	
}
#google-d{
	width: 118px;
	position: relative;
	top: 39px;
	left: 16px;
}

#info_centrale_2 {
	width: 730px;
	position: relative;
	top: 20px;
	left: -10px;
	float: right;
	background-image: url(../img_interface/ombre_contenu_2.png);
	background-repeat: repeat-y;
}

#pub_droite {
	width: 150px;
	position: relative;
	left: 5px;
	top: 5px;
	bottom: 5px;
}
#flash_haut {
	height: 253px;
	width: 791px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 4px;
	position: relative;
	left: 0px;
	z-index: 1;
}
#encart_pub_gauche {
	top: 350px;
	position: relative;
	margin-left: 25px;
	bottom: 20px;
}
#logo {
	width: 198px;
	text-align: center;
	margin-top: 0px;
}
#bandeau {
	background-image: url(../img_interface/arr_plan_bandeau_sup.jpg);
	background-repeat: repeat-x;
	float: right;
	height: 261px;
	width: 800px;
	z-index: 0;
}
#site {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#w3c {
	float: left;
	width: 88px;
	position: relative;
	top: -10px;
}
#w3c_2 {
	float: left;
	width: 88px;
	position: relative;
	top: -10px;
}

.addthis_toolbox{
	position:relative;
	top: -45px;
	top: -25px; !important

	height: 40px;
	text-align: center;
}
.addthis_toolbox-pageperso{
	
		height: 40px;
		margin-bottom: 30px;

	
	
}




/*MISE EN PAGE DES ACTUS*/


.actus{
	padding: 3px;
	border: 1px solid #FC0;
	margin-bottom: 8px;
	position:relative;
}
.actus p{font-size: 17px;}
.actus a{font-size: 17px; color:#000; font-weight:normal;}
.actus img{}
.actus .bonplan{}
.actus .logos{
	margin-right: 5px;
}


h2.enseignes{ }
h3.local{
	font-size: 9px; color: #B2B2B2;
	margin: 0px;
	padding:0px;
	position:absolute;
	top: 5px;
	right: 5px;	
}