/*  	
	vert #c0e3c0
	vert + fonce #6c9a6c
	mauve #a82e8d
	bleu poudre #cae9fc
	bleu fonce #5aa6d4
*/


/* ------------------------------

   General Styling 

------------------------------ */

ul,ol {list-style: none;}
li ul {margin-top: 15px;}
h1,h2,h3,h4,h5,h6,pre,code,p, span {font-size: 1em;}
* {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
a {color: #a82e8d; text-decoration: underline;}
a:hover { color: #6c9a6c;}
h1 { color: #a82e8d; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 130%; margin-bottom: 1.2em; background: url(../img/bg_title.gif) no-repeat left; padding-left: 35px;}
h2 { color: #a82e8d; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 140%; margin: 0 20px 1em 20px; }
h3 { color: #5aa6d4; font-family: Verdana,sans-serif; font-size: 110%; letter-spacing: 1px; margin: 0 20px 1em 20px;}
p { margin: 0 20px;}
span.imp { color: #5aa6d4; font-family: Verdana,sans-serif; letter-spacing: 1px;}
#mainContent img { border: 1px solid  #a82e8d; padding: 4px; margin: 20px;}
img.float-left {float: left; margin: 30px 30px 20px 20px;}
img.float-right {float: right; margin: 30px 20px 20px 30px;}
.clear {clear:both;}

div.alternate{
background-color: #eff9ff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5aa6d4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5aa6d4;
clear: both;
margin-bottom: 2em;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 25px;
}

.showCat {margin-left: 20px; margin-bottom: 10px; margin-top: 15px; width: 200px; float: left;}
.showCat a.show{background:url(../img/user-arrow.gif) right no-repeat; padding-right: 12px;}
.showCat a.hide{background:url(../img/down-arrow.gif) right no-repeat; padding-right: 12px;}

.erreur{background:#FFf3A3 url(../img/error.png) 10px no-repeat; border:1px solid #E7Bd72; color: #D57C21; padding: 10px; padding-left: 34px;}

/* ------------------------------

   Structure 

------------------------------ */

body { background: #fff url(../img/fr/bg-masthead.jpg) no-repeat 50% 0; color: #454545; font: normal small Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center;}

#wrapper { width: 955px; margin: auto; text-align: left; }

.content-box{ background: url(../img/bg_content-box.gif) top no-repeat; padding: 20px; margin-bottom: 60px; }

/* ------------------------------

   Top Bar ( Navigation ) 

------------------------------ */

#topBar { background: url(../img/bg-topbar.gif) left bottom repeat-x; height: 74px; margin: 0; padding: 0; width: 100%; text-align: left; }
#topBar a { color: #fff; text-decoration: none; }
#topBar a:hover { color: #cae9fc; }
#topBar ul { margin: 0 auto; width: 955px; padding: 8px 0 25px 0; background: url(../img/bg-topbar-user.jpg) bottom right no-repeat;}
#topBar ul li {	display: block; float: left; font-size: 85%; font-weight: bold;	margin: 0 10px 15px 0; }
#topBar ul li.cart { margin: 0; padding: 0 10px 0 160px;}
#topBar ul li.cartEn {padding: 0 10px 0 280px;}
#topBar ul li.user { margin: 0; padding: 0 20px 0 0; background: url(../img/user-arrow.gif) right no-repeat;}
#topBar ul li.user, #topBar ul li.cart { font-size: 90%; }
#topBar ul li.user, #topBar ul li.cart span, #topBar ul li.cartEn span{ color: yellow; }

.lispacing {padding: 0 0 0 260px;font-weight: bold;font-size: 85%;}

/* ------------------------------

   Header 

------------------------------ */

div#header{ height: 165px; }
div#header img#logo{ float: left; margin: 0 0 0 5px; padding: 0; border: none;}
p#catchphrase {
	height: 74px;
	left: 536px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 11px;
	width: 197px;
	border: 1px solid red;
}
a.game1, a.game2, a.game3, a.game4 { display: block; height: 100px; float: left; margin-top: 50px;}
a.game1 { width: 142px; margin-left: 60px;}
a.game2 { width: 145px; }
a.game3 { width: 148px;}
a.game4 { width: 145px;}

#searchBar { width: 500px; text-align: right; margin-bottom: 10px; margin-top: 15px; float: right;}
#searchBar { color: #6c9a6c; font-size: 16px;}
span.bt{ color: #a82e8d; background:url(../img/user-arrow.gif) right no-repeat; padding-right: 12px; margin-left: 10px; margin-right: 20px; font-size: 13px; cursor: pointer}

div#advsearch { float: right; }

/* ------------------------------

   Categories 

------------------------------ */

div#categories{ }
div#categories table{ width: 953px; margin: auto; margin-bottom: -3px;}
div#categories table td{ margin: 0; padding: 0; width: 155px; height: 25px;}
div#categories table td.larger{ margin: 0; padding: 0; width: 156px; height: 25px;}

div#categories table td a{ display: block;}

div#categories table tr.row1 td a{ height: 45px; }
div#categories table tr.row2 td a{ height: 43px; }
div#categories table tr.row3 td a{ height: 42px;}
div#categories table tr.row4 td a{ height: 49px;}

a#shower-bebe { background: url(../img/fr/cat/01_shower.gif) no-repeat;}
a#shower-mariage{ background: url(../img/fr/cat/02_shower_mariage.gif) no-repeat;}
a#noel{ background: url(../img/fr/cat/03_noel.gif) no-repeat;}
a#preparation{ background: url(../img/fr/cat/04_preparation.gif) no-repeat;}
a#rallyes{ background:url(../img/fr/cat/05_rallyes.gif) no-repeat;}
a#gratuit{ background:url(../img/fr/cat/06_gratuit.gif) no-repeat;}

a#fete-enfant{ background: url(../img/fr/cat/07_fete_enfants.gif) no-repeat;}
a#anniversaire-mariage{ background: url(../img/fr/cat/08_mariage.gif) no-repeat;}
a#paques{ background: url(../img/fr/cat/09_paques.gif) no-repeat;}
a#brise-glace{ background: url(../img/fr/cat/10_brise_glace.gif) no-repeat;}
a#jeux_de-party{ background:url(../img/fr/cat/11_partys.gif) no-repeat;}
a#solitaire{ background:url(../img/fr/cat/12_solitaire.gif) no-repeat;}

a#exterieur { background: url(../img/fr/cat/13_exterieur.gif) no-repeat;}
a#anniversaire{ background: url(../img/fr/cat/14_anniversaire.gif) no-repeat;}
a#st-valentin{ background: url(../img/fr/cat/15_st-valentin.gif) no-repeat;}
a#equipe{ background: url(../img/fr/cat/16_equipe.gif) no-repeat;}
a#jeux-de-mots{ background:url(../img/fr/cat/17_mots.gif) no-repeat;}
a#corpo{ background:url(../img/fr/cat/18_corpo.gif) no-repeat;}

a#garderie { background: url(../img/fr/cat/garderie.gif) no-repeat;}
a#ecole{ background: url(../img/fr/cat/ecole.gif) no-repeat;}
a#centplus{ background: url(../img/fr/cat/100plus.gif) no-repeat;}
a#nouveautes{ background: url(../img/fr/cat/nouveautes.gif) no-repeat;}
a#invitations{ background:url(../img/fr/cat/invitations.gif) no-repeat;}
a#theme{ background:url(../img/fr/cat/party-theme.gif) no-repeat;}

a#speciaux{ background: url(../img/fr/cat/19_speciaux.gif) no-repeat;}
a#soupers{ background: url(../img/fr/cat/20_soupers.gif) no-repeat;}
a#halloween{ background: url(../img/fr/cat/21_halloween.gif) no-repeat;}
a#trousse{ background: url(../img/fr/cat/22_trousse.gif) no-repeat;}
a#ole{ background:url(../img/fr/cat/23_ole.gif) no-repeat;}
a#vin{ background:url(../img/fr/cat/24_vin.gif) no-repeat;}

div#categories table a:hover{ background-position: -155px;} 
div#categories table td.larger a:hover{ background-position: -156px;} 

div#categories.standAlone a#vin{ background:url(../img/fr/cat/sa_24_vin.gif) no-repeat;}
div#categories.standAlone table td.larger a#vin:hover{ background-position: -156px;}

/* ------------------------------

   Footer 

------------------------------ */
#footer {
	background: url(../img/bg-footer.jpg) no-repeat;
	border-top: 1px solid #c0e3c0;
	clear: both;
	padding: 10px 0;
	text-align: center;
	margin-top: 100px;
}

#footer p {
	margin: 0;
	font-size: 90%;
	text-align: center;
}

#footer p span.amp {
	font-family: Georgia, serif;
	font-size: 120%;
	font-style: italic;
}

#footer ul { 
	margin: 0;
	padding: 10px 0 10px 0;
	width: 100%;
}

#footer ul li {
	display: inline;
	width: 170px;
}
#footer a{color: #6c9a6c; text-decoration: none;}
#footer a:hover{color: #a82e8d;}
#footer img{ margin: 0; padding: 0; border: none;} 



/* ------------------------------

   Index 

------------------------------ */

.intro_bg{ padding: 45px 275px 75px 0; background: url(../img/bg_nanny-box.gif) right top no-repeat; margin-bottom: 30px; height: 113px;}
.intro_bg2{ padding: 45px 275px 75px 0; background: url(../img/bg_nanny-box2.gif) right top no-repeat; margin-bottom: 30px; height: 113px;}
.intro_nobg{ padding: 45px 275px 75px 0; background: none; margin-bottom: 30px; }

div#news dl{ width: 27%; float: left; margin-right: 4%; }
div#news dl#last{ margin-right: 0; }
div#news dt{ border-bottom: 1px solid #c0e3c0; color: #6c9a6c; font-family: Georgia,serif; font-size: 120%; margin-bottom: 10px; padding-bottom: 3px; }

blockquote p{ padding: 15px 40px 15px 40px; float: left; background: url(../img/quote-close.gif) bottom right no-repeat;}
blockquote { padding: 0px; font-size: 1em; background: url(../img/quote-open.gif) top left no-repeat; width: 46%; float: left;}
blockquote.first { margin-right: 70px;}
cite { font-size: 1em; color: #6c9a6c; padding-left: 40px;} 

p.note {color: #9b9b9b; font-size: 90%; line-height: 1.1em;}

#mainContent ul { line-height: 1.4em; margin-left: 20px; }

#mainContent ul li { background: url(../img/bullet_orange.gif) no-repeat 0 2px;	margin-bottom: 1em;	padding-left: 20px; }

#mainContent ol { list-style-type: decimal; list-style-position: inside; margin-left: 20px;}
#mainContent ol li {margin-bottom: 1em;}

#mainContent dl { margin-left: 20px; }
#mainContent dl dt { background: url(../img/bullet_orange.gif) no-repeat 0 2px; padding-left: 20px;}	
#mainContent dl dd { margin-bottom: 1em;	padding-left: 20px;}

address { font-style: normal;}
dl.faq dt { background: url(../img/help.gif) no-repeat; color: #a82e8d; font-weight: bold; margin-bottom: 0.4em; padding: 0 0 0 25px;}
dl.faq dd {	background: url(../img/information.gif) no-repeat; 	margin-bottom: 2.6em; padding: 0 0 0 25px;}

#media ul li{ margin-left: 15px;}

a.video-link { background: url(../img/video-icon.gif) no-repeat; padding-left: 20px; }
a.audio-link { background: url(../img/audio-icon.gif) no-repeat; padding-left: 20px; }
a.pdf-link { background: url(../img/pdf-icon.gif) no-repeat; padding-left: 20px; }
.phone { background: url(../img/telephone.gif) no-repeat; padding-left: 25px; }

/* --------------------------------------

Jeux

-------------------------------------- */

div.game-panel { background: url(../img/bg_content-box.gif) no-repeat; float: left; margin-bottom: 2em; padding: 10px;}
div.game-panel.alt { background: none; }

div.game-panel div.picture-pan { float: right; width: 220px; text-align: center;}
div.game-panel div.desc-pan { float: left; width: 715px;}
div.game-panel div.desc-pan p.tips { color: #5aa6d4; font-style: italic; padding-top: 1em; }
div.game-panel div.picture-pan img { background: #fff; border: 1px solid #76bb64; padding: 2px; }
#mainContent div.game-panel p.note { color: #2e6d1e;font-size: 120%; padding-bottom: 1em;}
#mainContent div.game-panel.alt p.note { color: #454545; }
div.game-panel span.new { background: url(../img/fr/new-tag.gif) no-repeat; display: block; float: right; height: 28px; margin: 0px 0 5px 20px; overflow: hidden; text-indent: -9999px; width: 120px; }
#mainContent div.game-panel h3{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #76bb64; color: #533855; font-family: "Trebuchet MS",Verdana,sans-serif; font-size: 150%; text-transform: none; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d0d0d0; }

a.add-cart { background: transparent url(../img/fr/btn-add-cart.gif) no-repeat; background-attachment: scroll; background-position: 0% 0%; display: block; height: 38px; overflow-x: hidden; overflow-y: hidden; text-indent: -9999px; width: 179px; margin: 5px  auto 0 auto; }

a.add-cart:hover{ background-image: transparent url(../img/fr/btn-add-cart.gif) no-repeat; background-attachment: scroll; background-position: 0pt 100%; }


/* --------------------------------------

Concours

-------------------------------------- */

#concours ul.gallery{
overflow: hidden;
overflow: hidden;
padding-bottom: 10px;
width: 100%;
list-style-image: none;
}
#concours ul.gallery li
{
background-color: transparent;
background-image: none;
float: left;
height: 150px;
margin-top: 0pt;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 0pt;
list-style: none
}

#concours ul.gallery li a img{
border-top-width: 0pt;
border-right-width-value: 0pt;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 0pt;
border-left-width-value: 0pt;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
margin: 0;
padding: 0;
}

/* --------------------------------------

	Usager Clients

-------------------------------------- */

a#submit-login { background: url(../img/ico-user.gif) no-repeat 0 50%; color: #a82e8d; margin-bottom: 5px;	margin-right: 47px;	padding-left: 20px; }
a#submit-login:hover { color: #000; }


/* --------------------------------------
	
	form
	
-------------------------------------- */
form{ margin-left: 25px; }

form#userlogin {
	background: url(../img/bg-login.jpg) no-repeat;
	height: 167px;
	left: 737px;
	padding: 11px 0 0 34px;
	position: absolute;
	width: 194px;
}

form#userlogin label { display: block; font-size: 90%;}

input#input-user, input#input-pass { border: 1px solid #a82e8d; display: block; margin-bottom: 8px; padding: 1px; width: 140px; }


form#invite_form {
	background: #c0e3c0;
	margin: 10px 0 1em 20px;
	padding: 4px;
	width: 355px;
}

form#invite_form label {
	display: block;
	clear: both;
	float: left;
	font-size: 90%;
	margin-bottom: 10px;
	width: 100px;
}
form#invite_form input { margin-bottom: 10px; width: 250px; }
form#invite_form input.btn { width: 70px;}

.red { color: #990000; }


/* --------------------------------------
	
	table
	
-------------------------------------- */

table.t-cart, table.form-listing { border-collapse: collapse; margin-bottom: 2em; margin-top:1em; width: 100%; }
table.t-cart td.left, table.t-cart th.left {text-align: left;}
table.t-cart th, table.form-listing th {color: #5aa6d4; font-family: "Trebuchet MS", Verdana, sans-serif;font-size: 110%;}
table.t-cart th, table.t-cart td, table.form-listing th, table.form-listing td {text-align: center; padding: 8px 20px;}
table.t-cart tr, table.form-listing tr {border-bottom: 1px solid #b5b5b5;}
table.form-listing th,  table.form-listing td {text-align: left;}
table.form-listing tr {background: #fff;}
table.form-listing tr.next {background: #c0e3c0;text-align: center;}

table.t-cart tr.totaux {border: none;}
table.t-cart tr.totaux td {	font-size: 110%;padding: 2px 20px;}
table.t-cart tr.totaux.first {border-top: 2px solid #b5b5b5;}

a.checkout
{
background-color: transparent;
background-image: url(../img/fr/txt-checkout.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
display: block;
float: right;
height: 39px;
overflow-x: hidden;
overflow-y: hidden;
text-indent: -9999px;
width: 179px;
}

a.checkout:hover
{
background-color: transparent;
background-image: url(../img/fr/txt-checkout.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 100%;
}

/* --------------------------------------
	
	pagination
	
-------------------------------------- */
div.pagination, #search div.pagination{ list-style-image: none; background: url(../img/bg-menuBar.jpg) no-repeat; height: 29px; padding: 11px 0 0 0; width: 955px; margin: 10px 0;} 
div.pagination ul, #search div.pagination ul{ list-style-image: none; text-align: center; color: white; }
div.pagination ul li, #search div.pagination ul li{ display: inline; background-image: none; padding: 0; margin: 0; background-image: none;}
div.pagination ul li:after, #search div.pagination ul li:after { content: " -";}
div.pagination ul li a, #search div.pagination ul li a{ color: white;}
div.pagination ul li a:hover, #search div.pagination ul li a:hover{ color: #cae9fc;}
div.pagination ul li b.selected, #search div.pagination ul li b.selected{ font-weight: bold; color: #cae9fc;}
div.pagination ul li.arrow a, #search div.pagination ul li.arrow a{ text-decoration: none;}
div.pagination ul li.last:after, #search div.pagination ul li.last:after { content: " ";}
div.pagination ul li.arrow:after, #search div.pagination ul li.arrow:after { content: " ";}

div.error_red { background-color: #ff7573; color: #000000; padding: 10px; }
div.error_green { background-color: #BEFAB7; color: #000000; padding: 10px; }