/* Globals */

* { margin:0; padding:0; }

BODY { background:url(/media/img/content/bg.gif) repeat-x 10px 243px #2e2428; }

#header {  padding-top:20px; background:#5c0826; }
#header .logo { width:950px; margin:0 auto; }

#menu { width:100%; height:44px; background:url(/media/img/menu/menu_bg.gif); margin:0 auto; }
#menu UL { list-style-type:none; width:950px; margin:0 auto; }
#menu LI { float:left; height:44px; display:block; }
#menu LI A { display:block; width:100%; height:50px; }
#menu LI.sep { width:52px; background:url(/media/img/menu/sep.gif); }
#menu LI.accueil_ { background:url(/media/img/menu/accueil_a.gif); width:59px; }
#menu LI.accueil_:hover { background:url(/media/img/menu/accueil_b.gif); }
#menu LI.accueil_active { background:url(/media/img/menu/accueil_b.gif); width:59px; }
#menu LI.biographie_ { background:url(/media/img/menu/biographie_a.gif); width:81px; }
#menu LI.biographie_:hover { background:url(/media/img/menu/biographie_b.gif); }
#menu LI.biographie_active { background:url(/media/img/menu/biographie_b.gif); width:81px; }
#menu LI.oeuvres_ { background:url(/media/img/menu/oeuvres_a.gif); width:95px; }
#menu LI.oeuvres_:hover { background:url(/media/img/menu/oeuvres_b.gif); }
#menu LI.oeuvres_active { background:url(/media/img/menu/oeuvres_b.gif); width:95px; }
#menu LI.contact_ { background:url(/media/img/menu/contact_a.gif); width:66px; }
#menu LI.contact_:hover { background:url(/media/img/menu/contact_b.gif); }
#menu LI.contact_active { background:url(/media/img/menu/contact_b.gif); width:66px; }

#content { width:950px; padding:30px 0 40px 0; margin:0 auto; }
#content { font-family:arial; color:#918a8a; font-size:12px; }
#content P { text-align:justify; margin:0 0 10px 0; }
#content A { color:#fff; text-decoration:none; }
#content A:hover { text-decoration:underline; }
#content A.image { margin-right:25px; }
#content A.image IMG { border:3px solid #4d4548; }
#content A.image:hover IMG { border:3px solid #827c7e; }
#content P.news_title { font-size:14px; margin:0; }
#content P.news_date { margin:2px 0; padding-bottom:7px; margin-bottom:7px; font-size:10px; text-transform:uppercase; }
#content P.news_description { border-bottom:1px dotted #4d4548; padding-bottom:7px; }
#content P.news_description A { display:block; margin:3px 0;  }

#content .photo { float:left; margin:0;  margin-right:10px; margin-bottom:10px;  }
#content IMG.photo { border:3px solid #918a8a; }

#content .home { border-collapse:collapse; width:100%; }
#content .home TD { vertical-align:top; }
#content .home .left { width:600px; }
#content .home .right { width:300px; padding-left:50px; }
#content .home .right H3 { font-size:14px; margin-bottom:10px; color:#fff; font-weight:normal; }

#content .oeuvres { border-collapse:collapse; width:100%; }
#content .oeuvres TD { vertical-align:top; }
#content .oeuvres .left { width:500px; }
#content .oeuvres .right { width:400px; padding-top:85px; }
#content .oeuvres .right H3 { font-size:14px; margin-bottom:10px; color:#fff; font-weight:normal; }

#content .contact { border-collapse:collapse; width:100%; }
#content .contact TD { vertical-align:top; }
#content .contact .left { width:600px; }
#content .contact .right { width:300px; }
#content .contact H3 { font-size:14px; margin-bottom:10px; color:#fff; font-weight:normal; }

#content .contact_form { border-collapse:collapse; }
#content .contact_form TH { padding-bottom:5px; text-align:left; width:150px; font-weight:normal; }
#content .contact_form TD { padding-bottom:5px; }

#footer { width:100%; background:#261d20; height:50px; border-top:1px solid #20181b; padding-top:20px; }
#footer { font-family:arial; color:#484444; font-size:12px; }
#footer .data { width:950px; margin:0 auto; }
#footer .data { border-collapse:collapse; }
#footer .data TD { vertical-align:top; }
#footer .data .left { width:600px; padding-right:25px; }
#footer .data .right { width:300px; padding-left:25px; }
#footer .data .right A { color:#484444; text-decoration:none; float:left; margin-right:10px; }
#footer A { color:#484444; text-decoration:none; }
#footer A:hover { text-decoration:underline; }
#footer A.facebook { display:block; height:20px; width:20px; background:url(/media/img/icons/facebook.gif); }
#footer A.facebook:hover { background:url(/media/img/icons/facebook_b.gif); }
#footer A.myspace { display:block; height:20px; width:20px; background:url(/media/img/icons/myspace.gif); }
#footer A.myspace:hover { background:url(/media/img/icons/myspace_b.gif); }



/* cms edit inline */

.editable_content { position: relative; }
.editable_content .edit_button { display: none; }
.editable_content.active { outline: 1px inset #888; }
.editable_content.active .edit_button { 
  display: block; position: absolute; opacity: 0.4; 
  width: 30px; height: 15px; right: 3px; bottom: 0;
  margin:2px 0; padding:2px 3px; text-align: center; 
  font-weight:normal; font-size:15px; text-transform: uppercase;
  background:white; color:black !important; 
  border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; 
}
.editable_content.editing { outline: 0; }
.editable_content.active .edit_button:hover { opacity: 1;}
.editable_content.empty { height: 2em; width: 20em; background: black; color: white; float: left;  }
/* .editable_content TEXTAREA { width: 100%; height: auto; } */
.editable_content FORM { z-index: 100;}