*{margin:0px;padding:0px;border:0px;outline:0;text-decoration:none;list-style:none;font-family:"Trebuchet MS",Helvetica,sans-serif;}
html{min-height:100%;font-size:62.5%;}
body{font-size:1em;min-height:100%;background-color:#161616;overflow-x:hidden;}

/* HEADER */
/* Content écran */

#header{background-color:#161616;height:55px;width:100%;position:fixed;z-index:3000;}
#menu{width:100%;height:55px;min-width:10px;}
#menu ul{position:absolute;right:39px;top:0px;height:55px;}
#menu li.listeVideo{margin-right:30px;}
#menu li{float:left;display:block;height:100%;line-height:55px;}
#menu li.listeGalerie{display:none;}
#menu li.listeBe{margin-left:12px;position:relative;top:20px;}
#menu li.listeFb{margin-left:67px;position:relative;top:20px;}
#menu li.listeContact, #menu li.listeExh{margin-left:30px;}
#menu li a{color:#868383;font-family:"Verdana",sans-serif;font-size:13px;}
#menu li a:hover{color:#DBDBDB;}
#menu li a.facebookLogo{display:block;background:url(ressources/img/facebook.png) no-repeat center center;width:5px;height:9px;text-indent:-5000px;position:relative;top:4px;}
#menu li a.behanceLogo{display:block;background:url(ressources/img/behance.png) no-repeat center center;width:13px;height:9px;text-indent:-5000px;position:relative;top:4px;}
#menu .logo{position:relative;top:13px;left:20px;display:block;background:url(ressources/img/logo.png) no-repeat center center;width:32px;height:31px;text-indent:-5000px;float:left;cursor:pointer;}

#section{position:relative;top:55px;min-width:100%;z-index:0;}


/* CONTENT */
#container{margin:0 !important;padding:0 !important;position:relative;min-width:100%;}
/*#container img{width:100%;}*/
.item{width:0%;position:relative;display:block;cursor:pointer;float:left;}
.item img{max-width:100%;}
.backgroundImg{width:100%;height:100%;position:absolute;z-index:400;background-color:rgba(0,0,0,0.5);}

.slideshow{width:100%;min-height:100%;position:absolute;z-index:750;top:55px;}
.slideshow .background_slideshow{width:100%;min-height:100%;position:fixed;background:black;z-index:1000;}
.slideshow .content_photo{width:100%;min-height:100%;position:absolute;z-index:1500;}
.slideshow .content_photo img{margin:auto;display:block;margin-top:5px;}
.slideshow .content_photo .fleche_bas{position:fixed;bottom:0px;display:none;width:100%;height:50px;background:black url(ressources/img/fleche.png) no-repeat center center;}
.slideshow .titre_oeuvre{width:705px;margin:auto;margin-bottom:20px;margin-top:20px;position:relative;z-index:8000;}
.slideshow .titre_oeuvre div{position:absolute;top:13px;right:0px;}
.slideshow .titre_oeuvre div span{display:block;cursor:pointer;width:15px;height:28px;position:absolute;background-repeat:no-repeat;background-position:center center;}
.slideshow .titre_oeuvre div .flecheGaucheSlide{background-image:url(ressources/img/flecheSlideGauche.png);right:128px;background-size:28px;}
.slideshow .titre_oeuvre div .flecheDroiteSlide{background-image:url(ressources/img/flecheSlideDroite.png);right:61px;background-size:28px;}
.slideshow .titre_oeuvre h2{color:#b4b4b4;font-size:20px;margin-bottom:4px;}
.slideshow .titre_oeuvre h3{color:#636363;font-size:12px;}
.closeSlideshow{background:url(ressources/img/closed.png) no-repeat center center;right:0px;width:28px !important;height:29px !important;background-size:28px;}
/*#video{width:100%;height:100%;position:fixed;top:55px;left:0px;z-index:100000;background:rgba(0,0,0,0.8);display:table;}*/
#video{width:100%;height:100%;position:fixed;top:40px;left:0px;z-index:2500;background:rgba(0,0,0,0.8);}
/*#video .contentVideo{max-width:900px;display:table-cell;vertical-align:middle;height:100%;}*/
#video .contentVideo{max-width:900px;display:block;margin:auto;position:relative;top:40%;margin-top:-13%;height:60%;}
#video video{max-width:900px;height:506px;display:block;margin:auto;}
#video #contentCross{max-width:900px;position:relative;display:block;margin:auto;}
#video #crossClosed{background:url(ressources/img/closed.png) no-repeat center center;width:28px !important;height:29px !important;display:block;position:absolute;top:0px;cursor:pointer;}

/* FOOTER */
#footer{color:#868383;font-family:"Verdana",sans-serif;font-size:13px;display:none;position:fixed;width:100%;bottom:0px;z-index:500;height:100%;}
.contenu_block{bottom:0px;position:absolute;overflow:hidden;width:100%;max-height:450px;}
.myContent{position:absolute;width:100%;max-height:450px;overflow-y:auto;}
.backgroundFooter{width:100%;background-color:#161616;display:block;position:absolute;max-height:450px;}
.closedFooter{background:url(ressources/img/closed.png) no-repeat center center;display:block;width:28px;height:29px;right:67px;position:absolute;top:29px;cursor:pointer;}
#footer h1{color:#ededed;font-size:16px;font-family:"Trebuchet MS",Helvetica,sans-serif;margin:0px;margin-bottom:37px;font-weight:500;}
#footer h3{color:#6f6f6f;font-size:13px;font-family:"Trebuchet MS",Helvetica,sans-serif;margin-bottom:22px;font-weight:600;}
#footer ul{color:#6f6f6f;font-size:13px;font-weight:500;list-style-type:disc;margin-bottom:22px;padding-left:15px;}
#footer ul li{color:#6f6f6f;font-size:13px;font-weight:500;list-style-type:disc;margin-bottom:3px;}
#footer ul li a{color:#6f6f6f;}
#footer p{font-family:"Trebuchet MS",Helvetica,sans-serif;margin-bottom:36px;}
#footer span{color:#ededed;}
#footer a{color:#959595;}
.content_width{width:700px;margin:auto;position:relative;padding-top:0px;padding-bottom:36px;}
.contenu_block{display:none;}
#footer input, #footer textarea{border:1px solid #797979;background-color:rgba(0,0,0,0);display:block;color:#868383;width:675px;height:34px;margin-bottom:8px;padding-left:16px;padding-right:10px;}
#footer textarea{height:135px;padding-top:16px;resize:none;}
#footer #content_contact .content_width{position:relative;}
#footer .contenu_block div{margin-top:30px;}
#footer .submit_input{position:absolute;left:601px;width:102px;}

.slideshow .imgloaded{opacity:0;}

#preloader{height:100%;width:100%;position:fixed;background:black;display:table;}
#preloader .inPreload{display: table-cell;vertical-align: middle;}
#preloader .inPreload div{/*background:url(ressources/img/preloading.gif) no-repeat;background-position-y:290px;background-size:100%;*/width:300px;height:26px;margin:auto;color:white;font-size:18px;text-align:center;}
/*#preloader .inPreload span{display: block;width:250px;margin:auto;color:#868383;font-family:"Verdana",sans-serif;text-align:center;font-size:15px;}
#preloader .inPreload img{margin:auto;display: block;}*/

.content_preloadImg{height:100%;width:100%;position:fixed;background:black;display:table;z-index:9000;}
.content_preloadImg .inPreload{display: table-cell;vertical-align: middle;}
.content_preloadImg .inPreload div{/*background:url(ressources/img/preloading.gif) no-repeat;background-position-y:290px;background-size:100%;*/width:300px;height:26px;margin:auto;color:white;font-size:18px;text-align:center;}
/*.content_preloadImg .incontent_preloadImg span{display: block;width:250px;margin:auto;color:#868383;font-family:"Verdana",sans-serif;text-align:center;font-size:15px;}*/

/* IPAD */
@media only screen and (max-width: 1025px) {
    #header{height:50px;position:fixed;}
	#header #menu{height:50px;}
	#menu .logo{top:2px !important;background-image:url(ressources/img/logo_300.png);background-size:40px;height:45px;width:45px;float:left;left:10px !important;}
/*	#menu ul{height:260px;top:350px;width:470px;left:20px;right:0px;}*/
	#menu .myMenu{background:#161616 url(ressources/img/menuBar.png) no-repeat center center;background-size:35px;right:0px !important;margin-left:0px;position:fixed;width:60px;height:49px;top:0px;display:block;cursor:pointer;}
    #menu ul{display:none;}
    #menu.actifMenuC ul{display:block;position:fixed;top:49px;background:#161616;float:none !important;height:auto;padding:10px;left:auto;right:0px;}
    #menu ul li{line-height:30px;height:30px;float:none;position:relative !important;}
	#menu li.listeContact, #menu li.listeExh{margin-left:0px;}
	#menu ul li a{font-size:20px;}
	#menu li.listeGalerie{display:block;}
	#menu ul li.listeFb{margin-left:0px;/*position:absolute;top:345px;*/height:50px;float:left !important;}
	#menu ul li.listeBe{margin-left:10px;/*position:absolute;top:365px;left:60px;*/float:left !important;margin-top:4px;}
	#menu ul li a.facebookLogo{top:0px;background-image:url(ressources/img/facebook_40.png);background-size:10px;width:10px;height:20px;background-position:0px center;}
	#menu ul li a.behanceLogo{top:0px;background-image:url(ressources/img/behance_40.png);background-size:20px;width:20px;height:20px;}
	
    .item img{opacity:1 !important;}
	#section{top:50px;}
    .slideshow{top:50px;}
    .slideshow .background_slideshow{top:0px;}

	.slideshow{top:70px;width:100%;}
    .slideshow .titre_oeuvre{margin:0px;margin-left:20px;width:100%;}
    .slideshow .titre_oeuvre h2{font-size:22px;font-size:2.2rem;margin:0px;}
    .slideshow .titre_oeuvre h3{font-size:20px;font-size:2.0rem;margin:0px;}
    .slideshow .background_slideshow{top:0px;}
    .slideshow .content_photo{width:94%;margin-top:10px;}
	.slideshow .content_photo img{width:97% !important;max-width:none;margin:0px;margin-left:3%;margin-top:5px;}
    .slideshow .titre_oeuvre div{left:0px;}
    .slideshow .titre_oeuvre div .flecheGaucheSlide{right:100px;}
    .slideshow .titre_oeuvre div .flecheDroiteSlide{right:70px;}
    .slideshow .titre_oeuvre div .closeSlideshow{right:30px;}
    .slideshow .titre_oeuvre div span{width:28px;height:28px;background-size:50px;}

    #content_contact .myContent{max-height:initial;}
    #content_contact .backgroundFooter{max-height:initial;}
    #content_contact{max-height:initial;}
}

@media only screen and (min-width: 769px) and (max-width: 1025px) {
}

@media only screen and (min-width: 769px) and (max-width: 950px) {
	
}

@media only screen and (max-width: 769px) {
	#video .contentVideo{
		max-width:650px;
		top:30%;
	}
}

/* portrait */
@media only screen and (max-width: 646px) {
	#footer{position:initial;padding-left:13px;box-sizing:border-box;padding-right:13px;}
	#footer #blockSortie{background:#161616;opacity:0.93;}
	#footer .contenu_block{position:initial;max-height:initial;height:100% !important;width:100%;}
	#footer .contenu_block .myContent{overflow:hidden;position:initial;max-height:initial;height:100%;padding-top:0px;margin-top:0px;}
	#footer .myContent .content_width{width:100%;height:100%;padding-top:60px;margin-top:0px;padding-bottom:20px;}
	#footer .backgroundFooter{display:none;}
	#footer .closedFooter{display:none;}
	/*#footer{height:100%;top:0px !important;position:initial;}
	#footer .contenu_block{overflow:scroll;}
	#footer .contenu_block .backgroundFooter{display:none;height:100%;position:fixed;top:0px;}
	#footer .closedFooter{display:none !important;width:40px !important;height:40px !important;background-size:40px;position:absolute;top:60px;right:10px;}
	#footer .contenu_block .myContent{height:100%;display:none;top:50px !important;margin-top:0px;padding-top:20px;bottom:initial;}
    #footer .contenu_block.contentOpen .myContent, #footer .contenu_block.contentOpen .backgroundFooter{display:block;height:100%;max-height:100%;}
	#footer .myContent .content_width{margin:0px;width:100%;padding-left:40px;padding-right:40px;padding-bottom:80px;overflow:scroll;box-sizing:border-box;}

	#footer #content_exhibitions, #footer #content_about{overflow:scroll;}*/

	#footer .myContent .content_width h1{font-size:20px;font-size:2.0rem;margin-bottom:16px;}
	#footer .myContent .content_width h2{font-size:18px;font-size:1.8rem;margin-bottom:16px;}
	#footer .myContent .content_width ul{font-size:14px;font-size:1.4rem;margin-bottom:16px;}
	#footer .myContent .content_width p{font-size:14px;font-size:1.4rem;margin-bottom:16px;}
	#footer .myContent .content_width div *{font-size:14px;font-size:1.4rem;}

	#footer input{width:90%;}
	#footer textarea{width:90%;}
	#footer .submit_input{left:initial;position:initial;}

    .slideshow .titre_oeuvre{margin:0px;margin-left:10px;width:100%;}
    .slideshow .titre_oeuvre h2{font-size:18px;font-size:1.8rem;}
    .slideshow .titre_oeuvre h3{font-size:16px;font-size:1.6rem;}
    .slideshow .titre_oeuvre div .flecheGaucheSlide{right:110px;}

	.item{width:100% !important;}
	.item img{width:100%;opacity:1 !important;}
    /*.closeSlideshow{width:170px !important;height:200px !important;right:-160px !important;background-size:80px !important;}*/
    #video{top:0px;}
    #video video{height:50%;}
    #blockVideo{top:0px;}

    .content_preloadImg .inPreload div{width:210px;}
    .content_preloadImg .inPreload img{width:210px;}
    #preloader .inPreload div{width:210px;}
    #preloader .inPreload img{width:210px;}
}
@media only screen and (max-width: 569px) and (orientation : landscape) {
	#video .contentVideo{
		top:60%;
		max-width:450px;
	}
}

@media only screen and (max-width: 321px) {
	#video .contentVideo{
		max-width:240px;
		top:30%;
	}
}