.main_page h1 { text-indent: 10px; margin-left: -10px; margin-right: -10px;}
.main_page h1.highlight{ padding-bottom: 10px ; border-bottom: 5px solid #3AAADD ;}
.main_page .photo { border: 5px solid #E4E4E4; float: left; margin-right: 10px;}
.main_page p { margin-top: 10px; font-size: 11px; line-height: 1.3em;}

 .zone{ float: left; width: 150px; margin-top: 10px; }
 .zoneB{ float: left; width: 150px; margin-top: 0px; }

 .zone span.tarif-abs { float: left; z-index: 12; max-width: 120px; position: absolute; text-align: center; margin: 7px; margin-top: 65px; background: #e2017b; font-size: 11px; color:white; padding: 5px; border: 1px solid white; font-weight: bold; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8;  }

 .zone img.img-focus{ border: 0px solid #CCCCCC}
 .zone a img.img-focus{ padding: 2px 2px 7px 2px;  background: url(img/home/cadre-photo.jpg) top center no-repeat}
 .zone a:hover img.img-focus{ filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; }
 .zone #pub_swf { padding: 2px 2px 7px 2px;  background: url(img/home/cadre-photo.jpg) bottom center no-repeat}

 .zone img .encadre {  }

 .padd-right{ padding-right: 4px; margin-right: 4px; border-right: 1px dotted #CCCCCC}
 h2 { font-size: 10px; line-height: 1em; font-weight: bold; margin: 5px 0; text-align: left }
 h2.focus { color: #0066CC}
 h2.events { color: #1ea197}
 h2.festival { color: #f1940c}
 
 p.btn_resa {text-align: center; padding: 5px 0}
p.resume { padding-bottom: 5px;}
a.more { background-color: #FF9900; padding: 2px 5px; color: #FFFFFF; text-decoration: none; font-size: 1.2em}
a.more:hover { background-color: #E4E4E4; color: #FF9900}