/*
 
 Theme NAME: LEONOR FINI
 Theme URL: http://leonor-fini.com
 Description: Site de l'artiste Leonor Fini
 Version: 1.0
 Author: Thibaut caroli
 
*/

/******************************************/
/* ROYAL SLIDER */
/******************************************/

	.royalSlider { margin:0 0 70px 0; }
	.royalSlider,.rsOverflow { width:600px!important; }
	.rsOverflow  { height:620px!important; }
	.rsDefaultInv .rsThumbsHor { z-index:0; }
	.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs { background:transparent!important; }


	.rsContent p { 
		padding:10px 0; 
		text-align:center;     
		font-family: 'Lora',sans-serif;
		font-size: 13px;
		color: #333;
		-webkit-font-smoothing: antialiased;
	}

	.page-template-02-peintures #content,
	.page-template-03-estampes #content  { margin-top: -180px; padding-bottom:180px; }
	.page-template-02-peintures h3, 
	.page-template-03-estampes h3  { padding:180px 0 30px 0; }


/*#content h3 { margin:150px 0; }*/
/* ------------------------------------------------------------------------------
  
																  RESET

-------------------------------------------------------------------------------*/

* {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}									
article, aside, figure, footer, header, hgroup, nav, section, img {display: block;}
html {overflow-y: scroll;} /* force a vertical scrollbar to prevent a jumpy page */
ul {list-style: none;}
a {text-decoration:none;}
a:hover, a:active {outline: none;}

/* ------------------------------------------------------------------------------
  
											FONT-FACE

-------------------------------------------------------------------------------*/

@font-face {
   font-family: 'PlutoBold';
   src: url('_/typo/25A875_0_0.eot');
   src: url('_/typo/25A875_0_0.eot?#iefix') format('embedded-opentype'),
	    url('_/typo/25A875_0_0.woff') format('woff'),
		url('_/typo/25A875_0_0.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
 
  
@font-face {
   font-family: 'PlutoRegular';
   src: url('_/typo/25A875_1_0.eot');
   src: url('_/typo/25A875_1_0.eot?#iefix') format('embedded-opentype'),
	    url('_/typo/25A875_1_0.woff') format('woff'),
		url('_/typo/25A875_1_0.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
 
  
@font-face {
   font-family: 'PlutoSansCondRegular';
   src: url('_/typo/25A875_2_0.eot');
   src: url('_/typo/25A875_2_0.eot?#iefix') format('embedded-opentype'),
        url('_/typo/25A875_2_0.woff') format('woff'),
		url('_/typo/25A875_2_0.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

/* ------------------------------------------------------------------------------
  
											CLASSES

-------------------------------------------------------------------------------*/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.inlineBlockChild > * {display:inline-block;}

.titleTypeBasic {
   font-size:13px;
   color:#a4242c;
   text-transform:uppercase;
   letter-spacing:1px;
}
.fedraMedium {font-family:PlutoBold,sans-serif;}
.fedraNormal {font-family:PlutoRegular,sans-serif;}
.txt, #contactForm p {
   font-family:'Lora',sans-serif;
   font-size:13px;
   color:#555656;
}
.page .txt {font-size:15px;}
.txt i, .txt em {font-weight:700;}
.parent-pageid-295 b {font-style:italic;}
.copyright, .txtMasques, .mention {
   position: fixed;
   left: 50%;
   margin-left: -480px;
   color: #555656;
   font-family: 'Lora',serif;
   font-size: 11px;
}
.copyright {top: 517px;}
.txtMasques {top: 347px;}
.mention {
   top: 148px;
   z-index:99;
   margin-left:-326px;
}


/* ------------------------------------------------------------------------------
  
											BALISES

-------------------------------------------------------------------------------*/

body {background:#d9dbda;}

/* ------------------------------------------------------------------------------
  
											BKG DIAPORAMA 

-------------------------------------------------------------------------------*/

#bkg-diaporama {
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100%;
   background:url(../../../wp-admin/images/loading.gif) no-repeat center;
}
.page #bkg-diaporama {opacity:0.1;}
#slides {
   /*display:none;*/
   position:absolute;
   z-index:1;
}
#controls {
   display:none;
   position:absolute;
   z-index:2;
}
#controls > * {
   position:fixed;
   top:45%;
   opacity:1;
   cursor:pointer;
}
.prevSlide {left:40px;}
.nextSlide {right:40px;}

/* ------------------------------------------------------------------------------
  
											ACTUALITES 

-------------------------------------------------------------------------------*/

#actualites {
   /*opacity:0;*/
   position:fixed;
   z-index:3;
   top:180px;
   left:50%;
   margin-left:-406px;
   width:325px;
   height:50%;
   max-height:560px;
   padding:27px 30px 30px 30px;
   background:#fff;
   background:rgba(255,255,255,0.9);
   border-radius:8px;
   box-shadow:0px 0px 15px rgba(0,0,0,0.3);
}
#actualites div.header {
   border-bottom:1px solid #a4242c;
   margin-bottom: 25px;
   height: 39px;
}
#actualites div.header p {
   font-size: 18px;
   width: 100%;
   text-align: center;
}
#actualites div.header img.fermer {
   float:right;
   position:relative;
   right: -5px;
   top: -29px;
   cursor:pointer;
}
#actualites ul {
   overflow:auto;
   height:100%;
   padding:0 1px 55px 0;
}
#actualites ul li {margin-bottom:30px;}
#actualites ul li:last-child {margin-bottom:0px;}
#actualites ul p:nth-child(-n+1) {
	text-transform:uppercase;
	margin-bottom:5px;
}
#actualites ul p.titleTypeBasic:nth-child(2) {font-size:11px;}
#actualites .mCSB_draggerRail, #fiche .mCSB_draggerRail {
   background:#c0434b!important;
   background:rgba(166,36,44,0.3)!important;
}
#actualites .mCSB_dragger_bar, #fiche .mCSB_dragger_bar {background:#a4242c!important;}
.mCSB_buttonUp, .mCSB_buttonDown {opacity:1!important;}

