/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px; border:0px; padding:0px; border-collapse:collapse}
a {text-decoration:none}
a:hover {text-decoration:underline}
/************************************************************************************/
/*	Typo	*/
/************************************************************************************/
p {line-height:1.1em; margin-bottom:1em; color:inherit}
.cadre1 {background:url(../images/bg/bg_cadre1.gif) no-repeat top left; padding: 20px 0px 0px 20px}
h1 {color:#D3155B; font-size:2em; margin:0 0 1em 0}
h2 {color:#302A82; margin:0 0 1em 0}
h3 {color:#0099CC; margin:0 0 1em 0}
a.special {display:block;background:url(../images/bg/bg_speciallink.gif) no-repeat bottom right; height:25px; line-height:25px; text-align:right; padding-right:20px; font-style:italic}
.text-center {text-align:center}
.object-center {text-align:center}
.clear {clear:both}
b {color:inherit}
.btn {cursor:pointer}

/*	list	*/
li {list-style-position:inside;}

/*	colors	*/
.rose {color:#D3155B}
.yellow {color:#FCC920}
.green {color:#6FA837}
.blue {color:#302A82}
.white {color:#FFFFFF}
.black {color:#333333}
.grey {color:#666666}

/*	Type	*/
.bold {font-weight:bold}
.small {font-size:smaller}
.center {text-align:center}
.italic {font-style:italic}

/*	Separateurs	*/
hr {margin:0.5em 0 0.5em 0}
hr.green {width:80px; border:1px solid #6FA837}
hr.rose {width:80px; border:1px solid #D3155B}
hr.large {width:50%}

/*	items */
.item {border-bottom:1px dashed #CCCCCC;margin-bottom:1em;}
.item img {margin:0.5em;}
.item h3 {padding:0.1em; color:#D3155B}
.item-content {margin:1em;}

/*	Tables classes	*/
.padded td {padding:0.2em;}
table.center {margin-left:auto; margin-right:auto;}
.zebra tr.row1 {background-color:#F0F0F6}
.zebra tr.row2 {background-color:#FFFFFF}
.zebra {border:1px solid #CCCCCC}
table.good td {padding:0.3em; border-bottom:1px solid #CCCCCC; vertical-align:middle!important}

/************************************************************************************/
/*	Structure	*/
/************************************************************************************/
body {background-color:#CCCCCC;}
#page {width:1024px; margin-left:auto; margin-right:auto;}
#page-header {height:124px; background:url(../images/bg/header.jpg) no-repeat; text-align:left}
#page-menu {height:51px; background:url(../images/bg/menu.jpg) no-repeat}
#page-left {width:185px; background:url(../images/bg/left.jpg) no-repeat top left #302A82;}
#page-left-footer {background-color:#302A82;}
#left-footer {margin-bottom:1em;}
#left-footer table {margin-left:auto; margin-right:auto}
#page-center {background-color:#FFFFFF; width:644px;}
#page-center-content {margin:1em;}
#page-right {width:195px; background-color:#B2CE15;}
#page-right-footer {background-color:#B2CE15;}


#logo {display:block; height:124px; overflow:hidden}
a.paButton {width:194px; height:124px; display:block;background:url(../images/pa_top_button.gif); overflow:hidden}
a.paButton:hover {background:none}

/************************************************************************************/
/*	Left menu	*/
/************************************************************************************/
#left-menu {margin-top:25px}
#left-menu ul {margin-left:0px; padding:0px}
#left-menu div {list-style:none; height:45px; margin-left:0px; list-style-position:inside; background-position:left}
#left-menu div a {display:block; height:45px; background-repeat:no-repeat}
#left-menu div a:hover {background:transparent!important}

/************************************************************************************/
/*	Left footer	*/
/************************************************************************************/
#left-footer {}
#leclerc-icone {background:url(../images/left-footer/leclerc_icone_on.gif) no-repeat center top; width:81px; height:84px; overflow:hidden}
#leclerc-icone a{background:url(../images/left-footer/leclerc_icone.gif) no-repeat center top; width:81px; height:84px; display:block}
#leclerc-icone a:hover {background:none}

/************************************************************************************/
/*	Top menu	*/
/************************************************************************************/
#topMenu {margin-left:185px}
#topMenu td {}
#topMenu-home {width:420px; padding-top:25px}
#topMenu-account {padding-top:25px}

/************************************************************************************/
/*	Accueil	*/
/************************************************************************************/
#homeTable {width:100%}
#homeLeft {width:33%; padding-right:0.2em;}
#homeCenter {width:33%; padding-right:0.2em; padding-left:0.2em;}
#homeRight {width:33%; padding-left:0.2em;}
#home-sms a {display:block; width:111px; height:57px; background:url(../images/home/blockhomepromo_sms.gif);}
#home-sms a:hover {background:none!important}
#home-sms {width:111px; height:57px; background:url(../images/home/blockhomepromo_sms_hover.gif);}
#home-mail a {display:block; width:85px; height:57px; background:url(../images/home/blockhomepromo_mail.gif);}
#home-mail a:hover {background:none!important}
#home-mail {width:85px; height:57px; background:url(../images/home/blockhomepromo_mail_hover.gif);}


/************************************************************************************/
/*	Shop	*/
/************************************************************************************/
#shopTable {width:620px}
#shopHeaderLeft{width:200px}
#shopHeaderCenter{width:220px; text-align:center}
#shopHeaderRight{width:200px;}

#shopLogo {text-align:center; margin-left:auto; margin-right:auto}
#shopSearch {background:url(../images/bg/bg_shopsearch.jpg) no-repeat bottom right;width:170px}
#shopSearch form {font-size:0.8em; color:#666666; padding:1em; line-height:2em;}
#shopSearch select {font-size:1em; color:#666666; border:1px solid #999999; width:90%; background-color:#F9F9F9}

#shopMap {background:url(../images/bg/bg_shopmap.jpg) no-repeat bottom left;width:170px;}
#shopMap-content {padding:1em;}
/*	Shop Main content	*/
#shopLeft {padding-right:1em; text-align:right; padding-top:1em;}
#shopCenter {width:33%; padding-top:1em;}
#shopRight {width:33%; padding-left:1em; padding-top:1em;}
/*	"Serach by them " Blok	*/
.shopResult a {color:#0190DC; display:block; margin-bottom:0.5em; font-weight:bold}
.shopResult img {margin-right:1em;}
.shopResult {border-bottom:1px dashed #999999; margin-bottom:0.8em;}
/*	Promos block	*/
#shopPromoList {width:620px}
h3.shopPromo  {background-color:#E8F5FD; padding:0.1em; text-align:left; color:#D3155B}
.shopPromo img {border:1px solid #FCC920}
/*	Map pointer	*/
#mapPointer {position:relative; background:url(../images/mapPointer.gif) no-repeat;height:60px; padding-left:60px; line-height:60px}

/************************************************************************************/
/*	100% iod�e	*/
/************************************************************************************/
#iode {width:180px; margin-left:auto; margin-right:auto; margin-bottom:1em}
#iode-header {height:68px; background:url(../images/iode/iode_header.gif) no-repeat}
#iode-content {background:url(../images/iode/iode_bg.gif) repeat-y}
#iode-content ul {margin:0 2em;}
#iode-content li {list-style:none}
#iode-content a {color:#006633}
#iode-footer {height:10px; background:url(../images/iode/iode_footer.gif) no-repeat}

/************************************************************************************/
/*	Promos du mois	*/
/************************************************************************************/
.promoLeft {background:url(../images/bg_promo.jpg) no-repeat; width:185px;}
.promo-content {margin:0.5em;}
h3.promo {background-color:#E8F5FD; padding:0.1em; text-align:left; color:#D3155B}

.promo-shopView {width:95%; border-top:1px solid #CCCCCC; margin-left:auto; margin-right:auto}
.promo-shopView td {padding:0.3em; background-color:#FFFFFF}

/************************************************************************************/
/*	Overlay	*/
/************************************************************************************/
.simple_overlay {display:none; z-index:10000; background-color:#FFFFFF; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000; text-align:center } 
.simple_overlay  img {border:0px; margin-left:auto; margin-right:auto}
.simple_overlay .close { background-image:url(../images/overlayClose.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

/************************************************************************************/
/*	Tabs	*/
/************************************************************************************/
ul.tabs {list-style:none;margin:0 !important;padding:0;height:30px;border-top:2px solid #CCCCCC; width:620px}

ul.tabs li {float:left;	text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}

ul.tabs a {font-size:11px; display:block; height: 30px; line-height:30px; width: 111px;	text-align:center;text-decoration:none; color:#302A82;padding:0px;margin:0px;position:relative; background-color:#DDDDDD; border:2px solid #CCCCCC; border-top:0px; border-right:0px}

ul.tabs a.selected {
	background-color:#FFFFFF; border:2px solid #FFFFFF;	font-weight:bold
}



/************************************************************************************/
/*	Banni�res	*/
/************************************************************************************/
#ban {width:150px; overflow:hidden; margin:1em auto 1em auto; text-align:left}

/************************************************************************************/
/*	ecards	*/
/************************************************************************************/
a.ecard {display:block; float:left; width:200px; height:210px; margin-right:1em;}

/************************************************************************************/
/*	Forms	*/
/************************************************************************************/
input,select,textare {margin:0.3em 0;}
input, textarea, select {border:1px solid #CCCCCC; padding:1px; background-color:#F9F9F9!important}
button, input.defaultbutton {background:url(../images/bg/bg_button.jpg) repeat-x; height:20px; line-height:20px; padding:0px 1em 0 1em; color:#FFFFFF; text-align:center; font-weight:bold}
input.button {background:url(../images/bg/bg_button2.jpg) repeat-x; height:20px; line-height:20px; padding:0px 1em 0 1em; color:#FFFFFF; text-align:center; font-weight:bold}

/************************************************************************************/
/*	Utilisateur	*/
/************************************************************************************/
#login {width:400px; margin-left:auto; margin-right:auto; border:1px solid #CCCCCC; background:url(../images/bg/bg_grey.jpg) repeat-x bottom left; padding:1em;}
.warning {color:#FF6600; font-size:italic; text-align:center; border:1px dashed #FF6600; padding:1em; background-color:#FFFFFF; margin-bottom:1em;}

#user-commands {display:block; width:180px; border:1px solid #CCCCCC;float:right; margin-right: 1em;}
/************************************************************************************/
/*	Footer animation	*/
/************************************************************************************/
#footerAnimation {background-color:#FFFFFF; height:60px; overflow:hidden; width:1024px; position:relative}
#tirette {position:relative;}
#tirette table {overflow:hidden; width:1024px}
td.facontainer {height:60px; vertical-align:middle; padding:0px 5px 0px 5px}

/*	sub footer	*/
#subfooter {color:#999999; text-align:center}
#subfooter a {color:#999999; font-size:0.8em}

/************************************************************************************/
/*	Search	*/
/************************************************************************************/
/*	minisearch	*/
#miniSearch {width:220px;padding-top:27px; padding-left:12px}
#miniSearch-content {border:1px solid #CCCCCC; background-color:#F6F6F6; height:20px; width:180px;}
#miniSearch input{float:left; direction:block;border:0px; width:155px; line-height:18px; padding:0 0.2em, 0 0.2em; margin:0}
#miniSearch button {border:0px; background:none; width:20px; height:20px; padding:0px; margin:0px}