body {margin:0; padding:0; font-family: "Trebuchet MS", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, img {margin:0; margin:0;}
#body { background: url('../images-face-performing-arts/background/BackGround.jpg') top left repeat-x; margin:0 auto; padding: 0; overflow:hidden;}
#main { height: auto; margin: 0 auto; min-height: 300px; width: 970px;}
img { text-decoration: none; border: none;}
a:link, a:hover, a:visited { text-decoration: none; border: none;}
#header { background: url('../images-face-performing-arts/background/header_bg.jpg') bottom left no-repeat; height: 40px; width: 970px; padding-top: 15px; margin:0 auto; overflow:hidden; }
.Homebutton img{ float: left; width: 20px; height: 26px; margin-left: 5px; }
.Homebutton a:link, .Homebutton a:hover, .Homebutton a:visited { font-weight: bold; font-size: 12px; line-height:26px; color: #535353; float: left; margin-left: 5px;  margin-top: 10px; text-align: right; width: 65px;}
#titleTop { background: url('../images-face-performing-arts/background/barreBG.jpg') #414141 repeat-x top left; width: 969px; overflow:hidden; text-align:center;}
.title { color: #fff; font-size: 20px; font-weight: bold; line-height: 28px; float: left; padding:20px;}
#content_wide { background: url('../images-face-performing-arts/background/bg_content.jpg') repeat-y top left; width: 970px; margin:0 auto; overflow:hidden;}
#content_panel { background: url('../images-face-performing-arts/background/bg_content_wrapper.jpg') no-repeat top center; width: 938px; min-height: 305px; margin:0 auto; overflow:hidden; padding: 0 15px;}
#content_panel h3 {padding:0; margin: 15px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 20px; text-align:justify;}
#zone01 {width:292px; float:left; overflow:hidden; border-right: 1px solid #999; padding:0 15px 0 0; margin:15px 15px 15px 0;}
#zone02 {width:292px; float:left; overflow:hidden; border-right: 1px solid #999;  padding:0 15px 0 0; margin:15px 15px 15px 0;}
#zone02 h3 ol li {margin:0 0 15px 0;}
#zone03 {width:287px; float:left; overflow:hidden; margin:15px 0;}
#zone03 .testimonies {background:url('../images-face-performing-arts/background/testimoniesBG.png') no-repeat top left;  display:block; padding:10px 15px 0 15px;}
#content_panel #zone01 h3, #content_panel #zone02 h3{padding:0; margin: 15px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 20px; text-align:justify; position:relative;}
#content_panel #zone01 h3 ul li {margin: 0 0 15px 0;}
#content_panel #zone03 h3 {padding:0 0 15px 0; margin: 15px 0 35px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 20px; text-align:justify; height:187px; overflow:hidden; position:relative;}
#content_panel #zone03 h2 {color:#FFF; text-transform:uppercase; font-size:16px;}
#zoneCol {width:615px; float:left; overflow:hidden; border-right: 1px solid #999; padding:0 15px 0 0; margin:15px 15px 15px 0;}
#zoneCol h2 {background:#999; color:#FFF; text-transform:uppercase; font-size:16px; padding:5px; font-weight:bold;}
#zoneCol h3 {padding:0 0 15px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 20px; text-align:justify; overflow:hidden; border-bottom:1px solid #999;}
#zoneCol h3 p strong {text-transform:uppercase; text-decoration:underline;}
#zoneCol h3 ol li {margin: 0 0 15px 0;}
#zoneCol h4 {padding:15px 0 15px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 24px; text-align:justify; overflow:hidden; }
#zoneCol h3 span {font-size:18px; font-weight:bold; width: 100px; float:left; overflow:hidden;}
#zoneCol h3 p {float:left; width: 490px; overflow:hidden; margin:0; padding:0 0 0 15px;}
#zoneCol02 {overflow:hidden; padding:0 10px 0 0; margin:15px 0 15px 0;}
#zoneCol02 h2 {background:#999; color:#FFF; text-transform:uppercase; font-size:16px; padding:5px; font-weight:bold;}
#zoneCol02 h3 {padding:0 0 15px 0; font-size: 14px; font-style:normal; font-weight:normal; line-height: 20px; text-align:justify; overflow:hidden; border-bottom:1px solid #999;}
#footerImap {background: #525252; width: 939px; padding: 15px; height: auto; overflow: hidden;}
div.imapbouton { width: 939px; height: 30px; margin: 0 auto; padding: 15px;}
span.Imaptext {color: #fff; line-height: 33px; font-size: 13px; text-align:left;}
span.Imaptext a{ color: #fff; float: right; padding: 0 15px 0 0;}
span.Imaptext a:hover {color: #fff; text-decoration:underline; color:#4bbfce;}
#footer { background: transparent url('../images-face-performing-arts/background/bg_footer.jpg') no-repeat left; height: 65px; width: 970px; margin: 0 auto; line-height: 65px; color:#FFF; font-family:Verdana, Geneva, sans-serif; text-align:center; font-size:0.8rem;}
#bottomshadow { width: 970px; height: 28px; text-align:center; font-size: 12px; color:#999; padding: 20px 0 0 0; background: transparent url('../images-face-performing-arts/background/shadow.png') no-repeat left; }
#bottomshadow a {text-decoration:none; color:#000;}
#bottomshadow a:hover {text-decoration:underline; color:#F90;}
#slider { width:935px; height:275px; margin: 0 auto; overflow:hidden;}
.images { position:relative; height:275px; width:935px; }
.images div { float:left; display:none; position:absolute; top:15px; left:0; height:275px; }
.images div p {position:absolute; padding: 0 10px; text-align:right; width:915px; font-size:36px; font-weight:bold; color:#FFF; text-transform:uppercase; bottom:-10px; text-shadow: 0px 0px 5px #333;}

.images div div.face { position:absolute; bottom:0; color:#FFF; text-align:left; writing-mode:tb-rl; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); white-space:nowrap;
	display:block; width:230px; height:200px; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:90px; font-weight:normal; text-shadow: 0px 0px 10px #333;
}
#navigationWrapper {width:900px; margin:0 auto; height:26px;}
#navigationWrapper ul#nav {list-style:none; margin:0; padding:0;}
#navigationWrapper ul#nav li {float:left; background:url(../images-face-performing-arts/navigation/sep.jpg) no-repeat right center;}
#navigationWrapper ul#nav li a {color:#4bbfce; text-decoration:none; padding:0; font-weight:bold; text-transform:uppercase; text-align:center; width:103px; display:block;}
#navigationWrapper ul#nav li a.here {color:#000; text-decoration:none; padding:0; font-weight:bold; text-transform:uppercase; text-align:center; width:103px; display:block; border-bottom:2px solid #000;}
#navigationWrapper ul#nav li a:hover {color:#000; font-weight:bold;}
#navigationWrapper ul#nav li:first-child {}
#navigationWrapper ul#nav li:last-child {background:none;}
#news {border: solid 1px #999; overflow:hidden;}
#news h2, #zone01 h2, #zone02 h2 {background:#999; color:#FFF; text-transform:uppercase; font-size:16px; padding:5px; font-weight:bold;}
#zone03 .history h2 {background:#999; color:#FFF; text-transform:uppercase; font-size:16px; padding:5px; font-weight:bold;}
#zone03 .history {position:relative; padding:0 0 1px 0; margin: 0 0 30px 0; }
#news .news {padding:10px; font-size: 14px; line-height: 18px;}
#news .news .imgCont {border:1px solid #999; padding: 5px; background:#FFF; width:72px; height:92px; float:left; margin-right: 10px;}
.more {background:#cf5721; color:#FFF; text-decoration:none; padding:5px 10px; position:absolute; bottom:0; right:0; font-size:12px;}
#news .news a{text-decoration:none; color:#cf5721;}
#news .news a:hover{text-decoration:underline;}
#contactForm .textfield {background-color: #FFF; width: 265px; border: 1px solid #CCC; padding:3px;}
#contactForm .textarea {background-color: #FFF; width: 265px; height:125px; border: 1px solid #CCC;  vertical-align: text-top; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
#contactForm .textfield:focus {border:1px dotted black;}
#contactForm .textfield.error {background:#f8dbdb; border-color:#FF0000;}
#contactForm .textarea:focus {border:1px dotted black;}
#contactForm .textarea.error {background:#f8dbdb; border-color:#FF0000;}
#contactForm span{color: #006600; font-size: 11px; font-style: italic; text-align:center; width:210px; overflow:hidden; }
#contactForm span.ok {background: url(../images-residence-lily-ile-maurice/background/checkbullet.gif) no-repeat left center; display:block; width: 16px; height: 16px; }
#contactForm span.error{ color:#FF0000; width:230px; text-align:center;overflow:hidden; display:block;}
.bouton_envoi{background-color: #fbf9ee; width: 90px; border: 1px solid #ede2ba; padding:3px; cursor:pointer;}

#error {border:2px solid #F00; text-align:center; color:#F00; padding:10px; margin:15px 0;}
#error.valid {border:2px solid #090; color:#000; background:#dffab0; text-align:center;}
#error.valid h1, #error.valid h2, #error.valid h3, #error.valid h4 {text-align:center; margin:0 auto; }
#error.valid h3 {border:0 none;}