@charset "utf-8";
/* CSS Document */

BODY {
background-color:#f3d7cd;
margin:0;
/* pour éviter les marges */
text-align:center;
/* pour corriger le bug de centrage IE */
height:100%;
padding:0;
width:100%;
}

TD{
padding:0;
margin:0;
}

HTML, BODY, TABLE {
height:100%;
margin:0;
padding:0;
width:100%;
}

/* home début */
#site{
position:relative;
margin:20px auto 0 auto;
width:766px;
height:543px;
background-image:url(../images/homepage-site-fond.jpg);
background-repeat:no-repeat;
}

#logo {
	float:left;
	border:0;
	margin: 0 0 0 290px;
	padding:0;
}

#menu {
	float:left;
	height:24px;
	width:306px;
	text-align:center;
	margin: 170px 0 0 335px;
	padding:0;
	position:relative;
}

#menu .langues {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#db7171;
	font-weight:bold;
	font-size:16px;
	width:100px;
	height:24px;
	text-align:center;
	margin:0;
	position:relative;
	padding:0;
}

#english-lien, #french-lien, #german-lien {
	position:relative;
	width:100px;
	height:24px;
	z-index:2;
	float:left;
	margin:0;
	padding:0;
}

#menu .separation { position:relative; margin:2px 0 0 0; float:left; height:22px; width:3px; padding:0;}

#menu a { color:#db7171; text-decoration:none;}
#menu a:hover { color:#EA32CB; text-decoration:none;}

#pop-up-inverse {
	position:relative;
	float:left;
	margin:0 120px 0 332px;
	width:314px;
	height:225px;
	z-index:10;
	background-color:#000000;
}

#infos {
	width:310px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#AAAAAA;
	font-size:11px;
	margin: 2px 0 0 334px;
	float:left;
}

#esrevni {
	background-image:url(../images/inverse.jpg);
	width:115px;
	height:98px;
	position:relative;
	float:right;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	margin:24px 0 0 0;
}
#esrevni .up { float:left; width:115px; margin:2px 0 0 0;}
#esrevni .down { float:left; width:115px; margin:66px 0 0 0;}
#esrevni a { color:#FFFFFF; text-decoration:none;}
#esrevni a:hover { color:#7f54c1;}

#footer {
	height:25px;
	text-align:left;
	margin: 2px auto 10px auto;
	width:766px;
	position:relative;
	display:block;
}

#footer p{ margin:0; font-family:Arial, Helvetica, sans-serif; color:#474646; font-size:12px; float:left; line-height:12px;}
#footer a{color:#474646; text-decoration:none; cursor:pointer;}
#footer a img { border:0;}
#footer a:hover{color:#474646; text-decoration:underline;}
#footer #sound-index { width:80px; float:right; margin:4px 0 0 0;}


.close-button-2 { position:absolute; top:20px; right:20px; width:146px; height:35px; z-index:13; cursor:pointer;}
.close-button {
	position:absolute;
	top:276px;
	right:8px;
	width:200px;
	height:35px;
	z-index:13;
}
.close-button a { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; cursor:pointer;}



#english-fond { position:absolute; top:0px; left:0px; width:100px; height:24px; z-index:1;}
#french-fond { position:absolute; top:0px; left:0px; width:100px; height:24px; z-index:1;}
#german-fond { position:absolute; top:0px; left:0px; width:100px; height:24px; z-index:1;}

/* home fin */


 
#reseauxsociaux a{color:black; text-decoration:none;  }
#reseauxsociaux img{border-color:black; }