*{font-family:"Gill sans", Arial, "Comic sans ms", sans-serif;font-size:17px;font-weight:400;margin:0;}
body{background-image:url("P_images/opacite91.jpg");}
h1{font-size:45px;font-family:"Courier New", Arial, "Comic sans ms", serif;}
h2{font-size:25px;font-family:"Courier New", Arial, "Comic sans ms", serif;}
#actualisation{color:black;position:fixed;top:90%;left:10%;z-index:4;;font-size:34px;}
#barrenoire{background-image:url("P_images/blackhorizontal.png");background-repeat:no-repeat;position:fixed;top:170px;height:450px;width:100%;}
#fenetrebleue{position:absolute;top:-5px;left:0;height:100%;width:100%;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-khtml-opacity:0.9;}
#Mesmenus{position:absolute;top:540px;left:50px;z-index:4;}
#moncv{position:absolute;top:0;left:0;}


.special_Camiski{display:inline-block;float:right;padding:30px 0 0 30px;}


#support{position:absolute;top:220px;left:125px;height:50%;width:80%;overflow:hidden;}
#rv{position:fixed;top:100px;left:300px;color:#00A2AD;}

#versBas{position:absolute;top:400px;left:95%;background-image:url("P_images/flecheBas.png");background-repeat:no-repeat;background-position:center;height:45px;width:45px;}
#versBasRapide{position:absolute;top:480px;left:95%;background-image:url("P_images/flecheBasRapide.png");background-repeat:no-repeat;background-position:center;height:50px;width:45px;}

#versHaut{position:absolute;top:280px;left:95%;background-image:url("P_images/flecheHaut.png");background-repeat:no-repeat;background-position:center;height:45px;width:45px;display:none;}
#versHautRapide{position:absolute;top:200px;left:95%;background-image:url("P_images/flecheHautRapide.png");background-repeat:no-repeat;background-position:center;height:50px;width:45px;display:none;}

#zone_boutons_fixes{z-index:3;position:fixed;top:20px;left:20px;}

.annee_1ou2_spectacles{height:260px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 0 10px;}
.annee_3ou4_spectacles{height:450px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 0 10px;}
.annee_5ou6_spectacles{height:640px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 0 10px;}
.anneeveryreduite{height:125px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 0 10px;}
.anneeCamiski2015{height:890px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 20px 10px;}
.anneeCamiski2014{height:650px;width:90%;top:30px;border-top:1px solid #00A2AD;padding:10px 0 20px 10px;}
.boulot{top:0;height:25px;margin-bottom:10px;padding-left:0;color:#FFd;text-align:left;}

.coCamiski1{display:inline-block;float:left;color:#FFd;padding:30px 0 0 30px;}
.coCamiski2{display:inline-block;float:right;color:#FFd;padding:30px 50px 0 30px;}
.coCamiski3{display:inline-block;float:left;color:#FFd;padding:30px 0 0 30px;}
.coCamiski4{display:inline-block;float:right;color:#FFd;padding:30px 30px 0 30px;}
.coCamiski5{display:inline-block;float:left;color:#FFd;padding:30px 0 0 30px;}

.co_libre{float:left;color:#FFd;margin:0;padding:30px 0 0 30px;}
.co1{display:inline-block;float:left;height:160px;color:#FFd;padding:30px 0 0 30px;}
.co2{display:inline-block;float:right;height:160px;color:#FFd;padding:30px 0 0 0 ;}
.co3{display:inline-block;float:left;height:160px;color:#FFd;padding:30px 0 0 30px;}
.co4{display:inline-block;float:right;height:160px;color:#FFd;padding:30px 0 0 0;}
.co5{display:inline-block;float:left;height:160px;color:#FFd;padding:30px 0 0 30px;}

.date{color:#FFd;width:250px;font-size:25px;}
.details{color:#FFd;width:290px;height:120px;margin-top:10px;}
.espace1{margin:20px;}
.espace2{margin:40px;}
.fixes{font-size:17px;color:#00A2AD;}
.fonctions{top:0;left:0;width:90px;height:75px;}
.generique{position:relative;top:-74px;left:90px;height:75px;vertical-align: middle;}

.soustitre_exception_gauche{display:inline-block;float:left;color:#FFd;padding-left:30px;padding-right:30px;}
.special_Camiski{display:inline-block;float:left;padding:30px 20px 0 30px;}

.titreCamiski{font-family:Courier, Arial, "Comic sans ms", sans-serif;font-size:17px;color:#00A2AD;height:30px;text-decoration:none;padding-bottom:10px}

.fonctions_exception1{display:inline-block;height:175px;}
.generique_exception1{display:inline-block;height:175px;}

.lieu{font-size:13px;}
#moncv a,.titre{font-family:Courier, Arial, "Comic sans ms", sans-serif;font-size:17px;color:#00A2AD;text-decoration:none;}
.fixes:hover,.fixes a:hover,#moncv a:hover{color:#40E0D0;cursor:pointer;}


/* premières modifications pour écrans moyens , tactiles */
@media screen and (max-width: 1050px){		
	#support{width:auto;height:auto;}
	#moncv{position:relative;}
	#boutonsLift{display:none;}
	#rv{position:absolute;}
}


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

/* 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;}
	#support{left:12%;width:90%;}
	#zone_boutons_fixes{left:75%;}
	
		
}	


/* 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;}
	.soustitre_exception_gauche{display:block;float:none;}
	.soustitre_exception_droit{display:block;float:none;}
	#support{left:6%;}
	#zone_boutons_fixes{left:70%;}
	
	.co1{display:block;float:none;height:auto;}
	.co2{display:block;float:none;height:auto;padding:30px 0 0 30px;}
	.co3{display:block;float:none;height:auto;}
	.co4{display:block;float:none;height:auto;padding:30px 0 0 30px;}
	.co5{display:block;float:none;height:auto;}
	.co_libre{display:block;float:none;height:auto;padding:20px 0 0 30px;}
	
	.coCamiski1{display:block;float:none;padding:0 0 0 30px;}
	.coCamiski2{display:block;float:none;padding:0 0 0 30px;}
	.coCamiski3{display:block;float:none;padding:20px 0 0 30px;}
	.coCamiski4{display:block;float:none;padding:20px 0 0 30px;}
	
	.boulot{width:auto;}

	.annee_1ou2_spectacles{height:auto;display:block;padding-bottom:20px;}
	.annee_3ou4_spectacles{height:auto;display:block;padding-bottom:20px;}
	.annee_5ou6_spectacles{height:auto;display:block;padding-bottom:20px;}
	.anneeveryreduite{display:block;padding-bottom:10px;}
	.anneeCamiski{height:auto;}
	
	.details{width:auto;height:80px;}
	.date{padding-top:20px;}
	
	.soustitre_exception_gauche{height:28px;}
	.soustitre_exception_droit{height:28px;}

}

/* 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;}
	.co2{float:none;}
	.co4{float:none;}
	#rv{left:15px;}
	#support{left:3%;}
	#zone_boutons_fixes{left:65%;}
}