/* Start of CMSMS style sheet 'accueil' */
#lftcol{
	float:left;
margin:0 0 0 5px;
	width:196px;
	}
#rghtcol{
	float:left;
	margin:0;
width:574px;
	}
#slideshow{
	height:180px;
	margin:10px auto;
	width:560px;
	}
#carrousel_prog{
	background:url(images/design/bg_prog.png) no-repeat left top;
	height:143px;
	margin:0 auto;
padding:35px 20px 0 5px;
	width:530px;
	}

#artiste_accueil{
position:relative; 
float:left;
    overflow:hidden; 
width: 440px;
    height:120px; 
margin:0 0 0 -15px;
}
.artiste_det_acc{
 float:left; 
margin:0;
text-align:center;
position:relative;
width:110px;
}

.artiste_det_acc .nom_art{
color:#06a9c5;
display:block;
font-size:1em;
font-weight:bold;
left:0;
margin:0;
padding:0;
position:absolute;
top:80px;
text-align:center;
width:110px;
}
.artiste_det_acc a{
/*border:1px dotted #fff;*/
display:block;
width:109px;
height:115px;
}
.artiste_det_acc img{margin:3px 0 0;max-height:75px;}
.artiste_det_acc a:hover{
background:#333;
/*border:1px dotted #666;*/
}
.artiste_det_acc a:hover .nom_art{color:#f00;}
.artiste_det_acc a:hover .heure_artiste{color:#ccc;}
.artiste_det_acc .heure_artiste{
color:#333;
display:block;
font-size:.8em;
left:0;
margin:0;
padding:0;
position:absolute;
top:95px;
text-align:center;
width:110px;
}
 
.items { 
    /* this cannot be too large */
height:120px;
    width:20000em; 
    position:absolute; 
} 
 

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/design/fleches_carroussel.jpg) no-repeat;
	display:block;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { 
background-position: -35px 0;
clear:right;
margin-right: -5px;
width:35px !important;
}
a.right:hover,a.right:active{ background-position:-35px -30px; }



/* left */
a.left	{ 
background-position: 0 0;
margin-left: 14px; 
width:35px !important;
} 
a.left:hover,a.left:active  { background-position:0 -30px; }



#partenaires{
	background:url(images/design/bg_partenaires.png) no-repeat left top;
	height:63px;
	margin:10px auto 0 5px;
padding:7px 10px 2px 2px;
	width:558px;
overflow:hidden;
position:relative;
	}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0 10px;
	list-style: none;
}

/* Container DIV */
.simply-scroll { 
position: relative;
 overflow: hidden;
 width: 558px;
 height: 58px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 556px;
	height: 56px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; 
margin:0 5px !important;
max-width:100px;
height:55px;
}



#scroller a img{
vertical-align:bottom;
max-width:100px;
max-height:55px;
}


a#newsletter{
	background:url(images/design/bg_newsletter.png) no-repeat left top;
color:#111;
cursor:pointer;
display:block;
	height:25px;
	margin:5px auto;
	padding:30px 55px 10px 15px;
	width:117px;
font-size:.8em;
line-height:1em;
	}

/* formulaire */
#formnews form{text-align:center;width:80%;}
#formnews form label{width:100px;text-align:right;font-weight:bold}

#actu_wrapper{
	background:url(images/design/bg_actus.png) no-repeat left top;
	height:350px;
	margin:5px 0;
	padding:35px 10px 5px;
	width:180px;
	}
	
/* NEWS SCROLLABLE */
/* root element for scrollable */ 
div.scrollable {  
    /* required settings */ 
    position:relative; 
    overflow:hidden;  
    /* vertical scrollers have typically larger height than width */ 
    height: 330px; 
	margin:0 auto;
    width: 180px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.actus { 
    position:absolute;  
    /* this time we have very large space for the height */ 
    height:20000em; 
}


#actions{margin:0 1em ; padding:0}
#actions a {
	font-size:.8em;	
font-weight:bold;	
	cursor:pointer;
	color:#ff7210;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

.nextPage {
	float:right;
}	

.resume_actu{
	font-size:.8em;
margin:0 0 .5em;
height:160px;
}

.resume_actu a{
color:#0f8ad3;
display:block;
line-height:.9em;
font-size:1.2em;
font-weight:bold;
margin-bottom:3px;
text-transform:uppercase;
}


.texte_resume{
line-height:1.3em;
}
.texte_resume p{padding:0 5px 0 0;margin:0;}

.actu_img{
float:left;
margin:0 5px 2px 0;
max-width:85px;
}

.lien_actu{
margin:.6em 0 0;
position:relative;
display:block;
}

.date_actu{
font-size:.9em;
text-align:right;
margin:0;
}

.lien_actu a{
color:#c22805;
text-transform:none;
font-size:1em;
font-weight:100;
position:absolute;
right:0;
}

#overlay { 
background:url(images/design/white.png); 
    color:#333; 
    height:430px; 
display:none;
width:520px;
padding:2em 3em 1em 2.5em;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:420px;
    overflow-y:auto; 
} 

div.close {
	background:url(images/design/close.png) no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width:35px;
	height:35px;
	cursor:pointer;
}

#newsletterform .close {	
	top:-15px;
	right:-15px;	
}

.contentWrap #DetailResume{}
.contentWrap #DetailTitle{color:#06a9c5;width:420px;}
.contentWrap img{float:left;margin:0 10px 10px 0;max-width:350px;}
.contentWrap #DetailDate{font-style:italic;float:right;}

/* SLIDESHOW */
	#simpleslider {
	   width: 560px; 
	   height: 180px;
	   position: relative;
	   overflow: hidden;
	}
#simpleslider ul{list-style:none;}
#simpleslider ul li{margin:0;}

	.simplesliderImage{
	    float: left;
	    position: relative;
		display: none;
	}
	.simplesliderImage div{
	    position: absolute;
	    padding: 10px;	    
	    background-color: #111;
	    filter: alpha(opacity=80);
	    -moz-opacity: 0.8;
		-khtml-opacity: 0.8;
	    opacity: 0.8;
	    color: #fff;
	    display: none;
	}

	.simplesliderImage div span{
color:#fc5d0a;
display:block;
font-size:.9em;
font-weight:900;
line-height:.9em;
text-transform:uppercase;
}
a.slidelink, a.slidelink:visited, a.slidelink:active{
color:#fff;
display:block;
font-size:.8em;
line-height:1.2em;
}
a.slidelink:hover{font-weight:bold;}
	.top {
		top: 0;
		left: 0;
	}
	.bottom {
		bottom: 0;
	    left: 0;
	}
	.left {
		top: 0;
	    left: 0;
		width: 110px !important;
		height: 280px;
	}
	.right {
		right: 0;
		bottom: 0;
		width: 90px !important;
		height: 290px;
	}
/* End of 'accueil' */