/******************************************************************/
/*** Gabarit ******************************************************/
/******************************************************************/
body {
	background: url(images/body_bg.jpg) repeat-x top #bde8ec;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #1a1a1a;
}
#page {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#content {
	margin: 30px 10px;
}
#clouds {
/*background: url(images/bg-clouds.png) no-repeat scroll left top;*/

}
#background {
	background: url(images/bg-clouds2.png) repeat-x 5% 5%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#midground {
	background: url(images/bg-clouds1.png) repeat-x 90% 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#foreground {
	background: url(images/bg-aerostat.png) repeat-x 20% 20%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
/******************************************************************/

/*** Header *******************************************************/

/******************************************************************/

#header #logo-nav {
	width: 566px;
	height: 97px;
	background: url(images/logo-nav.png) no-repeat;
	text-indent: -10000px;
	margin: 18px 0 0 0;
}
#header #logo-nav h1 a {
	display: block;
	height: 57px;
	outline: none;
}
#header #logo-nav li a {
	display: block;
	float: left;
	outline: none;
}
#header #logo-nav li a.link1 {
	margin: 7px 40px 0 9px;
	width: 134px;
	height: 33px;
}
#header #logo-nav li a.link2 {
	margin: 3px 40px 0 0;
	width: 177px;
	height: 36px;
}
#header #logo-nav li a.link3 {
	margin: 2px 0 0 0;
	width: 162px;
	height: 32px;
}
/******************************************************************/

/*** Homepage *****************************************************/

/******************************************************************/

#archive {
	overflow: hidden;
	margin: 0 10px 110px 0;
	overflow: hidden;
	padding: 0;
	width: 680px;
	float: left;
	font-size: 11px;
}
#archive .list {
	overflow: hidden;
}
#archive .entry_list {
	background: url(images/list-frame.png) no-repeat;
	width: 330px;
	height: 174px;
	float: left;
	margin: 0 10px 10px 0;
}
#archive .entry_list .excerpt {
	width: 300px;
	margin: 15px 15px 0 15px;
	overflow: hidden;
}
#archive .entry_list .excerpt .image {
	width: 99px;
	float: left;
}
#archive .entry_list .excerpt .text {
	width: 200px;
	float: left;
}
#archive .entry_list img {
	width: 85px;
	height: 85px;
	border: 2px solid #aae3f0;
	padding: 2px;
}
#archive .entry_list h2 {
	font-size: 12px;
	margin: 2px 0 8px 0;
}
#archive .entry_list .meta {
	width: 300px;
	margin: 18px 15px 0 15px;
	overflow: hidden
}
#archive .entry_list .meta ul.left {
	width: 240px;
	float: left;
	color: #828282;
}
#archive .entry_list .meta ul.left li {
	padding: 3px 0 0 0
}
#archive .entry_list .meta ul.right {
	width: 46px;
	float: right;
}
#archive .entry_list .meta ul.right li {
	width: 45px;
	height: 29px;
	padding: 5px 0 0 0;
	background: url(images/comment-bulle.png);
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
#archive .pagetitle {
	background: url(images/archive-h2.png) no-repeat;
	width: /*163*/104px;
	height: /*142*/106px;
	font-size: 12px;
	text-align: center;
	color: #135365;
	position: fixed;
	margin: 0 0 0 666px;
	bottom: 103px;
	z-index: 10;
	padding: 36px 39px 0 20px;
}
.post_video {
	clear: both;
	overflow: hidden;
	margin: 15px 0;
}
.post_video p {
	font-size: 10px;
	padding: 2px 2px 8px 2px;
	margin: 0 0 15px 0;
	text-align: center;
}
/******************************************************************/

/*** Sidebar ******************************************************/

/******************************************************************/

#right {
	width: 250px;
	float: left;
}
#sidebar h2 {
	text-indent: -10000px;
	margin: 0 0 5px 0;
}
#sidebar .tags {
	margin: 0 0 15px 0;
}
#sidebar .tags h2 {
	background: url(images/sidebar-h2-tags.png) no-repeat left center;
	height: 37px;
}
#sidebar .tags ul {
	margin: 0 5px;
	font-weight: bold;
}
#sidebar .social, .social {
	margin: 0 0 15px 0;
}
#sidebar .social h2, .social h2 {
	background: url(images/sidebar-h2-social.png) no-repeat left center;
	height: 39px;
}
#sidebar .social ul, .social ul {
	margin: 10px auto 0 auto;
	width: 240px;
	overflow: hidden;
	background: url(images/sidebar-social.png) no-repeat;
}
#sidebar .social a, .social a {
	display: block;
	margin: 0 12px 0 0;
	width: 114px;
	height: 46px;
	float: left;
	text-indent: -10000px;
}
/******************************************************************/

/*** Single *******************************************************/

/******************************************************************/

#single {
	overflow: hidden;
	margin: 0 20px /*110px*/ 0 0;
	padding: 0 0 110px 0;
	width: 670px;
	float: left;
}
/*** Meta *********************************************************/

#single .single-meta {
	overflow: hidden;
	margin: 0;
	width: 100px;
	float: left;
	font-size: 11px;
}
#single .single-meta .date {
	background: url(images/single-date.png) no-repeat;
	width: 100px;
	height: 61px;
	margin: 20px 0 0 0;
	font-weight: bold;
	color: #1490b2;
}
#single .single-meta .date p.day {
	width: 60px;
	float: left;
	text-align: center;
	font-size: 36px;
	margin: 8px 0 0 0;
}
#single .single-meta .date p.myear {
	width: 40px;
	float: left;
	margin: 0;
	padding: 17px 0 0 0;
}
#single .single-meta .date p.myear span {
	display: block;
	margin: 0 0 1px 0;
}
#single .single-meta h4 {
	margin: 0 8px 3px 8px;
	color: #064f63;
	text-shadow: #d2f0f3 1px 1px 0;
}
#single .single-meta p {
	overflow: hidden;
	margin: 0 8px 12px 8px;
}
/*** Content *********************************************************/

#single .single-content {
	overflow: hidden;
	margin: 0 0 15px 0;
	width: 570px;
	float: left;
}
#single .single-content .top {
	height: 13px;
	background: url(images/single-bg-top.png) no-repeat;
}
#single .single-content .mid {
	background: url(images/single-bg-y.png) repeat-y;
	overflow: hidden;
	padding: 10px 25px 25px 25px;
}
#single .single-content .bot {
	height: 13px;
	background: url(images/single-bg-bot.png) no-repeat;
}
#single .single-content h2 {
	color: #09627b;
	font-size: 20px;
	margin: 0 0 15px 0;
	text-shadow: #fff 0 1px 0;
}
#single .single-content h3 {
	font-size: 14px;
	margin: 15px 0 8px 0;
	border-bottom: 1px dashed #83c3d2
}
#single .single-content p {
	margin: 0 0 8px 0;
	line-height:1.3;
}
#single .single-content img {
	border: 3px solid #aae3f0;
	padding: 2px;
}
#single .single-content .wp-caption {
	width: 520px;
	margin: 15px 0;
}
#single .single-content .wp-caption p {
	font-size: 10px;
	background: #aae3f0;
	padding: 2px 2px 8px 2px;
	margin: 0 0 15px 0;
	text-align: center;
}

/*** Comments *********************************************************/
#single .single-comments {
	margin: 0 0 0 100px;
	width: 570px;
	overflow: hidden;
}
#birth-comments .single-comments {
	margin: 0;
	width: 570px;
	overflow: hidden;
}
#single .single-comments h3, #birth-comments .single-comments h3 {
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #064f63;
	text-shadow: #d2f0f3 1px 1px 0;
}
#single .single-comments ul, #birth-comments .single-comments ul {
	margin: 0 0 10px 0;
	overflow: hidden;
}
#single .single-comments li, #birth-comments .single-comments li {
	background: url(images/comments-bg-top.png) no-repeat top;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}
#single .single-comments .comment-body, #birth-comments .single-comments .comment-body {
	background: url(images/comments-bg-y.png) repeat-y;
	overflow: hidden;
	padding: 10px 15px;
}
#single .single-comments .comment-body-bot, #birth-comments .single-comments .comment-body-bot {
	background: url(images/comments-bg-bot.png) no-repeat bottom;
	overflow: hidden;
	height: 5px;
}
#single .single-comments .comment-author, #birth-comments .single-comments .comment-author {
	width: 44px;
	float: left;
}
#single .single-comments .comment-author img, #birth-comments .single-comments .comment-author img {
	padding: 4px;
	background: #d6f7fa;
	border: 1px solid #8cc4c9;
}
#single .single-comments .comment-meta, #birth-comments .single-comments .comment-meta {
	width: 490px;
	float: right;
}
#single .single-comments .comment-meta p, #birth-comments .single-comments .comment-meta p {
	padding: 0 5px;
}
#single .single-comments em, #birth-comments .single-comments em {
	display: block;
	margin: 0 0 8px 0;
	border: 1px solid #92c5d3;
	background: #c4e7f1;
	padding: 4px 5px;
	width: 478px;
	float: right;
	font-style: normal;
	font-size: 10px;
	color: #216a7d;
}
#single .single-comments .comment-meta div, #birth-comments .single-comments .comment-meta div {
	border-bottom: 1px dashed #8cc4c9;
	padding: 0 5px 6px 5px;
	margin: 0 0 6px 0;
	width: 480px;
	overflow: hidden;
}
#single .single-comments .comment-meta div span, #single .single-comments .comment-meta div cite, #birth-comments .single-comments .comment-meta div span, #birth-comments .single-comments .comment-meta div cite {
	display: block;
	width: 230px;
	font-style: normal;
}
#single .single-comments .comment-meta div cite, #birth-comments .single-comments .comment-meta div cite { float: left; font-weight: bold; }
#single .single-comments .comment-meta div span, #birth-comments .single-comments .comment-meta div span { float: right; text-align: right }


