/*
Modifs pour lundi 25:
	- ID horaires
*/




/******* emploi.html ********/
.information{
	width : 50%;
	float : right;
	/*width : 70%;
	margin-left : 15%;
	margin-right : 15%;*/
	margin-top : 1em;
	padding : 0em 0.2em;
	background-color : #BA3C3D;
	color : white;
	text-indent : 0.5em;
	font-size : 0.8em;
	text-align : center;
	/*-moz-border-radius:1em;*/
}
.information li{
	text-align : left;
}

.liste_adresses h6{
	padding-left : 0.75em;
	margin-top : 1em;
	margin-bottom : 1.75em;
	font-size : 1em;
}
.liste_adresses p{
	padding-left : 1.5em;
	font-size : 0.85em;
	margin-top : -1.75em;
	margin-bottom : 2em;
	/*text-indent : 1em;*/
}
.decalage{
	margin-left : 2.5em;
	margin-top : 1.75em;
}
.decalage p{
	text-indent : 0em;
}

.indentation{
	text-indent : 0.5em;
}
/** fin emploi.html **/

.text_petit{
	font-size : 0.7em;
}

.clignotement{
	text-decoration: blink;
}

.boite_gauche{
	position : relative;
	/*float : left;*/
	padding : 0.3em;
	margin : 0px 0px;
	width : 45%;
	height : 15em;
}

.boite_gauche_encadree{
	position : relative;
	padding : 0.3em;
	margin : 0px 0px;
	border : 1px dotted #BA3C3D;
	width : 45%;
	height : 15em;
	background-color : #EEEEEE;
}

.boite_droite{
	position : relative;
	padding : 0.3em;
	float : right;
	top : -15.7em;
	margin-bottom : -15em;
	width : 45%;
	height : 15em;
}

.boite_droite_encadree{
	position : relative;
	padding : 0.3em;
	float : right;
	top : -15.7em;
	margin-bottom : -15em;
	border : 1px dotted #BA3C3D;
	width : 45%;
	height : 15em;
	background-color : #EEEEEE;
}

.encadre{
	border : 1px dotted #BA3C3D;
	padding : 0 0.5em 0.5em 0.5em;
	margin-top : 0.75em;
}

.titre_boite{
	text-align : center;
	background-color : #EEEEEE;
	height : 1.6em;
	margin : -0.3em;
	/*border-bottom : 3px solid #693833;*/
}
.titre_boite h4{
	margin-top : 0em;
}
.titre_boite h5{
	margin-top : 0em;
	padding-bottom : 0.1em;
	background-color: #693833;
	border-bottom : 3px solid #BA3C3D;
	color : #EEEEEE;
	/*color : #BA3C3D;*/
}

.liste{
	height : 5em;
	width : 590px;
	overflow:auto;
	border : 1px solid #CCCCCC;
	margin-bottom : 0.5em;
	margin-top : 1em;
}
.liste ul{
	margin-top : 0em;
	padding-left: 1.2em;
}

/* CCS WEB BIJ */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
background-color:#CCAE6C;
color:#BA3C3D;
}

a{
color: #693833;	/*#BA3C3D;*/
}

a:hover{
color:/*#999999;*/ #BA3C3D;
}

img{
border:0;
}

.formulaire table{
	width : 700px;
}

table tr {
border : 0;
font-size : 0.7em;
}

table td{
border: 1px solid #CCCCCC;
}

table th{
border: 2px solid #CCCCCC;
}

.table_nue table td{
border: 0px;
}

.table_nue table th{
border: 0px;
}

h1{
z-index:2;
}

h3{
text-indent : 0.3em;
position:relative;
top:0.3em;
border-top:2px solid #FFFFFF;
}

h4{
	font-size : 1.4em;
	background-color : #EEEEEE;
	text-indent : 0.2em;
	border-bottom : 1px solid #693833;
}

h5{
	font-size : 1.2em;
	border-top : 1px dotted #BA3C3D;
	margin-bottom : -0.5em;
	color : #693833;
}
h5 a{
	/*color : #BA3C3D;*/
	color : #693833;
}
h6 a{
	color : #BA3C3D;
}

/*
h4{
text-align : center;
margin : 0.5em 0;
font-size : 1.2em;
border-bottom : 1px solid #693833;
}*/

hr{
	color : #BA3C3D;
	border : 0.01em dotted #BA3C3D;
}

abbr{
	text-decoration : none;
}

acronym{
	text-decoration : none;
}

