/*
Theme Name: Corentin Fohlen's theme
Theme URI: http://www.corentinfohlen.com
Description: A neat wordpress theme for photojournalist Corentin Fohlen
Version: 2.0
Author: Juliette Robert
Author URI: http://julietterobert.com
Tags: custom header, fluid layout, responsive

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/************************ typography ***************************/

html {font-size:100.01%;}
body {font-size:85%;color:#000;background:#f1f1f1;font-family:'Lato', Arial, Helvetica, sans-serif;font-weight:300;}
h2, h3, h5, h6 {font-weight:normal;color:#000;}
h1 {font-weight:400;color:#000;font-family: 'Advent Pro', sans-serif;font-size:2em;line-height:1;margin-bottom:0.5em;text-align:left;}
h1 a {color:#000;border-bottom:1px dotted #000;padding-bottom:10px;}
h2 {font-family: 'Advent Pro', sans-serif;font-size:1.6em;font-weight:400;margin-bottom:0.75em;padding-left:20px;}
h3 {font-family: 'Advent Pro';font-size:1.2em;line-height:1;margin-bottom:0.5em;font-weight:300;text-align:left;font-variant:small-caps;}
h3 a {color:#000;border-bottom:none;} 
h3 a:hover {color: #666;border-bottom:1px dotted #000;}
h4, h4 a {font-family:'Advent Pro', Helvetica;font-size:1.1em;line-height:1;margin-bottom:3.5em;font-weight:100;color:#222;}
h4 a:hover { color: #333;}
h5 {font-family:'Advent Pro', Helvetica;font-size:1.2em;font-weight:300;margin-bottom:0.9;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:focus, a:hover {color:#777;}
a {color:#000;text-decoration:none;border-bottom:1px dotted #000;}
li ul, li ol {margin:0;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
hr {background:#fff;color:#ccc;clear:both;float:none;width:100%;height:.1em;margin:0 0 1em;border-top:1px black;}

/*************************** GENERAL ********************/

body 	{  
	margin-bottom: 0; 
	margin-top: 0; 
	text-align: center;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    height:100%;
}


#page { 
	color: #000;
	text-align: left;
	background-color: #FFF;
	height:100%;
}

.row#page {
	margin-bottom:70px;
	height:100%;
}

#maincontent {
	padding: 0px;
	margin-bottom: 30px;
}

#content, #content-actus {
	padding-right: 30px;
	margin: 0px;
	padding-left:20px;
}

#content-archives {
	background-color:#f1f1f1;
	margin-left:20px;
	padding-top:5px;
	padding-bottom:10px;
}


#sidebar { 
	padding: 5px;
	margin-top:20px;
	
}

#content h2, #content-actus h2 {
    padding:0px;
}

#content-actus h2 a{
    padding:0px;
    border-bottom:1px dotted #000;
}
	
#entry {
	color: #000;
}

#cat a:hover img { 
	opacity: 0.6;
}
	
.entry-cat p {
	line-height:1.1em;
}

.entry-archive p{
	padding-left:15px;
}

.entry .c4 p{
	line-height:1.1em;
}

.entry-cat h3 {
        text-align:center;
}

#cat-actus {
	height:580px;
	background-color:#f1f1f1;
    padding:10px;
    display:block;

}

#cat {
    /*border:1px solid #222;*/
    background-color:#f1f1f1;
    padding:10px;
    display:block;
}


.alignright {
float: right;
}

.alignleft {
float: left;
}

.archive-stack {
	width:100%;
	height:1em;
}

.clear {
	clear:both;
}

p.postmetadata {
	font-size:0.7em;
	font-style:italic;
	color:#666;
	margin-top:20px;
}

.slideshow-wrapper a{
	border-bottom:none;
}

#prevnext{
	margin-top:5em;
	margin-left:10em;
}

.navigation{
	padding:2em;
}

.showloader .portfolio-slideshow, .showloader .slideshow-nav, .showloader .pager {
visibility: visible !important;
}

/*************************** HEADER ********************/

#header { 
	/*background-color: #f1f1f1;*/
	padding: 10px 0 0 40px;

}

a.wpml-ls-link {
	border-bottom:1px dotted #000;
	padding-left:0!important;
	padding-right:0!important;
	margin-right:0.8em!important;
}


h1.description { 
	font-size: 1.5em!important;
}

/*************************** SIDEBAR ********************/

#menu {
	width:auto;
	padding: 0px;
	margin-top: 20px;
	font-size: 1.3em;
	font-weight: 200;
	font-family: 'Advent Pro', sans-serif;

}

#menu ul li {
	margin: 0px;
	margin-top: 5px;
}

#menu ul li a {
	padding:7px;
	border-bottom:none;
}

#menu ul li a:hover {
	color:#666;
	/*border-bottom:1px dotted #000;*/
	background-color:#f1f1f1;
	padding:7px;

}


ul#current li a, ul#current li {
	color:#666;
	background-color:#f1f1f1;
	padding:7px;
	margin:0px!important;
	text-align:left;
}

#current {
	margin:0px!important;
	padding:0px!important;
	text-align: left;
}


/*************************** FOOTER ********************/

#footer {
	background-color: #f1f1f1;
	padding: 10px;
	padding-bottom:20px;
    /*font-weight: 100;*/
    font-size: 1em;
    color:#000;
	position: relative;
	width: 100%;
	bottom: 0px;
}

/*************************** INTRO ********************/

/*#pageintro {
	position: relative;
	margin: 0 auto;
	z-index: 10;
	/*min-height: 100%; 
}*/ 



#containerintro {
	position: relative;
	z-index: 10;
	/*min-height: 100%; */
	
}

#inner-pageintro {			
	position: relative;
	margin: 0 auto;
	z-index: 2;
	text-align: left;
}

#menuintro {
	position: fixed;
	left: 100px;
	top: 150px;
	width:auto;
	padding: 7px;
	font-size: 1.3em;
	font-weight: 200;
	font-family: 'Advent Pro', sans-serif;
	background:#e3e2e2;
}


#menuintro ul li {
	margin: 0px;
	margin-top: 5px;
}

#menuintro ul li a {
	color:#000;
	padding:7px;

} 

#menuintro ul li a:hover {
	background-color:#f1f1f1;
	padding:7px;
}

#titre {
	position:fixed;
	top:75px;
	left:100px;
	font-size:32px;
	line-height: 34px;
	width: 700px;
	text-align: left;
	font-family: 'Advent Pro', sans-serif;
    color: #fff;
	font-weight: 200;
	height: 200px;
	vertical-align: bottom;
	
}

.slideshow-meta { text-align: center !important;max-width:950px;}
.slideshow-description { text-align: center !important;max-width:950px;}
.slideshow-nav { text-align: center !important;max-width:950px;}
.pager { text-align: center !important;max-width:950px;}