* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; font-size: 1px; line-height: 1px;}

a {color: #E2217A;}

body,
input, textarea, select {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 11px;}
	
body { }

#allContent {
    width: 960px; margin: 0 auto;}
    
#pageAccueil {  background: url(../../images/bg3.jpg) repeat-x top #000; /*background: none#E2217A url(../../images/bgAccueil.gif) repeat-x; #FFF  url(../../images/bgAccueil.gif) repeat-x;*/ height: 100%;}

#pageAccueil #enTete {position: relative; width: 960px; height: 186px;  /*background: #FFF; */ background: transparent url(../../images/tremasAccueil.gif) no-repeat 0 77px;}
#enTete {position: relative; width: 960px; height: 186px;  /*background: #FFF; */ background: transparent url(../../images/tremas.gif) no-repeat 0 77px;}

#pageAccueil #enTete h1 {
    width: 188px; height: 36px; position: absolute; top: 103px; right: 0;
    background: transparent url(../../images/logoAccueilBlack.gif) no-repeat; z-index: 1;}
#enTete h1 {
    width: 188px; height: 36px; position: absolute; top: 103px; right: 0;
    background: transparent url(../../images/logo.gif) no-repeat; z-index: 1;}
#enTete h1 span {display: none;}

#navigation {
    list-style: none; width: 870px; height: 72px; 
    position: absolute; right: 0; bottom: 0;
    background: transparent url(../../images/bgNavigation.gif) repeat-x;}
#pageAccueil #navigation {background-image: none;}
#navigation li { float: left;}
#navigation li a {display: block; height: 36px; background-repeat: no-repeat;}
#navigation li a span {display: none;}
#navigation li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 62px;}
#navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 112px;}
#navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 108px;}
#navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 78px;}
#navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 83px;}
#navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 120px; margin: 36px 0 0 204px;}
#navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 93px; margin-top: 36px;}

#pageAccueil #navigation li#btnNavA a {background-image: url(../../images/btnNavAaccueil.gif); width: 62px;}
#pageAccueil #navigation li#btnNavB a {background-image: url(../../images/btnNavBaccueil.gif); width: 112px;}
#pageAccueil #navigation li#btnNavC a {background-image: url(../../images/btnNavCaccueil.gif); width: 108px;}
#pageAccueil #navigation li#btnNavD a {background-image: url(../../images/btnNavDaccueil.gif); width: 78px;}
#pageAccueil #navigation li#btnNavE a {background-image: url(../../images/btnNavEaccueil.gif); width: 83px;}
#pageAccueil #navigation li#btnNavF a {background-image: url(../../images/btnNavFaccueil.gif); width: 120px; margin: 36px 0 0 204px;}
#pageAccueil #navigation li#btnNavG a {background-image: url(../../images/btnNavGaccueil.gif); width: 93px; margin-top: 36px;}
#pageAccueil #navigation li#btnNavF a {background-image: url(../../images/btnNavFaccueil.gif);}
#pageAccueil #navigation li#btnNavG a {background-image: url(../../images/btnNavGaccueil.gif);}
/*
#pageAccueil #navigation li#btnNavF a {background-image: url(../../images/btnNavFaccueil.gif);}
#pageAccueil #navigation li#btnNavG a {background-image: url(../../images/btnNavGaccueil.gif);}
*/

#footer {border-top: 1px black /*#F190BD*/ dotted; padding-top: 7px; position: relative; top: 30px; font-size: 10px; clear: both;}
#footer #adresse {color: #E2217A;}
#footer #adresse em {
    display: block; width: 74px; height: 9px; float: left; margin: 3px 5px 0 0;
    background: transparent url(../../images/logoFooter.gif) no-repeat;}
#pageAccueil #footer #adresse em {background: transparent url(../../images/logoFooterAccueil.gif) no-repeat;}
#footer #adresse em span {display: none;}
#footer ul {list-style: none; border-left: 1px #E2217A solid; float: right;}
#footer ul li {float: left; border-right: 1px #E2217A solid; padding: 0 6px;}
#footer ul li a {font-weight: bold; color: #E2217A; text-decoration: none;}
#pageAccueil #footer #adresse {color: #000;}
#pageAccueil #footer ul {border-left: 1px #000 solid;}
#pageAccueil #footer ul li {border-right: 1px #000 solid; }
#pageAccueil #footer ul li a {color: #000;/*#F8C7DE;*/ }
#DesignBy {position: relative; top: 35px; font-size: 10px;}