/**************** CLASS ***************************/
.sommaire{
	font-size : 0.85em;
	background-color : #693833;
	color : white;
}

.sommaire a{
	color : white;
	text-decoration : none;
}

.sommaire a:hover{
	/*color: #BA3C3D;*/
	background-color: #BA3C3D;
}

.sommaire ul{
	margin-left : -3em;
	margin-top : 0.1em;
	padding-bottom : 0.15em;
}

.sommaire li{
	display : inline;
	padding-left : 0.5em;
}


.gras{
	font-weight:bold;
}

.text_italic{
	font-style : italic;
}

.italic{
	font-style : italic;
}

.text_gros{
	font-size : 1.4em;
}

.erreur{
	font-weight:bold;
	font-size: 1.2em;
	color : red;
}

.reception{
	border : 1px solid #000000;
	width : 700px;
	margin-top:10px;
	margin-bottom : 20px;
	padding-bottom : 25px;
}

.reception table{
	width : 700px;
}

.bouton a{
	text-decoration : none;
}

.bouton_rouge{
	color : #BA3C3D;
	font-weight : bold;
}

.titre3{
/*border : 1px solid #000000;*/
font-size:2em;
color:#FFFFFF;
background-color:#693833;
height: 2em;
}


.titre4{
	/*border-top : 2px dotted #BA3C3D;*/
	color : #693833;
}

.titre_actualite{
	padding : 0em 0em 0em 0.2em;;
	font-size :1.2em;
	/*background-color : #EEEEEE;*/
	font-weight : bold;
	color : #BA3C3D;
	height : 1.3em;
	text-decoration: blink;
	margin-top : 1em;
}

.image_actu{
	float : left;
	margin-right : 0.5em;
}

.titre_actu{
	font-size:1em;
	text-align: center;
	font-weight:bold;
}

.auteur_actu{
	font-size : 0.8em;
	text-align : center;
	font-style : italic;
}

.gauche{
	float : left;
}

.droite{
	float : right;
}

.centre{
	text-align : center;
}

.cadre_offre{
	border : 3px solid #CCCCCC/*#BA3C3D*/;
	margin :2px;
	color : #693833;
}

.titre_meuble{
	text-align : center;
	font-size:2em;
	font-weight : bold;
	color:#FFFFFF;
	background-color:#693833;
}
.titre_geographique{
	text-align : center;
	font-size : 1.4em;
	font-weight : bold;
	border: 1px solid #CCCCCC;
	margin :2px;
	background-color : #BA3C3D;
	color : #FFFFFF;
}

.titre_type{
	text-align : center;
	border: 1px solid #CCCCCC;
	margin :2px;
	font-weight : bold;
	background-color : #CCCCCC;
}

.navigationRapide{
text-align:right;
margin-top:2em;
margin-bottom:3em;
font-size:0.70em;
}
.navigationRapide a{
text-decoration : none;
}
.navigationRapide li{
display:inline;
padding : 0.3em;
border-bottom: 1px solid #660000;
border-right: 1px solid #660000;
}

.liste_reseau h5{
	margin-bottom : -0.5em;
	margin-left : 1em;
}
.liste_reseau h6{
	margin : 1em 0em -1em 1.5em;
	font-size : 1em;
	color : #693833;
}

.liste_sante h6{
	margin-left : -1em;
	font-size : 1.1em;
	margin-bottom : 0.5em;
	margin-top : 1em;
	background-color : #CCCCCC;
}
.liste_sante h7{
	font-weight : bold;
}
.liste_sante h7 a{
	color:#BA3C3D;
}
.liste_sante h7 a:hover{
	color:#693833;
}
.liste_sante ul{
	margin-top : 0.25em;
}
.liste_sante_gauche {
	margin-left : 0.5em;
}
.liste_sante_gauche h6{
	font-size : 1.1em;
	margin-bottom : 0.5em;
	margin-top : 1em;
	background-color : #CCCCCC;
}
.liste_sante_gauche h7{
	margin-top : 0.25em;
	font-weight : bold;
	margin-left : 0.5em;
}
.liste_sante_gauche h7 a{
	color:#BA3C3D;
}
.liste_sante_gauche h7 a:hover{
	color:#693833;
}
.liste_sante_gauche ul{
	margin-top : 0.25em;
}

.fond_gris{
	background-color : #EEEEEE;
}

.justifie{
	text-align : justify;
}

.text_noir{
	color : #000000;
}

.stat li img{
	margin-top : 1em;
	margin-left : -3em;
	margin-bottom : 2em;
}

