/* CSS Cumulus */

body {
	background-color:#FFFFFF;
	background-repeat:repeat;
	color:#000;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
} 

.floatleft { float:left;}

a, a:link, a:visited {
	color:#000000;
	text-decoration:underline;
	
}
a:hover {
	color:#Fff;
	text-decoration:none;
	background-color:#000000;
	font:normal;
}
.clearboth {
	clear:both;
}

#container {
	width:800px; height:auto;
	margin:0 auto; padding:0;
	/*background:#FFFFFF;*/
} 

h1{ font-size:11px; font-variant:small-caps; font-weight:normal;
margin:0;padding:0;
}
h2 { font-weight:bold;margin:0;padding:0;}

h3 {font-size:40px;
font-weight:bold;}

p {padding:0px 0 5px 0;}


#news {margin:0; padding:10px 0 0 0;
	}

#entrer{

	font-weight:bold;
	font-size:11px;
	text-align:right;
	float:left;
	width:500px; height:12px;
	bottom:0px;
	margin:98px 0 0 0;
	
	}
#entrer a{ text-decoration:none;}

#entrer_content {
	position:absolute;
	bottom:0px;
	
	}
	

.texthdp{padding:0px 0 0 0 ; margin:0;}


.titre {
text-align:right;
padding:0 510px 0px 0px;margin:0;
	}
	
#news{
	text-align:left;
	}

#news li{
	padding:0 0 2px 0;
	}

#news li a{ font-weight:bold;
	}

h4 {
font-size:15px;
font-weight:bold;
text-align:left;
padding:0 0px 0px 0px;margin:0;
	}


#intro{
text-align:left;
padding:0 0 0 250px; margin:0; 
}
	
.espace{
text-align:right;
height:50px;
padding:0px;margin:0;
	}
	
	
.ensavoirplus{
padding:0 0 0px 250px;margin:0;
text-align:right;
font-weight:bold;
}

.ensavoirplusclic{
text-align:right;
font-size:12px;
font-variant:small-caps;
font-weight:bold;
text-decoration:none;
}

.texteplus{
padding : 5px 0 0px 0px; margin:0 0 0 0;
font-size:9px;
font-weight:normal;
text-align:left;
background:#FFF;
font-variant:normal;
}

.texteplus p{
padding : 0px 0 5px 0px; margin:0 0 0 0;
text-align:left;
}
.texteplus img{
padding : 10px 0 0px 0px; margin:0 0 0 0;
text-align:left;
}

#header{
	width:auto; height:auto;
	margin:0; padding:0px 0 0 0;
	text-align:left;
}

#logo{
font-size:11px;
font-weight:bold;
text-align:center;
margin:10px 0 10px 0; padding:0px 0 0 0;
width:250px; height:100%;
float:left;
}

#logo a{ background:none;}


#hautdepage{
text-align:right;
margin:0; padding:5px 0px 0px 0;
width:410px;
float:left;
font-size:9px;
}

	
#contactimg{
bg:none;
text-align:right;
margin:0; padding:0;
width:90px;
float:left;
}

#contactimg a{ background:none;}

#content {
	width:750px; height:auto;
	margin:0; padding:0px 0 0 0;
} 

#menu {
	text-align:left;
	z-index:50;
	position:fixed;
	width:200px; height:auto;
	margin:0px 0 0 0px; padding:0px 0 0 0px;
	
}

* html #menu { /*\*/
position: absolute; top: expression((176 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
#menu { position: fixed; top: 110px; left: 0px; } 

#menu ul a, #menu ul a:link, #menu ul a:visited{background:#000000; color:#FFFFFF;padding:0 5px 0 10px; text-decoration:none;font-size:9px;
}

#menu ul a:hover{background:#000; color:#FFFFFF;padding:0 5px 0 20px;  font-size:9px;
}


#menu ul li{
	width:auto; height:auto;
	margin:0; padding:0;
	list-style:none;
}
#menu ul li {
	margin:0; padding:0px 0 0 0;
	text-align:left;
}

.rubrique{
	padding:0px 0 1px 0;margin:0;
	}
	
.rubrique a, .rubrique a:link, .rubrique a:visited{background:#000000; color:#FFFFFF;padding:0 5px 0 20px; text-decoration:none;font-size:11px;
}

.rubrique a:hover{background:#000; color:#FFFFFF;padding:0 5px 0 30px;  font-size:11px;
}


.date{
	padding:0px 0 0px 0;margin:0;
	}	
.date a, .date a:link, .date a:visited{background:#000000; color:#FFFFFF;padding:0 5px 0 20px; text-decoration:none;font-size:9px;font-variant:normal;
}

