/*
Theme Name: ecrin v2
Theme URI: http://www.lapongue.info/
Description: le thème du portfolio de Lucie Sassiat par Lap0ng
Version: 2
Author: Maxime SOUILLAT

Creation Theme by Maxime SOUILLAT || http://www.lapongue.info

*/
html {
    height: 100%;
    margin: 0;
    }

body {
    margin: 0 auto;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width: 960px;
    height: 100%;
    background: #000;
}

#container {
  width: 960px;
  height: 100%;
  position: relative;
  }

#header {
  height: 20px;
  background: #181818;
}

#appel {
  position: absolute;
  bottom: 10px;
  left: 0px;



}
#appel p{
  font-size: 14px;
  line-height: 1.5em;
  background: #181818;
  padding: 10px; 
}

#appel p a{
  color: #79B003;
}


a:link, h2 a:link, a:visited, h2 a:visited {
  color: #fff;
  text-decoration: none;
  }

a:hover, h2 a:hover {
  color: #fff;
  text-decoration: none;
  }

/* ///////////////////// MENU DROPDOWN //////////////// */
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
    background: #000;
    height: 30px;
    position: relative;
    top: 0;
    width: 960px;
    z-index: 999;
    margin: 0 250px 0 0px;
    float: left;
}

.tab2 {
    background: #000;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;

}

.tab ul.menu {
    display: block;
    position: relative;
    height: 30px;
    width: 960px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    color: white;
    text-align: center;
    font-size: 11px;
}



.tab ul.menu li {
    text-align: center;
    padding: 0;
    display: block;
    height: 30px;
    background: #000;
    width: 960px;

}

.tab ul.menu li a {
    color: #666;
    text-decoration: none;
    text-align: center;
    width: 960px;
    font-family: georgia, times;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}

.tab ul.menu li a:hover {
    color: #fff;
    outline: none;
}

.tab a.open, .tab a.close {
    height: 30px;
    line-height: 30px !important;
    padding-left: 0px !important;
    cursor: pointer;
    display: block;
    width: 100px;
    position: relative;
    top: 0px;
}

.tab a.close {
  background: #111111;
}



/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
   /* position: relative; */   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
    width: 960px;
    height: 440px;
    color: #999999;
    background: #181818;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    }


#panel p {
    margin: 5px 0;
    padding: 0 10px;
}

#panel a {
    text-decoration: none;
    color: #fff;
}

#panel a:hover {
    color: #666;
}


#panel .content {
    width: 960px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: left;
    font-size: 0.85em;
}

#panel .content .down {
    width: 960px;
    float: left;
    padding: 0px 0px;

}




/* BUTTONS */
/* Login and Register buttons */


#content_home_menu {
    width: 609px;
    background: #181818;
    text-align: center;
    display: table-cell;
    /*vertical-align: middle;
    line-height: 440px;*/
    /*padding: 0px 177px 0px 177px;*/
    position : absolute;
    left: 177px;
    top: 100px;
    /*margin: 0px 177px 0px 177px;*/
}


/* fin sliding panel */


/* div section about (sur toute la hauteur) */

#content_about, #content_contact {
    width: 960px;
    background: #181818;
    border-top: solid black 10px;
    border-bottom: solid black 10px;
    position: relative;
}


/* div CONTENT_PHOTO (grand div pour affichage photo) */

#content_photo {
    width: 960px;
    background: #181818;
    height: 440px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-top: solid black 10px;
    line-height: 440px;
    position: relative;

}

#content_photo img, #content_galeries img  {
    vertical-align: middle;
}

#content_photo a img {
  border: none;
  text-decoration: none;
}



#content_galeries, #content_home, #content_news {
    width: 609px;
    background: #181818;
    text-align: center;
    display: table-cell;
    /*vertical-align: middle;
    line-height: 440px;*/
    /*padding: 0px 177px 0px 177px;*/
    position : absolute;
    left: 177px;
    top: 200px;
    /*margin: 0px 177px 0px 177px;*/
}

#artiste_accueil {
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 5000;
  width: 960px;
  height: 80px;
  line-height: 80px;
  margin: 0;
  padding: 0;
}

#artiste_accueil h1 {

    font-family: georgia, times;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 960px;
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0;

   }

#artiste_attente {
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 5000;
  width: 960px;
  height: 80px;
  line-height: 80px;
  margin: 0;
  padding: 0;
}

#artiste_attente h2 {

    font-family: georgia, times;
    font-size: 25px;
    color: white;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    width: 590px;
    height: 80px;
    line-height: 80px;
    margin: 0 0 0 150px;
    padding: 0;

   }




.artiste_titre {
  position: absolute;
  width: 180px;
  height: 50px;
  bottom: 103px;
  left: 800px;
  z-index: 5000;
}

.artiste_titre h1 {
    text-align: center;
    font-family: georgia, times;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;

   }

/* nom artiste */

.artiste {
  position: absolute;
  bottom: 103px;
  left: 800px;
  z-index: 5000;
}

.artiste h1 {

    font-family: georgia, times;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;

   }

.artiste h1 a, .artiste h1 a:visited{
    text-decoration: none;
    color: #666;

   }
.artiste h1 a:hover {
    text-decoration: none;
    color: #fff;

   }

/* homepage */
.accueil, .accueil_right, .accueil_middle, .accueil_home {
    width: 200px;
    height: 140px;
    margin: 0px 3px 3px 0;
    float: left;
    position: relative;
    border: 0;
    text-decoration: none;
}