.livret_logement table{
	width : 100%;
}
.livret_logement tr td{
	width : 50%;
	border : 0px;
	text-align : center;
	height : 350px;
	font-size:1.5em;
}

/***************** ID ******************/
#aideNavigation{
position:absolute;
top:-0.5em;
right : 9em;
text-align:right;
z-index:5;
}
#aideNavigation li{
display:inline;
font-size:0.70em;
padding-left :0.5em;
}
#aideNavigation a:hover{
color:#BA3C3D;
}


#menu{
/*float:left;*/
position : relative;
width : 17em;
height : 25em;
/*background-color:#FFFFFF;
background-image : url(../images/photomaton.png);
background-repeat : no-repeat;*/
/*border:1px solid #660000;*/
top:8em;
left:7.5em;
z-index:1;
}

#menu li{
list-style:square;
border-bottom :  1px solid #BA3C3D;
/*text-align:right;
padding : 0.2em;
background-image:url(../images/transparent2.png);*/
position:relative;
top : 3em;
left:-1.5em;
width:auto;
font-style:normal;

}

/*
#menu li:first-child{
border-top:  1px solid #660000;
}
*/

#menu li a{
display : block;
text-decoration:none;
padding:0.05em;
}


#menu li a:hover{
color : #FFFFFF;
background-color:#BA3C3D;
padding-left:0.2em;
}

#menu li a:visited{
font-style:italic;
padding-left:0.2em;
}

.deconnexion a {
	color : #BA3C3D;
	
}
/*---------BACK OFFICE -------------------------------*/
#menu_backoffice{
position : relative;
width : 16em;
height : 25em;
/*border:1px solid #660000;*/
top:11em;
left:7.5em;
z-index:1;
}

#menu_backoffice li{
list-style:square;
border-bottom :  1px solid #BA3C3D;
/*text-align:right;
padding : 0.2em;
background-image:url(../images/transparent2.png);*/
position:relative;
top : 1em;
left:-1.5em;
width:auto;
font-style:italic;
}

/*
#menu li:first-child{
border-top:  1px solid #660000;
}
*/

#menu_backoffice li a{
display : block;
text-decoration:none;
padding:0.05em;
}


#menu_backoffice li a:hover{
color : #FFFFFF;
background-color:#BA3C3D;
padding-left:0.2em;
}

/*//////////////////// /espace admin ///////////////////////////*/

#titre1_bij{
/*border:1px solid #000000;*/
}

#loic{
background-image:url(../images/loic.png);
background-repeat : no-repeat;
position : fixed;
top :3em;
left :59em;
width : 30em;
height : 25em;
/*border : 1px solid #000000;*/
z-index:0;
}

#bij_bij{
background-image:url(../images/bij.png);
background-repeat : no-repeat;
position : absolute;
top : 4em;
left : 30em;
width : 10em;
height : 15em;
/*border : 1px solid #000000;*/
z-index:0;

}

#menu_backoffice_bij{
position : relative;
width : 15em;
height : 13em;
/*border:1px solid #660000;*/
top:0em;
left:3em;
z-index:1;
}
#menu_backoffice_bij li{
list-style:square;
border-bottom :  1px solid #BA3C3D;
/*text-align:right;
padding : 0.2em;
background-image:url(../images/transparent2.png);*/
position:relative;
top : 0em;
left:-1.5em;
width:auto;
font-style:italic;

}

/*
#menu li:first-child{
border-top:  1px solid #660000;
}
*/

#menu_backoffice_bij li a{
display : block;
text-decoration:none;
padding:0.05em;
}


#menu_backoffice_bij li a:hover{
color : #FFFFFF;
background-color:#BA3C3D;
padding-left:0.2em;
}
/*-----------------------------------------------------*/

#menu_proprietaire{
position : relative;
width : 16em;
height : 25em;
top:13em;
left:7.5em;
z-index:1;
}

#menu_proprietaire li{
list-style:square;
border-bottom :  1px solid #BA3C3D;
position:relative;
top : 1em;
left:-1.5em;
width:auto;
font-style:italic;
}

/*
#menu li:first-child{
border-top:  1px solid #660000;
}
*/

#menu_proprietaire li a{
display : block;
text-decoration:none;
padding:0.05em;
}


#menu_proprietaire li a:hover{
color : #FFFFFF;
background-color:#BA3C3D;
padding-left:0.2em;
}
/*------------------------------------*/

#ariane{
position : relative;
top : 0.8em;
font-size:0.8em;
margin-bottom:-2em;
color : #666666;
}


