@charset "iso-8859-1";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}
a { text-decoration: none;}
.vid a { font-size: 10px; color: #ccc;}
body{ 	background:#ddd;
	font-family: Helvetica, sans-serif;
	font-size:0.8em; color: black;
	}
#top { background: white; height: 130px; position: absolute; display: block; width: 100%;
	padding-top: 20px;
}
#logo {	position: absolute;
	left:-530px;
	margin-left: 49%;
	width: 115px;
	text-align: right;
}
.logotext , .menu_real{
	position: relative;
	font-size:8px;
	font-size:9px!important;
	color:#919191;
	text-align: right;
	line-height: 10px;
}



#contour {
	position: absolute;
	left:-400px;
	margin-left: 49%;
	width: 800px;
	padding-top: 20px;
	}
#top_contents{  margin-left: 13px;}
#top_contents div, div.menu2 ul {float: left;}



#main{position: absolute; top:240px; width: 800px; text-align: center; padding-bottom: 100px;}
.clipvid{ width: 100%;}

.horloge {
	position: absolute; right: 0px; top: 110px;
	font-size:11px;
	color:#919191;
	text-align:right;
	z-index:1;
	}
.top_right img{float: right; width: 70px; }
.top_right{
	z-index: 9;
	display:block;
	position:absolute;
	margin-left:50%;
	left:22%;
	top:77px;
	width:190px;
	height:170px;
	padding-top: 20px;
}
.social_content{
	display:block;
	position:absolute;
	top:137px;
	bottom:0px;
	width:190px;
	height:53px;
}
.social img{
	float:left;
	margin:0px;
}

#social1 { background:url(images/social/social1.png); background-position : 0 53px;left:0px; z-index:1;}
#social2 { background:url(images/social/social2.png); background-position : 0 53px;left:30px; z-index:2;}
#social3 { background:url(images/social/social3.png); background-position : 0 53px;left:60px; z-index:3;}
#social4 { background:url(images/social/social4.png); background-position : 0 53px;left:90px; z-index:4;}
#social5 { background:url(images/social/social5.png); background-position : 0 53px;left:120px; z-index:5;}
#social6 { background:url(images/social/social6.png); background-position : 0 53px;left:150px; z-index:6;}
A.social { display:block; width:46px; height:53px; float:left; position:absolute; }
A#social1:hover,
A#social2:hover,
A#social3:hover,
A#social4:hover,
A#social5:hover,
A#social6:hover {background-position : 0 0px;}


.menu, .menu2 ul{
	display:block;
	width:150px;
	height:auto;
	text-align:left;
	padding-top:5px;
}

/* .menu ul, .menu2 ul{ */

ul{
	list-style:none;
}

.menu ul li, .menu_real ul li {
	line-height:20px;
}
.menu2 ul li {
	height:15px;
}

ul A{
	text-decoration:none;
	color:black;
	font-size:12px;
	font-weight:normal;
	display:block;
	width:100%; text-transform: uppercase;
}

ul li  a:hover {
	color:black;
}

.menu2 ul A, .menu_real ul A{ font-size: 10px; text-transform: uppercase;}


.menu_real { top:47px;}

.content a{
	color:#666633;
	text-decoration:none;
}
.right{
	float:right;
}

.left{
	float:left;
}

.tright{
	text-align:right;
}



.clear_both{
	clear:both;
}


h1{
	color: black;
	font-size:1.3em;
	margin-bottom: 20px;
}

h2{
	font-size:1.1em;
	color:black;
	display:block;
}


h2 a{
	color:black;
	text-decoration:none;
}
h2 a:hover{
	color:#fff;
	text-decoration:none;
}

h3{
	font-size:0.6em;
	color:black;
	display:block;
}

h4{
	font-size:1.0em;
	color:black;	
	padding:20px 0px 5px 10px;
}


h3 a{
	text-decoration:none;
}

h3 a:hover{
	text-decoration:underline;
}


.texte_art{
	padding:20px;
	font-size:11px;
	text-align:justify;
	background: #000 ;
}

.artwork img {
	width: 400px;  border: none; margin: 10px;
}


.textleft{
	float:left;
	width:290px;
}

.col1{
	width:145px;
	height:auto;
	float:left;
}

a img{
	border:none;
}

.vid{
	float:left;
	text-align:center;
	width:200px;
	height:165px;
}
.contact{
	float:left;
	text-align:left;
	width:120px;
	margin: 15px;
	height:100px;
	padding: 10px 20px 20px 20px;
	background: #000;
	color: #ccc;
	font-size: 11px;
}
.contact A { position: relative; width: 100%; top: 95px; right: -5px; text-align: right; float: right; display: block;}

.plan { float: left;margin: 15px;}
.plan img{ background-color: white; height: 140px;}

.map{ width: 310px;	font-size: 13px;}
.vid2{
	float:left;
	text-align:center;
	width:133px;
	height:100px;
}
.vid2 h2 ,
.vid h2 {
	text-align:center;
	font-size:0.8em;
	width:auto;
}

.vid h3{
	text-align:center;
	font-size:0.7em;
	width:auto;
}
.vid h3 a{
	color:#666;
}

.clipvid{
	margin-left:0px;
	display:block;
	float:left;
}

p{
	font-size:0.9em;
	margin:5px 0px;
	font-family:
}

#footerbis{ position: fixed; bottom: 0px; height: 30px; padding-top: 10px; width: 100%; background: white; }
#footerbis{
	font-size:0.8em;
	color:black;
	text-align:center;
}
#footerbis h2{ display:  inline;}

#footerbis a{
	font-size:0.9em;
	color:white;
	text-decoration:none;
}

#footerbis a:hover{
	font-size:0.9em;
	color:#fff;
}

.center{ width: 100%; text-align: center;}
.top_real{ text-align: left; background: #000; padding: 20px;}
.real_image { width: 50%; display:block;}
.texte_real {color: #ccc;
	font-size:0.85em;
	text-align:justify;
	padding-left: 30px;
	}
.french{background: url(images/french.jpg) no-repeat; background-color: #000;}
.english{background: url(images/english.jpg) no-repeat; background-color: #000;}


.artwork h1 {
margin: 50px 0 0px 0;}