/*
Theme Name:		Omiphoto v3
Theme URI:		http://laetitiadebruyne.com/
Version:		3.0
Description:	Modification du thème Fotofolio pour Omiphoto
Author:			Laetitia Debruyne
Author URI:		http://www.kinesphere.fr

Template:       fotofolio

*/

/* GLOBAL CSS */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b{
	font-weight:bold;
}


* {
	margin: 0;
	padding: 0;
	border:0;
}
body {
	text-align: center;
	background: #000;
	color: #cfcfcf;
	font: 13px/1.1em Verdana, Arial, Sans-Serif;
	padding: 0;
	line-height: 1.6em;
}

.ffix {
	clear: both;
}
a {
	color: #F98500;
	text-decoration: none;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	display:block;
	text-align:left;
}

h1 {
	font-size: 1.6em;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, 'Times New Roman', Times, serif;
	margin: 0;
}

h2{
	font-size: 1.2em;
	/*font-family:'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, 'Times New Roman', Times, serif;*/
	margin: 0 0 10px;
}
h3{
	font-size: 1.1em;
	margin:10px 0 5px;
	color:#fff;
	clear:both;
}
h4{
	font-size: 1.1em;
}

p{
	margin:0 0 10px;
}
#content ul, #content ol{
	margin: 0 0 0 20px;
}
#content ul { list-style-type: disc }
#content ol { list-style-type: " decimal type" }

blockquote{
	padding:10px 10px 10px 20px;
	font-style:italic;
	margin:20px 20px 0;
	border-left:1px dashed #404040;
}
blockquote p{
	margin:0;
}

.author {
	font-size: 1.2em;
}

#data ul li, #data .resume p {
	color: #000;
}


/* LAYOUT */
.container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#header{
	position:relative;
	margin-top:20px;
	width:100%;
	height:193px;
}

#header a.logo {
	display: block;
	background: url(images/omi-photographe_logo.gif) no-repeat top left;
	width: 130px;
	height: 85px;
	float: left;
	margin: 0 20px 0 0;
	text-indent: -7777px;
}
#header .top-info {
	/*float:left;
	width:60%;
	height:85px;
	line-height:40px;*/
}
/*#header h1, #header h2{
	width:500px;
	margin:0;
	padding:0;
}*/
#header .widget{
	color:#808080;
}
/* Panier */
#header .widget_shopping_cart{
	position:absolute;
	right:0;
	top:35px;
	width:32%;
	height:50px;
}
#header .widget_shopping_cart h3, #header .widget_shopping_cart p{
	margin:0;
	border:0;
	padding:0;
}
#header .widget_shopping_cart p{
	float:left;
	width:50%;
	height:24px;
	line-height:24px;
}
#header .widget_shopping_cart .button{
	margin:0;
}



.featured {
	width: 990px;
	padding: 20px 0;
	min-height: 300px;
	clear:both;
}
.featured img {
	padding: 5px;
	background: #404040;
	margin:0 5px 0 0;
}
.featured a:hover img{
	background:#fff;
}
div.photo {
	float: left;
	float:left;
	width:48%;
	margin:0 1%;
}


.legend {
	float: left;
	text-align: left;
	margin:0 1%;
}
body.home .legend{
	width:48%;
}


#data {
	background: #a69785;
	text-align: center;
}
#data .container {
	text-align: left;
	margin: 0 auto;
	width: 990px;
	background: url(images/stripe.png) repeat-y 50% 0;
}
#data .container .top {
	background: url(images/arrow-top.png) no-repeat 50% 0;
	height: 9px;
	clear: both;
}
#data .container .bottom {
	background: url(images/arrow-bottom.png) no-repeat 50% 0;
	height: 9px;
	clear: both;
	margin:0;
}


#data h3, #data h2 {
	color: #352511;
}
#data h3 {
	padding-left: 8px;
}

#data .category {
	width: 48%;
	padding: 1% 2% 1% 0;
	float: left;
	display:inline-block;
}


