@charset "utf-8";
/* CSS Document */

/*on définit des margin et padding à 0 pour éviter les différences entre les navigateurs*/

body,form,#main,#header,#contenu,#footer,ul,li{margin:0;padding:0;}
html{margin:0;padding:0;background:url(../images/bg_html.gif) repeat-x top center;}
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

#main{width:956px;margin:0 auto;position:relative;background:#FFF;}



/*=====================================================

H E A D E R

=====================================================*/
#header{background:#000015;height:249px;position:relative;}
#contenu_header{width:1280px;height:249px;overflow:hidden;position:relative;margin-left:auto;margin-right:auto}

/*Recherche*/
#bloc_recherche{padding:0;margin:0;height:54px;position:relative;font-size:12px;}



/*Marquee Page accueil*/
#marquee{}
#marquee h3{padding:0;font-size:14px;}

/*Projecteur*/
#bloc_projecteur h1{padding:0;margin:0;padding-left:10px;padding-top:5px;font-size:12px;color:#FFF;display:block;height:20px;background:url(../images/bg_arrondi_long.png) no-repeat top center;}
#projecteur{padding:0;margin:0;height:285px;border:1px solid #ca5770;margin-bottom:20px;overflow:hidden;}

/*Newsletter*/
#newsletter{width:585px;min-height:264px;height:auto !important;height:264px;float:left;background:#f2f2f2 url(../images/bg_bloc_gris.png) repeat-x top center;}
#newsletter_contenu,#trouver_boutique_contenu{border:1px solid #c7c7c7;min-height:264px;height:auto !important;height:264px;}
#newsletter h1{padding:0;margin:0;padding-left:10px;padding-top:5px;font-size:12px;color:#FFF;display:block;height:20px;background:url(../images/bg_arrondi_medium.png) no-repeat top center;}

#trouver_boutique{width:363px;min-height:264px;height:auto !important;height:264px;float:right;background:#f2f2f2 url(../images/bg_bloc_gris.png) repeat-x top center;}
#trouver_boutique h1{padding:0;margin:0;padding-left:10px;padding-top:5px;font-size:12px;color:#FFF;display:block;height:20px;background:url(../images/bg_arrondi_small.png) no-repeat top center;}
#trouver_boutique_contenu{padding:6px;position:relative;min-height:252px;height:auto !important;height:253px;}
#trouver_boutique h2{display:inline;font-size:12px;}
#trouver_boutique h2 a{color:#000;}
#trouver_boutique .ligne{margin-bottom:10px;}
/*=====================================================

MENU

=====================================================*/
ul#topnav  h1{margin:0;padding:0;padding-top:10px;}
ul#topnav  h1 a{margin:0;padding:0;color:#000;font-weight:bold;font-size:12px;padding-left:29px;padding-right:29px;}
ul#topnav {margin:0;padding:0;width:954px;list-style:none;font-size:1.1em;}
ul#topnav li {float:left;margin:0;padding:0;position:relative;background:url(../images/separateur_menu.jpg) no-repeat top right;}

ul#topnav li.last{float:left;margin:0;padding:0;position:relative;background:none;}
ul#topnav li.last h1 a{padding-right:36px;}

#menu{position:relative;height:34px;border-bottom:1px solid #c87d8d;}

ul#topnav li a {float: left;/*text-indent:-9999px;*/height:24px; }
/*Exposé des li de premier niveau*/
ul#topnav li:hover,ul#topnav li.on{background:#C23E5B;text-decoration:none;border-left:1px solid #F7F7F7;border-right:1px solid #F7F7F7;border-bottom:1px solid #F7F7F7;}

ul#topnav li.on a{color:#FFF;font-size:12px;text-decoration:none;}

/*Survol des li de premier niveau*/
ul#topnav li:hover a{color:#FFF;text-decoration:none;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home { 	background: url(nav_home.png) no-repeat; 	width: 78px; }
ul#topnav a.products { 	background: url(nav_products.png) no-repeat; 	width: 117px; }
ul#topnav a.sale { 	background: url(nav_sale.png) no-repeat; 	width: 124px; }
ul#topnav a.community { 	background: url(nav_community.png) no-repeat; 	width: 124px; }
ul#topnav a.store { 	background: url(nav_store.png) no-repeat; 	width: 141px; }


ul#topnav li .sub {position: absolute;top:44px;left:0;background:#344c00 url(sub_bg.png) repeat-x;padding:20px 20px 20px;float: left;/*--Bottom right rounded corner--*/ 	/*-moz-border-radius-bottomright: 5px; 	-khtml-border-radius-bottomright: 5px; 	-webkit-border-bottom-right-radius: 5px; 	*//*--Bottom left rounded corner--*/ 	-moz-border-radius-bottomleft: 5px; 	-khtml-border-radius-bottomleft: 5px; 	-webkit-border-bottom-left-radius: 5px; 	display: none; }
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{ 	list-style: none; 	margin: 0; padding: 0; 	width: 150px; 	float: left; }
ul#topnav .sub ul li { 	width: 100%; 	color: #fff; }
ul#topnav .sub ul li h2 { 	padding: 0;  margin: 0; 	font-size: 1.3em; 	font-weight: normal; }
ul#topnav .sub ul li h2 a { 	padding: 5px 0; 	background-image: none; 	color: #e8e000; }
ul#topnav .sub ul li a { 	float: none; 	text-indent: 0; /*--Reset text indent--*/ 	/*height: auto;*/ 	background: url(navlist_arrow.png) no-repeat 5px 12px; 	padding: 7px 5px 7px 15px; 	display: block; 	text-decoration: none; 	color: #fff; }
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}/**/



