/*===========================================================================*/
/*==================================GLOBAL===================================*/
/*===========================================================================*/
table, body {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img { border: none; }
a { color: #00568b; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
.invisible { display: none; }
img.shadow {
	padding: 10px;
	background: #FFF;
}
img.shadow2 {
	padding: 4px;
	background: #FFF;
}
div.separate {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0;
	border-bottom: dashed 1px #8cc308;
	margin: 20px 0;
}
p.center {
	text-align: center;
}
p.small {
	font-size: 11px;
}
span.space {
	position: relative;
	top: 2px;
}
div.clear {
	clear: both;
}

.hidden
{
	display: none;
}
p.info {
	margin-bottom: 20px;
}
/*===========================================================================*/
/*===================================BODY====================================*/
/*===========================================================================*/
body {
	text-align: center;
	background-color: #c4ee5f;
	background-image: url(body_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0px;
	margin: 0px;
}
div.container {
	text-align: left;
	background-image: url(container_bg.jpg);
	background-repeat: repeat-x;
}
div.container2 {
	text-align: left;
	background-image: url(container2_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 920px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	margin: auto;
	padding: 10px 30px;
}
/*===========================================================================*/
/*==================================HEADER===================================*/
/*===========================================================================*/
div.container div.header {
	background-image: url(header_bg.jpg);
	background-repeat: no-repeat;
	height: 188px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
	border-top: solid 1px transparent;
	position: relative;
}
div.container div.header h1 {
	margin: 0;
}
div.container div.header a.homepage {
	display: block;
	height: 188px;
	text-decoration: none;
}
div.container div.header div.blog {
	position: absolute;
	text-decoration: none;
	right: 0;
	top: 0;
}
/*===========================================================================*/
/*===============================MESSAGE OF THE DAY==========================*/
/*===========================================================================*/
div.container div.motd {
	color: #FFFFFF;
	background-color: #8cc308;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px;
}

#scroller {
	margin-top: -12px;
	//margin-top: 0;
	white-space: nowrap;
}
/*===========================================================================*/
/*====================================LEFT===================================*/
/*===========================================================================*/

div.container div.left {
	float: left;
	width: 169px;
	padding: 0 15px;
	border-right: dotted 1px #666666;
	margin-bottom: 20px;
}
div.container div.left div.astuce {
	color: #7b8d50;
	background-color: #eef6da;
	border: dotted 1px #666666;
	padding: 10px;
}


/*===========================================================================*/
/*==================================CENTER===================================*/
/*===========================================================================*/

div.container div.center {
	float: left;
	width: 720px;
}
div.container div.small {
	float: left;
	width: 520px;
}
/*===========================================================================*/
/*=================================Breadcrum=================================*/
div.container div.center div.breadcrum {
	font-size: 10px;
	padding: 0 10px;
	margin-bottom: 10px;
}
div.container div.center div.breadcrum a {
	color: #666666;
	text-decoration: none;
}
div.container div.center div.breadcrum a:hover {
	color: #000000;
	text-decoration: underline;
}
/*===========================================================================*/
/*==================================Content==================================*/
div.container div.center div.content {/*
	background-image: url(staticpage_bg.gif);
	background-repeat: repeat-x;
	background-position: top;*/
}
div.container div.small div.content {
	/*background: none;*/
}
div.container div.center div.content {
	color: #333333;
	min-height: 168px;
	height: auto !important;
	height: 168px;
	padding: 10px;
	padding-top: 15px;
	margin: 0 10px;
	margin-bottom: 20px;
}
div.container div.center div.content h1 {
	color: #990000;
	margin: 0px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
div.container div.center div.content h2 {
	color: #00568b;
	margin: 0px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
/*===========================================================================*/
/*==================================Homepage=================================*/
div.container div.center div.content p.highlight_homepage {
	font-size: 16px;
}
div.container div.center div.content div.signup_homepage {
	text-align: center;
	margin: 20px 0 30px 0;
}
div.container div.center div.content div.signup_homepage p {
	margin: 0;
}
div.container div.center div.content div.signup_homepage p a.inscription {
	margin: 0 40px;
}
div.container div.center div.content div.signup_homepage p.existing {
	font-size: 10px;
}

div.container div.center div.content div.cadres_homepage {
	clear: both;
	color: #666666;
}

div.container div.center div.content div.cadres_homepage h3 {
	padding: 130px 0 0 18px;
	margin: 0px;
}
div.container div.center div.content div.cadres_homepage div.text {
	padding: 0 25px 25px;
}
div.container div.center div.content div.cadres_homepage div.cadre1 {
	background-image: url(homepage_creatwl_bg.png);
	background-repeat: no-repeat;
	height: 295px;
	width: 210px;
	float: left;
	margin-right: 20px;
}
div.container div.center div.content div.cadres_homepage div.cadre2 {
	background-image: url(homepage_friends_bg.png);
	background-repeat: no-repeat;
	height: 295px;
	width: 210px;
	float: left;
	margin-right: 20px;
}
div.container div.center div.content div.cadres_homepage div.cadre3 {
	background-image: url(homepage_findwl_bg.png);
	background-repeat: no-repeat;
	height: 295px;
	width: 210px;
	float: left;
}

div.container div.center div.content div.line_homepage {
	clear: both;
}
/*===========================================================================*/
/*=================================Mywishlist================================*/
div.container div.center div.content div.mywishlist {
	color: #666666;
}
div.container div.center div.content div.mywishlist div.giftrow {
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}
div.container div.center div.content div.mywishlist div.giftrow div.photo {
	width: 60px;
	float: left;
	margin-right: 20px;
	text-align: center;
	position: relative;
	z-index: 1;
}
div.container div.center div.content div.mywishlist div.giftrow div.photo a.zoom {
	position: relative;
	top: 10px;
}
div.container div.center div.content div.mywishlist div.giftrow div.description {
	width: 60%;
	float: left;
}
div.container div.center div.content div.mywishlist div.giftrow div.description h3 {
	margin: 0px;
	font-size: 12px;
}
div.container div.center div.content div.mywishlist div.giftrow div.description h3 a {
	text-decoration: none;
}
div.container div.center div.content div.mywishlist div.giftrow div.description h3 a:hover {
	text-decoration: underline;
}
div.container div.center div.content div.mywishlist div.giftrow div.description p {
	margin: 3px 0 0 0;
}
div.container div.center div.content div.mywishlist div.giftrow div.quantity {
	float: right;
	text-align: center;
}
div.container div.center div.content div.mywishlist div.giftrow div.quantity p {
	margin: 0px;
}
div.container div.center div.content div.mywishlist div.giftrow div.tools {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	/*bottom: 10px;
	right: 10px;
	z-index: 1;
	top: auto !important;
	//top: 70px;*/
}
div.container div.center div.content div.mywishlist div.giftrow div.tools p {
	margin: 0;
	padding: 0;
}
/*===========================================================================*/
/*====================================RIGHT==================================*/
/*===========================================================================*/

div.container div.right {
	float: left;
	width: 199px;
	border-left: dotted 1px #666666;
	margin-bottom: 20px;
}
div.container div.right h2 {
	margin: 0px;
	margin-bottom: 10px;
}
/*===========================================================================*/
/*==================================Mywishlist===============================*/
div.container div.right div.mywishlist {
	padding: 10px 20px;
	margin-bottom: 10px;
}
div.container div.right div.mywishlist div.buttons {
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
}
div.container div.right div.mywishlist ul {
	font-size: 10px;
	list-style: none;
	margin: 0px;
	padding-left: 10px;
}
div.container div.right div.mywishlist li a {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 1px 0;
	padding-left: 12px;
	background-image: url(list_arrow.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	line-height: 14px;
}
div.container div.right div.mywishlist li.section {
	border-bottom: solid 1px #666666;
	float: none;
	font-weight: bold;
	margin: 7px 0 3px 0;
	padding: 1px 4px;
}
div.container div.right div.mywishlist li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image: url(list_arrow_hover.gif);
	background-repeat: no-repeat;
	background-color: #00568b;
}
div.container div.right div.mywishlist li.division {
	border-bottom: dotted 1px #999999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
/*===========================================================================*/
/*=================================Findwishlist==============================*/
div.container div.right div.findwishlist {
	padding: 10px 20px;
	margin-bottom: 10px;
}
div.container div.right div.findwishlist form {
	margin: 0px;
}
div.container div.right div.findwishlist input.searchfield {
	border: solid 1px #999999;
	background-color: #edf7d4;
	width: 160px;
	padding: 2px;
	margin: 0px;
}
/*===========================================================================*/
/*==================================Newwishlists=============================*/
div.container div.right div.newwishlists {
	padding: 10px 20px;
	margin-bottom: 10px;
}
div.container div.right div.newwishlists ul {
	font-size: 10px;
	list-style: none;
	margin: 0px;
	padding-left: 10px;
}
div.container div.right div.newwishlists li {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 1px 0;
	padding-left: 12px;
	background-image: url(list_arrow.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	line-height: 14px;
	border-bottom: dotted 1px #999999;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
/*===========================================================================*/
/*==================================NewGift=============================*/
div.container div.right div.newgift {
	padding: 10px 20px;
	margin-bottom: 10px;
	width: 180px !important;
	//width: 171px;
}
div.container div.right div.newgift p.more_idea, div.container div.right div.newwishlists p.more_list {
	font-size: 11px;
}
div.container div.right div.newgift div.gift {
	border-bottom: dotted 1px #999999;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}
div.container div.right div.newgift div.gift div.photo {
	float: left !important;
	margin-right: 10px;
	padding: 4px;
	background: #FFF;
	border: 1px solid #CCC;
}
div.container div.right div.newgift div.gift div.info {
	float: left;
	width: 90px;
}
div.container div.right div.newgift div.gift h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
}
div.container div.right div.newgift div.gift p {
	font-size: 10px;
}
div.container div.right div.newgift div.gift p.link {
	position: absolute !important;
	bottom: 0;
	//bottom: 10px;
	right: 0;
	//position: static;
}
div.container div.right div.newgift div.gift div.clear {
	clear: both;
}
/*===========================================================================*/
/*==================================recommand===============================*/
div.container div.recomand div.deja_membre {
	color: #666666;
}
div.container div.recomand div.deja_membre p.action {
	text-align: right;
}
div.container div.recomand div.deja_membre p.action a {
	margin-right: 70px;
}
/*===========================================================================*/
/*==================================friends list===============================*/
div.container div.friends_list {
	position: relative;
}
div.container div.friends_list span.localite {
	position: absolute;
	left: 250px;
}
div.container div.friends_list span.delete {
	position: absolute;
	left: 350px;
}
div.container div.friends_list span.delete img {
	position: relative;
	top: -10px;
}
/*===========================================================================*/
/*==================================occas_liste===============================*/
div.container div.occas_liste {
	position: relative;
}
div.container div.occas_liste span.modify {
	position: absolute;
	left: 330px;
}
div.container div.occas_liste span.delete {
	position: absolute;
	left: 350px;
}
/*===========================================================================*/
/*==================================result_liste===============================*/
div.container div.result_liste {
	position: relative;
	color: #666666;
}
div.container div.result_liste .view {
	text-decoration: none;
}
div.container div.result_liste .view:hover {
	text-decoration: underline;
}
div.container div.result_liste span {
	font-size: 11px;
}
div.container div.result_liste span.localite {
	position: absolute;
	left: 260px;
}
div.container div.result_liste span.italic {
	font-style: italic;
}
div.container div.result_liste span.action1 {
	position: absolute;
	left: 400px;
}
div.container div.result_liste span.action2 {
	position: absolute;
	left: 560px;
}
/*===========================================================================*/
/*================================LISTE CADEAU===============================*/
div.container div.liste_visitor {
	color: #666666;
}
div.container div.liste_visitor div.cadeau {
	margin-right: 10px;
	position: relative;
	clear: both;
	text-align: right;
}
div.container div.liste_visitor div.photo {
	width: 90px;
	text-align: center;
	float: left;
	margin-top: 10px;
}
div.container div.liste_visitor div.photo img {
	border:1px solid #CCCCCC;
	padding:4px;
}
div.container div.liste_visitor div.description {
	width: 280px;
	float: left;
}
div.container div.liste_visitor div.description h3 {
	font-size: 13px;
}
div.container div.liste_visitor div.description h3 a {
	text-decoration: none;
}
div.container div.liste_visitor div.description h3 a:hover {
	text-decoration: underline;
}
div.container div.liste_visitor div.quantite{
	margin-left: 400px;
}
div.container div.liste_visitor div.action {
	float: right;
	width: 100px;
}
div.container div.liste_visitor div.action p {
	margin: 0;
	padding: 0;
}
div.container div.liste_visitor div.action a {
	margin-right: 20px;
}
div.container div.liste_visitor div a.tools {
	margin-right: 0;
}

/* ------------------------------------------------------------------------- */
/* Etats des cadeaux */
div.giftBox { }

div.surpriseBox { border-bottom: 4px solid #61A803; }

.surprise {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #61A803;
	font-weight: bold;
	margin-bottom: 4px;
}

div.blockedBox { border-bottom: 4px solid #FF9900; }

.blocked {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
	margin-bottom: 4px;
}

div.purchasedBox { border-bottom: 4px solid #3A98C0; }

.purchased {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3A98C0;
	font-weight: bold;
	margin-bottom: 4px;
}

/*===========================================================================*/
/*==================================FOOTER===================================*/
/*===========================================================================*/
div.footer {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	background-color: #666666;
	height: 24px;
	line-height: 24px;
	clear: both;
}
div.footer img {
	vertical-align: middle;
}
div.footer a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: dotted 1px #FFFFFF;
}
div.footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
}
/*===========================================================================*/
/*===================================FORMULAIRE==============================*/
/*===========================================================================*/
div.error_message {
	background: #F4CACA;
	border: 1px solid #c30101;
	padding: 10px;
	color: #c30101;
}
div.info_message {
	background: #F7FFE5;
	border: 1px solid #8CC308;
	padding: 10px;
	color: #8CC308;
}

div.formulaire div.fieldset {
	margin-bottom: 16px;
	color: #666666;
}
div.formulaire div.error label {
	color: #c30101;
}
div.formulaire div.error textarea {
	border: 1px solid #c30101;
}
div.formulaire div.error div.info {
	position: relative;
	left: 200px;
	padding: 10px 0;
	color: #c30101;
}
div.formulaire div.check_no_label {
	position: relative;
	left: 200px;
}
div.formulaire div.check_no_label input {
	float: left;
}
div.formulaire div.check_no_label label {
	text-align: left;
	padding-left: 10px;
	width: 450px;
}
div.formulaire label {
	display: inline;
	width: 190px;
	text-align: right;
	float: left;
	margin-right: 10px;
}
div.formulaire label.no_style {
	display: static;
	widht: auto;
	text-align: left;
	float: none;
	margin-right: 0;
}
div.formulaire div.line {
	width: 200px;
	float: left;
	margin-bottom: 15px;
}
div.formulaire div.line_tags {
	width: 150px;
	float: left;
	margin-bottom: 15px;
}
div.formulaire input {
	margin-top: -2px;
}
div.formulaire input.text, div.formulaire textarea, div.formulaire select {
	width: 460px;
	background: #f7ffe5 none repeat scroll 0%;
	border: solid 1px #BBBBBB;
	color:#777777;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	padding:4px;
}
div.formulaire select{
	width: auto;
}
div.formulaire select option {
	padding-right: 15px;
}
div.formulaire input.focus, div.formulaire textarea.focus, div.formulaire select.focus {
	border-color: #8cc308;
}
div.formulaire input.small {
	width: 150px;
}
div.formulaire input.file {
	width: 250px;
}
div.formulaire div.form_right {
	margin-left: 200px;
}
div.formulaire div.clear {
	clear: both;
}
div.formulaire div#statut{
	margin-left: 200px;
}
p.statut_ok {
	color: #8cc308;
}
p.statut_fail {
	color: red;
}
div.formulaire .right {
	display: block;
	position: relative;
	left: 200px;
	top: 3px;
	width: 470px;
}
#moreCat, #hideCat {
	cursor: pointer;
}

img.img_help {
	margin-left: 5px;
}
/*===========================================================================*/
/*=====================================WIDGET================================*/
/*===========================================================================*/

div.container div.widget p.button {
	text-align: center;
}

/*===========================================================================*/
/*====================================GIFTIDEA===============================*/
/*===========================================================================*/

div.container div.giftIdea h2 {
	color: #00568b;
	margin: 0px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
div.container div.giftIdea {
	padding-top: 15px;
}
div.container div.giftIdea div.gift {
	float: left;
	width: 140px;
	height: 140px;
	overflow: hidden;
	border: 1px solid #8cc308;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	padding: 8px;
	background: #f7ffe5;
}
div.container div.giftIdea p.more_idea {
	text-align: right;
	padding-right: 30px;
}
div.container div.giftIdea div.gift div.info p.link {
	position: absolute;
	bottom: 0;
	//bottom: 10px;
	right: 10px;
	font-size: 11px;
}
div.container div.giftIdea div.gift div.info p {
	font-size: 10px;
}
div.container div.giftIdea div.gift h3 {
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}
div.container div.giftIdea div.gift div.photo {
	float: left;
	margin: 0 10px 10px 0;
}

/*===========================================================================*/
/*===================================CLUETIP==============================*/
/*===========================================================================*/
.cluetip-JtipHelp {
background-color:transparent;
}
.cluetip-JtipHelp #cluetip-outer {
background-color:#e4f7ff;
border:1px solid #17315f;
position:relative;
color: #17315f;
font-size: 9px;
padding: 3px;
}
/*===========================================================================*/
/*==================================POPUP====================================*/
/*===========================================================================*/

/*===========================================================================*/
/*================================popup bloquer==============================*/
div.popup h1.popupTitle {
	background-color: #61A803;
	color: white;
	font-size: 10px;
	padding: 7px;
	margin-top: 0;
}
div.popup p {
	padding: 0 10px;
	font-size: 11px;
}

/*===========================================================================*/
/*								CONCOURS									 */
/*===========================================================================*/
div.concours {
	width: 90%;
	margin: 10px auto;
	padding: 10px;

	border: 1px dotted #999999;
	background-color: #EDF7D4;
	position: relative;
}

div.concours H3 {
	color: #00568B;
	font-size: 1.1em;
	margin: 20px 0 0px 0;
}
div.concours P {
	line-height: 1.5em;
}

#bthide { float: right; }
div.concours .over { color: #00568B; }

form.concours {
	width: 90%;
	margin: 10px auto;
	padding: 10px;
	border: 1px dotted #999999;
}

div.question {
	font-size: 1.1em;
	font-weight: bold;
}

div.reponse {
	margin: 10px 0;
	padding: 0 0 0 40px;
}

form.concours label.bigfield {
	float: left;
	width: 140px;
	line-height: 32px;
	font-size: 0.9em
}

form.concours input.bigfield {
	height: 32px;
	line-height: 32px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #FFFFFF;
}

form.concours div.submiter, form.concours div.condition  {
	text-align: center;
}

form.focus {
	border: 2px solid #549901;
	background: #EDF7D4;
	width: 200px;
	padding: 10px;
}
a.concours_image {
	position: relative;
	left: -5px;
}
div.concours_boxes h2 {
	padding-top: 20px;
	text-align: center;
}
div.concours_boxes div.inscription, div.concours_boxes div.login {
	float: left;
	text-align: center;
}
div.concours_boxes div.inscription {
	margin-right: 80px;
	margin-left: 40px;
}
div.concours_boxes div p.button {
	margin: 0 0 10px;
}
div.concours_boxes div p {
	margin-top: -10px;
	margin-bottom: 40px;
}
div.concours_boxes p.showregles{
	margin-top: -10px;
	text-align: center;
}
p.concours_image {
	text-align: center;
	margin: -10px 0 20px;
}
p.concours_image_liste {
	text-align: center;
	margin: -10px 0 20px -20px;
}