/* ------------------------------------------------------------------------------
  
												NAV

-------------------------------------------------------------------------------*/

header {
   position:fixed;
   z-index:4;
   width:100%;
   top:0px;
   /*padding-top:50px;*/
}
body.page header {background:rgba(217,219,218,0.8);}

/* TOP LINKS */

#topLinks > * {
   position:fixed;
   top:10px;
   height:31px;
   padding-top:6px;
}
#topLinks > div, #topLinks > a {
   width:77px;
   background:#a4242c;
   margin-right:10px;
}
#topLinks a, #topLinks p {
   font-size:8px;
   color:#fff;
   text-align:center;
   line-height:10px;
}
#rappelActu {
   padding-top:10px;
   width:97px;
   left:10px;
   background:#A4242C;
   display:none;
   cursor:pointer;
}
#selectLang a:hover {text-decoration:underline;}
#selectLang {
   right:174px;
   padding:4px 0 0 15px;
}
#lienBoutique {right:87px;}
#lienGalerie {right:0px;}

/* NAV */

nav {
   background:#fff;
   background:rgba(255,255,255,0.9);
   width:100%;
   text-align:center;
   box-shadow:0px 4px 8px rgba(0,0,0,0.1);
   padding-bottom:8px;
}
#logo {
   position:relative;
   top:5px;
}
#logo a {
   font-size:30px;
   line-height:72px;
}
.fr .navLeft {margin-right:34px;}
.fr .navRight {margin-left:34px;}
.en .navLeft {margin-right:44px;}
.en .navRight {margin-left:43px;}
.navLeft:hover , .navRight:hover, footer a:hover, .lienActif {border-bottom:1px solid #a4242c;}

/* ------------------------------------------------------------------------------
  
								CONTENT

-------------------------------------------------------------------------------*/

/* navigation � gauche */

#subNav {
   position:fixed;
   top:180px;
   left:50%;
   margin-left:-480px;
   width:120px;
}
#subNav li {margin-bottom:15px;}
#subNav a, .galeryRow p {
   font-size:11px;
   padding-bottom:3px;
   line-height:19px;
}
#subNav a:hover, .menuActif {border-bottom:1px solid #a4242c;}

/* container contenu */

#content {
   width:470px;
   margin:0 auto;
   padding-top:180px;
   padding-bottom:50px;
}
#content p {margin-bottom:10px;}
.paddingContent {
   padding:0 35px;
}

/* page photo */

#content .descript {
   padding-top:20px;
   margin-bottom:50px;
   color:#a4242c;
   font-size:12px;
   letter-spacing:1px;
}
#content .descript strong {font-family:PlutoBold,sans-serif;}

/* page avec liste dates */

#content.bigDate {padding-top:173px;}
#content.bigDate p.year {
   font-family:PlutoBold;
   color:#a4242c;
   font-size:36px;
   letter-spacing:2px;
   margin:50px 0 20px 0;
}
#content.bigDate p.year:first-child {margin-top:0px;}
/*#content.bigDate br {line-height:40px;}*/
/*#content.bigDate p {margin-bottom:0px;}*/

#content.hackStrong p strong, #content.hackStrong p strong + br {display:none;}

/* page avec galery horizontale */

#galeries {
   width:950px;
   margin:180px auto 50px auto;
}
#galeries > div {
   width:100%;
   margin-bottom:15px;
   height:180px;
}
#galeries .clear {height:0!important;}
#galeries > div > *, #galeries .scrollMe a {
   float:left;
}
#galeries > div .fedraNormal {
   width:150px;
   padding-right:30px;
   margin: 0 5px 0 -5px;
}
#galeries > div .fedraNormal + div {
   width:795px;
   overflow:auto;
}
#galeries .scrollMe > div {width:10000px;}
#galeries .scrollMe a {margin-right:40px;}

#galeries .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
   height: 2px;
   margin: 7px auto;
}
#galeries .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{padding-right:40px;}

/* page avec photos ins�r�es */

#content.img img {margin-top:20px;}

/* ombre portee */

.page-template-05-2-txt-lf-php #galeries {
	margin-top:20px;	
}
.page-template-05-2-txt-lf-php #galeries .scrollMe {overflow:auto;}
.page-template-05-2-txt-lf-php #galeries .scrollMe a {
	float:left;
	margin-right:40px;
}

/* contact */

#contactForm {
    width: 300px;
    margin: 177px auto 0 auto;
}
#contactForm input[type="text"], #contactForm textarea {
	width:100%;
	padding:5px;
	margin:5px 0 20px 0;
	box-shadow:inset 0px -1px 2px rgba(0,0,0,0.4);
}
#contactForm input[type="submit"] {
	padding:8px 11px 6px 11px;
	background:#a4242c;
	color:#fff;
	font-family:PlutoBold;
	font-size:13px;
	text-transform:uppercase;
	cursor:pointer;
}

/* ------------------------------------------------------------------------------
  
								TIMERAIL

-------------------------------------------------------------------------------*/

#activate {
   border-radius:8px;
   position: fixed;
   width: 260px;
   text-align: center;
   bottom: -80px;
   background: #a4242c;
   display: block;
   color: #fff;
   padding: 15px 10px 10px 10px;
   left: 50%;
   margin-left: -130px;
   line-height:15px;
   cursor:pointer;
   font-family:PlutoBold;
   font-size:18px;
}
#activate span {
   font-family:PlutoSansCondRegular;
   font-size:10px;
   text-transform:none;
}

#timerail {
   position: fixed;
   width: 100%;
   height: 35px;
   background: #a4242c;
   bottom: -44px;
   text-align:center;
}
#timerail > * {display: inline-block;}
#showDate {
   position: fixed;
   z-index:6;
   text-align: center;
   width: 100%;
   bottom: 80px;
   color: #fff;
   font-size: 69px;
   display:none;
   text-shadow:0px 0px 15px rgba(0,0,0,0.5);
}
.timeDot {
   color:#fff;
   padding-right:3.3px;
   font-family:PlutoSansCondRegular,sans-serif;
   font-size:13px;
   padding-top: 9px;
   height: 40px;
}

.timedotOff, .dotClic:hover {color:#999;}

/* ------------------------------------------------------------------------------
  
								FICHE TIMELINE

-------------------------------------------------------------------------------*/

#containerFiche {
   display:none;
   position:fixed;
   z-index:3;
   height:60%;
   bottom:115px;
   box-shadow:0px 0px 15px rgba(0,0,0,0.3);
}
#fiche {
   width:350px;
   border-radius:10px;
   background:#fff;
   background:rgba(255,255,255,0.9);
   border-radius:8px;
   position:absolute;
   height:100%;
}
#fiche > img {
	position:absolute;
	z-index:10;
	margin-top:-2px;
	cursor:pointer;
}
#fiche > img:first-child + img {right:0px;}
#fiche > p {
   font-size:36px;
   padding:17px 0 9px 0;
   margin:0 20px;
   text-align:center;
   border-bottom:1px solid #a4242c;
   line-height:44px;
}
#fiche > p.load {font-size:15px;}
#fiche ul {
   padding:3px 0 5px 0;
   margin:0 20px;
   border-bottom:1px solid #a4242c;
   position:absolute;
   z-index:2;
   width:310px;
   text-align:center;
}
#fiche li {
   display:inline-block;
   font-size:10px;
   margin-right:10px;
}
#fiche li:last-child {margin-right:0px;}
#fiche li a {
   color:#a4242c;
   font-family:PlutoRegular;
   text-transform:uppercase;
   -webkit-transition: opacity 0.2s ease-in-out; /* pour Chrome et Safari */
   -moz-transition: opacity 0.2s ease-in-out; /* pour Firefox */
   -o-transition: opacity 0.2s ease-in-out; /* pour Opera */
   transition: opacity 0.2s ease-in-out; /* version standardis�e */
}
#fiche li a:hover {}
#fiche > div {
   padding:121px 0 35px 20px;
   margin-top:-77px;
   position:absolute;
   height:105%;
   width:100%;
   overflow:auto;
   z-index:1;
}
#fiche p.subTitle {
   text-align:center;
   padding-top:15px;
   border-top:1px solid #a4242c;
   margin:15px 0 10px 0;
   color:#a4242c;
   font-family:PlutoBold;
}
#fiche p.subTitle:first-child {
   margin-top:0!important;
   padding-top:0!important;
   border-top:none!important;
}
#fiche p.year, #fiche p.ancre {display:none;}
#fiche > div strong {display:none;}
#fiche > div strong + br {display:none;}
#fiche > div br {line-height:30px;}
#fiche > div img {
   width:100%;
   height:auto;
   margin-bottom:20px;
}


#fiche .mCustomScrollBox .mCSB_scrollTools{right: 2px;}
#fiche .mCSB_container{margin-right: 20px;}

#containerFiche > img {
   margin-left:160px;
   position:relative;
   top:100%;
}


/* ------------------------------------------------------------------------------
  
								FOOTER

-------------------------------------------------------------------------------*/

footer {
   position:fixed;
   width:100%;
   height:37px;
   background:#fff;
   background:rgba(255,255,255,0.9);
   bottom:0px;
   text-align:center;
   box-shadow:0px -4px 8px rgba(0,0,0,0.2);
}

footer ul li {
   display:inline-block;
   padding:7px 0;
   text-transform:uppercase;
   letter-spacing:2px;
}
footer ul li:first-child {margin-right:304px;}
footer ul li:last-child {margin-left:273px;}
footer a {
   color:#a4242c;
   font-family:PlutoRegular,sans-serif;
	font-size:10px;
}