/* SILLYSNAILS.BE CSS POWERED BY DUF */
/* GENERAL TEMPLATE 
------------------------------------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;	
}

@font-face {
	font-family:Futura;
	src:url("../images/Futura.ttc") format("truetype");
}

body{
	font:12px Futura, "Century Gothic", sans-serif;	
	background:url(../images/bg.jpg) repeat;
}

a{
	outline:none;	
}

img{
	border:none;	
}

h2{
	color:#D6D9DD;
	font-weight:normal;	
	margin-bottom:10px;
}

/* HEADER
------------------------------------------------------------------------------------------------------*/

#top{
	width:100%;
	height:10px;
	background-color:#343D46;	
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}

#header{
	width:1000px;
	height:185px;
	margin:0 auto 50px;	
}

#header ul{
	list-style-type:none;	
}

#header ul li{
	float:left;
	padding-top:50px;
}

#header ul li a:link, #header ul li a:visited{
	color:#333944;
	text-decoration:none;
	font-size:20px;	
	display:block;
	width:94px;
	height:77px;
	line-height:77px;
	text-align:center;
	font-weight:bold;
}

#header ul li a:hover, #header ul li a.active{
	background:url(../images/hover.png) no-repeat;	
}

#menu_left{
	width:380px;
	height:185px;
	
	float:left;	
}

#menu_right{
	width:380px;
	height:185px;
	float:right;	
}

#logo{
	width:240px;
	height:185px;
	margin-left:380px;
	position:absolute;	
	top:-185px;
	z-index:1;
}

/* CONTENT
------------------------------------------------------------------------------------------------------*/

#main{
	width:100%;
	height:170px;
	background:url(../images/main.png) repeat-x;
}

#main2{
	width:100%;
	min-height:170px;
}

#main2top, #main2down{
	height:10px;
	background:url(../images/main2.png) repeat-x;
}

#main_container{
	min-height:350px;
	background-color:#2F373F;
	padding:25px 0;
}

#content{
	width:980px;
	min-height:350px;
	margin:0 auto;
	color:#D6D9DD;
	font-size:14px;
	text-align:justify;
}

h1{
	color:#D6D9DD;
	font-size:30px;
	font-weight:normal;	
	margin-bottom:25px;
}

#content a{
	color:#1D9EA6;
	text-decoration:none;	
}

#content a:hover{
	color:#D6D9DD;
}

span.under{
	color:#1D9EA6;
}

span.cp{
	font-size:16px;	
	color:#1D9EA6;
}

p.membres img{
	padding-right:4px;	
}

p.disco img{
	margin-right:24px;	
}

/* FOOTER 
------------------------------------------------------------------------------------------------------*/

#bottom{
	width:980px;
	height:295px;
	background:url(../images/bottom.png) no-repeat;
	margin:50px auto 100px;
}

#twitter{
	width:136px;
	height:186px;
	position:absolute;
	margin:75px 0 0 136px;	
}

#like{
	width:100px;
	height:35px;
	line-height:35px;
	position:absolute;
	margin:250px 0 0 540px;	
}

#footer{
	width:100%;
	height:60px;
	background:url(../images/footer.png) repeat-x;
	position:fixed;
	bottom:0;
	left:0;
}

#foot{
	width:980px;
	height:60px;
	margin:0 auto;	
	font-size:11px;
	color:#8c8c8c;
}

#foot p{
	padding-top:40px;	
}

#foot_left{
	width:50%;
	height:60px;
	float:left;	
}

#foot_right{
	width:50%;
	height:60px;
	float:right;	
	text-align:right;
}

/* ICON SOCIAL 
------------------------------------------------------------------------------------------------------*/

#logos-social{
	width:320px;
	height:50px;
	position:absolute;
	margin:190px 0 0 540px;
}

.social-services dt{
	float:left;
	font-size:35px;
	color:#fff;
	padding:10px 20px 0 0;
}

.social-services dd{
	float:left;
	width:56px;
	height:54px;
	z-index:3;
	padding-right:20px;
}

.social-services dd a{
	float:left;
	width:56px;
	height:54px;
	display:block;
	position:relative;
}

.social-services dd.icon-facebook a{
	background:url(../images/facebook.png) no-repeat left top;
}
				
.social-services dd.icon-facebook span{
	left:35px;
}
		
.social-services dd.icon-vimeo a{
	background:url(../images/vimeo.png) no-repeat left top;
}
				
.social-services dd.icon-vimeo span{
	left:115px;
}
			
.social-services dd.icon-myspace a{
	background:url(../images/myspace.png) no-repeat left top;
}
				
.social-services dd.icon-myspace span{
	left:190px;
}