#bloc{
position:absolute;
top:0em;
left:1.5em;
/*margin:auto;*/
width:55em;
padding : 1em 1em 30em 1em;
background-color:#FFFFFF;
/*background-image:url(../images/transparent.png);
background-repeat:repeat-y;*/
border-right:5px solid #BA3C3D;
border-left:5px solid #BA3C3D;
z-index :0;

}

#contenu{
position : relative;
/*border-top: 2px dashed #BA3C3D;*/
/*top : 24em;*/
margin-top : -1.5em;
left:4.6em;
width :46em;
padding-bottom:10em;
z-index : 2;
}

#titre1{
position : absolute;
top:1.5em;
left:7.6em;
/*border : 1px solid #000000;*/
}

#titre2{
position : fixed;
top : 1.6em;
left : 57em;
/*border : 1px solid #000000;*/
z-index:5;
}

#adresse{
position:absolute;
top : 15em;
right : 9em;
text-align:right;
/*border:1px solid #000000;*/
}

#firefox{
position:absolute;
top : 31em;
right : 13em;
text-align:right;
/*border:1px solid #000000;*/
font-size : 0.7em;
color : #CCCCCC;
}

#logo{
position : fixed;
top:8em;
left:2em;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
/*border:1px solid #000000;*/
width:5em;
height:5em;
}

#logo66{
position : fixed;
top:2.8em;
left:2.4em;
background-image:url(../images/logo66.png);
background-repeat:no-repeat;
/*border:1px solid #000000;*/
width:5em;
height:5em;
}

#logoEurope{
position : fixed;
top:7.8em;
left:2em;
background-image:url(../images/logoEurope.jpg);
background-repeat:no-repeat;
/*border:1px solid #000000;*/
width:8em;
height:5em;
}


/******* accueil.html ********/
#horaires{
	width : 68%;
	margin : 1em 16% 0em 16%;
	/*margin-left : 15%;
	margin-right : 15%;
	margin-top : 1em;*/
	padding : 0.2em 0em 0.5em 0em;
	/*padding-bottom : 0.3em;*/
	background-color : #BA3C3D;
	color : white;
	text-align : center;
	/*-moz-border-radius:1em;*/
}
#glossaire{
	width : 35.5%;
	margin : 1em 32.25% 1em 32.25%;
	padding : 0.5em 0em 0.1em 0.5em;
	background-color : #BA3C3D;
	font-size : 0.8em;
	color : white;
	text-align : left;
	/*-moz-border-radius:0.75em;*/
}
.titre_glossaire{
	font-weight : bold;
	font-size : 1.75em;
	text-align : center;
}

#contenu_accueil{
	position : relative;
	height : 65em;
}
#contact{
	position : absolute;
	width : 45%;
}
#actu{
	position : absolute;
	right : 0em;
	width : 45%;
	min-height : 750px;
	border-left:1px solid #BA3C3D;
	padding-left : 2em;
}
/** fin accueil.html **/

#pied{
/*border : 1px solid #000000;*/
position :absolute;
width:100%;
text-align:center;
font-size:0.8em;
bottom : 2em;
left : 0em;
margin-top : 2em;
z-index : 3;
}

#plan_site{
	margin-top : 2em;
}
#plan_site a{
	text-decoration : none;
}





/********************** DECO ******************************/
#affiche1{
background-image:url(../images/affiche1.png);
background-repeat : no-repeat;
position : absolute;
/*position : absolute;*/
float : left;
/*top : 47em;*/
/*top : 49em;*/
margin-top : 2em;
width : 23em;
height : 27em;
/*border : 1px solid #000000;*/
z-index:0;
}

.affiche1{
	position : relative;
	/*float : right;*/
	left : 21em;
	/*top : -27em;*/
	width : 23em;
}


#affiche2{
background-image:url(../images/affiche2.png);
background-repeat : no-repeat;
position : relative;
float : right;
top : 0em;
width : 18em;
height : 27em;
/*border : 1px solid #000000;*/
z-index:0;
}

.affiche2{
	position : relative;
	/*float : right;*/
	width : 25em;
	margin-top : 2em;
}

#affiche4{
background-image:url(../images/affiche4.png);
background-repeat : no-repeat;
position : relative;
float : right;
top : 2em;
width : 18em;
height : 27em;
/*border : 1px solid #000000;*/
z-index:0;
}

