/*
Theme Name: Francis Child of Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: Frederic Bastin
Author URI: http://www.fredericbastin.com
Description: theme enfant du theme wordpress twentythirteen
Template: twentythirteen
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentythirteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
 * Table of Contents:
 *

 * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

 @import url(« ../twentythirteen/style.css »);

html {
margin-top: 0px !important;
}
html,
button,
input,
select,
textarea {
font-family: Verdana, Helvetica, sans-serif;
}
body {
margin: 0;
color: #FFFFFF ;
background-color: #F1F1F1;
}
body.home{
background-color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Verdana, Bitter, Georgia, serif;
line-height: 1 ;
}
h1 {
font-size: 15px;
margin: 0px 0px 0px 45px;
color: #000000 ;
}
h1.catalogue{
	margin: 0px;
}
ul {
list-style-type: none;
}
table {
line-height: 1.5;
font-size: inherit;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
.site {
background-color: transparent ;
}
.site-homepage {
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.site-main {
background-color: #F1F1F1;
margin-left: 10%;
}
 .site-main .sidebar-container {
top: 45px;
}
/* animations homepage */
body.fondsculpt {
background-image: url("https://www.desiderio.byethost7.com/storage/2015/10/background_francis001.jpg"),
url("https://www.desiderio.byethost7.com/storage/2015/10/background_francis002.jpg"),
url("https://www.desiderio.byethost7.com/storage/2015/10/background_francis003.jpg"),
url("https://www.desiderio.byethost7.com/storage/2015/10/background_francis004.jpg");
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
width: 100%;
height: 100%;
-webkit-animation-name: sculpture;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: sculpture;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  animation-name: sculpture;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes sculpture {
  0% {
    opacity: 0, 0, 0, 0;
  }
  25% {
  opacity: 1, 0, 0, 0;
  }
  50% {
  opacity: 0, 1, 0, 0;
  }
  75% {
  opacity: 0, 0, 1, 0;
  }
  100% {
    opacity: 0, 0, 0, 1;
  }
}
 /*--------------------------------------------------------------------------------------------------*/
 /*--------------------------------------------------------------------------------------------------*/
 /* animations header des autres pages */
/**
 * 4.0 Header ((page d'accueil)
 * ----------------------------------------------------------------------------
 */
/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */
body.home .site-header{
background-image: none;
}
.site-header {
text-align : left;
background-color: #000;
}
.site-header{
background-image: url('https://www.francisdesiderio.com/test/core/assets/21951c0b89/img/Sitefrancissculp5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -125px;
}
.site-header .home-link {
min-height: 0;
width: 75%;
}
a.home-link-accueil{
background-image: none;
}
a.home-link {
background-image: url("https://www.desiderio.byethost7.com/storage/2015/11/exode-banniere.png");
background-repeat: no-repeat;
background-size: 120%
animation:entete 9s infinite linear;
  -webkit-animation:entete 9s infinite linear;
  -ms-animation:entete 9s infinite linear;
    -o-animation:entete 9s infinite linear;
}
/*animation */
@keyframes entete{
0% {
background-position: 0% 0%;
}
5%{
background-position: 0% 0%;
}
25% {
background-position: 30% 0%;
}
35%{
background-position: 30% 0%;
}
60% {
background-position: 30% 60%;
}
70%{
background-position: 30% 60%;
}
95%{
background-position: 0% 0%;
}
100% {
background-position: 0% 0%;
}
}
h1.site-title  {
 position: relative;
 }
h2.site-description {
position: relative;
margin-bottom: 9px;
}
.anim{
animation: 2s linear;
  -webkit-animation:2s linear;
  -ms-animation: 2s linear;
    -o-animation:2s linear;
}
/* animation */
@keyframes coucou{
0% {opacity: 0;
}
50% {
opacity: 0;
}
100% {
  opacity: 1;
}
}
.site-header .site-title:hover {
text-decoration: none;
}
.site-title {
color : #000000 ;
font : 38px normal Verdana, Times;
line-height: 0;
display: inline-block;
margin : 15px 0px 0px 75px ;
}
.site-description {
font: 300 italic 21px Verdana, Times, serif;
display: block;
margin: 12px 0px 0px 250px  ;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
.main-navigation {
margin: 0 10%;
}
ul.nav-menu{
margin: 0 auto;
}
.nav-menu{
padding : 3px;
}
.nav-menu li a {
color: #FFFFFF;
display: block;
font-size: 12px;
line-height: 15px;
padding: 0px 35px 0px 0px;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
font-size: 12px;
}




.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current_page_item > a:focus,
.nav-menu .current_page_ancestor > a:focus,
.nav-menu .current-menu-item > a:focus,
.nav-menu .current-menu-ancestor > a:focus,
.nav-menu .current_page_item > a:hover,
.nav-menu .current_page_ancestor > a:hover,
.nav-menu .current-menu-item > a:hover,
.nav-menu .current-menu-ancestor > a:hover
 {
color: inherit;
font-style: italic;
font-weight: bold;
}
/* Navbar */
.navbar {
background-color: red;
position: relative;
}
.site-header .search-form {
right: 0px;
}
 .site-header .search-field {
display: none;
background-color: transparent;
background-image: url(img/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 150%;
height: 24px;
margin: 0px 0;
}
 .site-header .search-field:focus {
display: none;
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
/* Navbar2 */
.navbar2 {
background-color: #FF0000 ;
margin: 0px 0px  auto;
padding-left: 75px;
animation:ouverture 1s linear;
  -webkit-animation:ouverture 1s linear;
  -ms-animation:ouverture 1s linear;
    -o-animation:ouverture 1s linear;
}
/*animation */
@keyframes ouverture{
0% {margin-left: -1280px;
}
100% {
  margin-left:0px;
}
}
.site-header .search-form {
position: absolute;
right: 0px;
top: 1px;
}
 .site-header .search-field {
display: none;
background-color: transparent;
background-image: url(img/search-icon.png);
background-position: center;
background-repeat: no-repeat;
background-size: 150%;
border: none;
cursor: pointer;
height: 24px;
margin: 0px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition:         width 400ms ease, background 400ms ease;
width: 1px;
}
 .site-header .search-field:focus {
display: none;
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 4.2 Navigation 2
 * ----------------------------------------------------------------------------
 */
.main-navigation2 {
clear: both;
 margin: 0px 0px 0px 0px;
font : normal Verdana, Times;
 max-width: 1080px;
min-height: 21px;
position: relative;
background-color: #FF0000 ;
}
ul.nav-menu,
div.nav-menu > ul {
list-style-type: none;
padding: 3px;
}
.nav-menu li a {
color: #FFFFFF;
line-height: 15px;
 padding: 0px 35px 0px 0px;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
background-color: inherit;
font-weight: bold;
}



.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: inherit;
font-style: italic;
font-weight: bold;
}
.menu-toggle {

text-decoration: none;
}
/* menu secondaire */
.menu-secondaire {
margin: 30px 25px 0 0 ;
padding: 0;
display: inherit;
}
ul.menu-secondaire li {
margin-top: 0px;
margin-bottom: 15px;
}
.biographie {
ul {
list-style-type: none;
}
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
/*contenu de la page oeuvres*/
.oeuvre h3 {
  margin: 10px 0;
  color: black;
}
.oeuvre p {
  margin: auto;
  color: black;
}
.oeuvre div {
  position: relative;
}
.oeuvre ul {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  padding: 0;
}
.oeuvre li {
  padding: 0;
}
.oeuvre article {
  display: inline-block;
  width: 55%;
  margin: 15px;
  padding: 0;
  border: 1px solid black;
}
.oeuvre article img{
width: 100%;
}
.oeuvre aside {
  background-color: white;
  width: 20%;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  color: black;
}
article {
display: inherit;
}
.content-area {
display: flex;
height: 100%;
}
.site-content {
background-color: #F1F1F1;
padding: 15px;
font-size: 80%;
color: black;
display: flex;
}
.menu menu biographie container {
display: inherit;
}
.entry {
padding: 40px 0;
}
.entry-content{
max-width: none;
text-align: justify;
}
.entry-header,
.entry-summary,
.entry-meta {
max-width: 900px;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.entry-header {
background-color: #c19797;
width: 45px;
margin: initial;
 /* height: -webkit-fill-available; */
}
h1.entry-title {
font-size: 27px;
text-align: right;
color: #FFFFFF;
margin: 230px 0 0 -172px;
font-weight: bold;
width: 400px;
transform:rotate(270deg);
}
.entry-title a {
color: #FFFFFF;
}
.entry-title a:hover {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */



/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content {

/*width: 100vh;*/
}

footer.entry-meta {
position: fixed;
}



/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {
margin-left: 0px;
float: left;
width:50%;
}
.gallery-item {



width: 75px;
max-width: inherit;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {

overflow: scroll;
max-height: 300px;
}

.gallery-columns-4 .gallery-item {
max-width: 65%;
max-width: -webkit-calc(65% - 4px);
max-width:         calc(65% - 4px);
max-width:         calc(25% - 4px); */
}





/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */
/* Aside */

/* Audio */










/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */


.image-navigation .nav-next {
right: 0;
}



/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */










/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */




/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

 footer{
  position: fixed;
  bottom: 0;
  width: 9%;
  right: 0;
  line-height: 1em;

 }

 .site-info{
  padding: 0 ;
 }

 body.home .site-footer{
  background-color: transparent;
 }

 body.home .site-info{
  background-color: transparent;
}



/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */



/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------ css perso ---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.transparent{
opacity: 0;
}
div.Up{
    width: 100%;
    top: 0;
    text-align: center;
    position: absolute;
    z-index: 80;
    color: black;
}

div.Down{
    width: 100%;
    bottom: 0;
    text-align: center;
    position: absolute;
    z-index: 80;
    color: black;
}

div.news-content.top-content{
}
.accueil_background{
position: fixed;
margin-left: 50;
margin-top: 50;
height: 60%;
width: 90%;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
-ms-background-position-y: center;
background-position-y: center;
animation-duration: 20s;
-webkit-animation-duration:20s;
-o-animation-duration: 20s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;
animation-timing-function: ease-in-out;
opacity: 0;
}
.img1{
background-image: url(http://www.francisdesiderio.com/test/storage/2017/10/dglauqueContamination-1994240x110x20cm.jpg);
-webkit-animation-name: accbackground;
-o-animation-name: accbackground;
animation-name: accbackground;
}
@keyframes accbackground{
0% {
opacity: 0;
}
33% {
opacity: 1;
}
66% {
opacity: 0;
}
80% {
opacity: 0;
}
}
.img2{
background-image: url(https://www.francisdesiderio.com/storage/2020/10/The-modern-man.jpg);
-webkit-animation-name: accbackground2;
-o-animation-name: accbackground2;
animation-name: accbackground2;
}
@keyframes accbackground2{
0% {
opacity: 0;
}
33% {
opacity: 0;
}
66% {
opacity: 1;
}
80% {
opacity: 0;
}
}
.img3{
background-image: url(https://www.francisdesiderio.com/storage/2020/10/Desiderio-The-Black-Spring-toile-sans-bord-scaled.jpg);
-webkit-animation-name: accbackground3;
-o-animation-name: accbackground3;
animation-name: accbackground3;
}
@keyframes accbackground3{
0% {
opacity: 0;
}
33% {
opacity: 0;
}
66% {
opacity: 0;
}
80% {
opacity: 1;
}
}
.menu-expositions-container ul {
padding-left: 9px;
width: 130px;
}
.tablepress{
color: black;
margin-bottom: 9em !important;
}
.menu-contact-container ul{
  width: 130px;
}
.menu-contact-container ul.menu-six {
padding: 0;
}
.gallery figure.gallery-item{
float:none;
width: inherit;
max-width: 65%;
max-width: web-kit calc(65%-4px);
max-width: calc(65%-4px);
}
.entry-content>div>img{
height: 50vh;
}
aside p{
margin-left: 9px;
display: inline-block;
}
aside h3 {
font-size: 16px;
margin: 15px 0;
}
.oeuvre2 aside{
padding: 15px;
display: inline-block;
}
.oeuvre2 img{
height: 100vh;
float: left;
}
.oeuvre2 li{
width: 100vh;
overflow: auto;
}
#viewer{
text-align: center;
}
#viewer>img{
margin: auto;
}
.news-content{
    width: -webkit-fill-available;
}
.top-content>aside{
/*position: absolute;*/
/*bottom: 55px;*/
margin-bottom: 12px;
height: 30px;
width: inherit;
border: 0px;
color: black;
background-color: rgba(241, 241, 241, 0.5);
text-align: center;
}
li.thumbs{
width: 100%;
}
li.thumbs img{
height: 90px;
}
ul#Third-menu{
margin: 0px 25px 0 0;
}
div.oeuvre>ul{
height: 60vh;
overflow: overlay;
padding-right: 15px;
margin: 10px 0 0 0px;
}
header.oeuvres{
min-height: 60vh;
height: -webkit-fill-available;
}
.menu-menu-presse-container, .menu-menu-biographie-container {
width: 130px;
flex-grow: 1;
/* height: -webkit-fill-available; */
float: left;
}
#makeMeScrollable{
/* width: 120vh; */
height: 15vh;
position: relative;
display: block;
margin: 0px auto;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */






@media (max-width: 643px) {
.menu-menu-presse-container, .menu-menu-biographie-container, .menu-expositions-container, .menu-menu-oeuvres-container{
width: initial;
height: initial;
float: initial;
text-align: center;
}
.site-header .home-link{
/* width: 100%;  */
margin: 0 10%;
padding: 12px 0px;
}
.entry-content{
width: initial;
}
.site-main{
margin-left: initial;
}
.site-title {
font-size: 30px;
}
#content .format-status .entry-content,
#content .format-status .entry-met {
padding-left: 35px;
}
/* Small menu */






.nav-menu li{
display: block;
text-align: center;
}
.nav-menu li a, .nav-menu li:hover a, .nav-menu li:active a, .nav-menu li:focus a, .nav-menu li:visited a{
font-size: xx-large;
    line-height: initial;
}





ul.nav-menu, div.nav-menu > ul {
display: none
padding-left: 9px;
}
.nav-menu li{
display: block;
}
.nav-menu li a{
font-size: xx-large;
line-height: initial;
}
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------- Mobile devices ---------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
@media (max-width: 643px) {
.news-preview img{
	height: initial;
}
article{
  display: initial;
}
.menu-secondaire{
margin : 0;
display: initial;
}
h1.site-title{
margin: 0 9px;
}
h2.site-description{
margin-left: 9px;
font-size: 15px;
}
.navbar2{
padding-left: 0;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{
padding-left: 9px;
}

.entry-header{
width: auto;
height: initial;
}
.content-area{
display: block;
}
h1.entry-title{
width: initial;
margin: 0;
transform: initial;
padding: 2%;
text-align: center;
}
.hentry{
padding: 0;
width: 100%;
}
.site-description {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.gallery {
margin-left: 0;
}
.gallery .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width: none;
width: 49%;
width: -webkit-calc(50% - 4px);
width:         calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-1.gallery-size-medium .gallery-item,
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align: center;
width: 98%;
width: -webkit-calc(100% - 4px);
width:         calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 4px;
}
.gallery br {
display: none;
}
header.oeuvres{
	min-height: auto;
  height: 45px;
}

ul#Third-menu {
	display: flex;
	justify-content: space-around;
	margin: 0;
}

.menu-menu-oeuvres-container{
	width: 100%;
}

li.thumbs img{
	height: initial;
}

.news-headlines li{
}

ul.news-headlines{
	display: none;
        margin:0 3px;
	width: 100%;
	text-align: center;
}

.news-preview{
}
div.news-holder.cf{
        overflow: initial;
}


}