*{font-family:"Gill sans", Arial, "Comic sans ms", sans-serif;font-size:100%;font-weight:400;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
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:330px;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;margin-right:10px;}
#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:73%;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,#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:35%;left:8%;width:580px;display:none;padding-bottom:50px;z-index:6;}
#totalprojets a{position:absolute;color:#FFd;text-decoration:none;width:500px;}

#totalprojets ul{padding:0px;}

#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;color:#00A2AD;font-size:22px;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;}
.hauteur{position:relative;padding:100px;height:30px;width:320px;}

//.hauteur{border:1px solid red;}





/* $$$$$$$$$$$$$$$$$$$$$$$$$ */

@media (max-width: 640px) {
    
    body{
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img{
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img{
        height: auto;
    }
    
    
    /* Un message personnalisé 

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }*/
}
/* $$$$$$$$$$$$$$$$$$$$$$$$$ */


/* 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{top:30px;}
	#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;}
	
	#domiciles{visibility:hidden;}
	#tablette_domiciles{visibility:visible;}
	#signature{left:5%;}
	#carambolage{padding-left:0px;left:48%;}
	#tournees{top:320px;}
	#desordre{visibility:hidden;}
	
	#totalprojets{position:static;float:right;height:120px;width:300px;margin-top:10%;margin-right:5%;}
	//#totalprojets{border:1px solid red;}


	#totalprojets a{position:static;float:right;text-align:right;width:auto;margin-left:100px;margin-top:5px;}
	#totalprojets a{display:inline-block;margin-top:10px;}


		
	
	#pitch{top:10%;left:0%;padding-left:0px;padding-top:0px;margin-right:0px;width:250px;}
	//#pitch h3{position:absolute;transform:rotate(270deg);left:2%;top:100%;}
	
	//#pitch traduction{transform:rotate(270deg);}
	//.notes{position:absolute;transform:rotate(270deg);left:0%;top:120%;text-align:left;color:#00A2AD;}
	#pitch .espace{margin:0px;}
	#pitch img{height:250px;width:250px;}
	
	

}

/* 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;}	

	#Mesmenus{width:175px;left:5%;}
	#rv{top:28%;}
	#langues{left:5%;}
	#actualisation{top:85%;}
	#carambolage{padding-left:0px;left:5%;top:20%;}
	.co1{margin-left:8%;}
	.co2{float:left;margin-left:8%;margin-right:10px;}	
	#horizonnoir{position:absolute;top:154px;left:0%;}
	#desordre{visibility:hidden;}
	.pub{font-size:20px;margin-left:8%;margin-bottom:15%;}
	/*#totalprojets{top:5%;left:30%;display:none;padding-bottom:50px;}*/
	#totalprojets{top:5%;display:none;padding-bottom:50px;width:350px;}
	#totalprojets a{margin-top:10px;}

	#pitch{top:3%;color:#00A2AD;background-color:black;}
	
	.boutons{display: inline-block;padding:3px;}
	

}