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

   TYPO /texte
  
 ----------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



@font-face {
    font-family: 'nanami_roundedthin';
    src: url('../../squelettes/webfonts/nanami-rounded-thin-webfont.eot');
    src: url('../../squelettes/webfonts/nanami-rounded-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/nanami-rounded-thin-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/nanami-rounded-thin-webfont.woff') format('woff'),
         url('../../squelettes/webfonts/nanami-rounded-thin-webfont.ttf') format('truetype'),
         url('../../squelettes/webfonts/nanami-rounded-thin-webfont.svg#nanami_roundedthin') format('svg');
    font-weight:100;
    font-style: normal;

}



@font-face {
    font-family: 'nanami_roundedthin_oblique';
    src: url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.eot');
    src: url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.woff') format('woff'),
         url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.ttf') format('truetype'),
         url('../../squelettes/webfonts/nanami-rounded-thinoblique-webfont.svg#nanami_roundedthin_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nanami_roundedbook';
    src: url('../../squelettes/webfonts/nanami-rounded-book-webfont.eot');
    src: url('../../squelettes/webfonts/nanami-rounded-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/nanami-rounded-book-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/nanami-rounded-book-webfont.woff') format('woff'),
         url('../../squelettes/webfonts/nanami-rounded-book-webfont.ttf') format('truetype'),
         url('../../squelettes/webfonts/nanami-rounded-book-webfont.svg#nanami_roundedbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nanami_roundedextralight';
    src: url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.eot');
    src: url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.woff') format('woff'),
         url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.ttf') format('truetype'),
         url('../../squelettes/webfonts/nanami-rounded-extralight-webfont.svg#nanami_roundedextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'wotfardlight';
    src: url('../../squelettes/webfonts/wotfard-light-webfont.eot');
    src: url('../../squelettes/webfonts/wotfard-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/wotfard-light-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/wotfard-light-webfont.ttf') format('truetype');
   font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'wotfardsemibold';
    src: url('../../squelettes/webfonts/wotfard-semibold-webfont.eot');
    src: url('../../squelettes/webfonts/wotfard-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/wotfard-semibold-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/wotfard-semibold-webfont.ttf') format('truetype');
   font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'wotfardbold_italic';
    src: url('../../squelettes/webfonts/wotfard-bolditalic-webfont.eot');
    src: url('../../squelettes/webfonts/wotfard-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/wotfard-bolditalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/wotfard-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'wotfardregular';
    src: url('../../squelettes/webfonts/wotfard-regular-webfont.eot');
    src: url('../../squelettes/webfonts/wotfard-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../squelettes/webfonts/wotfard-regular-webfont.woff2') format('woff2'),
         url('../../squelettes/webfonts/wotfard-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Hyperliens
---------------------------------------------- */
#cboxOverlay {
    background: #F3F3F3;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    cursor: zoom-out !important;
}

::selection{
  background: #f398b5 !important;
  color: #000 !important;
}

::-moz-selection{
  background: #f398b5 !important;
  color: #000 !important;
}

body {  background:#FFF;z-index:1; }
a, a:visited { color: #000; text-decoration:none;
-webkit-transition-duration: 0.8s; /* Safari */transition-duration: 0.8s; } 
a:focus, 
a:hover, 
a:active { color:#000 !important; text-decoration: underline;}
a.footer { color:#FFF; font-size:12px; float:right; }  
a.footer:hover {color:#f398b5;}  

li.thematique, li.thematique_menu, li.thematique_artiste, li.thematique_menu2{padding-right: 5px;}
li.thematique, li.thematique_menu, li.thematique_menu2 { font-size: 0.7em; line-height: 1.3;
font-family: 'wotfardlight'; text-transform: uppercase;color: #000; display: inline;}
li.thematique_menu,li.thematique_menu2 { border-left: 1px solid #000;padding-left: 5px;}

ul > li.thematique_menu2:first-of-type {border-left: none; padding-left: 0;}

li.thematique_artiste {font-size: 0.7em;line-height: 1.3;
font-family: 'wotfardbold_italic'; text-transform: uppercase;
color: #000; display: inline;padding-left: 5px;
border-left: 1px solid #000;}

li.thematique_artiste:hover, li.thematique:hover {text-decoration: underline;}

a.pdf { padding:10px 25px 8px 25px;color:#00605c; text-decoration: none;margin-top:30px;background:#fff; 
border-bottom:3px solid #ea5901;font-family: 'wotfardsemibold';font-weight:300;}
a.pdf:hover {color:#00605c; border-bottom:6px solid #ea5901; }

mark {color:#f398b5; background:none;}
p,.p  {margin-bottom: 1.1em; color:#000; font-family: 'wotfardlight'; font-size:15px; }  

span.sommaire p  {margin-bottom: 2em; color:#000; font-family: 'nanami_roundedthin';; font-size:3em; }  

.underline-on-hover:hover {text-decoration: underline;}

b {font-family: 'wotfardsemibold'; color: #000; }
big {font-family: 'wotfardsemibold'; color: #000; }

small, .small {font-size: 75%;  color: #00605c;}    

h1,.h1,h2,.h2,h3,.h3,h4,.h4,
h5,.h5,h6,.h6 {display: block; margin: 0; padding: 0; font-size: 100%;text-transform:uppercase;  }

h1,.h1 {font-size:3em;line-height: 1.3;margin-bottom: 0;font-family: 'nanami_roundedthin'; color:#000;}
h2,.h2, h3 {display:inline;font-size:0.7em;line-height: 1em;font-family:'wotfardlight';text-transform: uppercase; color:#000;}

h2.portfolio{padding-left:10px;   }

h2.som{  display:inline;font-size:0.8em;line-height: 1em;font-family:'wotfardlight';text-transform: uppercase; color:#FFF !important; }

h3 {font-size:0.7em;line-height: 1em;text-transform: none;}

h3.horaire{font-size:1.5em;line-height: 1.5em;text-transform:uppercase; font-family: 'nanami_roundedbook'; }

h3.display_inline, h3.display_block {display:inline;  font-size: 1.3em; line-height: 1.2; float:left;font-family:'wotfardlight'; }
h3.display_block {display:block; width:100%;}

h4, .h4 { font-size: 28px;line-height: 1.2;margin-bottom: 0.5em;text-transform:uppercase;font-family: 'wotfardsemibold';font-weight:700;  }
h5, .h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em;}
h6, .h6 {font-size: 1em;font-weight: bold;}

formulaire_menu_lang {
  position: relative;
  display: block;
  width: auto;
  z-index: 1000;
  padding-bottom: 0.5em;
  text-align: left;
}


/* ------------------------------------------ */
/* bouton traduction
/* ------------------------------------------ */

#choix_langue {position:fixed; bottom: 0; left: 0;right: 0;width: 100%;
   height:23px; display:block; float:left; text-align:right; padding-right:23px;
  z-index: 1000; background:#7fa39c;}

.formulaire_menu_lang { position: relative; display: block; width: auto; z-index:1000; padding-bottom:1.5em; text-align:right; }

.button_left, .button_right, .button_lang { 
color: #000; width:150px; height:25px; padding: 0.5em; vertical-align: middle;font-size: 12px; text-transform:uppercase;}    
.button_right{color:#cda08c;}      
.bouton2, .bouton{position:relative; float:right; height:auto; margin-right:0px; margin-top:17px; }
.bouton2{float:left; margin-left:20px; }
.bouton2 a{position:relative; float:right; height:auto; margin-right:20px; font-family:'helvetica'; font-weight:100; font-size:15px; }
.bouton2 .on{ color:#cda08c  !important; }
  
.button_lang{padding: 0.5em; border-right: solid 1px #000; font-weight: bold;   } 
.button_lang:nth-child(2){ border-right: none;   } 
.button_lang a {color: #000 ;font-weight: normal;}
.button_lang a:hover {color: #000 ;font-weight: normal;}


/* ------------------------------------------ */
/* mediabox
/* ------------------------------------------ */

.colonne_photo_oeuvre img{   cursor: zoom-in !important;  }
.lity-close, .lity-close:hover, .lity-close:active, .lity-close:focus {display:none;}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    text-align: center;
    outline: none !important;
    cursor: zoom-out !important;
}

.lity-container { cursor:default;}
.lity-group-start-stop button {display: none;}
.lity-previous b {
    display: inline-block;position: absolute;top: 50%;
    left: 5.5rem;font-size: 2rem; line-height: 3rem;
    margin-top: -1.5rem;text-shadow: none !important;opacity:1;
}

.lity-next b {
    text-shadow: none !important;
    opacity:1; font-size: 2rem;
}


/*  Diaporama   */
#diaporama{ position:relative; width:110%;display:table;height:auto;margin-left:-5%;float:left;text-align:center;}

.titre_diaporama{max-height:150px; width:92%; margin-left:4%;background:#FFF;position:absolute;top:0;z-index:10;}
.titre_diaporama_bas{height:60px; width:92%; margin-left:4%;margin-top:50px;background:#FFF;position:absolute;bottom:0;z-index:10;}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%;padding: 0; margin: 0; t}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%;left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto;float: left; width: 100%; border: 0;}
ul.rslides  a {text-align:center;}
.rslides_tabs li, .rslides_tabs a{  display:inline;float:none; padding:2px; position:relative;z-index:18;margin-top:-50px;}
.rslides_tabs a{color:#000; font-size:12px;border:1px #000 solid; font-family: 'wotfardregular'; }
.rslides_tabs a:hover {background:#000; color:#fff !important; border:1px #000 solid;}



/* ------------------------------------------ */
/* contact
/* ------------------------------------------ */
input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color:#000; padding: 3px;background:none; border: 1px solid #ccc; font-size: 15px;border-radius:2px;width:80%;  
font-family: 'wotfardregular';  }
textarea{width:100%}
label {font-family: 'wotfardregular';display: block;color: grey;font-size: 10px;padding-bottom: 5px;}
#mc_embed_signup input .button {border: 1px solid #ccc;-webkit-appearance: none;color:#cda08c; font-family: 'wotfardregular'; }

button{background: #cda08c; border: 1px solid #00605c;}
button:hover { background:#f398b5;}



@media (max-width: 750px) { 
    
    .colonne_photo_oeuvre, .colonne_photo, .colonne_texte {
    width: 100%;
    padding-right:0;
    padding-bottom:20px;}
        
    .evenement-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    width:100%;}
    
    .evenement-text, .colonne_texte  {width: 100%; padding: 0 1% 0 1%;}
    #nav3 {display: block;}
    
    .sliding-navbar {width: 50%;}
    #contact {width: 100%;}
    #image_sommaire2 {display:none;}
    .rectangle_artiste_article {width: 50%;}
    span.sommaire p {font-size: 2.5em;}
    
}

@media (max-width: 600px) { 
    span.sommaire p {font-size: 1.5em;}
        .sliding-navbar {width: 75%;}
    
}