*{font-family:"Gill sans", Arial, "Comic sans ms", sans-serif;font-size:17px;font-weight:400;margin:0;}
body{overflow-x:hidden;overflow-y:hidden;}
h1{font-size:45px;font-family:"Courier New", Arial, serif;}
li{margin:5px;}
strong{font-size:19px;font-weight:400;font-style:italic;}
#HN,#laDame,#latenium,#petiteSorciere,#troisMinutes,#hamlet,#enDecoudre,#blanc,#leSonge,#leRequiem,#dasTheater,#lesDanaides,#laCorneille,#lePoisson,#deuxHeuresQuatorze,#monSaumon,#docteurCamiski,#jePenseAYu,#couvreFeux,#leHibou,#lesOursDorment,#desZebres,#africanMoon,#leMenteur,#ciaoPapa,#unDimanche,#ice,#pacamambo,#jedi,#dinette,#britannicus,#katzen,#boris,#ku,#le_pays,#poignard,#conversation,#helena,#corees,#filles,#bonheur,#galilé,#protectme,#diable,#dancing,#truelove,#kampfzone,#leben_bis,#grenze,#revolte,#cut,#idiot,#schlachthaus,#annax{display:none;z-index:8;}
#baratin{position:absolute;top:1%;left:48%;height:500px;width:330px;color:#FFd;display:none;z-index:5;padding-left:128px;padding-top:100px;}
#actualisation{color:black;position:fixed;top:91%;left:7%;z-index:4;;font-size:34px;}
#baratin a{color:#00A2AD;text-decoration:none;font-family:"Gill sans", Arial, "Comic sans ms", sans-serif;}
#berlin{color:#FFd;position:absolute;width:300px;z-index:10;display:none;}
#carambolage{position:absolute;top:6%;left:48%;width:320px;font-size:17px;color:#FFd;display:none;z-index:10;padding-left:128px;padding-top:200px;}
#carambolage a{font-size:17px;color:#00A2AD;text-decoration:none;}
#carambolage span{margin:20px;}
#chantierA{display:none}
#chantierB{display:none}
#domiciles{position:absolute;top:45%;left:25%;z-index:9;width:50%;}
#fenetrebleue{background-image:url("P_images/gris212122_4Ter.png");background-repeat:repeat;position:fixed;height:100%;width:100%;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-khtml-opacity:0.9;}
#horizonnoir{background-image:url("P_images/blackhorizontal.png");background-repeat:no-repeat;position:absolute;top:154px;left:5%;height:800px;width:1200px;display:none;}
#langues{position:fixed;top:93%;left:58%;z-index:4;display:block;}
#langues a{color:#00A2AD;text-decoration:none;padding:10px;}
#Mesmenus{position:fixed;top:30px;left:50px;z-index:4;display:block;}
#maphoto{position:absolute;top:1%;left:30px;display:none;}
#pitch{position:fixed;top:6%;left:48%;padding-left:128px;padding-top:100px;color:#FFd;}
#pitch h3{font-family:courier, serif;font-size:20px;font-weight:400;color:#00A2AD;margin-top:10px;margin-bottom:3px;}
#rv{position:fixed;top:100px;left:25%;color:#00A2AD;z-index:4;}
#signature{color:#00A2AD;position:absolute;top:95%;left:75%;width:300px;font-size:14px;z-index:10;display:none;}
#strasbourg{color:#FFd;position:absolute;left:60%;width:300px;z-index:10;display:none;}
#surLaMemeligne1{overflow:hidden;border-bottom:1px solid #00A2AD;padding-top:20px;}
#surLaMemeligne2{overflow:hidden;border-bottom:1px solid #00A2AD;padding-top:20px;}
#tablette_domiciles{color:#FFd;position:absolute;top:50%;left:15%;width:300px;z-index:10;display:none;}
#talents{font-size:25px;font-family:"Courier New", Arial, serif;color:#00A2AD;}
#totalprojets{position:absolute;top:30%;left:40px;width:580px;display:none;padding-bottom:50px;z-index:6;}
#totalprojets a{position:absolute;color:#FFd;text-decoration:none;width:500px;}
#tournees{color:#FFd;display:none;position:absolute;top:220px;width:99%;z-index:10;}
#tuerie{background-image:url("P_images/FOUR8.jpg");background-attachment:scroll;position:absolute;z-index:-2;overflow:hidden;background-repeat:repeat;height:100%;width:124%;}
#verticalnoir{background-image:url("P_images/blackvertical.png");background-repeat:no-repeat;position:absolute;top:6%;left:48%;height:94%;width:59%;display:none;}
.auteur{font-size:16px;}
.boulot{top:0;width:318px;height:25px;margin-top:0;margin-left:0;margin-bottom:10px;padding-left:0;color:#FFd;text-align:left;}
.boutons{min-width:120px;height:40px;color:#00A2AD;font-size:19px;padding:10px;}
.boutonBrillant{min-width:120px;height:40px;color:#40E0D0;font-size:19px;padding:10px;}
.co1{float:left;color:#FFd;margin-right:10px;margin-left:13%;margin-bottom:50px;}
.co2{float:right;color:#FFd;margin-left:10px;margin-right:13%;margin-bottom:50px;}
.details{color:#FFd;margin-top:10px;margin-bottom:10px;margin-left:15px;}
.espace{margin:15px;}
.espace2{margin:40px;}
.invisible{display:none;}
.pub{font-size:23px;font-family:"Gill sans", Arial, serif;color:#00A2AD;height:35px;margin-top:30px;margin-left:13%;}
.traduction{font-size:16px;font-weight:400;color:gray;font-style:italic;}
.titre,#tournees a{text-decoration:none;font-family:Courier, Arial, "Comic sans ms", sans-serif;color:#00A2AD;font-size:19px;}
.tourneeVille{font-size:18px;color:#FABB5C;margin-left:15px;}
.tourneeDate{margin-left:50px;}
.boutons:hover,#baratin a:hover,#carambolage a:hover,#totalprojets a:hover,#domiciles a:hover,#langues a:hover,#tournees a:hover{color:#40E0D0;cursor:pointer;}

/* propriétés pour grand-écran */			
@media screen and (min-width: 1051px){
	
	#tem{position:fixed;top:5%;left:5%;z-index:4;font-size:22px;color:green;}
	#domiciles{visibility:visible;}
	#tablette_domiciles{visibility:hidden;}
}

/* premières modifications pour écrans moyens */
@media screen and (max-width: 1050px){
		
	#tem{position:fixed;top:5%;left:5%;z-index:4;font-size:22px;color:blue;}	
	#baratin{left:45%;}
	#rv{left:8%;}
	#domiciles{visibility:visible;}
	#tablette_domiciles{visibility:hidden;}
	#desordre{visibility:hidden;}
	#surLaMemeligne1{border-bottom:none;}
	#surLaMemeligne2{border-bottom:none;}

}	


/* propriétés pour écrans moyens jusqu'a petite tablette */	
@media screen and (max-width: 830px){

	#tem{position:fixed;top:5%;left:5%;z-index:4;font-size:17px;color:white;}	
	#Mesmenus{width:155px;left:5%;}
	#rv{top:25%;}
	#baratin{top:60%;padding-left:0px;left:5%;padding-bottom:100px;}
	#baratin a{color:#40E0D0;}
	#baratin a:hover{color:#00A2AD;}
	#maphoto{position:fixed;left:3%;}
	#tuerie{position:fixed;}
	#verticalnoir{position:fixed;visibility:hidden;}
	
	#domiciles{visibility:hidden;}
	#tablette_domiciles{visibility:visible;}
	#signature{left:5%;}
	#carambolage{padding-left:0px;left:48%;}
	#tournees{top:320px;}
	#desordre{visibility:hidden;}
	
	#totalprojets{top:5%;left:45%;height:120px;}
	#pitch{top:25%;left:0%;padding-left:0px;padding-top:0px;margin-right:0px;}
	.notes{position:absolute;transform:rotate(270deg);left:0%;top:90%;text-align:left;color:#00A2AD;}
	#pitch .espace{margin:0px;}
}

/* propriétés pour mobile étroit */
@media screen and (max-width: 625px){

	#tem{position:fixed;top:5%;left:5%;z-index:4;font-size:11px;color:red;}	

	#langues{left:5%;}
	#actualisation{top:85%;}
	#carambolage{padding-left:0px;left:5%;top:20%;}
	
	.co1{float:left;color:#FFd;margin-right:10px;margin-left:8%;}
	.co2{float:right;color:#FFd;margin-right:10px;margin-left:8%;}
	#horizonnoir{position:absolute;top:154px;left:0%;}
	#desordre{visibility:hidden;}
	.pub{font-size:20px;margin-bottom:15%;}
	#totalprojets{position:absolute;top:5%;left:45%;width:580px;height:120px;display:none;padding-bottom:50px;z-index:6;}

}
</pre>
  </body>
</html>