.date a:hover{background:#000; color:#FFFFFF;padding:0 5px 0 30px;  font-size:9px;font-variant:normal;
}

.archives{ text-align:right; font-variant:small-caps; color:#FFF;font-size:20px; text-decoration:none; font-weight:bold; font-style:italic;
padding:0 0px 0px 0;margin:0 0 1px 0px; }

.archives a, .archives a:link, .archives a:visited{background:#000000; color:#FFFFFF;padding:0 510px 0 5px; text-decoration:none;font-size:20px;} 
.archives a:hover{background:#000; color:#FFFFFF;padding:0 520px 0 5px;  font-size:20px;}

.archives2{ text-align:right;  color:#FFF;font-size:12px; text-decoration:none; font-weight:bold; font-style:italic;
padding:0 0px 0px 0;margin:0 0 1px 0px; }

.archives2 a, .archives2 a:link, .archives2 a:visited{background:#000000; color:#FFFFFF;padding:0 510px 0 5px; text-decoration:none;} 
.archives2 a:hover{background:#000; color:#FFFFFF;padding:0 520px 0 5px; }

.infos{ text-align:left; padding : 20 0 0 0;}


.new { padding:0 0 0 1px;font-size:9px; font-weight:bold; text-decoration:blink;padding:0 0 0 2px; font-variant:small-caps; }
	
.go { padding:0 0 0 0px; font-variant:small-caps;}
.go a,.go a:link,.go a:visited {
	padding:0 0 0 2px;
	background:none;
	color:#000000;
	text-decoration:none;
	
}
.go a:hover {
	color:#Fff;
	text-decoration:none;
	background-color:#000000;
	font:normal;}

.bloc_contenu {
	width:750px; height:auto;
	margin:0; padding:0px 0 0 0;
}

.colonnetexte{
	position:relative;
	float:left;
	width:250px; height:372px;
	margin:0; padding:0px;
}
.colonnetexte_content {
	width:240px;
	position:absolute;
	bottom:18px;
	right:10px;
	text-align:right;
}
.colonne_videos{
	float:left;
	width:500px; height:372px;
	margin:0 0 0 0px; padding:0px 0 0px 0;
	border:none;
	text-align:left;
	background:none;
	}

.colonnetexte16_9{
	position:relative;
	float:left;
	width:250px; height:302px;
	margin:0; padding:0px;
}	
.colonne_videos16_9{
	float:left;
	width:500px; height:302px;
	margin:0 0 0 0px; padding:0px 0 0px 0;
	border:none;
	text-align:left;
	background:none;
	}
.colonnetexte_vimeo_content {
	width:240px;
	position:absolute;
	bottom:-2px;
	right:10px;
	text-align:right;
}
.colonnetexte_vimeo16_9{
	position:relative;
	float:left;
	width:250px; height:281px;
	margin:0; padding:0px;
}	
.colonne_videos_vimeo16_9{
	float:left;
	width:500px; height:281px;
	margin:0 0 0 0px; padding:0px 0 0px 0;
	border:none;
	text-align:left;
	background:none;
	}

.colonnetexte_vimeo4_3{
	position:relative;
	float:left;
	width:250px; height:400px;
	margin:0; padding:0px;
}	
.colonne_videos_vimeo4_3{
	float:left;
	width:500px; height:400px;
	margin:0 0 0 0px; padding:0px 0 0px 0;
	border:none;
	text-align:left;
	background:none;
	}


.colonnetexte4_3{
	position:relative;
	float:left;
	width:250px; height:395px;
	margin:0; padding:0px;
}	
.colonne_videos4_3{
	float:left;
	width:500px; height:395px;
	margin:0 0 0 0px; padding:0px 0 0px 0;
	border:none;
	text-align:left;
	background:none;
	}


.bloc_contenu p{
padding:5px  0 0px 0;
}








.colonne_contact{
	float:left;
	width:500px; height:auto;
	margin:0 0 0 0px; padding:0px 0 0px 250px;
	border:none;
	text-align:left;
	background:none;
	
}

.colonne_contact p{
padding:10px  0 0px 0;
}

#baseline {
margin:0;padding:0;text-align:right;
height:28px;}


#credits { width:400px;height:28px;margin:0;padding:0;float:left;}

#credit_content{
color:#666666;
padding:5px 0 0 250px;margin:0;
	width:130px;
	position:relative;
	text-align:left;
	
}

* html #retour { /*\*/
position: absolute; top: expression((176 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
	
#retour{

position:fixed; bottom:0px;left:10px;
height:28px; width:39px;


}