@charset "utf-8";
/* CSS Document */

body {padding:0;margin:0;background-color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color:#666;}
a {text-decoration:none;color:#666666;width: 60px;}
a:hover {color:#ff99cc;}
a.on {color: #ff99cc;}
p {margin:0;padding:0;text-align:justify;font-size:12px;}
h5 {font-size: 12px;color: #ff99cc;margin-bottom: 5px;font-weight: normal;margin:0; padding:0;}
.bold {font-weight: bold;}
.ital {font-style: italic;}
.exclam {width: 10px;display: block;}
.titreTexte {padding:0 0 10px 0; font-size:13px}
.adress {text-align: left;}
.right { text-align:right;}
.center { text-align:center;}
dl {padding: 0px;margin-top: 0;margin-right: 0;margin-bottom: 8px;margin-left: 0;}


#contenu {float: left;padding-top: 70px;padding-left: 95px;}
#contenu #container {width: 1100px;float: left;}
#contenu #container #header {font-size: 12px;height: 15px;padding-bottom: 12px;color: #ff99cc;float: left;width: 900px;}
#contenu #container #header .nom_plasticiens {font-weight: bold;width: 256px;float: left;color: #000;text-align: right;line-height: 14px;height: 14px;}
#contenu #container #header .menu {float:left;width: 400px;}
#contenu #container #header span {display: none;}
#contenu #container #header .nom_plasticiens h1 {font-size: 26px;display: block;margin: 0px;}
#contenu #container #header .menu .oeuvre, .texte, .bio, .actu, .contact {height: 14px;width: 60px;display: block;float: left;text-align: center;}
#contenu #container #header .menu .oeuvreOn, .texteOn, .bioOn, .actuOn, .contactOn {height: 14px;width: 50px;display: block;float: left;text-align: center;padding-right: 6px;}
#contenu #container #header .menu .oeuvreOn, .texteOn, .bioOn, .actuOn, .contactOn, .titreOn {color: #ff99cc;width: 60px;}
#contenu #container #header .menu .texte {width: 50px;}
#contenu #container #header .menu .bio, .bioOn {width: 32px;}
#contenu #container #header .menu .actu, .actuOn {width: 60px;}
#contenu #container #header .menu .contact, .contactOn {width: 55px;}
#contenu #container #zone_titres, #zone_titres_article {text-transform: uppercase;text-align: right;width: 250px;font-size: 11px;font-family: Arial, Helvetica, sans-serif;float: left;line-height: 16px;}
#contenu #container #zone_titres_article {padding-top:260px;}
#contenu #container #zone_image, #zone_image2, #zone_image_big  #zone_texte, #zone_spectacle, #zone_expositions, #zone_residences, #zone_sceno, #zone_actu {float: left;width:300px;padding-left: 10px;font-size: 12px;text-align: justify;}
#contenu #container #zone_image2 {width:300px;margin-right:100px;}
#contenu #container #zone_image_big  {width:600px; float:left}
#contenu #container #zone_spectacle, #zone_expositions, #zone_residences, #zone_sceno, #zone_actu, #zone_texte  {width:550px;text-align: left;float:left;padding-left:10px;}
#contenu #container #zone_expositions {}
#contenu #container #zone_residences {padding-top:64px;width: auto;}
#contenu #container #zone_sceno {width: auto;padding-top: 2px;}
#contenu #zone_cartel, #zone_cartel2, #zone_cartel3 {float: left;margin-left: 8px;color: #666;width: 220px;margin-top: 100px;float:left;}
#zone_cartel_helvet {float: right; margin:10px 80px 0 8px;color: #666;width: 190px;}
#contenu #zone_cartel2 {margin-top: 280px;}
#contenu #zone_cartel3 {margin-top: 340px;}
#contenu #zone_cartel .title {width: 190px;float: left;margin-bottom: 3px;}
#contenu #container #zone_infoeuvre {float: left;width: 620px;}
#blocText { float:left; width:590px;}
#zone_cartel .description {padding-bottom: 5px;float: left;width: 190px;}
#zone_cartel .date {padding-bottom: 5px;float: left;width: 190px;}
#zone_cartel .title {padding-bottom: 5px;float: left;width: 190px;}

#contenu #container #zone_infoeuvre_big {float: left;width: 850px;}

#contenu #container #zone_infoeuvre .picto .img_horiz {float: left;height: 37px;width: 55px;padding: 2px;}
#zone_cartel .picto .img_horiz_marg {float: left;height: 37px; width: 55px;margin: 18px 0 0;padding: 2px}
#zone_cartel_helvet .picto .img_horiz_marg {float: left;height: 37px; width: 55px;margin: 18px 0 0;padding: 2px}

#contenu #container #zone_infoeuvre .picto .img_vertical {float: left;height: 55px;width: 38px;padding: 2px;}
#contenu #container #zone_infoeuvre .picto {width: 200px;height: auto;float: left;}
.img_carre {float: left;height: 37px;width: 37px;padding: 2px;}
#zone_cartel .video {width:200px; height:83px; float:left; margin:10px 0 0 0;}
#zone_cartel .video .img_video{ padding:2px; width:80px; right:59px; float:left;}
#zone_cartel .panorama {width:115px; height:37px; float:left; padding: 2px;}
#contenu #container #zone_infoeuvre .description {padding-bottom: 5px;float: left;width: 190px;}
#contenu #container #zone_infoeuvre .date {width: 200px;margin-bottom: 4px;float: left;}
#contenu #container #zone_infoeuvre #zone_texte h2 {font-size: 11px;text-transform: uppercase;margin: 0px;color: #666;padding: 2px 0 10px 0;}
#contenu #container #zone_infoeuvre .title {line-height: 10px;text-decoration: underline;margin-bottom: 4px;}
#contenu #container #header .exclam {display: block;width: 5px;float: left;color: #666;}
#contenu #container #header .nom_plasticiens .hopla {font-size: 12px;font-weight: bold;color: #000;text-align: right;padding-right: 5px;line-height: 8px;height: 14px;padding-top: 3px;text-decoration: underline;}
#zone_expositions dd {margin-left: 36px;}
#zone_spectacle dd {margin-left: 45px;}
#zone_sceno dd {margin-left: 38px;}
#zone_actu dd {margin-left: 0px;}
#contenu #container #zone_infoeuvre #zone_cartel .explication {float: left;width: 190px;margin-bottom: 4px;}
#contenu #container #zone_infoeuvre #zone_cartel .picto .separateur {float: left;height: 5px;width: 160px;}
#legend {float: left;width: 300px;margin-top: 3px;text-align: left;height: 15px;color: #333333;font-size: 11px;}
#zone_image_auto #legend {float: left;width: 350px;margin-top: 3px;text-align: left;height: 15px;color: #333333;font-size: 11px;}
#contenu #container #zone_infoeuvre #zone_sceno p {font-size: 11px;}
#contenu #container #zone_titres span {display: none;}
#contenu #container #zone_titres .titre_oeuvre {font-size: 11px;text-transform: uppercase;text-align: right;font-weight: normal;line-height: 16px;height: 16px;}
#contenu #container #zone_titres h2 {font-size: 16px;margin: 0px;display: block;}
#contenu #container #zone_infoeuvre #zone_image {padding-top: 4px; }
#contenu #container #zone_infoeuvre #zone_image_auto {padding: 4px 0 0 10px; float:left; width:auto; height:290px}

#contenu #container #zone_infoeuvre #zone_spectacle {padding-top: 1px;}
#contenu #container #zone_infoeuvre #zone_expositions {padding-top: 2px;}
#contenu #container #zone_infoeuvre #zone_sceno .retrait {padding-left: 8px;}
#contenu #container #zone_infoeuvre #zone_sceno .padding {margin-bottom: 3px;}
#contenu #container #zone_infoeuvre #flashContent { padding:0; margin:0;width:300px;}
#bigImage {float:left;}