#data .category .widget{
	float:left;
	width:45%;
	margin-right:5%;
}
#data ul {
	list-style: none;
	padding: 10px 0 0 8px;
	margin:0 0 0 -8px;
}


#data ul li a {
	padding-left: 8px;
}
#data ul li a:hover, #data .current-menu-item, #data .active, #data .current-menu-parent {
	background: url(images/current.png) no-repeat left center;
}
#data .resume {
	width: 46%;
	padding: 1% 2%;
	float: right;
}


#data a {
	color: #000;
}

#data .resume img {
	padding: 3px;
	float: left;
	margin: 5px 10px 5px 0;
	background: #7b6851;
}
#data .resume h2 {
	line-height:1.3em;
	margin-bottom:10px;
}
#data .resume p{
	float: right;
	width:78%;
	margin:0;
	text-align:justify;
	color:#404040;
}
#data .resume p a {
	border-bottom: 1px dotted #efefef;
}
#data .resume a.wannamore {
	clear:both!important;
	display:block;
	text-align:right;
	padding-top:10px;
}

#footer {
	padding: 15px;
	font: 1em Arial, Helvetica, Verdana, Sans-Serif;
}
div.category-list {
	width: 400px;
	float: left;
	padding-top: 15px;
	padding-left: 30px;
}
div.category-list .pic {
	width: 80px;
	height: 80px;
	background: #000;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.pic a img {
	border: none;
}
.pic a:hover img {
	background: #666;
}


/*paging*/
.navigation {
	clear: both;
	font: bold 1em Arial, Helvetica, Verdana, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	width:98%;
	padding:0 1%;
	height:50px;
	line-height:50px;
}


.navigation .alignleft {
	width: 50%;
	float: left;
	text-align: left;
}
.navigation .alignright {
	width: 50%;
	float: right;
	text-align: right;
}


.comment{
	margin:20px 0 0;
}
.comment p{
	margin:0;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
}


/* CSS: (StyleSheet) */

input, textarea {
	padding: 3px;
	border: 1px solid #c0c0c0;
	color: #747476;
	font-size: 11px;
}
label {
	display: block;
	/*width: 50%;*/
	margin: 10px 0 5px 0;
}

/*** V2 ***/

/*
 * 33% = 317px * 211px
 * 
 * */
a:hover{
	color:#fff;
}
hr{
	clear:both;
	border-bottom:1px dashed #404040;
	padding:20px 0 0;
	margin:0 0 20px;
}

.widget ul, .widget ul li{
	margin:0;
	padding:0;
}
.widget h3{
	margin-left:1%;
}

/* Menu top catégories */
#header .widget_nav_menu{
	display:block;
	margin:20px 0;
	padding:0;
	clear:both;
	float:left;
	width:100%;
}
#header .widget_nav_menu *{
	padding:0;
	margin:0;
}
#header .widget_nav_menu ul{
	padding:0;
	width:100%;
	margin:0;
	display:inline-block;
}
#header .widget_nav_menu li{
	text-align:center;
	width:33.3%;
	padding:0;
	margin:0;
	float:left;
	display:block;
}
#header .widget_nav_menu a{
	font-size:1.5em;
	display:block;
	padding:20px 0;
	border-top:1px dashed #404040;
	border-bottom:1px dashed #808080;
}
#header .widget_nav_menu li.current-menu-item a,
#header .widget_nav_menu li.current-product_cat-ancestor a{
	color:#fff;
}


/* Accueil : Rangs */
.rang, #rang1 .widget, #rang3 .widget{
	width:100%;
}
.rang .widget{
	padding:0;
	float:left;
}
.rang .widget *{
	padding:0;
}
.rang h3{
	margin:0 0 1.5% 0.5%;
}

#rang1 ul, #rang2, #rang3 ul{
	padding:0;
	width:99%;
	margin:0 0.5%!important;
	float:left;
}
#rang2 .widget, .rang ul li{
	width:/*32%*/313px;
	padding:0!important;
	margin:0 /*2%*/20px 0 0;
	float:left;
	display:block;
}
*+html #rang2 .widget,*+html .rang ul li{
	width:313px;
	margin:0 20px 0 0; /*25 */
}