.social-services dd.icon-youtube a{
	background:url(../images/youtube.png) no-repeat left top;
}
				
.social-services dd.icon-youtube span{
	left:265px;
}
				
.social-services dd span{
	display:block;
	position:absolute;
	left:37px;
	top:5px;
	background:url(../images/tooltip.png) no-repeat left top;
	width:61px;
	height:31px;
	color:#fff;
	text-align:center;
	line-height:22px;
	z-index:10;
	display:none;
	font-size:12px;
}

/* SLIDESHOW HOME NEWS
------------------------------------------------------------------------------------------------------*/

#slideshow {
	width:980px;
	height:170px;
	position:relative;	
	margin:0 auto;
	color:#DADFE1;
	font-size:26px;	
	text-align:center;
}

#slideshow p{
	padding-top:30px;	
}

#slideshow img.more{
	padding-top:10px;	
}

#slidesContainer{
	width:908px;
	height:170px;
	position:relative;
	margin:0 auto;
}

.control{
	display:block;
	width:36px;
	height:170px;
	position:absolute;
	cursor:pointer;
}

#leftControl{
	top:0;
	left:0;
	background:transparent url(../images/control_left.png) no-repeat;
}

#rightControl{
	top:0;
	right:0;
	background:transparent url(../images/control_right.png) no-repeat;
}

/* SCROLLTOP
------------------------------------------------------------------------------------------------------*/

div.scrollToTop{
    position:fixed;
    right:20px;
    bottom:140px;
    display:none;
    width:77px;
	height:94px;
}

/* AGENDA
------------------------------------------------------------------------------------------------------*/

table.agenda{
	height:50px;	
	background-color:#323A41;
	margin-bottom:10px;
	color:#D6D9DD;
	font-size:18px;
	text-align:center;
}

td.date{
	width:50px;
	height:50px;
	background-color:#1D9EA7;	
	color:#2F373F;
}

td.date2{
	width:50px;
	height:50px;
	background-color:#1D9EA7;	
	color:#2F373F;
	font-size:13px;
}

span.maj{
	text-transform:uppercase;	
}

td.ville{
	width:200px;
	height:50px;
	background-color:#3B4249;	
}

td.infos{
	width:630px;
	height:50px;
}

td.affiche{
	width:50px;
	height:50px;
	background-color:#1D9EA7;	
}

td.site{
	width:50px;
	height:50px;
	background-color:#1D9EA7;	
}

/* CONTACT
------------------------------------------------------------------------------------------------------*/

#pro{
	width:310px;
	min-height:350px;
	float:left;
}

#pro img{
	padding-bottom:10px;	
}

#pro ul{
	padding-left:20px;	
}

#pro ul li{
	padding-bottom:5px;	
}

#pro a, #booking a{
	color:#1D9EA6;
	text-decoration:none;	
}

#pro a:hover, #booking a:hover{
	color:#D6D9DD;
}

#form{
	width:310px;
	min-height:350px;
	float:right;
}

#booking{
	width:310px;
	min-height:350px;
	margin-left:335px;
}

input[type=text]{
  width:230px;
  height:25px;
  border:1px solid #1D9EA6;
  color:#2F373F;
  font-size:14px;
}

textarea{
  width:230px;
  height:100px;
  border:1px solid #1D9EA6;
  color:#2F373F;
  font-size:14px;
}

input[type=submit]{
  width:100px;
  height:25px;
  border:none;
  background-color:#1D9EA6;
  color:#2F373F;
  font-size:18px;
  text-align:center;
  cursor:pointer;
}

/* NEWS
------------------------------------------------------------------------------------------------------*/

#news_left{
	width:180px;
	min-height:200px;
	float:left;	
}

#news_left img{
	margin-top:10px;
	border:1px dashed #1D9EA6;	
	padding:4px;
}

#news_right{
	width:1px;
	min-height:200px;
	float:right;	
}

#news{
	width:774px;
	min-height:200px;
	margin-left:205px;
}

p.date_news{
	width:180px;
	height:30px;	
	line-height:30px;
	background-color:#1D9EA6;
	font-size:20px;
	text-align:center;
	color:#2F373F;
}

/* MEDIA
------------------------------------------------------------------------------------------------------*/

#musique{
	width:184px;
	min-height:265px;
	float:left;	
}

#video{
	width:328px;
	min-height:265px;
	float:right;	
	text-align:right;
}

#photos{
	width:328px;
	min-height:265px;
	margin-left:254px;
}

#photos table{
	width:328px;	
}

#photos img{
	border:2px solid #1D9EA6;		
}

#photos img:hover{
	border:2px solid #D6D9DD;		
}