body {
	font-family: Arial, Verdana, Helvetica;
	margin: 0;
	padding: 0;
	position: relative;
	/*cursor: url("../images/cursor2.png"), pointer;*/
}
#wrapper{
	width: 80%;
	margin: auto;
}
#langues ul {clear: both;}
#content{
	clear: both;
	background-color: rgba(59, 52, 52, 0.6);
}
#arriere-plan {
	position: absolute;
	top: 0;
	width: 100%;
}
#arriere-plan ul {position: relative; bottom: 0;}
footer {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 0;
	margin-top: 0;
}
footer p {color: #100000; text-align: center;}
#table {margin: 0 auto;}
table {max-width: 860px;}
td {overflow: hidden; max-height: 150px;padding: 15px;}
	
/*-------------------------------------------
Titres
--------------------------------------------*/
h1, h2, h3  {padding-left: 5%;}
h1 {padding: 2%; background-color: white;}
/*------------------------------------------
paragraphe et taille des caractères
--------------------------------------------*/
p {padding: 4% 0;}
.annonce_texte {
	font-family: "New Century Schoolbook", serif;
	font-style: italic;
	line-height: 1.2em;
	color: black;
	text-align: center;
	padding-top: 4%;
}
.moyen {font-size: 90%;}
.small {font-size: 70%;}
.presentation {
	position: relative; /*pour poser l'arrière-plan en absolute*/
	background-color: rgba(255, 255, 255, 0.8);
}
.presentation p {
	font-family: "New Century Schoolbook", Serif;
	font-style: italic;
	line-height: 1.5em;
	color: black;
	margin: 0 15%;
}
.contact {text-align: center; margin: auto; background-color: rgba(255, 255, 255, 0.9);}
.contact a {color: #303030; text-decoration: none;}
.contact img {width: 65%;}
.personnages_texte {
	font-family: "New Century Schoolbook", serif;
	font-style: italic;
	font-size: 110%;
	line-height: 1.5em;
	color: white;
	padding-top: 1em;
}
/*-----------------------------------------------------------------------------
images et video
-----------------------------------------------------------------------------*/
img {
	max-width: 100%;
	_width: 100%;
	vertical-align: middle;	
	text-align: center;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality; /*cette propriété n'existe pas pour le validateur W3c, cependant elle est expérimentale et supportée par Firefox et Opera*/
	margin: 0 0 0 0;
}
.img-ie, .logo {width: auto;}
.video {max-width:268px; margin: auto;}
.img_pres {text-align: right;}
img.opacite {opacity: 0.5; filter: alpha(opacity=50);width:80px; /* For IE8 and earlier */}
img:hover.opacite {opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
/*----------------------------------------------------------------------------
les images du slider dans la présentation
-----------------------------------------------------------------------------*/
img.opacite2 {opacity: 0.1; filter: alpha(opacity=50);} /* For IE8 and earlier */
img:hover.opacite2 {opacity: 1.0; filter: alpha(opacity=100);} /* For IE8 and earlier */
.personnages_img {position: fixed; top: 2%; left: 2%; overflow: hidden;}
.personnages_img2 {position: fixed; top: 2%; right: 2%; overflow: hidden;}