#rang1 h2, #rang1 h3{
	display:none;
}
#rang2 h3{
	margin:0 0 4.5% 0;
}

/* Titres des blocs */
.rang ul li a,
li.cat-item{
	position:relative;
	float:left;
}
.rang ul li a img{
	margin:0;
	padding:0;
	float:left;
}
.rang ul li a span, .rang ul li a .span,
li.cat-item .span{
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
	display:inline-block!important;
	padding:10px!important;
	background:#000;
	opacity:.8;
	margin:0;
}
.rang ul li a h2.span{
	font-size:1.1em;
}
.rang span{
	display:none;
}


/* Pied de page */
#footer{
	text-align:center;
	width:990px;
	margin:0 auto;
	padding:20px 0;
}
#footer .widget{
	float:left;
	margin:0 1%;
	text-align:right;
}
#footer .widget li{
	float:left;
	margin-right:10px;
}
#footer .widget_links{
	text-align:left;
}
#footer h3{
	display:none;
}

ul.products li a.vignette img {
	background: #404040;
	padding:5px;
}
body.archive ul.products li a.vignette img {
	display:inline!important;
}
body.archive a.vignette span.zoom { position: relative; }
body.archive a.vignette span span.zoomb {  
  background: url(images/search_16.png) top left no-repeat;
  width: 20px; height: 20px;
  position: absolute;
  bottom: 10px;
  right: 5px;
}

ul.products li a.vignette:hover img {
	background: #fff;
}

#content{
	text-align:justify;
	width:100%;
}

#breadcrumb, h1.page-title{
	height:20px;
	line-height:20px;
	padding:0;
}
#breadcrumb{
	overflow: hidden;
	zoom: 1;
	padding: 0;
	font-size: 0.92em;
	color: #666;
	margin: 10px 0 0;
}
#breadcrumb a {
  color: #999;
}
h1.page-title{
}

.col-1, .col-2{
	border:1px dashed #404040;
	padding:1%;
	margin:20px 0 0;
	width:47%!important;
}
.col-1 h3, .col-2 h3{
	margin:0;
}

body.home span.js_widget_product_price{
	display:none!important;
}


#container{
	clear:both;
	width:100%;
}



.last {
	margin-right:0!important;
}
li.first {
    clear: both;
}
.mylinks_container{
	float:left;
	width:120px;
	min-height:160px;
	text-align:left;
	margin:0 20px 20px 0;
	line-height:1.1em;
	word-wrap: break-word;  
}
.mylinks_container *{
	margin:0;
	padding:0;
}
.mylinks_container br, .mylinks_container p{
	display:none;
}
.mylinks_container a{
	font-size:.8em;
}
/*.mylinks_category h3{
	clear:both;
}*/


/* Page panier */
div.cart_totals {
	width:50%!important;
}
div.cart_totals table{
	width:100%;
}

/* Contenu single/page/product */
div.images {
	float: left;
	width: 672px;
	margin-right:20px;
	text-align:center;
}
div.images img {
	background: #f5f5f5;
	padding: 6px;
	display: block;
}
div.summary {
	margin:0 20px;
	padding:20px 0 0;
	min-width:318px;
}

/* Widget : Devenir Modèle */
/*#text-2.widget, #text-3.widget{
	margin-right:0!important;
}*/

div#text-2 .textwidget, div#text-3 .textwidget{
	padding:20px;
	background:#352511;
}
div#text-2 .textwidget p, div#text-3 .textwidget p{
	margin:0;
}

/* Widget : 70's people */
#text-3.widget{
	margin-right: 0;
}


/* Archives */
body.archive article{
	width:100%;
	overflow:auto;
}
body.archive a.vignette{
	float:right;
	width:313px;
	text-align:center;
	margin-left:20px;
}

body.archive .entry-summary h2{
	clear:none;
}
footer{
	margin: 20px 0 0;
	font-size:.9em;
	opacity:.8;
}
body.single footer{
	clear:both;
	float:left;
}