/* Css "Le petit monde de Lourdes" */
/* Reset CSS */
@import url("reset.css");

html { background: #0f583b; }
body { min-width: 960px; width: auto !important; width: 100%; font: normal normal 14px/17px Arial, Verdana, Helvetica, sans-serif; color: #fff; }

.clear { display: block; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; clear: both; float: none; }
.invisible { overflow: hidden; text-indent: -5000px; }

.block { padding-bottom: 20px; }
.block h3 { color: #c8d4b4; line-height: 110%; text-transform: uppercase; font-size: 15px; border-top: 1px solid #c8d4b4; padding-top: 5px; margin-bottom: 10px; }
.block p { color: #fff; font-size: 12px; line-height: 115%; padding-bottom: 20px; }
.block p a { color: #98ba86; }
.block p a:hover { text-decoration: none; }
.block p span { font-weight: bold; display: block; }

/* Settings Master */
#main { text-align: center; background: url('../images/bckg.gif') left top repeat-x; }
#main #wrapper { width: 960px; margin: 0 auto; text-align: left; background: url('../images/page_bckg.jpg') center top no-repeat; }
#main #wrapper #container { padding-top: 258px; background: url('../images/top_bckg.png') left top no-repeat; }
#main #wrapper #container #content { background: url('../images/content_bckg.gif') right top repeat-y; min-height: 750px; height: auto !important; height: 750px; }

#main #wrapper #cleft { float: left; width: 760px; }
/* header */
#main #wrapper #cleft #header { height: 273px; position: relative; }
#main #wrapper #cleft #header .fleft { display: block; width: 265px; height: 115px; position: relative; top: 70px; background: url('../images/logo.png') left top no-repeat; }
/* Player */
#main #wrapper #cleft #header .fright { position: absolute; left: 290px; top: -10px; width: 447px; height: 264px; background: url('../images/video_bckg.png') left top no-repeat; }
#main #wrapper #cleft #header .fright #video_thumbnail, #main #wrapper #cleft #header .fright #video_player { width: 437px; height: 254px; position: relative; top: 5px; left: 5px; }
#main #wrapper #cleft #header .fright #video_thumbnail * { position: absolute; display: block; cursor: pointer; }
#main #wrapper #cleft #header .fright #video_thumbnail span { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; cursor: pointer; z-index: 10; height: 100%; width: 100%; background: url('../images/play.png') center 20px no-repeat !important; background: none; }
#main #wrapper #cleft #header .fright #video_thumbnail span:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#main #wrapper #cleft #header .fright #video_player { display: none; }

#main #wrapper #cleft #middle {}
#main #wrapper #cleft #middle .fleft { width: 220px; float: left; }
#main #wrapper #cleft #middle .fleft #galerie a.highlight { display: block; width: 221px; height: 122px; background: url('../images/galerie_bckg.gif') left top no-repeat; }
#main #wrapper #cleft #middle .fleft #galerie a.highlight:hover { background-position: -221px top; } 
#main #wrapper #cleft #middle .fleft #galerie div { height: 1px; overflow: hidden; }

#main #wrapper #cleft #middle .fright { float: right; width: 450px; margin-right: 20px; padding-top: 20px; }
#main #wrapper #cleft #middle .fright * { color: #fff; }
#main #wrapper #cleft #middle .fright div { padding-bottom: 18px; }
#main #wrapper #cleft #middle .fright div.last { padding-bottom: 30px; }
#main #wrapper #cleft #middle .fright h2 { text-transform: uppercase; line-height: 120%; font-size: 20px; font-weight: normal; }
#main #wrapper #cleft #middle .fright p { text-align: justify; padding-bottom: 15px; }

#main #wrapper #cleft #footer { padding: 30px 0 20px 0; }
#main #wrapper #cleft #footer ul { padding-left: 20px; }
#main #wrapper #cleft #footer ul li { float: left; margin-right: 15px; }
#main #wrapper #cleft #footer ul li.last { margin: 0; }

#main #wrapper #cright { width: 180px; margin-right: 1px; color: #5d7962; border-top: 1px solid #fff; float: right; }
#main #wrapper #cright .wrapper { padding: 5px 15px 20px 15px; font-weight: bold; }
#main #wrapper #cright .wrapper div { padding: 0 0 25px 0; }
#main #wrapper #cright .wrapper h3 { color: #fff; text-transform: uppercase; font-size: 15px; border-top: 1px solid #fff; padding-top: 5px; margin-bottom: 10px; }
#main #wrapper #cright .wrapper div.first h3 { padding-top: 0; border: none; }
#main #wrapper #cright .wrapper h5 { color: #000; margin-top: 10px; font-size: 12px; line-height: 135%; }
#main #wrapper #cright .wrapper h5.first { margin-top: 0; }
#main #wrapper #cright .wrapper p, #main #wrapper #cright .wrapper ul li { font-size: 12px; }
#main #wrapper #cright .wrapper a { color: #5d7962; }
#main #wrapper #cright .wrapper a:hover { text-decoration: none; }