#affiche3{
background-image:url(../images/affiche3.png);
background-repeat : no-repeat;
position : absolute;
float : left;
/*top : 80em;*/
margin-top : 2em;
width : 23em;
height : 27em;
/*border : 1px solid #000000;*/
z-index:0;
}
.affiche3{
	position : relative;
	/*float : right;*/
	width : 25em;
	left : 21em;
	height : 27em;
	/*top : -27em;*/
}

#bij{
background-image:url(../images/bij.png);
background-repeat : no-repeat;
position : absolute;
top : 11.5em;
left : 25em;
width:137px;
height:210px;
/*
width : 10em;
height : 15em;
*/
/*border : 1px solid #000000;*/
z-index:0;
}

#bij2{
background-image:url(../images/bij2.png);
background-repeat : no-repeat;
position : absolute;
bottom : -20em;
left : 1em;
width : 43em;
height : 25em;
/*border : 1px solid #000000;*/
z-index:0;
}

#PO{
background-image:url(../images/66.png);
background-repeat : no-repeat;
position : absolute;
top : 12.5em;
left : 40.8em;
width : 8em;
height : 7em;
/*border : 1px solid #000000;*/
z-index:0;
}

#portrait{
background-image:url(../images/portrait.png);
background-repeat : no-repeat;
position : fixed;
top : 0em;
left : 59.5em;
width : 21em;
height : 30em;
/*border : 1px solid #000000;*/
z-index:4;
}



#permis{
background-image:url(../images/permis.png);
background-repeat : no-repeat;
position : fixed;
bottom : -11em;
left : 67em;
width : 19em;
height : 28em;
/*border : 1px solid #000000;*/
z-index:2;
}

#musee{
background-image:url(../images/musee.png);
background-repeat : no-repeat;
position : fixed;
top: 37em;
left : 57.5em;
width : 16em;
height : 10em;
/*border : 1px solid #000000;*/
z-index:3;
}

#conso{
background-image:url(../images/ticketConso.png);
background-repeat : no-repeat;
position : fixed;
top: 0em;
left : 90em;
width : 12em;
height : 29em;
/*border : 1px solid #000000;*/
z-index:2;
}





#logement{
background-image:url(../images/logement.png);
background-repeat : no-repeat;
position : relative;
top :0em;
left :5em;
width : 35em;
height : 35em;
/*border : 1px solid #000000;*/
z-index:3;
}

#generation{
background-image:url(../images/generation.png);
background-repeat : no-repeat;
position : fixed;
bottom :-7em;
left :59em;
width : 32em;
height : 30em;
/*border : 1px solid #000000;*/
z-index:0;
}

#annonce{
background-image:url(../images/annonces.png);
background-repeat : no-repeat;
position : fixed;
top :7em;
left :62em;
width : 9em;
height : 19em;
/*border : 1px solid #000000;*/
z-index:2;
}

#forum{
background-image:url(../images/forum.png);
background-repeat : no-repeat;
position : fixed;
bottom :15%;
left :77em;
width : 43em;
height : 23em;
/*border : 1px solid #000000;*/
z-index:1;
}

#ogm{
background-image:url(../images/ogm.png);
background-repeat : no-repeat;
position : fixed;
top: 0em;
left : 72em;
width : 10em;
height : 10em;
/*border : 1px solid #000000;*/
z-index:2;
}

#tux{
background-image:url(../images/tux.png);
background-repeat : no-repeat;
position : fixed;
top: 3em;
left : 60em;
width : 15em;
height : 20em;
/*border : 1px solid #000000;*/
z-index:2;
}

#enercoop{
background-image:url(../images/enercoop.png);
background-repeat : no-repeat;
position : fixed;
bottom: 10em;
left : 76em;
width : 25em;
height : 26em;
/*border : 1px solid #000000;*/
z-index:2;
}

#electorale{
background-image:url(../images/electorale.png);
background-repeat : no-repeat;
position : fixed;
bottom: -1em;
left : 62em;
width : 18em;
height : 21em;
/*border : 1px solid #000000;*/
z-index:1;
}

#oxfam{
background-image:url(../images/oxfam.png);
background-repeat : no-repeat;
position : relative;
bottom: -1em;
left : 5em;
width : 20em;
height : 26em;
/*border : 1px solid #000000;*/
z-index:1;
}


#cannabis{
background-image:url(../images/cannabis.png);
background-repeat : no-repeat;
position : relative;
top : 0em;
left : 7em;
width : 30em;
height : 50em;
/*border : 1px solid #000000;*/
z-index:0;
}

