/*
Theme Name: WordPress Default Fr
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets 

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* RESET ***********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* GENERAL ***********************************************************/

body{font-family:Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, p, ul, table, form{margin-bottom:10px;}
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {	font-size: .8pt;}
p, li{line-height:1.4em;}
strong{font-weight:bold;}
em{font-style:italic;}
a{cursor:pointer;}
hr {display:block; clear:both;}
kbd{ font-family:"Courier New", Courier, monospace;}
.accordionNav h2{cursor:pointer;}


/* LAYOUT *****************************************************/

#page{ width:846px;	padding:29px 0 0; margin:0 auto; }
#header{ height:160px; width:824px; margin:0 auto; }
#content{	height:595px; width:846px; }
#mainNav{ width:608px; height:73px; }
#mainContent{ width:824px; margin:0 auto; height:362px; }

#header, #footer, #content{ clear:both; }



/* GRID ******************************************************/

/* GLOBAL */
body{ background:#89786e url(images/body-bg.jpg) top no-repeat; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }

p, ul, ol, address, table{ color:#83776e; }
strong{ color:#E75675; font-weight:bold; }
a{color:#E75675;}
a:hover, a:focus{text-decoration:none; color:#9B3445;}


/* HEADER */
#header{ position:relative; margin-bottom:3px; }

#header h1{ position:absolute; top:0; left:0; margin:0; padding:0; }
#header h1 a{ display:block; width:347px; height:150px; }

#description{ position:absolute; right:20px; bottom:0; z-index:100; display:block; }
#description p{ text-align:right; font-size:18px; color:#FFF; letter-spacing:-0.05em; word-spacing:.3em; }

#header p.contact{ position:absolute; top:-1px; right:0; z-index:5; }

/* CONTENT */
#content{	position:relative; margin-bottom:10px; }

/* MAIN NAV */
#mainNav{
	position:absolute;
	top:0; right:11px;
	background:url(images/mainNav-Bg.jpg) no-repeat;
}
#mainNav ul{
	float:right;
	margin:0;
	padding:0;
	display:inline;
	margin-right:20px;
}
#mainNav li{
	float:left;
	line-height:2em;
}
#mainNav li a{
	padding:3px 5px;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	 height:60px;
	text-align:center;
	line-height:1em;
}
#mainNav li a:hover, #mainNav li a:focus{color:#FFF;}
#mainNav li.home a{	width:69px;}
#mainNav li.home a:hover{color:#FF8F93;}
#mainNav li.offres a{width:100px;}
#mainNav li.offres a:hover{color:#8BDFDF;}
#mainNav li.compte a{width:80px;}
#mainNav li.compte a:hover{color:#FFCC5F;}
#mainNav li.contact a{width:76px;}
#mainNav li.contact a:hover{color:#8E8F11;}

/* MAIN CONTENT */
#mainContent{
	position:absolute;
	width:824px;
	top:73px;
	left:11px;
	margin-bottom:10px;
	background:url(images/mainContent-Bg.jpg) no-repeat 216px 0;
}
#mainContentWrap{
	position:relative;
	width:564px !important;
	top:0;
	left:216px;
	padding:10px 22px 0;
	height:335px;
	overflow:auto;
}
#mainContentWrap h2{
	color:#E75675;
	font-size:24px;
	font-weight:normal;
}
#mainContentWrap h3{
	color:#E75675;
	font-size:14px;
	font-weight:normal;
	font-weight:bold;
	margin:15px 0 5px;
}
#mainContentWrap p,
#mainContentWrap ul,
#mainContentWrap ol{
	font-size:11px;
	line-height:1.2em;
}
#mainContentWrap ul{
	list-style:outside disc;
	margin-left:15px;
}
#mainContentWrap ol{
	list-style:decimal outside;
	margin-left:20px;
}



#mainContentWrap form {margin:0; width:100%;}
#mainContentWrap form legend { display:none; }
#mainContentWrap form fieldset { margin:0 0 2px 0!important; padding:0!important }
#mainContentWrap form ul{ margin-left:0 !important; }
#mainContentWrap form li{
	list-style:none;
	clear:both;
	margin-bottom:2px;
	padding:2px;
	overflow:hidden;
}

#mainContentWrap form li.cf_li_err{ padding:2px!important; border:none;margin-bottom:2px!important;}

#mainContentWrap form li label{
	float:left;
	width:150px;
	text-align:right;
	margin-right:5px;
	font-weight:bold;
	color:#89786E;
	background:none;
}
#mainContentWrap form li input, #mainContentWrap form li textarea{
	border:1px solid #EA5676;
	width:200px;
	float:left;
	margin-right:5px;
}
#mainContentWrap form p.submit{
	margin-left:238px;
}
#mainContentWrap form p.submit input{
	width:120px;
}
#mainContentWrap form p.cf-sb{ margin-left:308px!important; text-align:left!important}

#mainContentWrap form .reqtxt, #mainContentWrap form .emailreqtxt{ display:block; color:#C00;  font-size:9px;}

