/* 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,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, formulaire, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 100%;
	vertical-align: baseline	
}
body { line-height: 1; background-color: #141215; color: #fff }
ol, ul { list-style: none }

:focus { outline: 0 }
a img, img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }

/* tags */
a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: underline }

/* basics */
.alignright { float: right }
.alignleft { float: left }
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
.sep-15 { height: 15px }
.marginL-20 { margin-left: 20px }
.marginS-20 { margin: 0 20px }
.text-underline { text-decoration: underline; background: transparent }


/* 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: 0; margin: 0 0 2px 10px; display: inline }
img.alignleft {	padding: 0; margin: 0 10px 2px 0; display: inline }

/* Layout */
.wrapper { min-width: 960px; width: 100% }
.content { float: left; z-index: 200; position: absolute; top: 70px; left: 360px; padding: 0 20px 0 0 }
.sidebar { z-index: 200; width: 250px; float: left; position: fixed; top: 70px; left: 45px }

.content.display { width: 65% }
.content .big { text-align: center }
.content .view-navigation { font-size: 14px; margin-top: 25px; font-family: Helvetica, Arial, Sans-serif; }
.content .view-navigation img { position: relative; top: 5px }

.content .list-thumbnails { float: left; width: 245px; height: 185px; margin: 0 50px 40px 0 }
.content .list-thumbnails p { margin-top: 12px; font-size: 11px; color: #ada6ad }
.content .list-thumbnails img { height: 160px; width: 240px }
.content .list-thumbnails .thumbnail div { display: none } 
.content .list-thumbnails .thumbnail:hover div { display: block; float: left; width: 240px; position: relative; top: -12px; height: 12px } 
.content .list-thumbnails .thumbnail div img { width: 240px; height: 12px }

.content .bio { width: 350px; margin: 70px 0 0 130px }
.content .bio p { margin: 0 0 20px 0; font-family: Helvetica, Arial, Sans-serif; font-size: 14px; color: #ada6ad }
/* Tabs
----------------------------------*/
.ui-tabs {  } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0 }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0 1em; text-decoration: none; color: #ada6ad; font-size: 14px }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { margin-bottom: 0; color: #575058 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 0; background: none }
.ui-tabs .ui-tabs-hide { display: none !important }

.content .contact { width: 350px; margin: 70px 0 0 130px; line-height: 18px; font-family: Helvetica, Arial, Sans-serif; font-size: 14px; color: #ada6ad }
.content .contact p { margin: 20px 0 20px 0 }
.content .contact form { margin: 20px 0 0 0; border-top: 1px solid #3e3841; padding: 20px 0 } 
.content .contact form label { margin: 0 0 5px 0 }
.content .contact form input, .content .contact form textarea { margin: 0; padding: 5px 3px; background-color: #3e3841; color: #fff; border: 0; font-family: Helvetica, Arial, Sans-serif; font-size: 14px }
.content .contact img.wpcf7-captcha-captcha-778 { position: relative; top: 4px }

/* menu */
ul.menu { width: 250px; margin: 45px 0 0 0; padding: 0 }
ul.menu li { clear: both; list-style-type: none; text-align: left; margin: 0 0 8px; padding: 0; text-indent: -9999px }
ul.menu li img, ul.menu li a, ul.menu li a img { width: 137px; height: 16px }
ul.menu li.cat-item-1 a { background: #141215 url(content/fashion.gif) 0 0 no-repeat }
ul.menu li.cat-item-2 a { background: #141215 url(content/beauty.gif) 0 0 no-repeat }
ul.menu li.cat-item-3 a { background: #141215 url(content/portrait.gif) 0 0 no-repeat }
ul.menu li.cat-item-4 a { background: #141215 url(content/kids.gif) 0 0 no-repeat }
ul.menu li.cat-item-5 a { background: #141215 url(content/wedding.gif) 0 0 no-repeat }
ul.menu li.cat-item-6 a { background: #141215 url(content/archives.gif) 0 0 no-repeat }

ul.menu li.page-item-2 { margin-top: 100px }
ul.menu li.page-item-2 a { background: #141215 url(content/blog.gif) 0 0 no-repeat }
ul.menu li.page-item-6 a { background: #141215 url(content/contact.gif) 0 0 no-repeat }
ul.menu li a:hover, ul.menu li.active a { background-position: 0 -16px; text-decoration: none }

ul.menu li ul.acitem { margin: 0 0 10px 0 }
ul.menu li ul.acitem li { text-align: right; margin: 0; padding: 3px 0 0; height: 10px; text-indent: 0 }
ul.menu li ul.acitem li a { width: 160px; clear: right; float: right; color: #bbb4bc; padding-right: 13px; font-size: 13px; font-family: Helvetica, Arial, Sans-serif; background-image: none; text-decoration: none }
ul.menu li ul.acitem li a:hover, ul.menu ul.acitem li.active a { color: #716973; text-decoration: none  }
ul.menu li ul.acitem li.active a { background: #141215 url(content/sub-current.gif) 100% 2px no-repeat  }
ul.menu li ul.acitem li a img { float: right; width: 17px; height: 22px; margin: 5px 0 }
ul.menu li ul.acitem li.thumbnail { padding-top: 5px }
ul.menu li ul.acitem li.thumbnail a { clear: right; float: right; text-align: right; width: 17px; height: 45px; background: #141215 url(content/thumbnail.gif) 0 0 no-repeat }
ul.menu li ul.acitem li.thumbnail a:hover, ul.menu li ul.subnav li.thumbnail.active a { background-position: 0 -45px }


/* gallery */
.portfolio-slideshow img { display: block; cursor: pointer; width: auto; height: 530px }
.portfolio-slideshow { color: #141215 }
#slideshow-info { position: absolute; top: 556px; left: 80px; width: 120px; height: 20px; font-size: 11px; color: #ada6ad }
.info { width: 400px; position: absolute; top: 550px }

/* Home diaporama */
.diaporama { position:relative; height:230px }
.diaporama li{ list-style-type:none; overflow:hidden; position:absolute /* Les images seront positionnees toutes au meme endroit */ }
.diaporama_controls { display: none }


ul.menu a { display: block; text-decoration: none }
ul.menu li { margin-top: 1px }
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { text-decoration: underline }