#prevention1{
background-image:url(../images/prevention1.png);
background-repeat : no-repeat;
position : relative;
top : 0em;
left : 7em;
width : 40em;
height : 50em;
/*border : 1px solid #000000;*/
z-index:0;
}

#contraception{
background-image:url(../images/contraception.png);
background-repeat : no-repeat;
position : fixed;
top : -5em;
left : 78em;
width : 20em;
height : 31em;
/*border : 1px solid #000000;*/
z-index:0;
}

#alcool{
background-image:url(../images/alcool.png);
background-repeat : no-repeat;
position : fixed;
bottom : -5em;
left : 65em;
width : 20em;
height : 28em;
/*border : 1px solid #000000;*/
z-index:1;
}

#ist{
background-image:url(../images/ist.png);
background-repeat : no-repeat;
position : fixed;
bottom : -13em;
left : 84em;
width : 20em;
height : 28em;
/*border : 1px solid #000000;*/
z-index:0;
}

#vih{
background-image:url(../images/testVIH.png);
background-repeat : no-repeat;
position : fixed;
top : -1em;
left : 59em;
width : 18em;
height : 35em;
/*border : 1px solid #000000;*/
z-index:0;
}



#riaj{
background-image:url(../images/riaj.png);
background-repeat : no-repeat;
position : relative;
top :4em;
left :7em;
width : 30em;
height : 35em;
/*border : 1px solid #000000;*/
z-index:0;
}

#surf{
background-image:url(../images/surf.png);
background-repeat : no-repeat;
position : fixed;
top :4em;
left :60em;
width : 30em;
height : 20em;
/*border : 1px solid #000000;*/
z-index:1;
}

#portrait2{
background-image:url(../images/portrait2.png);
background-repeat : no-repeat;
position : fixed;
top :0em;
left : 78em;
width : 27em;
height : 20em;
/*border : 1px solid #000000;*/
z-index:3;
}

#surf2{
background-image:url(../images/surf2.png);
background-repeat : no-repeat;
position : fixed;
top :-1em;
left :83em;
width : 20em;
height : 30em;
/*border : 1px solid #000000;*/
z-index:0;
}

#surf3{
background-image:url(../images/surf3.png);
background-repeat : no-repeat;
position : fixed;
bottom :-3em;
left :72em;
width : 30em;
height : 20em;
/*border : 1px solid #000000;*/
z-index:0;
}

#skate{
background-image:url(../images/skate.png);
background-repeat : no-repeat;
position : fixed;
top :22em;
left :61em;
width : 18em;
height : 40em;
/*border : 1px solid #000000;*/
z-index:2;
}

#photographe{
background-image:url(../images/photographe.png);
background-repeat : no-repeat;
position : fixed;
top :0em;
left :59em;
width : 33em;
height : 23em;
/*border : 1px solid #000000;*/
z-index:2;
}

#bafa{
background-image:url(../images/bafa.png);
background-repeat : no-repeat;
position : fixed;
top :15em;
left :73em;
width : 27em;
height : 20em;
/*border : 1px solid #000000;*/
z-index:0;
}

#plongee{
background-image:url(../images/plongee.png);
background-repeat : no-repeat;
position : fixed;
bottom :-10em;
left :59em;
width : 25em;
height : 30em;
/*border : 1px solid #000000;*/
z-index:2;
}

#vaccin{
background-image:url(../images/vaccin.png);
background-repeat : no-repeat;
position : fixed;
bottom :-10em;
left :59em;
width : 20em;
height : 25em;
/*border : 1px solid #000000;*/
z-index:2;
}


#metro{
background-image:url(../images/metro.png);
background-repeat : no-repeat;
position : relative;
top :5em;
left :10em;
width : 13em;
height : 7em;
/*border : 1px solid #000000;*/
z-index:0;
}

#beSexy{
background-image:url(../images/beSexy.png);
background-repeat : no-repeat;
position : fixed;
top :31em;
left :60em;
width : 25em;
height : 12em;
/*border : 1px solid #000000;*/
z-index:2;
}

#passport{
background-image:url(../images/passport.png);
background-repeat : no-repeat;
position : fixed;
top :1em;
left :70em;
width : 30em;
height : 24em;
/*border : 1px solid #000000;*/
z-index:0;
}

#mediator{
background-image:url(../images/mediator.png);
background-repeat : no-repeat;
position : fixed;
top :0em;
left :60em;
width : 7em;
height : 8em;
/*border : 1px solid #000000;*/
z-index:2;
}