#usermessagea,
p.linklove { display:none; }

/* SUB NAV */
#subNav {
	position:absolute;
	top:-73px;
	background:url(images/subNav-Bg.jpg) no-repeat;
	height:435px;
	width:216px;
	z-index:10;
}
#subNav ul{
	width:216px;
	padding:25px 0 25px 0;
	margin:0;
	background:url(images/subNavList-bg.gif) 35px 25px no-repeat;
	overflow: hidden;
}
#subNav li{
	display:block;
	margin:0; padding:0;
	width:100%;
	height:auto;
	float: left;
}
#subNav li a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px 5px 35px;
	line-height:1.3em;
	width:172px;
	position: relative;
	z-index:10;
}

#subNav li.backLava {
	background: url(images/subNav-fee.png) no-repeat left;
	z-index: 8;
	position: absolute;
	height: 30px;
}



#subNav li a span{
	display:block;
	padding:2px 8px;
	margin-left:0;
	min-height:30px;
}
/*
#subNav li a:hover,
#subNav li a:focus,
#subNav li.current a{
	display:block;
	width:176px;
	background:url(images/subNav-fee.png) no-repeat;
}
*/

#subNav li.current a span{
	background-color:#F27D97;
	display:block;
}


/* SUB CONTENT */
#subContent{
	height:150px;
	width:824px;
	position:absolute;
	left:11px; bottom:0;
	overflow:hidden;
}
#subContent .item{
	float:left;
	width:198px;
	height:150px;
	margin-right:10px;
	position:relative;
	display:inline;
	background:url(images/subContent-itemBg.png) top no-repeat;
}
#subContent .item:hover{
	cursor:pointer;
}
#subContent .item:hover h5 a{
	color:#E75675;
}
#subContent .item:hover p.readMore a{
	background:url(images/readMoreActive.gif) no-repeat;
}
#subContent .item h5{
	color:#9B3445;
	font-size:10px;
	margin-bottom:0;
	position:absolute;
	bottom:0;
	z-index:10;
	width:198px;
	text-align:center;
	
}
#subContent .item h5 a{
	text-decoration:none;
	color:#9B3445;
	
}
#subContent .item img.illustration{
	position:absolute;
	top:5px; left:7px;
	z-index:5;
}
#subContent .item p.readMore{
	width:21px; height:21px;
	position:absolute;
	bottom:2px; right:2px;

}
#subContent .item p.readMore a{
	width:21px; height:21px;
	background:url(images/readMore.gif) no-repeat;
	display:block;
	text-indent:-9999px;
}
#subContent .item p.readMore a:hover{
	background:url(images/readMoreActive.gif) no-repeat;
}


/* FOOTER */
#footer {	margin-bottom:0; }
#footer p{ text-align:center;	color:#FFFFFF; margin:0; padding:0; font-size:11px; line-height:14px}
#footer a{  color:#FFF; text-decoration:none; }
#footer a:hover, #footer  a:focus{ text-decoration:underline; }



/* PAGES ***********************************************************/

/* PAGES | INDEX */
body.home #mainContentWrap .wrap{
	width:290px;
	float:left;
	padding-right:0 !important;
}
body.home #mainContentWrap .crossslide{
	width: 259px;
	height: 315px;
	float:right;
}


/* PAGES | AGENDA */
div.category-agenda-mariage .entry{
	padding-right:0 !important;
	width:294px !important;
	float:left;
}
div.category-agenda-mariage .crossslide{
	width: 260px;
	height: 262px;
	float:right;
}


/* PAGES | COURRIER */
div.category-courrier-de-princesses{ padding-right:200px; background:url(images/courrier-contentBg.jpg) top right no-repeat; }


/* PAGES | OFFRES */
div.category-offres h2{	color:#3AB6B9 !important; margin-bottom:0 !important; text-transform:uppercase; font-weight:bold !important}
div.category-offres h3{ color:#3AB6B9 !important; margin-top:0 !important; font-weight:bold !important}


/* PAGES | MENTIONS */
.subNav-mentions-legales{background:url(images/subNavMentions-Bg.jpg) no-repeat!important;}

/* PAGES | FAQ */
.subNav-faq{background:url(images/subNavFaq-Bg.jpg) no-repeat!important;}
.subNav-faq ul { margin-top:90px!important;}

/* PAGES | PARTENAIRES ***********************************************************/
.post-268 ul{
	margin:0; padding:0;
}
.post-268 li{
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin-right:25px;
}
.post-268 li a{
	display:block;
	font-weight:bold;
}
.post-268 li img{
	text-decoration:none !important;
	border:none;
	display:block;
}
.post-268 li span.logo{
	display:block;
	width:150px;
	height:150px;
}


.ngg-navigation{ height:20px; }
.ngg-navigation a{ text-decoration:none;}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #89786E!important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}


/* Begin Structure */

.clear {
clear: both;
}

/* End Structure */





/* Begin Images */

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */


.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

/* End Various Tags & Classes*/
