html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
 input {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 body {
     text-align: center;
     background-image: url(img/bg.jpg) 
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 p {
     margin-bottom: 12px 
}
 .italic {
     font-style: italic 
}
 .bold {
     font-weight: bold 
}
 h1 {
     margin-top: 50px;
     margin-left: 13px;
     padding: 0px 8px 0px 8px;
     font-family: 'Abel', sans-serif;
     text-transform: uppercase;
     font-size: 50px;
     color: #000;
     display: inline-block 
}
 h2 {
     font-size: 15px;
}
 #logo{
     float: left;
     margin-left: 30px;
     margin-top: 30px;
     font-family: 'Abel', sans-serif;
     text-transform: uppercase;
     font-size: 16px;
     text-align: center;
     letter-spacing: 3pt 
}
 #menu_home {
     margin-left: 42%;
     margin-right: auto;
     margin-top: 11%;
     font-family: 'Abel', sans-serif;
     text-transform: uppercase;
     font-size: 50px;
     text-align: center;
     line-height: 1.3;
     position: absolute;
     z-index: 10;
     background-color:rgba(255, 255, 255, 0.5);
     padding: 20px 
}
 #menu_home a {
     text-decoration: none;
     color: #000;
}
 #menu_home a:hover {
     opacity: 0.6 
}
 .here {
     color: #666 
}
/*__________________HOME________________*/
 #home {
     margin: 0;
     text-align: center;
     background-image: url(img/bimbam-gallery2.jpg);
     background-repeat: no-repeat;
     background-size:cover 
}
 .home_img {
     max-width: 100%;
}
 #home_rs {
     position: absolute;
     bottom: 5%;
     left: 50%;
     margin-left: -288px;
}
/*__________________PAGES________________*/
 #main {
     font-family: 'Abel', sans-serif;
     font-size: 14px;
     line-height: 1.3;
     color: #333;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     width: 70%;
     padding-bottom: 60px;
     padding-top: 200px;
     position: relative;
     z-index: 0;
}
 .desc_en {
     color: #aaa;
     font-weight: normal 
}
 #top_home {
     width: 100%;
     height: 150px;
     position: fixed;
     z-index: 1;
     background-image: url(img/top.png);
     background-position: top left;
     background-repeat: no-repeat;
}
 #top_artistes {
     width: 100%;
     height: 195px;
     position: fixed;
     z-index: 1;
     background-image: url(img/top_artistes.png);
     background-position: top;
     background-repeat: no-repeat;
}
 #liste_artistes {
     padding-top: 20px;
     max-width: 780px;
     margin: auto 
}
 #liste_artistes a {
     color: #000;
     font-family: 'Abel', sans-serif;
     font-size: 15px;
     display: inline-block;
     text-transform: uppercase;
     text-decoration: none;
     margin: 10px;
}
 #liste_artistes img {
     width: 160px;
     display: inline-block;
}
 #liste_artistes img:hover {
     opacity: 0.8 
}
 #expo_infos #liste_artistes a {
     background-image:url() 
}
 .artiste_nom {
     color: #fff;
     background-image: url(img/bg-cta.jpg);
     height: 45px;
     display: inline-block;
     padding-top: 10px;
     padding-left: 50px;
     padding-right: 50px;
     text-transform: uppercase;
     text-decoration: none;
     margin-left: auto;
     margin-right: auto;
     font-family: 'Abel', sans-serif;
     font-size: 25px 
}
 #fiche_artiste a {
     text-decoration: none;
     color: #000;
     background-image: linear-gradient( transparent 50%, #3ae1e7 50%);
     display: inline-block;
     margin-top: 15px;
     padding-left: 8px;
     padding-bottom: 1px;
     padding-right: 8px;
}
 #fiche_artiste a:hover {
     opacity: 1;
     background-image: linear-gradient( transparent 50%, #c1f1f5 50%);
}
 #artiste_face {
     float: left;
     margin-top: -25px;
     width: 27%;
     max-width: 350px;
}
 #artiste_desc img {
     margin-right: 3%;
     margin-left: 3% 
}
 #artiste_desc_fr {
     width: 33%;
     float: left;
     text-align: justify;
     margin-top: 10px 
}
 #artiste_desc_en {
     width: 33%;
     color: #bbb;
     float: left;
     margin-top: 10px;
     text-align: justify 
}
 #artiste_bio {
     margin-top: 30px;
     text-align: left;
}
 #bio_titre {
     font-family: 'Abel', sans-serif;
     text-transform: uppercase;
     font-size: 25px;
     display: block;
     float: left;
     transform: rotate(-90deg);
     color: #000;
     margin-top: 40px;
}
 #bio_detail {
     display: block;
}
 .bio_titre {
     font-weight: bold;
     text-transform: uppercase;
     font-size: 16px;
     margin-bottom: 25px;
     margin-left: 15px 
}
 .bio_dates {
     display: block;
     float: left;
     margin-top: 40px;
     margin-left: 25px;
}
 #artiste_img {
     display: inline-block;
     float: left;
     width: 500px;
}
 #main_artistes h2 {
     color: red;
     margin-bottom: 15px;
}
 #top {
     width: 100%;
     height: 150px;
     position: fixed;
     z-index: 1;
     background-image: url(img/top.png);
     background-position: top left;
     background-repeat: no-repeat;
}
 #top_expos {
     width: 100%;
     height: 150px;
     position: fixed;
     z-index: 1;
     background-image: url(img/top_expos2.png);
     background-position: top left;
     background-repeat: no-repeat;
}
 #liste_expos .expo_nom, #main .expo_nom {
     color: #000;
    /*background: linear-gradient(170deg, #ff5355 50%, #ce181a 51%);
    */
    /*background-image: url(img/bg-cta.jpg);
    */
     background-color: #fff;
     height: 45px;
     display: inline-block;
     padding-top: 14px;
     padding-left: 50px;
     padding-right: 50px;
     text-transform: uppercase;
     text-decoration: none;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
     font-family: 'Abel', sans-serif;
     font-size: 25px 
}
 #liste_expos p {
     margin-bottom: 15px 
}
 #liste_expos .expo_artiste, #fiche_expo .expo_artiste {
     text-transform: uppercase;
     font-size: 15px;
}
 #liste_expos a {
     text-decoration: none;
     color: #000;
     display: inline-block;
     padding-left: 8px;
     padding-bottom: 1px;
     padding-right: 8px;
}
 #liste_expos a:hover {
     opacity: 1;
    /*background-image: linear-gradient( transparent 50%, #e23821 50%);
    */
}
 #fiche_expo .expo_lieu {
     margin-bottom: 60px 
}
 #liste_expos .expo_nom:hover {
    /*background: linear-gradient(170deg, #ff5355 50%, #ce181a 51%);
    */
}
 #expo_face {
     float: left;
     width: 50%;
     width: auto;
     max-width: 500px;
     max-height: 510px;
     margin-right: 30px;
     margin-bottom: 35px 
}
 #expo_infos {
     width: 90%;
     display: block;
     text-align: center;
     margin-right: auto;
     margin-left: auto;
     background-color: #fff;
     margin-top: -45px;
     margin-bottom: 60px;
     padding: 45px 20px 30px 20px;
}
 #expo_infos .expo_date, .expo_date {
     background-image: url(img/calendar.png);
     background-repeat: no-repeat;
     background-position: top center;
     padding-top: 20px;
     padding-top: 20px;
     margin-top: 15px;
     font-size: 15px 
}
 #expo_infos .expo_lieu, .expo_lieu {
     background-image: url(img/location.png);
     background-repeat: no-repeat;
     background-position: top center;
     padding-top: 20px;
     margin-top: 15px;
     margin-bottom: 0px 
}
 #expo_infos a {
     text-decoration: none;
     color: #000;
     background-image: linear-gradient( transparent 50%, #3ae1e7 50%);
     display: inline-block;
     margin: 10px;
     padding-left: 8px;
     padding-bottom: 1px;
     padding-right: 8px;
}
 #expo_infos a:hover {
     opacity: 1;
     background-image: linear-gradient( transparent 50%, #c1f1f5 50%);
}
 #expo p {
     margin-bottom: 20px 
}
 #expo_desc_fr {
     text-align: justify;
     float: left;
     width: 45%;
}
 #expo_desc_en {
     text-align: justify;
     margin-left: 55%;
     color: #bbb;
}
 #expo_gallerie {
     display: inline-block;
     margin-top: 50px;
     text-align: center;
}
 #expo_gallerie img {
     height: 220px;
     width: auto;
}
 #expo_gallerie a {
     background: none;
}
 #expo_gallerie a:hover {
     background: none;
     opacity: 0.8;
}
 .expo_illu img{
     max-width: 100%;
}
 #expo_infos .expo_illu a{
     background-image:url() 
}
 #credits {
     color: #bbb;
     margin-top: 10px;
     font-size:12px 
}
 #credits_pt {
     color: #bbb;
     margin-top: 10px;
     font-size:10px 
}
 #credits_pt {
     color: #bbb;
     margin-top: 10px;
     font-size:10px 
}
 #about {
     margin: 20px 
}
 #top_about {
     width: 100%;
     height: 195px;
     position: fixed;
     z-index: 1;
     background-image: url(img/top_about.png);
     background-position: top;
     background-repeat: no-repeat;
}
 #adresse {
     background-image: url(img/location.png);
     background-repeat: no-repeat;
     background-position: top 12px center;
     background-color: #fff;
     padding: 40px 30px 20px 30px;
     margin-top: 15px;
     margin-bottom: 10px;
     display: inline-block 
}
 #map a {
     background-image:url();
     text-decoration: none 
}
 #map a:hover {
     background-image:url();
     text-decoration: none 
}
 #map img {
     max-width: 100% 
}
 #about a {
     text-decoration: none;
     display: inline-block;
     margin-top: 15px;
     padding-left: 8px;
     padding-bottom: 1px;
     padding-right: 8px;
     margin: 6px 
}
 #about a:hover {
     opacity: 0.8;
     background-image: none;
}
 #about_fr {
     text-align: justify;
     float: left;
     width: 45%;
     margin-bottom: 20px 
}
 #about_en {
     text-align: justify;
     margin-left: 55%;
}
 #merci {
     font-size: 50px;
     color: #666;
     font-family: 'Abel', sans-serif;
     padding-top: 150px 
}
 .rouge{
     color: #000;
     text-transform: uppercase
}
/*__________________FOOTER________________*/
 .newsletter_form input {
     background-color: #fff;
     opacity: 0.7;
     outline: none;
     border: none;
     padding: 6px;
     margin: 5px;
     font-size: 12px;
     font-family: 'Abel', sans-serif;
     color: #000;
     letter-spacing: 1px;
     border-radius:0px;
}
 #form_cta {
     font-size: 11px;
     color: #fff;
     background-color: #000;
     border: none;
     text-transform: uppercase;
     cursor: pointer;
     font-family: 'Abel', sans-serif;
     letter-spacing: 1px;
     border-radius:0px;
     border:none;
     padding-left: 12px;
     padding-right: 12px;
     font-weight: 400 
}
 #form_cta:hover {
     background-color: #000;
     color: #fff;
     border-radius:0px;
     opacity: 1;
}
 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #000;
     opacity: 1;
    /* Firefox */
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #000;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #000;
}
 .lightwidget-widget {
    /* Module Instagram */
     width: 900px;
     border: 0;
     overflow: hidden;
     margin-bottom: 30px;
     margin-top: 10px;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 #footer {
     padding-top: 20px;
     padding-bottom: 50px;
     background-color: #fff;
     display: block;
     background-image: url(img/ombre.jpg);
     background-repeat: repeat-x;
     background-position: top;
     font-family: 'Abel', sans-serif;
}
 #footer a {
     margin: 12px;
     color: #000;
     font-size: 18px;
     font-weight: bold;
     font-family: 'Abel', sans-serif;
     text-transform: uppercase;
     text-decoration: none;
     font-style: italic;
}
 .rs_icon {
     opacity: 0.3;
}
 .video {
     margin: 10px;
     display: inline-block;
     max-width: 100% 
}

/*mobile portrait*/
 @media all and (max-device-width: 480px) {
     #home {
         background-image: url(img/bimbam-gallery_mobile.jpg);
         background-size:cover 
    }
     #logo{
         margin-left: 40%;
         margin-top: 180px;
         font-size: 50px;
         color: #fff 
    }
     #logo img{
         width: 200px;
         margin-bottom: -20px 
    }
     #home a {
         display:inline-block;
         margin: 10px 
    }
     #menu_home {
         margin-left: 19%;
         margin-top: 62%;
         font-size: 90px;
         width: 570px;
    }
     #home_rs {
         position: absolute;
         bottom: 3%;
         left: 50%;
         margin-left: -500px;
         font-size: 45px;
    }
     #home_rs input{
         font-size: 34px;
         margin-bottom: 20px;
         text-align: center;
         width: 590px;
    }
     #form_cta{
         font-weight: normal 
    }
}

 @media all and (max-device-width: 800px) and (orientation:landscape) {

    #home_rs {
        display: none
    }     
    #home {
        background-color: #000
    }
    #logo{
      display: none
    }
          #menu_home {
         margin-left: 25%;
         margin-top: 10%;
         font-size: 40px;
         width: 400px;
    }
}