body { background-repeat: repeat-x; background-image: url(images/fond-haut.gif); font-family: "trebuchet ms"; background-color: #FFF0CA; text-align: center; margin: 0; }
#contexte { margin-right: auto; margin-left: auto; width: 990px; }
#contexte_haut { height: 161px; background-repeat: repeat-x; background-image: url(images/fond-haut-milieu.gif); }
#contexte_bas { text-align: left; padding-right: 20px; padding-left: 20px; max-width: 950px; padding-top: 8px; max-height: 30px; font-size: 11px; background-image: url(images/fond-bas.gif); width: 990px; height: 38px; margin-right: auto; margin-left: auto; }
form { margin: 0; }
.retour { clear: both; }
#contexte_haut .lien { color: #e6e6e6; margin-left: 600px; margin-top: 5px; position: absolute; width: 370px; text-align: right; }
#contexte_haut .lien a { font-size: 13px; font-weight: bold; color: white; }
#contexte_haut .lien a:hover { color: #b3b3b3; }
#contexte_haut .logo { height: 140px; width: 550px; margin-left: 30px; margin-top: 0px; position: absolute; text-align: left; }
#contenu { padding-bottom: 20px; min-height: 300px; max-width: 910px; padding-right: 30px; padding-left: 30px; padding-top: 30px; background-color: white; z-index: 0; font-size: 15px; text-align: justify; color: #7f7f7f; letter-spacing: 1px; width: 970px; margin-right: auto; margin-left: auto;}
h1 { font-size: 22px; margin: 0px; }
h2 { font-size: 18px; margin: 0px; }
h3 { font-size: 15px; margin: 0px; }
#contexte_bas a { background-image: url(images/fond_bas.gif); color: #cccccc; font-style: normal; text-decoration: none; }
#contexte_bas a:hover { color: white; }
#contexte_bas .copyright { position: absolute; color: #ccc; }
#contexte_bas .powered { width: 950px; position: absolute; color: #ccc; text-align: right; }
#menu { margin-left: 60px; width: 910px; position: absolute; margin-top: 108px; }
#menu .menu_off { margin-top: 28px; font-size: 12px; white-space: nowrap;}
#menu .onglet { padding: 0px; margin: 0px; display: inline-block; background-repeat: repeat-x; background-image: url(images/menu_onglet_milieu.gif); height: 50px; white-space: nowrap;}
#menu .onglet h1 { padding-top: 18px; color: black; background-repeat: no-repeat; background-image: url(images/menu_onglet_milieu.gif); font-weight: bold; font-size: 18px; white-space: nowrap;}
#menu a { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 10px; color: black; text-decoration: none; }
#menu a:hover { color: white; text-decoration: none; }
em { font-style: normal; font-weight: bold;  }
table { font-size: 15px; color: #7f7f7f; }
th { font-weight: bold; font-size: 12px; text-align: left; }
a { text-decoration: none; font-weight: bold; color: #FFB210; }
a:hover { color: #333333; }
#image_realisation { margin-bottom: 50px; margin-top: 30px; }
#image_realisation .suivant { margin-left: 600px; margin-bottom: 30px; margin-top: 20px; }
#titre_page { margin-top: 160px; position: absolute; margin-left: 55px; }
#logo_ruegg { margin-top: 30px; margin-left: 850px; position: absolute; }
#contenu .accueil_bloc { display: inline-block; margin-top: 20px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; width: 298px; height: 300px; text-align: center; }

#contenu .textes_pages { text-align: justify; font-size: 16px; position: absolute; }
#contenu .textes_pages em { font-weight: bold; font-style: italic; font-size: 22px; }
#contenu .contact { max-width: 378px; padding-left: 72px; max-height: 117px; padding-top: 37px; background-image: url(images/bas_contact.gif); background-repeat: no-repeat; height: 150px; width: 450px; margin-left: 450px; margin-top: 30px; }
#contenu .contact a { color: #999999; }
#contenu .contact a:hover { color: #ffb210; }

#photo_vignette_bloc {  display: block;  text-align: left;  }
.photo_grande { float: left; text-align: center; }
.photo_vignette { margin-bottom: 15px; height: 150px; float: left; text-align: center; width: 182px; }

#carte_affichage {
	height: 400px;
	width: 530px;
	color:#676767;
	font-size:11px;
	margin:10px;
	padding:4px;
}
#laisser_vide {
	display: none;	
}