/*=====================================================

C O N T E N U

=====================================================*/
#contenu{font-size:12px;padding-left:0;position:relative;min-height:400px;height:auto !important;height:400px;background:url(../images/bg_header_top.jpg) top center repeat-x;}



/*=====================================================

R U B R I Q U E 

=====================================================*/
#rubrique{}
#rubrique h1{margin:0;padding:0;height:31px;display:block;background:url(../images/bg_titre_rubrique.png);color:#FFF;font-size:18px;padding-left:16px;padding-top:10px;}

/*Menu gauche accordeon des pages rubrique*/

#menu_rubrique{margin:0;padding:0;width:176px;float:left;min-height:870px;height:auto !important;height:870px;background:#e0e0e0;}
ul.menu, ul.menu ul {list-style-type:none;margin:0;padding:0;width:176px; }
ul.menu a {display:block;text-decoration:none; }
ul.menu li {margin:0;padding:0; }
ul.menu li a {margin:0;padding:0;padding-left:5px;padding-top:8px;height:23px;background:#333 url(../images/bg_menu_gauche.png) repeat-x top left;color:#fff;font-weight:bold; }
ul.menu li a:hover {padding-left:10px;background:#000 url(../images/bg_menu_gauche_hover.png); }
ul.menu li ul li a {background:#e0e0e0;color:#535453;padding-left:20px;font-weight:normal;font-size:11px; }
ul.menu li ul li a:hover,ul.menu li ul li a.on{background:#B55E71;border-left:5px #E89EAE solid;padding-left: 15px;color:#FFF;font-weight:bold; }



/*Page accueil rubrique nos boutiques*/
#liste_boutique_rubrique{}
#liste_boutique_rubrique .colonnne_boutique h1{margin:0;padding:0;margin-top:10px;padding-left:4px;padding-top:5px;font-size:12px;color:#c23e5b;background:url(../images/bg_h1_liste_boutiques.jpg) top left no-repeat;}
#liste_boutique_rubrique .colonnne_boutique h1 a{font-size:12px;color:#c23e5b;}

#liste_boutique_rubrique .colonnne_boutique h2{margin:0;padding:0;font-size:12px;font-weight:normal;padding-left:10px;}
#liste_boutique_rubrique .colonnne_boutique h2 a{color:#000;}


#contenu_droite_rubrique{margin:0;padding:0;width:767px;float:right;min-height:870px;height:auto !important;height:870px;}

/*Projecteur de la rubrique*/
#projecteur_rubrique{height:257px;overflow:hidden;position:relative;}
#texte_projecteur{padding-left:10px;width:135px;height:257px;position:absolute;top:0;left:0;z-index:20001;color:#FFF;}
#texte_projecteur h2{padding:0;margin:0;color:#FFF;font-size:16px;padding-top:10px;z-index:20002;}
#texte_projecteur p{text-align:left;}
#image_projecteur{height:257px;width:631px;overflow:hidden;float:right;}

/* Promos boutique */
#promos_boutique{margin-top:20px;}

/* Footer de la rubrique */
#coordonnees_boutique{background:#ebebeb url(../images/bg_coordonnes.png) repeat-x top left;margin-top:20px;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:16px;}
#horaires_boutique,#contact_boutique,#emplacement_boutique{width:247px;float:left;}
#horaires_boutique h3,#contact_boutique h3,#emplacement_boutique h3{margin:0;padding:0;margin-bottom:16px;font-size:12px;}


/*Liste des boutiques*/
#liste_boutique{}
#liste_boutique a{color:#000;}
#liste_boutique h3{font-size:14px;}
#liste_boutique .liste_boutique_ligne {float:left;width:346px;padding:5px;height:125px;margin-bottom:15px;margin-left:15px;border:1px solid #CCCCCC;position:relative;}
#liste_boutique .plus_dinfos {width:65px;height:15px;background:#29AB51;color:#FFF;padding:5px;position:absolute;right:5px;bottom:5px;}
#liste_boutique .plus_dinfos a{color:white;}
#liste_boutique .plus_dinfos a:hover{text-decoration:none;}
#liste_boutique .plus_dinfos:hover{background:#1F7F3C;}

/*Rubriques infos pratiques */
.ligne_liste_infos h2{font-size:12px;padding-top:25px;}
.ligne_liste_infos h2 a{color:#000;}
.ligne_liste_infos img{float:left;width:45px;}

/*Sous Rubriques infos pratiques */
.ligne_article291{margin-top:31px;width:670px;}
.ligne_article291 img{float:left;width:78px;}
.ligne_article291 h2{margin:0;padding:0;padding-top:12px;font-size:12px;}
.ligne_article291 p{margin-top:3px;}

/*Header achats malins*/
.header_rubrique7{position:relative;height:122px;}
.header_rubrique7 h2{margin:0;padding:0;position:absolute;left:10px;top:10px;color:#FFF;font-size:18px;}
#titre_rub7{background:url(../images/bg_header_achat_malins.jpg) no-repeat top left;}
#achats_malins{}
#achats_malins input{border:none;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;background:url(../images/bg_input_form.jpg) no-repeat top left;}
}
#achats_malins_presentation{font-size:17px;}
#achats_malins_presentation h2{font-size:20px;color:#c23e5b;}
#achats_malins h3{color:#c23e5b;background:url(../images/bg_h3_achat_malins.jpg) top left no-repeat;height:20px;padding-left:8px;padding-top:4px;}

/*Header infos pratiques*/
.header_rubrique291{position:relative;height:122px;}
.header_rubrique291 h2{margin:0;padding:0;position:absolute;left:10px;top:10px;color:#FFF;font-size:18px;}


/*Les parkings*/
#titre_rub292{background:url(../images/bg_les-parkings.png) no-repeat top left;}

/*Les services pratiques*/
#titre_rub293{background:url(../images/bg_services_pratiques.png) no-repeat top left;}

/*Les enfants*/
#titre_rub294{background:url(../images/bg_les_enfants.png) no-repeat top left;}

/*Accessibilité*/
#titre_rub295{background:url(../images/bg_accessibilite.png) no-repeat top left;}

/*Autour du centre*/
#titre_rub297{background:url(../images/bg_autour_du_centre.png) no-repeat top left;}




/*=====================================================

R E C H E R C H E

=====================================================*/
#page_recherche h1{margin:0;padding:0;margin-bottom:10px;margin-top:10px;padding-left:4px;padding-top:5px;font-size:12px;color:#c23e5b;background:url(../images/bg_h1_liste_boutiques.jpg) top left no-repeat;}
#page_recherche ul,#page_recherche .pagination{margin-left:20px;}
#page_recherche a{color:#000;}

/*=====================================================

F O O T E R

=====================================================*/
#footer{margin-top:10px;position:relative;background:#dfdfdf url(../images/bg_footer.png) top center repeat-x;padding-top:40px;padding-bottom:25px;}
#contenu_footer{width:956px;padding:5px;margin-left:auto;margin-right:auto;position:relative;}
#contenu_footer h1{margin:0;padding:0;font-weight:bold;font-size:12px;color:#29ac51;}
#contenu_footer h2 a{font-weight:normal;font-size:12px;color:#535453;}

#footer_categorie{width:366px;float:left;margin-left:30px;min-height:264px;height:auto !important;height:264px;}
#footer_categorie h2{margin:0;padding:0;}

#footer_autour{width:158px;float:left;margin-left:30px;border-right:2px solid #919191;min-height:312px;height:auto !important;height:312px;}
#footer_autour h2{margin:0;padding:0;}

#footer_compte{width:306px;float:left;margin-left:30px;min-height:285px;height:auto !important;height:285px;}
#footer_compte a {font-weight:bold;font-size:12px;color:#535453;}

#footer_infos{margin-left:20px;width:300px;float:left;min-height:312px;height:auto !important;height:312px;}
#footer_infos,#footer_infos a{color:#535453;}
#footer_infos h1 {margin:0;padding:0;font-weight:bold;font-size:12px;color:#29ac51;}

/*DIVERS*/
a img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:0;}

input{text-align:left;padding-left:8px;}

p{text-align:justify;}
p a{color:black!important;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

ul{list-style-type:none;}


/*CONTACT*/
#formulaire_contact{margin-bottom:50px;width:366px;}
#formulaire_contact label{width:111px;float:left;font-size:15px;font-weight:bold;}
#formulaire_contact .form_ligne{overflow:auto;margin-top:5px;}
#formulaire_contact input{border:none;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;width:253px;background:url(../images/bg_input_form.jpg) no-repeat top left;}
#formulaire_contact textarea{border:none;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;width:253px;background:url(../images/bg_textarea_form.jpg) no-repeat top left;}


/*PORTFOLIO*/
.portfolio img{margin:3px;border:1px solid grey;}

/* IEPNG FIX pour les png transparent sous ie*/
img, div, a, input ,li,.png{behavior: url(../iepngfix.htc)}


/*PLAN DU SITE*/
ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black; }
ul.plansite li strong {
  font-size: 105%; }
  
.plansite h1 a{font-size:18px;color:blue !important;margin:0;padding:0;display:inline;}
.plansite h2 a{font-size:12px;margin:0;padding:0;display:inline;color:orange!important;}
.plansite a:hover{color:orange;}

#page404 p{font:bold 19px Arial, Helvetica, sans-serif;text-align:center;}