.accueil_right {
    float: right;
    height: 35px;
}

.accueil_middle {
     width: 609px;
     height: 80px;

}

.accueil_home {
     height: 50px;
     width: 70px;
}

.accueil_marge {
  width: 332px;
  margin: 0 0 0 138px;
}





.accueil_titre, .accueil_titre_galeries, .accueil_titre_artiste {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 200px;
  background: #000;


}

.accueil_titre {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity:0.7;
    opacity: 0.7;
    /*line-height: 30px;*/
    height: 30px;
    margin: 0;
    padding: 0;
}

.accueil a h2:hover, .accueil a h2:visited {
  color: #888;
  text-decoration: none;
}


.accueil_titre_galeries {
  background: none;
  height: 30px;
  margin: 0;
  padding: 0;
}


 .accueil_titre_home {
  background: none;
  width: 80px;
  margin: 0px 3px 3px 0;
  float: left;
                   }
.accueil_titre_artiste  {
  background:none;
  width: 609px;
  height: 80px;
}



.news_titre {
  width: 750px;
  padding : 0 25px 0 25px;
}


.accueil_titre_artiste h1,.accueil_titre h2, .accueil_titre_artiste h2, .accueil_titre_galeries h2, .news h3, .news_titre h2 {
  color: #FFF;
  line-height: 0.2em;
  font-family: georgia;
  font-size: 16px;
  font-style: italic;
  text-align: right;
  margin-right: 10px;
 }

.accueil_titre h2, .accueil_titre_galeries h2 {
  line-height: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 0;
}


.accueil_titre_home h2 {
  text-align: center;
  color: #FFF;
  line-height: 1em;
  font-family: Lucida Bright;
  font-style: italic;
  font-size: 15px;

  }
 .accueil_titre_home h2 a, .accueil_titre_galeries h2 a {
    text-decoration: none;
    font-weight: normal;
    margin: 0px 2px 2px 0;
    text-align: center;
    font-family: Lucida Bright;
    z-index: 5;
    color: white;
      }

.accueil_titre_home h2 a:hover, .accueil_titre_galeries h2 a:hover {
  color: #888;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  font-family: Lucida Bright;
  font-size: 16px;
  }




.accueil_titre_artiste h2, .accueil_titre_artiste h1, .news_titre h2 {
  text-align: center;
  line-height: 80px;
  font-size: 24px;
  }

.accueil_titre_artiste h1 {
  line-height: 80px;
  margin: 0;
  padding: 0;
}


.accueil a img {
    border: 0;
    text-decoration: none;
    margin: 0px 2px 2px 0;
    text-align: center;
    z-index: 5;
    }





#foot {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 960px;
  height: 10px;
  background: #000;
}


/* conteneur thumbnails */

#container_thumbs {
    width: 960px;
    background: #000;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0px;
    overflow: hidden;
    border-top: solid black 10px;

}


#content_thumbs {
    width: 740px;
    border-right: solid #181818 10px;
    border-left: solid #181818 10px;
    background: #181818;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 100px;
    overflow: hidden;

}

/* fleches serialscroll */
#gauche {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 90px;
  width: 90px;
  z-index: 100;
    }

#droite {
  position: absolute;
  right: 0px;
  bottom: 0;
  height: 90px;
  width: 90px;
  z-index: 100;
       }

/* thumbnails des photos (conteur liste) */
#thumbs {
  padding: 0;
  margin: 10px 0px 0; 0;
  width: 10000px;
}
 /* liste thumbnails */
.ngg-gallery-thumbnail {
  float: left;
}

.ngg-gallery-thumbnail p{
  margin: 0;
  padding: 0;

}

.ngg-gallery-thumbnail a {
  outline: none;

}


.ngg-gallery-thumbnail img, #gauche img, #droite img {
  border: 0;
  text-decoration: none;
  }

#gauche a, #droite a {
  outline: none;
}


/* NEWS */

.news {
     padding: 0px 0px 20px 0px;
     margin: 0 176px 0 175px;
     width: 609px;
     font-size : 12px;
     line-height: 1.6em;

          }

.news p {
    padding: 0px 10px 10px 0px;
    line-height: 1.6em;
    text-align: justify;
    margin: 0 0 12px 0;
    font-size : 12px;
}

.news ul li {
  margin-bottom: 5px;
}


.news ul li strong{
    font-weight: bold;
    color: #888;
    font-size: 13px;
}

#content_about .news h5 {
  text-align : left;
  font-size: 16px;
  line-height: 1.6em;
  font-family: georgia;
  font-style : italic;
  color: #888;
  margin: 40px 0 20px 0px;
}


.droite {
    text-align: right !important;
}

.news hr {
  line-height: 1.6em;
  margin-bottom : 10px;
}


#content_about .news h3, #content_contact .news h3 {
  text-align : center;
  font-size: 20px;
  line-height: 1em;
  color: #888;
  margin: 60px 0 30px 0;
}

#content_contact .news h3 {
  margin: 50px 0 20px 0;
}



.news h4 {
  text-align : left;
  font-size: 16px;
  line-height: 1em;
  font-family: georgia;
  font-style : italic;
  color: #888;
  margin: 0px 0 20px 0px;
}

.news a:link, .news a:visited {
  font-size: 13px;
  line-height: 1em;
  color: #888;
  text-decoration: none;
}

.news a:hover {
text-decoration: underline;
}


/* images alignées pour editeur wordpress */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }