@charset "utf-8";

/*=========== Reset ===========*/
* {margin:0; padding:0;}
html, body {margin:0; padding:0; height:100%}
h1, h2, h3, h4, h5, h6, ul, li, p {margin:0; padding:0;}
img {border:none;}
ul {list-style:none;}
.clearer {visibility:hidden; clear:both; height:1px; background:none;}

/*=========== Layout (blocks size, margin, padding, border-width) ===========*/

/*Container*/
div#container {width:747px;text-align:left; background:url(../img/bg_shadow.gif) repeat-y right top; margin-top:10px;}

/*header*/
div#header {}

/*Wrapper*/
div#wrapper {float:left; width:100%;}

/*Content*/
/*div#content {margin: 0 200px}*/
div#content{margin:0; padding:0 0 0 300px; width:442px;}

/*Footer*/
div#footer {clear:left; width:100%; height:22px;}


/*=========== Basic formatting (font family, size, text-align, line-heigth) ===========*/
body {font-family:"Trebuchet MS", Arial, Verdana; font-size:16px; background:#41526E;}

div#visual { height:295px; width:442px}
.home div#visual {background: url(../img/banner_home.jpg) no-repeat left top;}
.nous div#visual {background: url(../img/banner_nous.jpg) no-repeat left top;}
.bebe div#visual {background: url(../img/banner_bebe.jpg) no-repeat left top;}
.naissance div#visual {background: url(../img/banner_naissance.jpg) no-repeat left top;}
.contact div#visual {background: url(../img/banner_contact.jpg) no-repeat left top;}



div#content{}
.home div#content {background:url(../img/left_home.jpg) no-repeat left top;}
.nous div#content {background:url(../img/left_nous.jpg) no-repeat left top;}
.bebe div#content {background:url(../img/left_forum.jpg) no-repeat left top;}
.naissance div#content {background:url(../img/left_infos.jpg) no-repeat left top;}
.contact div#content {background:url(../img/left_liste.jpg) no-repeat left top;}

div#content #primnav {background:#666; line-height:3em; padding:0 10px; font-size:0.8em; font-weight:bold; text-align:center; color:#999;}
div#content #primnav li {display:inline;}
div#content #primnav li a {color:#FFCC00; text-decoration:none; padding:0 5px;}
div#content #primnav li a:hover {background:#999; color:#FFF;}
div#content #primnav li.current a {color:#FFF;}
div#content #primnav li.current a:hover { background:none;}

div#content #main {background:#54647d; padding:10px 20px; color:#EEE; font-size:0.9em;}
div#content #main h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; margin-bottom:10px;}
div#content #main h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; margin-bottom:10px; border-bottom:1px solid #CCC;}
div#content #main h2 span{ font-style:italic; color:#999; font-size:0.85em;}
div#content #main a {color:#FFCC00; text-decoration:none;}
div#content #main a:hover {text-decoration:underline;}
div#content #main p {line-height: 2em;}
div#content #main .intro {border:1px dashed #EEE; padding:10px; background:#41526E; font-weight:bold; color:#CCC; margin:auto -10px 10px;}
div#content #main blockquote {float:right; width:200px; margin:10px 0 10px 10px; padding:10px; line-height:1.4em; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; border-left:1px solid #CCC;border-bottom:1px solid #CCC; background:#41526E;}
div#content #main blockquote span {display:block; font-size:0.7em; text-align:right;}
div#content #main p.signature {font-family:Georgia, "Times New Roman", Times, serif; text-align:right; font-size:1.2em; font-style:italic;}

div#content #main .col-2 {}
div#content #main .col-2 .col { float:left;width:190px;}
div#content #main .col-2 .col.left{}
div#content #main .col-2 .col.right{margin-left:22px;}

div#content #main .col-3 {}
div#content #main .col-3 .col {}
div#content #main .col-3 .item {width:128px; margin:0 2px 6px; float:left}
div#content #main .col-3 .item .pic img {max-width:128px;}
*html div#content #main .col-3 .item .pic img {width:128px;}

div#content #main .gallery .item {border:1px solid #FFF;}
div#content #main .gallery .item .pic {text-align:center;}
div#content #main .gallery .item .description {display:block; padding:5px; text-align:center; font-size:0.85em;}

div#content #main .col-3.gallery .item .pic {text-align:center;}

div#content #main .period {margin-bottom:10px;}
div#content #main .period h3 {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.3em; color:#9DA1EF;}
div#content #main .period p {line-height:1.3em; font-size:0.85em;}

div#content #main .liste-item { border-bottom:1px solid #999; padding:10px 0;}
div#content #main .liste-item .pic { text-align:left; float:left; width:180px;}
div#content #main .liste-item .pic img {max-width:160px;}
*html div#content #main .liste-item .pic img {width:160px;}
div#content #main .liste-item .details {}
div#content #main .liste-item .details h3 {color:#9DA1EF}
div#content #main .liste-item .details p {}
div#content #main .liste-item .details .prix { text-align:right; font-size:1.2em; font-style:italic; margin-top:10px; display:none;}


div#footer #footer-inner {float:right; width:432px; padding:0 5px; margin-right:5px; background:#333; display:inline; font-size:0.8em; color:#CCC; text-align:right; line-height:22px; border-top:1px solid #777;}
div#footer #footer-inner a {color:#CCC; text-decoration:none;}
div#footer #footer-inner a:hover {text-decoration:underline;}