#pageAccueil #mainContent {/*background: url(../../images/guest.gif) no-repeat top right;*/ position: relative;}
#mainContent {padding-left: 90px;}

#intro {margin-bottom: 15px; line-height: 13px;}
#intro p {margin-bottom: 10px; color: #FFF; background: #181613; display: inline; line-height: 1.8em; padding: 3px;}
#intro a { color: #FFF; text-decoration: none;}

#pageAccueil #mainContent img {border: 0;}

#mainContent h2 {
    font-size: 24px; color: #E2217A; text-transform: uppercase;
    font-weight: normal; margin-bottom: 40px;}


/**************** widget guest accueil */

.guest_widget {position: absolute; right: -10px; top: 20px;}
.guest {background: black; position: relative; width: 200px;}
.guest ul {  z-index: 1; top: 0; left: 0; padding: 40px 15px 5px 5px; color: #FFF; text-align: right; font-size: 11px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; list-style: none;}
.guest li {padding-bottom: 4px;}
.guest img {position:absolute; top: 0;}



/**************** expositions */

#navExpositions {
    width: 190px; padding-right: 10px; 
    float: left; list-style: none;}
#navExpositions li {line-height: 18px;}
#navExpositions li a {
    text-decoration: none; color: #000; 
    text-transform: uppercase;}
#navExpositions li ul {list-style: none;}
#navExpositions li ul li a {font-weight: normal; font-size: 10px;}

#navExpositions li a:hover,
#navExpositions li a.selected {color: #E2217A; font-weight: bold;}

.expo h3 a {color: #E2217A; font-size: 12px; text-decoration: none;}
.expo h4 {font-size: 11px;}
.expo img {float: left !important; margin: 0 15px 0 0 !important;}
.expo .suite {text-align: right; border-bottom: 1px #F190BD solid; clear: both;}
.expo .suite a {
     font-weight: bold; font-size: 10px; 
    text-decoration: none; color: #E2217A;}

#periode {list-style: none; padding-bottom: 50px;}
#periode li {float: left;}
#periode li a {
    text-decoration: none; font-weight: bold; 
    color: #000; padding-right: 10px; text-transform: uppercase;}

#pageFicheExposition h3 {color: #E2217A; font-size: 16px;}
#pageFicheExposition h4 {font-size: 12px;}

.floatRight {float: right !important; margin: 0 0 15px 15px !important;}

/************************************** artistes */

#vignettes {list-style: none; width: 171px; float: left;}
#vignettes li {float: left; margin-right: 7px; margin-bottom: 7px;}
#vignettes li a,
#vignettes li a span {display: block; width: 50px; height: 50px;}
#vignettes li a span {position: absolute; left: 0; top: 0;}
#vignettes li a {position: relative;}
#vignettes li a img {border: 0; width: 50px; height: 50px;}
#vignettes li a:hover span {background: transparent url(../../images/calqueVignetteArtiste.png) no-repeat;}

/****************************************rajout prod*/
.rose{background: transparent url(../../images/calqueVignetteArtiste.png) no-repeat; }
/**********************************************fin rajout prod */

#artistes {width: 180px; float: left; list-style: none; margin-left: 5px; padding-right: 10px;}
#artistes li {line-height: 18px;}
#artistes li a {text-transform: uppercase; font-size: 10px; color: #000; text-decoration: none;}
#artistes li a:hover {font-weight: bold; color: #E2217A;}
.roseArt  {font-weight: bold; color:#E2217A !important ;}

/**************** navigation fiche artiste */

#navArtiste {
    width: 190px; padding-right: 10px; 
    float: left; list-style: none;}
#navArtiste li {line-height: 18px;}
#navArtiste li a {
    text-decoration: none; color: #000; 
    text-transform: uppercase;}
    
#navArtiste li a:hover,
#pagePresentationArtiste #navArtiste li#btnA a,
#pageBiographie #navArtiste li#btnB a,
#pageDossiersPresse #navArtiste li#btnC a,
#pageOeuvres #navArtiste li#btnD a,
#pageActualite #navArtiste li#btnE a {color: #E2217A; font-weight: bold;}

#zoneArtiste {
    float: left; 
    width: 500px;}
#zoneArtiste img {margin: 0 auto; display: block;}
#zoneArtiste ul {list-style: none; margin: 7px auto; width: 300px;}
#zoneArtiste ul li {float: left; width: 150px; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase;}
#zoneArtiste ul li a {
    display: block; width: 150px;
    color: #E2217A; text-decoration: none;
    text-transform: none;}