#single .single-comments .comment-meta span.datehour, #birth-comments .single-comments .comment-meta span.datehour {
	display: block;
	margin: 3px 0 0 0;
}
#single .single-comments .comment-text, #birth-comments .single-comments .comment-text {
	clear: both;
	margin: 10px 0 0 0;
}
#respond p {
	margin: 0 0 6px 0;
	overflow: hidden;
	width: 570px;
}
#respond input {
	display: block;
	float: left;
	width: 200px;
	border-radius: 5px;
}
#respond textarea {
	width: 558px;
}
#respond label {
	display: block;
	float: left;
	width: 340px;
	margin: 4px 0 0 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	cursor: pointer;
	color: #064f63;
}
#respond .button {
	width: 110px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: url(images/comment-button.png) no-repeat;
	border: none;
	padding: 0 0 5px 0;
	text-align: center;
	-moz-border-radius: 0;
	cursor: pointer;
}
/******************************************************************/

/*** Pages ********************************************************/

/******************************************************************/

#mainpage, #cloudy {
	margin-bottom: 110px;
}
#mainpage .top {
	height: 14px;
	background: url(images/page-bg-top.png) no-repeat;
}
#mainpage .mid {
	background: url(images/page-bg-y.png) repeat-y;
	overflow: hidden;
	padding: 3px 25px 25px 25px;
}
#mainpage .bot {
	height: 14px;
	background: url(images/page-bg-bot.png) no-repeat;
}
#mainpage h2 {
	height: 45px;
	text-indent: -10000px;
	margin: 0 0 20px 0;
}
#mainpage h3 {
	color: #067796;
	font-size: 14px;
	margin: 15px 0 8px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dashed #83c3d2
}
#mainpage p {
	margin: 0 0 8px 0;
}
#mainpage .about-text {
	width: 570px;
	float: left;
	overflow: hidden;
}
#mainpage .about-text .links {
	width: 275px;
	float: left;
	overflow: hidden;
}
#mainpage .about-text .links ul {
	font-size: 11px;
	margin: 15px 10px 0 10px;
}
#mainpage .about-text .links li, #single li {
	background: url(images/puce.png) no-repeat left 3px;
	padding: 0 0 0 12px;
	margin: 0 0 6px 0;
}
#mainpage .about-text .smedia {
	width: 275px;
	float: right;
	overflow: hidden;
}
#mainpage .about-text .smedia ul {
	margin: 15px auto 0 auto;
	width: 246px;
	overflow: hidden;
	background: url(images/qui-suis-je-social.png) no-repeat;
}
#mainpage .about-text .smedia a {
	display: block;
	margin: 0 12px 0 0;
	width: 114px;
	height: 52px;
	float: left;
	text-indent: -10000px;
}
#mainpage .about-img {
	width: 296px;
	float: right;
	overflow: hidden;
	margin: 0 10px 0 0;
}
#mainpage .about h2 {
	background: url(images/page-apropos-h2.png) no-repeat left center;
}
#mainpage .magalerie {
	position: relative;
}
#mainpage .magalerie h2 {
	background: url(images/page-galerie-h2.png) no-repeat left center;
}
#mainpage .magalerie ul {
	position: absolute;
	top: 10px;
	right: 0;
	width: 485px;
}
#mainpage .magalerie li {
	display: block;
	float: left;
	width: 150px;
	height: 30px;
	margin: 0 0 0 10px;
}
#mainpage .magalerie li a {
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -10000px;
	outline: none;
}
#mainpage .magalerie li a.link1 { background: url(images/galerie-rub.png) no-repeat 0 0 }
#mainpage .magalerie li a.link2 { background: url(images/galerie-rub.png) no-repeat -151px 0 }
#mainpage .magalerie li a.link3 { background: url(images/galerie-rub.png) no-repeat -301px 0 }

#mainpage .magalerie li a.link1-active { background: url(images/galerie-rub.png) no-repeat 0 -31px }
#mainpage .magalerie li a.link2-active { background: url(images/galerie-rub.png) no-repeat -151px -31px }
#mainpage .magalerie li a.link3-active { background: url(images/galerie-rub.png) no-repeat -301px -31px }

#mainpage .archives h2 {
	background: url(images/page-archives-h2.png) no-repeat left center;
}
#mainpage .archives-posts, #mainpage .tags-search {
	width: 425px;
	float: left;
	margin: 0 10px;
	overflow: hidden;
}
#mainpage .archives-posts h3, #mainpage .tags-search h3 {
	text-shadow: #fff 0 1px 0;
	margin: 0 0 10px 0;
}
#mainpage .archives-posts li {
	margin: 0;
	overflow: hidden;
	padding: 0 4px;
	border-bottom: 1px dashed #4ea2b7;
}
#mainpage .archives-posts span {
	display: block;
	width: 68px;
	float: left;
	padding: 5px 4px 5px 0;
}
#mainpage .archives-posts a {
	display: block;
	width: 335px;
	float: left;
	padding: 5px 4px;
}

/******************************************************************/

/*** Navigation ***************************************************/

/******************************************************************/
.navigation {
	margin: 20px 10px 20px 0;
	clear: both;
	overflow: hidden;
	text-indent: -10000px;
}
.alignleft a, .alignleft a:link, .alignleft a:visited {
	width: 254px;
	height: 22px;
	display: block;
	background: url(images/nav.png) no-repeat 0 0;
}
.alignleft a:hover {
	background: url(images/nav.png) no-repeat 0 -23px;
}

.alignright a, .alignright a:link, .alignright a:visited {
	width: 250px;
	height: 22px;
	display: block;
	background: url(images/nav.png) no-repeat -263px 0;
}
.alignright a:hover {
	background: url(images/nav.png) no-repeat -263px -23px;
}

/******************************************************************/

/*** Footer *******************************************************/

/******************************************************************/

#footer {
	background: url(images/footer-ground.png) repeat-x bottom;
	width: 100%;
	height: /*244*/103px;
	position: fixed;
	bottom: 0;
	z-index: 98;
}
#footer-content {
	background: url(images/footer-grass.png) no-repeat center bottom;
	width: 100%;
	height: 103px;
	z-index: 99;
}
#footer-content div {
	width: 950px;
	margin: 0 auto;
	padding: 80px 0 0 0;
	text-indent: -10000px;
}
#footer-content li {
	display: block;
	float: left;
}
#footer-content ul.gaffasse {
	float: left;
	width: 254px;
	height: 17px;
	background: url(images/footer-gaffasse.png) no-repeat;
}
#footer-content ul.gaffasse li {
	margin: 0 0 0 38px;
	width: 35px;
}
#footer-content ul.rss {
	float: right;
	width: 205px;
	height: 17px;
	background: url(images/footer-rss.png) no-repeat;
}
#footer-content ul.rss li {
	margin: 0 0 0 175px;
	width: 30px;
}
/*#footer-content li.flickr {

	margin: 0 0 0 148px;

	width: 39px;

}

#footer-content li.facebook {

	margin: 0 0 0 90px;

	width: 66px;

}*/

#footer-content li a {
	display: block;
	height: 17px;
}
#baby {
	background: url(images/footer-baby.png) no-repeat;
	position: fixed;
	margin: 0 0 0 848px;
	bottom: 52px;
	width: 139px;
	height: 191px;
	z-index: 100;
}
/*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;
	margin-top: 8px;
	margin-bottom: 8px;
}
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 */

/******************************************************************/
/*** Anniversaires 2011 *******************************************/
/******************************************************************/

#cloudy {
	background: url(images/birth_cloudy.png) no-repeat top;
	padding: 450px 0 0 0;
	margin: -30px 0 40px;
	position: relative;
	height: 470px;
}
#cloudy li { position: absolute; text-indent: -10000px; }
#cloudy li a { display: block; outline: none; }

#cloudy li.item01 { background: url(images/birth_item01.png) no-repeat; width: 278px;	height: 130px; top: 308px; left: 408px; z-index: 10; }
#cloudy li.item02 { background: url(images/birth_item02.png) no-repeat; width: 332px;	height: 154px; top: 400px; left: 599px; z-index: 9; }
#cloudy li.item03 { background: url(images/birth_item03.png) no-repeat; width: 259px;	height: 113px; top: 442px; left: 54px; z-index:3; }
#cloudy li.item04 { background: url(images/birth_item04.png) no-repeat; width: 256px;	height: 120px; top: 461px; left: 340px; z-index:3; }
#cloudy li.item05 { background: url(images/birth_item05.png) no-repeat; width: 251px;	height: 118px; top: 588px; left: 143px; z-index:3; }
#cloudy li.item06 { background: url(images/birth_item06.png) no-repeat; width: 324px;	height: 139px; top: 605px; left: 505px; z-index:3; }
#cloudy li.item07 { background: url(images/birth_item07.png) no-repeat; width: 257px;	height: 120px; top: 744px; left: 253px; z-index:3; }
#cloudy li.item08 { background: url(images/birth_item08.png) no-repeat; width: 187px;	height: 89px; top: 409px; left: 247px; }
#cloudy li.item09 { background: url(images/birth_item09.png) no-repeat; width: 158px;	height: 70px; top: 594px; left: 341px; }
#cloudy li.item10 { background: url(images/birth_item10.png) no-repeat; width: 182px;	height: 86px; top: 561px; left: 674px; }
#cloudy li.item11 { background: url(images/birth_item11.png) no-repeat; width: 209px;	height: 98px; top: 714px; left: 443px; }
#cloudy li.item12 { background: url(images/birth_item12.png) no-repeat; width: 140px;	height: 68px; top: 832px; left: 536px; }

#cloudy li.item01 a { width: 174px; height: 81px; margin: 35px 0 0 46px; }
#cloudy li.item02 a { width: 262px; height: 104px; margin: 34px 0 0 32px; }
#cloudy li.item03 a { width: 218px; height: 56px; margin: 37px 0 0 20px; }
#cloudy li.item04 a { width: 218px; height: 60px; margin: 38px 0 0 23px; }
#cloudy li.item05 a { width: 203px; height: 51px; margin: 46px 0 0 26px; }
#cloudy li.item06 a { width: 267px; height: 78px; margin: 39px 0 0 24px; }
#cloudy li.item07 a { width: 195px; height: 77px; margin: 29px 0 0 27px; }

#birth-comments { width: 570px; margin: 0 auto 110px; }

@font-face {
	font-family: 'HVDComicSerifProRegular';
	src: url('HVD_Comic_Serif_Pro-webfont.eot');
	src: local('?'), url('HVD_Comic_Serif_Pro-webfont.woff') format('woff'), url('HVD_Comic_Serif_Pro-webfont.ttf') format('truetype'), url('HVD_Comic_Serif_Pro-webfont.svg#webfontgeOxJffY') format('svg');
	font-weight: normal;
	font-style: normal;
}




#cloudy .counter { 
	color: #EF008E;
    font-family: HVDComicSerifProRegular;
    font-size: 32px;
    height: 50px;
    left: 294px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px #000000;
    top: 246px;
    width: 264px;
    z-index: 11;
	line-height: 36px;
}





/******************************************************************/
/*** Anniversaires 2012 *******************************************/
/******************************************************************/
.birthday12 {
	width: 938px;
	overflow: hidden;
	background: url(images/birthday2012/head.png) no-repeat 14px top;
	height: 360px;
	padding: 150px 0 0 0;
}
.list_carousel {
	width: 918px;
	margin: 0 auto;
	height: 320px;
	position: relative;
	background: url(images/birthday2012/ombres.png) no-repeat 30px bottom;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	width: 960px;
	height: 320px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	position: relative;	
}
.list_carousel li span {
	display: block;
	background: url(images/birthday2012/pic-pola.png) no-repeat;
	width: 186px;
	height: 221px;
	padding: 2px;
	position: absolute;
}
.list_carousel li span.case1 { 
	top: 30px;
	left: 10px;
	-webkit-transform: rotate(1.5deg); 
	-moz-transform: rotate(1.5deg);
	z-index: 14;
}
.list_carousel li span.case2 { 
	top: 12px;
	left: 172px;
	-webkit-transform: rotate(-5.1deg); 
	-moz-transform: rotate(-5.1deg);
	z-index: 13;
}
.list_carousel li span.case3 { 
	top: 40px;
	left: 354px;
	-webkit-transform: rotate(1.88deg); 
	-moz-transform: rotate(1.88deg);
	z-index: 12;
}
.list_carousel li span.case4 { 
	top: 54px;
	left: 529px;
	-webkit-transform: rotate(-2.35deg); 
	-moz-transform: rotate(-2.35deg);
	z-index: 11;
}
.list_carousel li span.case5 { 
	top: 10px;
	left: 699px;
	-webkit-transform: rotate(7.3deg); 
	-moz-transform: rotate(7.3deg);
	z-index: 10;
}