/* CSS Document */
/*///////////////////////////////////////////////*/
/*//////////////	Import CSS		/////////////*/
/*///////////////////////////////////////////////*/
@import url(reset.css);
@import url(font.css);

/*///////////////////////////////////////////////*/
/*//////////////		Body		/////////////*/
/*///////////////////////////////////////////////*/
body{background: #fff; font-family: Arial}
img.background{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/*__/////  Contenu prehome  /////__*/
#open-prehome{position: absolute; right: 0; right: -12px; top: 131px;}
#open-prehome a{text-decoration: none; color: #fff; font-size: 40px; cursor: pointer;}

/*///////////////////////////////////////////////*/
/*//////////////		Conteneur		/////////*/
/*///////////////////////////////////////////////*/
#conteneur{width: 80%; min-width: 980px;  margin: auto; position: relative;}

/*///////////////////////////////////////////////*/
/*//////////////		Header		/////////////*/
/*///////////////////////////////////////////////*/
#header{height:150px;}
#header #wraper-h1{padding-top: 20px;}
#header h1{background: url(../images/tornabuoni-art-galerie-paris.png) no-repeat;}
#header h1 a{display: block; width: 298px; height: 120px;}
#header h1 span{display: none;}

/*///////////////////////////////////////////////*/
/*//////////////		Menu		/////////////*/
/*///////////////////////////////////////////////*/
#menu{}
#menu ul{position: absolute; bottom:0;}
#menu li{display: block; clear: both;}
#menu a{color: #000; font-size: 21px; font-family: GillSansMTBold; text-decoration: none; letter-spacing: 3px; background: url(../images/bg-menu.png); padding: 3px 20px 3px 5px; line-height: 35px;}
#menu a:hover, #menu a.actif{color: #fff; background: #561943;}

#menu li.sous-menu a{font-size: 16px; color: #561943; line-height: 25px; padding: 1px 20px 1px 15px;}
#menu li.sous-menu a:hover, #menu li.sous-menu a.actif{background: #89647d; color: #fff;}
#menu li.last-item{margin-bottom: 5px;}

/*///////////////////////////////////////////////*/
/*//////////////		Contenu		/////////////*/
/*///////////////////////////////////////////////*/
#wraper-contenu{height: auto; min-height: 500px;}
#contenu{background: url(../images/bg_contenu.png); border: 1px #fff solid; margin-left: 325px; padding: 12px;}

/*__  Home  __*/
#contenu h2{font-size: 29px; font-family: GillSansMTRegular; color:#fff; letter-spacing: 3px; text-transform: uppercase; border-bottom: 1px #fff solid; font-weight: normal; margin-bottom:23px; visibility: }
#contenu h3{font-size: 20px; font-family: GillSansMTItalic; color: #fff; letter-spacing: 3px; background-color: #561943; padding: 1px 20px 1px 5px; display: inline;}
#contenu h4{font-size: 14px; font-family: GillSansMTItalic; letter-spacing: 3px; color: #561943;  margin:23px 0 16px;}
#contenu h5{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
div.contenue-home{background: url(../images/bg_contenu.png); border: 1px #fff solid; padding: 10px; font-size: 14px; }
div.contenue-home p{margin-bottom: 10px; text-align: justify; line-height: 18px;}
div.contenue-home strong{font-weight: bold; color: #561943;}
div.contenue-home a.lien-permanent{font-family: GillSansMTItalic; background: url(../images/bg-lien-plus.png) #561943 no-repeat 95% 5px; color: #fff; font-size: 15px; padding: 3px 30px 3px 15px; text-decoration: none;}
div.contenue-home a.lien-permanent:hover{background-color:#754867;}
div.contenue-home a{color: #561943; background: none;}
div.contenue-home a:hover{text-decoration: none;}
#wraper-scroll-contenu-home{width: 55%; float: left; background: url(../images/bg_contenu.png); padding: 10px;}
#wraper-scroll-contenu{background: url(../images/bg_contenu.png); padding: 10px;}
#scroll-contenu-home{height: 355px; margin-bottom:15px; overflow: hidden;}
#visuel-contenu-home{width: 40%; float: right; text-align: center;}
#visuel-contenu-home img{max-width: 392px; max-height: 406px; min-width: 243px; min-height: 2px; height: 100%; width: auto; max-width: 392px;}
#visuel-contenu-home.galerie li{position: absolute; padding-right: 25px;}
#visuel-contenu-home.galerie li img{display: none; height: auto; height: auto; width: 100%;}
#visuel-contenu-home.galerie li img.galerie-1{display: block;}

/*__/////  Interieur  /////__*/
#contenu.interieur h2{margin-bottom: 10px;}
#contenu.interieur h3{line-height: 27px;}
#contenu.interieur h4{margin-top: 1px;}

select.select-presse{float: right; margin-left: 20px;}
#description-expo, #liens-expo, #visuel-expo, #detail-visuel-expo{margin-right: 19px; width: 31%; float: left;}
#description-expo{width: 41% }
#liens-expo{width: 21% }
#visuel-expo{margin: 0; width: 31% }
#visuel-expo div.contenue-home{padding: 3px;}
#contenu.interieur #visuel-expo div.contenue-home{min-height: 459px;}
#contenu.interieur #description-expo div.scroll-contenu-expo{height:413px;}
#contenu.interieur #liens-expo div.scroll-contenu-expo{height:353px;}
#contenu.interieur div.contenue-home{min-height:445px; overflow: hidden;}
#detail-visuel-expo{width: 65%; display: none;}
#contenu.interieur #detail-visuel-expo div.contenue-home{text-align: center;}
#contenu.interieur #detail-visuel-expo div.contenue-home img{display: none;}
#scroll-contenu{height: 390px; margin-bottom:15px; overflow: hidden;}
#scroll-contenu em{font-style: italic;}
#scroll-contenu.galerie{line-height: 16px;}
ul.colonne-droite{padding: 8px 0 0 8px; float: left; margin-right: 200px;}

div.scroll-contenu-expo{height: 455px; overflow: hidden;}
ul.liste-visuel li{float: left; text-align: center; width: 81px; background: #f0f0f0; margin: 4px; position: relative; height: 67px;}
ul.liste-visuel li img:hover{border: 1px #fff solid;}

#contenu.interieur #liens-expo h4{font-size: 16px; font-family: GillSansMTBoldItalic; letter-spacing: 1px; margin-bottom: 10px;}
#liens-expo ul{font-size: 12px; list-style: circle; padding: 0 0 10px 20px;}
#liens-expo ul li{padding-bottom: 5px;}
#liens-expo ul a{color: #000; text-decoration: none;}
#liens-expo ul a:hover, div.contenue-home a.lien-publication:hover{text-decoration: underline;}
div.fond-transparent{background: url(../images/bg_contenu.png); border: 1px #fff solid; padding: 5px; margin-bottom: 10px;}
div.contenue-home a.lien-publication{ color: #000; text-decoration: none; font-size: 11px;}
div.contenue-home a.lien-publication img{float:left; padding-right: 5px;}

div.conteneur-video{padding:5px; text-align:center; background-color:#fff; font-size: 12px;}
div.conteneur-video a{color: #fff; padding: 5px 0;}
a.fermer-detail-visuel-expo{background: #561943; height: 27px; width: 27px; border-right: 1px solid #FFFFFF; display: block; float: left; color: #fff; line-height: 27px; text-align: center; text-decoration: none;}

#liste-expo{height: 493px; overflow: hidden;}
#liste-expo ul{margin: 10px 0;}
#liste-expo ul li{width: 188px; height: 150px; text-align: center; border: 1px #fff solid; float: left; border-collapse: collapse; vertical-align: middle; position: relative; margin-right: 10px;}
#liste-expo ul li.liste-presse{margin-bottom: 10px; background: url(../images/bg_contenu.png);}
#contenu #liste-expo ul li.liste-presse div.info-expo h4{font-size: 13px;}
#contenu #liste-expo ul li.liste-presse div.info-expo p{font-size: 11px;}
#liste-expo ul li.liste-presse img{vertical-align:middle;}
#liste-expo ul li div.info-expo{position: absolute; top: 0; width: 168px; height: 130px; padding: 10px; background: url(../images/bg_contenu-2.png); display: none;}
#contenu #liste-expo ul li div.info-expo h4{font-size: 20px; font-family: GillSansMTBoldItalic; text-align: left; display: none;}
#contenu #liste-expo ul li div.info-expo h4 a{text-decoration: none; color: #561943}
#liste-expo ul li div.info-expo p{font-size: 12px; text-align: left; display: none;}
#liste-expo ul li div.info-expo p a{text-decoration: none; color: #000;}
#liste-expo ul li div.info-expo a.lien-expo{position: absolute; bottom:0; left: 0; background: url(../images/bg-lien-plus.png) #561943 no-repeat 95% 9px; height: 32px; line-height: 32px; width: 178px; text-align: left; color: #fff; text-decoration: none; font-size: 15px; font-family: GillSansMTItalic; padding-left: 10px; display: none;}

ul.artiste li{width: 100px; float: left; width: 190px; padding: 3px 0;}
ul.artiste li a{color: #000; text-decoration: none;}
ul.artiste li a:hover{text-decoration: underline;}
a.retour-liste{float: right; color: #fff; font-size: 12px; font-weight: bold;}
a.retour-liste:hover{text-decoration: none;}

/*///////////////////////////////////////////////*/
/*//////////////		Footer		/////////////*/
/*///////////////////////////////////////////////*/
#footer{clear: both; width: 80%; min-width: 980px;  margin: auto; padding-top: 8px; color: #fff; font-size: 10px; font-style: italic; line-height: 22px;}
#footer #changer-light{margin-left: 325px; width: 22px; height: 22px; background: url(../images/allumer-lumiere.png) no-repeat; display: block; float: left;}
#footer #changer-light:hover{background-position: 0 -22px;}
#footer #changer-light span{display: none;}

#footer ul.change-background{margin-left: 323px;}
#footer ul.change-background li{float: left; margin-left: 2px;}
#footer ul.change-background li a img{border: 1px #fff solid; opacity : 0.5; -moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)"; /* IE 8 */ filter : alpha(opacity=50); /* IE supérieur à 8 */; cursor: pointer; } 
#footer ul.change-background li a img:hover, #footer ul.change-background li a.actif img{opacity : 1; -moz-opacity : 1; -ms-filter: "alpha(opacity=100)"; /* IE 8 */ filter : alpha(opacity=100); /* IE supérieur à 8 */}

#footer p.lien-footer, #footer form, #footer #facebook, #footer #google, #footer #change_langue{float: right;}

#footer p.lien-footer a{color: #fff; text-decoration: none;}
#footer p.lien-footer a:hover{text-decoration: underline;}

#footer form{background: url(../images/bg-menu.png); padding: 0 8px; margin-left: 5px; height: 22px;}
#footer form #newsletter{font-size: 16px; font-family: GillSansMTItalic; color: #fff; background: none; line-height: 22px; letter-spacing: 2px; width: 121px;}
#footer form #nom, #footer form #prenom{font-size: 16px; font-family: GillSansMTItalic; color: #fff; background: none; line-height: 22px; letter-spacing: 2px; width: 91px; border-right: 1px #fff solid; margin-right: 3px; display: none;}
#footer form #newsletter.error, #footer form #nom.error, #footer form #prenom.error{color: red;}
#footer form #submit{width: 15px; height: 16px; background: url(../images/submit.png); cursor: pointer; margin-top: 3px;}
#footer form #submit:hover{background-position: 0 -16px;}

#footer #facebook{width: 22px; height: 22px; background: url(../images/facebook.png) no-repeat; display: block; margin-left: 2px;}
#footer #google{width: 22px; height: 22px; background: url(../images/google.png) no-repeat; display: block; margin-left: 2px;}
#footer #facebook span, #footer #google span{display: none;}
#footer #change_langue{font-size: 13px; font-family: GillSansMTItalic; color: #fff; text-decoration: none; background: url(../images/bg-menu.png); margin-left: 2px; display: block; text-align: center; width: 26px; height: 22px;}

#footer #facebook:hover, #footer #google:hover, #footer #change_langue:hover{opacity : 0.7; -moz-opacity : 0.7; -ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter : alpha(opacity=70); /* IE < 8 */}

/*///////////////////////////////////////////////*/
/*//////////////		Class		/////////////*/
/*///////////////////////////////////////////////*/
.clear{clear: both;}
.hidden{display: none;}