#zoneArtiste ul li a#lienNomArtiste {text-align: left;}
#zoneArtiste ul li a#lienArtiste {text-align: right;}

#zoneFiche {color: #000; float: left; width: 670px;}
#zoneFiche img {/*float: right;*/ margin: 0 0 15px 15px; border: 0;}
#zoneFiche p {margin-bottom: 10px;}

#oeuvres {
    width: 170px; padding-right: 10px;
    float: left; list-style: none;}
#oeuvres li {float: left; margin-right: 5px; margin-bottom: 5px; width: 80px; height: 80px;}
#oeuvres li a {display: block;}
#oeuvres li a img {border: 0; width: 80px; height: 80px;}

#zoneOeuvre {width: 460px; float: left; padding-left: 30px;}
#zoneOeuvre ul {clear: both; list-style: none;}
#zoneFiche #zoneOeuvre img {float: none; margin: 0 0 10px 0;}

.blocPresse h3,
.blocActu h3 {color: #E2217A; font-size: 11px;}
.blocPresse .suite {text-align: right; border-bottom: 1px #F190BD solid;}
.blocPresse .suite a {
     font-weight: bold; font-size: 10px; 
    text-decoration: none; color: #E2217A;}

.blocActu {border-bottom: 1px #F190BD solid; margin-bottom: 10px;}

#pageAccueil .zoneTexte {color: #FFF; line-height: 2em;}
.zoneTexte {color: #000; line-height: 2em;}
.zoneTexte p {margin-bottom: 10px;}

/******************************** la galerie */

#pageGalerie #mainContent p,
#pageMentions #mainContent p {margin-bottom: 10px;}

#pageMentions #mainContent h3,
#pageMentions dl dt {font-size: 11px; text-transform: uppercase; font-weight: bold;}

#pageMentions dl {width: 33%; float: left; margin-bottom: 20px;}

#colCorpoA,
#colCorpoB {float: left;}

#colCorpoA {width: 300px; margin-right: 40px;}
#colCorpoB {width: 450px; }

#colCorpoA img {margin-bottom: 10px;}

.adresse {float: left; width: 120px;}

.alignRight {width: 180px; text-align: right; float: left; padding-top: 15px;}

.texteJustify {text-align: justify; line-height: 13px;}

/**************************** contacts */

.colForm {float: left; width: 400px;}
.colForm input {width: 200px;}

#pageContact fieldset {border: 0;}
#pageContact fieldset .lineForm label {
    display: block; width: 150px; text-align: right;
    padding-right: 2px; float: left;}
#pageContact fieldset textarea {width: 600px;}
#pageContact fieldset .lineCheck {padding-left: 152px;}
#pageContact fieldset .lineCheck label {padding-left: 2px; position: relative; top: 2px;}

#pageContact .lineForm {margin-bottom: 10px;}

.lineSubmit {padding: 20px 0 15px 152px;}
#submitter,
#searchSubmitter {
    height: 22px; text-align: center; 
    color: #fff; font-weight: bold; border: 0;}
#submitter {
    width: 150px;
    background: transparent url(../../images/btnEnvoyerDemande.gif) no-repeat;}
#searchSubmitter {
    width: 100px; margin-left: 5px;
    background: transparent url(../../images/btnRechercher.gif) no-repeat;}

#blocSearchMail {border: 1px #F190BD solid !important; padding: 10px; margin-bottom: 30px;} 
#blocSearchMail p {margin-bottom: 10px; text-align: center;}
#blocSearchMail .lineForm {margin-bottom: 0;}
#blocSearchMail label {width: 350px !important;}
#blocSearchMail legend {font-weight: bold; background-color: #fff; padding: 0 10px; font-size: 14px;}

.mentions {font-size: 10px; line-height: 12px;}

.validation-advice {
    display: block; text-align: center; 
    background-color: #E2217A; color: #fff;
    font-weight: bold; margin-top: 5px;}

#pagePlanSite #mainContent ul {list-style: none;}
#pagePlanSite #mainContent ul li a {text-transform: uppercase; text-decoration: none; }
#pagePlanSite #mainContent ul li ul {margin-left: 20px;}
#pagePlanSite #mainContent ul li ul li a {font-weight: normal; color: #000;}