body{background-color:#f3f3f3;}
#slides{background-color:black;margin-top: -56px;overflow:visible!important;}

.title-home{position:absolute;width:100%;top:40%; z-index:99; text-align:center;}
.title-home h1,.title-home h2{color:white; margin:0px; padding:0;}
.title-home h1{font-size:50px; margin-bottom:10px; letter-spacing:-3.5px;}
.title-home h2{font-size:23px; font-weight:400; margin-bottom:180px;}

a.bt-home-bloc2 {display:block; z-index:9999;width:44px; height:44px; background-color:white; text-align:center; padding-top:5px; margin:auto;transition:all 0.3s; opacity:0.8!important;}
a.bt-home-bloc2 .fa {color:white; font-size:40px; color:black;}
a.bt-home-bloc2:hover{ transform:translateY(10px); opacity:1;}

a.bt-top{position:fixed; display:none; bottom:20px; right:20px;display:block;width:44px; height:44px; background-color:white; text-align:center; margin:auto;transition:all 0.3s; opacity:0.8;}
a.bt-top .fa{color:white; font-size:40px; color:black;}
a.bt-top:hover{transform:translateY(-10px); opacity:1;}


#home-detail{ background-image:url(../images/common/bg-geo.png); background-repeat:no-repeat; background-position-y:-120px; background-position-x:center;}
#home-detail div.content{max-width:900px; margin:auto; padding-top:60px;}
#home-detail .home-intro h1{text-align:center;}
#home-detail .home-intro p{font-size:20px; line-height:36px; text-align:center;}

.home-expo{padding-top:70px;text-align:center;}
.home-vie{text-align:center;}
.home-expo h1, .home-vie h1{ margin:0;padding-bottom:6px;}
.home-expo h2, .home-vie h2{margin:0; font-size:24px; padding-bottom:10px;}
.home-expo p, .home-vie p{font-size:20px; line-height:22px; margin-bottom:40px; text-align:center;}
.home-expo .expo, .home-vie .vie{padding-top:200px;}

a.savoirplus, input.savoirplus{color:black; background-color:white; font-size:16px; padding:8px 20px; border:2px solid black;transition:background-color 0.3s;display: inline-block;margin-bottom: 10px;}
a.savoirplus:hover, input.savoirplus:hover{background-color:#f4f3eb;}

section.pied{background-color:#312f2b; padding:80px 0px 40px 0px; margin-top:50px;height: 200px;}
section.pied p{text-align:center;}
section.pied a, section.pied h4{display:block;font-size:16px; line-height:14px; margin-bottom:15px; color:white; font-weight:400;}
section.pied li{list-style:none;}
section.pied li a, section.pied p{font-size:12px; color:#bdb7a6;margin-bottom:10px;}
section.pied li a:hover{color:white;}
.box-animate{opacity:0;-webkit-transition: all 1s; margin-top:20px; transition: all 1s;-moz-transition: all 1s;}
.box-animate.visible{opacity:1;margin-top:0px; }


.title-page{width:100%; text-align:center;}
.title-page h1{color:white; margin:0px; padding:0;}
.title-page h1{font-size:30px; letter-spacing:-1.5px; margin-top:34px;}

.header-bg{height:244px; background-position:top center; background-repeat:no-repeat;}
.header-bg h2{color:white; text-align:right; padding-top:63px; font-size:35px; text-transform:uppercase;}

section.page-citation{width:600px; margin:auto; margin-top:20px; padding-top:40px;}
section.page-citation p.ligne01, section.page-citation p.ligne02{font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; color:#000; margin:0; font-weight:400; line-height:42px;}
section.page-citation p.ligne01{text-align:left;}
section.page-citation p.ligne02{text-align:right;}
section.page-citation p.nom{font-family:'Open Sans'; font-size:22px; font-weight:400; letter-spacing:-1.5px; color:black;text-align:right;}

section.page-content{margin-top:30px;max-width:900px; margin:auto; padding-top:20px;}

.photo-legende{font-size:12px; text-align:right; font-weight:600; padding-top:5px;}


section.ariane{padding-top:20px;}
section.ariane a{color:black; transition:all 0.2s;}
section.ariane a:hover{color:#e12523;}

section.oeuvre-menu{padding-top:20px; }
section.oeuvre-menu a{display:inline-block; font-weight:800;line-height:22px; font-size:16px; color:black; margin-right:30px; padding-bottom:3px;transition:all 0.2s;}
section.oeuvre-menu a:hover{color:#06b8ae;}
section.oeuvre-menu a.actif{border-bottom:6px solid #06b8ae;}


section.oeuvre-plage-annee{padding-top:50px;}
section.oeuvre-plage-annee div.column{padding-right:14px; padding-left:14px;}
section.oeuvre-plage-annee .plage a{display:block;height:270px; width:100%;  margin-bottom:20px; overflow:hidden; }
section.oeuvre-plage-annee .plage a figure{height:270px; width:100%; padding:0; border-radius: 50%; background-position:center;margin:0;-webkit-transform: scale(0.96);transform: scale(0.96);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;padding-top:40%; background-size:cover;}
section.oeuvre-plage-annee .plage a:hover figure{-webkit-transform: scale(1);transform: scale(1);}

section.oeuvre-plage-annee .plage div.column p{position:relative; z-index:9999; color:white; 
font-weight:800; font-size:26px; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.65);text-align:center;}

section.oeuvre-plage-annee .content-padding{padding-right:10px; padding-left:10px;}

.ouvoir .column{margin-bottom:20px;}
.ouvoir h3{padding-bottom:0px;}
.ouvoir a {display:block; color:black; font-size:14px; font-weight:400; padding-bottom:8px;  transition:all 0.2s;}
.ouvoir a:hover{color:#e12523;}

a.box-oeuvre{display:block;height: 270px;position: relative;margin-bottom: 20px;transition: all ease-in 0.1s;text-align:center;color:black;}
a.box-oeuvre hr{margin-bottom:5px; margin-top:10px;}
a.box-oeuvre:hover{color:#e12523;}
.box-oeuvre:hover{transform: scale(1.05);}
.align-oeuvre{line-height: 200px;}
.oeuvre-placement{max-height: 180px;width: auto;vertical-align: bottom;margin-bottom: 10px;}

.photo-liste{text-align:center;}
img.galerie-placement{max-height:140px;width: auto;vertical-align: bottom;margin-bottom: 8px;margin-right: 8px;display:inline-block;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;}
img.galerie-placement:hover{-webkit-transform: scale(1.03);transform: scale(1.03);}

.oeuvre-liste{padding-top:40px}
.oeuvre-liste p{text-align:center; line-height:22px; padding:0; margin:0;  font-size:12px;}
.oeuvre-liste p.titre{font-weight:400; font-size:14px;}
.oeuvre-liste .content-padding{padding-left:20px; padding-right:20px; }

.oeuvre-detail{padding-top:40px}

.oeuvre-detail h2{text-transform:uppercase; font-weight:400;}

.col-img{text-align:center;}
.col-img img{    max-width: 560px;max-height: 700px;}

.oeuvre-detail a .fa{font-size:34px; color:#ccc;transition:all ease 0.2s;}
.oeuvre-detail a:hover .fa{font-size:34px; color:#e12523; }
.oeuvre-detail .arrow{margin-top:10%}

.chronologie h1{text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; font-size:30px;}
.exposition h1{margin-bottom:0px; padding-bottom:10px;}

a.carnet-portrait, a.carnet-portrait-photo{display:block;width:130px; transition:all 0.8s; border:4px solid black; height:130px; border-radius:50%; background-color:black; padding-top:35px; text-align:center; background-size:cover;margin: auto;}
a.carnet-portrait p{font-family:'Open Sans'; font-weight:800; color:white; font-size:16px; text-align:center; line-height:20px; text-transform:uppercase;-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);}
a.carnet-portrait-photo p{font-family:'Open Sans'; font-weight:800; color:white; text-shadow:1px 1px 3px black; font-size:14px; margin-top:30px; text-align:center; line-height:18px; text-transform:uppercase;}
.carnet-intime p{font-size: 20px;line-height: 36px;text-align: center;}
	
a.carnet-portrait:hover, a.carnet-portrait-photo:hover{ border:4px solid #e12523;background-color:#e12523; }

.carnet-big{width:200px!important; height:200px!important;}
.carnet-big p {display:none;}

.mfp-title {
    font-family: 'Open Sans';
   
}

.illustration p{border-top:solid 1px #ccc;padding-top:10px; margin-top:20px;}

.ouvoir img{    border-radius: 50%;}
section.form-oeuvre .row{}



section.oeuvre-liste.nouveautes{padding-top:50px; padding-bottom:50px;}
section.oeuvre-liste.nouveautes .row{max-width:75rem;}
section.oeuvre-liste figure{position: relative;display:table-cell; height:480px;vertical-align: bottom;}
section.oeuvre-liste.nouveautes figure img{margin-bottom:10px; max-height:220px;transition: all ease-in .1s;}
section.oeuvre-liste figure img:hover{transform: scale(1.05);box-shadow:0px 0px 30px rgba(0, 0, 0, 0.3)}
section.oeuvre-liste p{font-family: 'Cormorant Infant', serif;font-size:18px; line-height:22px; margin:0;}
section.oeuvre-liste p.titre{ font-weight:700;font-size:18px;}
section.oeuvre-liste p.artiste{font-weight:700;margin-top:10px;}
section.oeuvre-liste p.technique{margin-bottom: 0px;font-size:14px;}

section.oeuvre-liste.artiste figure{height:420px;}
section.oeuvre-liste.artiste .column{padding-right: 30px;padding-left: 30px;}
section.oeuvre-liste.artiste figure img{margin-bottom:10px; max-height:260px;transition: all ease-in .1s;}
section.oeuvre-liste.artiste p.technique {margin-bottom: 40px;}
section.oeuvre-liste .description{display:block; min-height:100px;padding-top:10px;}
section.oeuvre-liste img{max-height:330px;transition:all 0.2s;}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 900px;
    margin: 30px auto;
	border-radius:0px;
}
.telechargement{margin-top:10px;text-align:left;}
header{background-color:white; margin-bottom:20px;}
.white-popup .detail-oeuvre p{margin-bottom:5px;}
.white-popup .detail-oeuvre p span{font-weight:700;}

.detail-oeuvre p{text-align:left;}

p.telechargement{border-top:1px solid #ccc; border-bottom:1px solid #ccc;margin-top:20px; padding-top:10px; padding-bottom:10px;}

.sortable_item {
        cursor : move;
        width : 100%;
        list-style : none;
    }
    
    .ul_style {
        
          list-style-type : none;
          margin : 0;
          padding : 0;
    }