/* --------------------------------------
----------------- RESET
-----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}









/* --------------------------------------
----------------- LAYOUT
-----------------------------------------*/
.clear { clear:both;}

html,body{
    height:100%;
    margin:0;
}

body {
	font-size: 12px; /* convert 16px base font size to 12px */
	line-height: 1.6em; /* 20px (12 x 1.6666 = 20) */
	font-family: Arial;
	color: #333;
	padding:0px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}


#wrapper {
    width:900px;
    margin: 7% auto;
	text-align: left;
	position: relative;
	

}





#left {
width: 268px;
background: url(../images/bg-left.png) 0px 50px no-repeat;
min-height: 300px;
float: left;
}

#logo {
margin-left: 25px;
margin-top: 10px;
}




#right {
float: left;
width: 630px;


/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}



#logobar {

height: 50px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}






#rightwrap {
position: relative;
padding-top: 30px;
min-height: 250px;
}

#footer {
margin: 20px;
margin-top: 30px;
padding-top: 11px;
border-top: dotted 1px #555;
color: #777;
font-size: 10px;
text-align: center;
}



#rightmenu {
height: 50px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.3);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}





#datas {
font-size: 11px;
color: #666;
margin-left: 20px;
margin-top: 35px;
padding: 5px;
width: 217px;
line-height: 17px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.3);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";


}


#datas h1 {
color: #333;
margin-bottom: 10px;
}





#rightmenu ul {
float: right;
}

#rightmenu li {
float: left;
text-transform: uppercase;
font-family: "Trebuchet MS";
margin: 17px;
font-size: 13px;
} 

#rightmenu li a {
color: #ddd;
text-decoration: none;
}


#rightmenu li a:hover {
color: #ec008c;
text-decoration: none;
}














/*
Supersized - Fullscreen Slideshow jQuery Plugin Stylesheet Version 3.0
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Version: supersized.3.0.js
Website: www.buildinternet.com/project/supersized
*/

	body {
	    overflow:hidden;/*Needed to eliminate scrollbars*/
	    background:#000;
	}
	/*Area to place content normally*/
	#content-wrapper{ 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:0; 
		overflow:auto; 
		z-index:4; 
		text-align:center; 
	}
	
	/*Controls Section*/
	#controls-wrapper{
	    margin:0px auto;
	    height:62px;
	    width:100%;
	    bottom:0;
	    z-index: 5;
	    background:url('images/nav-bg.png') repeat-x;
	    position:absolute;
	}
	#controls{
	    overflow: hidden;
	    height: 100%;
	    text-align:left;
	    z-index: 5;
	    padding:0 114px; /* Increase padding to give thumbnails room */
	}
	#slidecounter{
	    float:left;
	    color:#888;
	    font:23px "Helvetica Neue", "Helvetica", Arial, sans-serif;
	    font-weight:bold;
	    text-shadow: #000 0px -1px 0px;
	    margin:19px 10px 18px 20px;	
	}
	#slidecaption{
	    overflow: hidden;
	    float:left;
	    color:#FFF;
	    font:16px "Helvetica Neue", "Helvetica", Arial, sans-serif;
	    font-weight:bold;
	    text-shadow: #000 0px 2px 0px;
	    margin:23px 20px 23px 0;
	}
	
	
	/*Supersized Link*/
	.stamp{ float: right; margin: 15px 30px 0 0;}
	
	
	#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49.5%;
	    z-index: 10;
	    width: 24px; 
	    height: 24px;
	    text-indent: -999em;
	    background-image: url(images/progress.gif);
	}
	#supersized{
	    position:fixed;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	
	
	
	
	
	
	
	
	









	
	
	
	
	
#event {
	float: right;
	margin-right: 45px;
	margin-top: 0px;
	width: 540px;
	padding-bottom: 15px;
}	

#event-title {
float: left;
margin-bottom: 5px;
}

#event-mask {
	float: left;
	clear: left;
	margin-top: 25px;
	width: 180px;
}

#event-text {
	float:right;
	width: 320px;
	margin-top: 20px;
	color: #ccc;

}

#event-text p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 10px;
}

#event-text a.share {
font-size: 11px;
}









h1 {
font-size: 18px;
color: #fff;
margin-bottom: 10px;
font-weight: normal;
}

h3 {
margin-bottom: 15px;
color: #ec008c;
font-family: Trebuchet MS;
font-weight: normal;
}


a {
color: #eee;
text-decoration: underline;
}

a:hover {
color: #ec008c;
}



#share {
font-size: 10px;
float: left;
}

.addthis_default_style {
padding: 7px;
padding-bottom: 5px;
background: #000;
border: solid 1px #333;
border-left: none;
border-right: none;
border-bottom: none;
color: #666;
margin-top: 15px;
}




#titlepage {
margin: 20px;
margin-bottom: 15px;
text-align: right;
}

#titlepage h1 {
clear: both;
font-family: Century Gothic;
font-weight: normal;
font-size: 16px;
color: #aaa;
}









#textleft {
float: left;
width: 190px;
margin-left: 40px;
}



#textleft img {
float: left;
margin: 5px;
}


#textright {
float: right;
width: 340px;
margin-right: 40px;
}

#textright.full {
width: 480px;
margin-right: 70px;
}


#textright p {
font-size: 11px;
color: #ccc;
margin-bottom: 15px;
}


#textleft.contact p {
font-size: 11px;
color: #ccc;
margin-bottom: 15px;
}







.event-others {
padding: 7px;
padding-left: 90px;
margin-left: 30px;
background-repeat: no-repeat;
background-position:  left center;
min-height: 70px;
}

.event-others h1 {
font-size: 15px;
margin-bottom: 6px;
margin-top: 10px;
}

.event-others h3 {
margin-bottom: 0px;
font-size: 12px;
}


.event-others h1 a {
text-decoration: none;
}




.photo {
background-repeat: no-repeat;
background-position:  left center;
width: 80px;
height: 80px;
float: left;
margin: 10px;
margin-left: 0px;
margin-bottom: 0px;
}












/* --- pages */



.pages {width: 500px;
margin: 0 auto;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;}

.current {padding: 5px;
border: solid 1px #ccc;
background: #ccc}

.pages a {padding: 5px;
border: solid 1px #666;}

.nextprev {padding: 5px;
border: solid 1px #666;}







#video {
border: solid 1px #333;
padding: 20px;
background: #000;
text-align: center;
}


.newsletter-input {
width: 110px;
margin-right: 6px;
color: #999;
font-family: Arial;
border: solid 1px #fff;
padding: 2px;
}



#actu #l1, #galerie #l2,#events #l3,#contact #l4 {
color: #ec008c;
}


#actu #l1, #galerie #l2,#events #l3,#contact #l4,#art #l5  {
color: #ec008c;
}



.opera {
float: left;
margin: 7px;
height: 120px;
width: 100px;
text-align: center;
margin-left: 0px;
margin-bottom: 0px;
padding: 3px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.2);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";

font-size: 10px;
color: #999;
line-height: 23px;


}


.opera p {
margin-top: 4px;
}