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

/* GENERAL */
BODY
{
	background: #323232;
	margin: 0px; padding: 0px;
	font-size: 15px;
	line-height: 17px;
}

A { color: #730800; }
A:hover { color: #494949; }

#principal
{
	position: relative; width: 880px; top: 45px; margin: 0px auto;
}


/* MENU HAUT DE PAGE */
#topmenu
{
	position: relative; width: 880px; height: 46px; margin: 0px; padding: 0px;
	background: url(../img/fd_nav.png) repeat-x;
	overflow: hidden
}
.menu { position: relative; top: 22px; left: 535px; }
.menu_uk { position: relative; top: 25px; left: 485px; }
.menu_de { position: relative; top: 22px; left: 410px; }
#menu1, #menu2, #menu3, #menu4 { padding: 0px 10px 0px 0px; }
#dot { position: absolute; top: 41px; }
#logo
{
	position: absolute; top: 0px; left: 20px;
}

/* CONTENU CENTRAL DE LA PAGE */
#center
{ 
	position: relative; width: 880px; margin: 0px; padding: 0px; 
	background-color: #FFFFFF;
}
#illustration { position: relative; width: 880px; margin: 0px; padding: 0px; }
#titre { position: absolute; top: 327px; left: 212px; }

#submenu
{
	position: absolute; top: 390px; left: 20px; width: 180px;
}
a.submenu_on { 
	position: relative; display: block; width: 180px; height: 22px; margin: 0px; padding: 0px;
	background: #000000; border-bottom: 1px solid #FFFFFF; vertical-align: middle; text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;
}
a.submenu_off { 
	position: relative; display: block; width: 180px; height: 22px; margin: 0px; padding: 0px;
	background: #730800; border-bottom: 1px solid #FFFFFF; vertical-align: middle; text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;
}
a.submenu_off:hover { background: #000000; }

#content
{ 
	position: relative; width: 620px; margin: 22px 0px 0px 230px; padding-bottom: 44px;
	text-align: left;
}
.exergue
{ 
	position: relative; width: 620px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; 
	color: #730800;
	padding-top: 20px;
}
.titre
{
	position: relative; width: 620px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
	color: #730800;
}
a.email 
{
	position: relative; display: block; padding-bottom: 20px; width: 620px; text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #730800;
}
/*.texte
{ 
	position: relative; width: 620px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #494849;
}*/


.texte
{ 
	position: relative; width: 620px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 13.5px;
	color: #494849;
	width: 570px;
	padding-top: 15px;
}
.vignette { margin-left: 20px; }

.rouge { color: #730800; }


/* PIED DE PAGE */
#footmenu
{
	position: relative; width: 880px; height: 25px; margin: 0px; padding: 0px;
	background: #730800;
	text-align: center;
}
.submenu { position: relative; top: 7px; }
#foot1, #foot2, #foot3 { padding: 0px 10px 0px 0px; }
#dot_fr { position: absolute; top: 21px; left: 328px; }
#dot_uk { position: absolute; top: 21px; left: 423px; }
#dot_de { position: absolute; top: 21px; left: 525px; }

#footer
{
	position: relative; width: 880px; margin: 0px; padding: 0px;
	text-align: center;
}
.shadow { position: relative; width: 880px; height: 15px; margin: 0px; padding: 0px; }
.footinfo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #faebd7; }
.tiny { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #996666; }
a.tiny { text-decoration: none; }
a.tiny:hover { text-decoration: underline; }


.lightbox-container { position: absolute; width: 100%; height: 100%; z-index: 100;}
.overlay { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: 101}
.lightbox-center { margin: 0 auto; width: 500px;}
.lightbox, lightbox-2 { width: 500px; margin: 0 auto; margin-top: 10%; position: fixed; z-index: 102; background: #fff; padding: 50px; display: block; border: 0px solid #C9D6E7; -moz-border-radius: 10px; border-radius: 10px;}
.lightbox .success, lightbox-2 .sucess { font-size: 14px; text-align: left; font-family: Georgia; line-height: 30px; font-weight: bold; text-align: center; font-style: italic; color: #505050}
.lightbox #lightboxClose, .lightbox-2 #lightClose { position: absolute; top: -10px; right: -10px; background: url(../img/close.png) left top no-repeat; width: 25px; height: 25px; display: block; text-indent: -9999px;}
p.article1, p.article2, p.article3, p.article4 {font-style: italic; color: #505050; font-size: 15px;}