html{ background:#EBEBEB url(concert-vannes/fond-site.gif) repeat-y center;}
body, html{margin:0; padding:0; border:none; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/* HEADER---------------------------------------------------------------*/
#top{ width:100%; height:30px; background:url(concert-vannes/fond-header.png) repeat-x top; position:relative; z-index:9;}
#logo{ position:absolute; z-index:99; top:5px; width:1000px; margin-left:50%; left:-500px;}
/* SILDER-------------*/
#slider {	width: 950px; /* important to be same as image width */ height:250px; /* important to be same as image height */	position: relative; /* important */overflow: hidden; /* important */margin:-10px auto 0 auto; background: #F90; z-index:1;}
#sliderContent {width: 950px; height:250px; /* important to be same as image width or wider */position: absolute;top: 0;margin: 0;}
.sliderImage {float:left; position: relative; display:none;}
.sliderImage span.bottom { position: absolute; padding:10px 20px 0 30px; width:520px; /*height:80px;*/ background: url(/concert-vannes/fond-silder.png) no-repeat top right; /*filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;*/	color: #000; display: none;}
.clear { clear: both;}
.sliderImage span strong { font-size: 14px;}
.top {top: 0; left: 0;}
.bottom { bottom: 0; right: 0;}
.left { padding:20px 10px; top: 0; left: 0; width: 110px !important; height: 230px;}
.right {  right: 0; bottom: 0;/* width: 110px !important; height: 200px;display:block; padding:20px 10px;*/}
ul#sliderContent { list-style-type: none; margin:0; padding:0;}
/* SILDER FIN------------------*/
.barre{ width:1000px; height:55px; position:relative; background:url(concert-vannes/ombre-bande.png) no-repeat bottom; margin:0 auto -5px auto;}
.orange{background:#F09128; height:32px; padding:8px 20px 0 20px;}
.noir{background:#000; height:40px; color:#FFF;}
#ok{ text-indent:-9999px; display:inline-block; width:26px; height:26px; background:url(concert-vannes/ok.jpg); position:relative; top:-6px;}
a:hover#ok{ background:url(concert-vannes/ok.jpg) bottom;}
/* MENU------*/
/*MENU Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; height: 40px;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; text-decoration:none; }
#nav a:hover { color:#F09128;}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }   
/* Essentials - configure this */
#nav ul { width: 200px; }
#nav ul ul { left: 201px; }
/* Everything else is theming */
#nav *:hover { background-color: none; }
#nav a {background:url(concert-vannes/puce.jpg) no-repeat top left; color: white; font-size: 16px; padding:13px 8px 10px 20px; font-weight:bold; }
#nav li.hover a { background-color: #000; }
#nav ul { top: 40px; }
#nav ul li a { background-color: #000; font-size: 14px; }
#nav ul a.hover { color:#F09128; }
#nav ul a { border-bottom: 1px solid white; border-right: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
/* MENU FIN------*/
/* HEADER FIN---------------------------------------------------------------*/

/* CONTENU ---------------------------------------------------------------*/
#global{ width:1000px; position:relative; margin:0 auto 10px auto; overflow:auto; z-index:1; }
#contenu{ float:left; margin-right:5px; width:750px;}
a img{ border:none;}
.titre-accueil{ font-size:45px; font-weight:normal; margin:0  0 -20px 30px; color: #999; padding:0;}
.font18{ font-size:18px;}
.cap{ text-transform: uppercase;}
.floatright{ float:right;}
.floatleft{ float:left;}
.blanc{ color:#FFF; text-decoration:none;}
/*ARTICLE---------*/
.liste{margin:0 0 0 40px;}
#liste-accueil{ margin:0 0 0 40px;}
.article {padding:0; margin:20px 0; width:710px; overflow:auto hidden;}
.accroche{ position:relative; min-height:100px; }
.accroche h1{ margin:0; text-transform: uppercase; font-size:18px;}
.date{ font-size:24px; color:#F09128;}
.date-bando{ font-size:22px; color:#fff; background:#F09128;}
.accroche ul{ margin:0; padding:0;}
.accroche ul li{ margin:0; padding:0; list-style:none; float:left;}
.puce{ background:url(concert-vannes/puce-orange.png) no-repeat center; width:20px;}
.accroche p{ clear:both; padding:0; margin:0;}
.vignette{ float:left; border:none; }
.img-liste{ position:relative; display:block; width:350px; height:100px; overflow:hidden;}
a:hover.img-liste{filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.img-liste img{ position:absolute; }
.img-liste span{ background:url(concert-vannes/lien-vignette.png); width:350px; height:100px; position:absolute;}
.texte-liste{ float:left; width:340px; /*overflow:auto;*/ display:block; border-bottom:#333 dotted 4px; padding:7px 0 10px 0; margin:0 0 0 8px; top:-5px;}
/*ARTICLE FIN---------*/
/*DETAIL ARTICLE---------*/
.detail{margin:0 0 0 40px;}
.img-detail{ position:relative; display:block; width:680px; height:200px; margin:10px 0;}
.img-detail img{ position:absolute;}
.img-detail span{ background:url(concert-vannes/masque-detail.png); width:680px; height:200px; position:absolute;}
.accroche-det{ width:520px; border-bottom:#333 dotted 4px; padding:0 0 10px 0; margin:0 0 10px 0;}
.accroche-det h1{ margin:0; text-transform: uppercase; font-size:18px;}
.accroche-det ul{ margin:0; padding:0;}
.accroche-det ul li{ margin:0; padding:0; list-style:none; float:left;}
.billet{ display:block; width:114px; height:38px; background:url(concert-vannes/fond-billet.jpg); color:#000; font-size:14px; text-decoration:none; padding:10px 0 0 50px;}
.editeur{ padding:0 40px 20px 0; text-align:justify;}
.editeur a, .editeurright a{ color:#F09128;}
.editeur a:hover, .editeurright a:hover{ color: #A45200;}
/*DETAIL ARTICLE FIN---------*/
/*COL RIGHT---------*/
#col-right{ width:245px; float:left; background:url(concert-vannes/fond-right.jpg) no-repeat bottom left; padding-bottom:130px;}
.blog{ width:245px; background: url(concert-vannes/ombre-bande-right.png) no-repeat bottom; padding-bottom:15px;}
.blog a { background:#F09128; padding: 10px; text-decoration:none; display:block; color:#000;}
.blog a:hover {color:#fff;}
#zoom, #flash{ width:210px; margin:0 0 0 10px;}
#zoom p{ margin:5px 0;}
#zoom{border-top:#333 dotted 4px; padding-top:10px; margin-top:10px;}
/*COL RIGHT FIN---------*/
/* CONTENU FIN---------------------------------------------------------------*/

/* FOOTER---------------------------------------------------------------*/
#footer{ clear:both; background: url(concert-vannes/fond-footer.png) repeat-x top; width:100%; padding:20px 0; overflow:auto;}
#footer ul{ width:900px; margin:0 auto;}
#footer ul li{ width:250px; float:left; color:#CCC; list-style: none; margin:0 20px 0 0; padding:0 20px 0 0;}
#footer ul li a{color:#CCC; text-decoration:none;}
.point-footer{ border-right: #666 dotted 4px;}
/* FOOTER FIN---------------------------------------------------------------*/

.actu{ width:750px; background: url(concert-vannes/ombre-bande-petit.png) no-repeat bottom; padding-bottom:15px;}
.der-info{ background:#CCC url(concert-vannes/der-info.jpg) no-repeat top left; padding:10px 0 0 0; }
div.scrollable div.items div a.img-liste span{ background:url(concert-vannes/lien-vignette-info.png); width:350px; height:100px; position:absolute;}
.texte-der-info{ width:255px; margin:0 5px 0 0;}
/*.scrollable {	position:relative; overflow:hidden; height: 120px; width: 610px; margin:0 0 0 120px}
.items {position:absolute; width:20000em;  margin: 0px;}
div.scrollable div.items div {  float:left;}*/
.scrollable {	position:relative; overflow:hidden; height: 120px; width: 610px; margin:0 /*0 0 120px*/; left:120px; padding:5px 0;}
.items {position:absolute; height:20000em;  margin: 0px;}
div.scrollable div.items div {height:120px; margin:0 0 50px 0;}

/*----------CONTACT-----------------------------------------------------------------------*/
#form-contact {	float:left; margin:0 15px; padding:0 0 10px 0; width:630px;}
#form-contact ul {	padding:0; list-style:none; margin:0;}
#form-contact ul li {margin:0 20px 5px 0; padding:0;}
#form-contact ul li label {	width:100px; display: inline-block; text-align:right; margin-right:5px; float:left;}
#form-contact ul li h1 {width:600px; margin:20px 0 0 0; border-bottom:#FFF solid 1px;}
.grand_input { width:350px; }
#message { width:430px; height:100px;}
/*-----------------------CONTACT FIN----------------------------------------*/

#ajax-loader { display: none; position: absolute; top: 100px; left: 280px; }