/* CSS Document */
@charset "UTF-8";
/*==============================================
                  PAGE contact
===============================================*/
body {
/*	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font: 85% Verdana, Arial, Helvetica, sans-serif;*//* 100%/1.4 
	background: #e9eff2;
	margin: 0;
	padding: 0;*/
	background:#000;
}
.accueil{
	margin-left: auto;
	margin-right: auto;
	width: 600px; /* largeur obligatoire pour être centré */
	height: auto;
}
.image{
	position: absolute; /* postulat de départ */
	top: 50%; left: 50%; /* à 50%/50% du parent référent */
	transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
	width: 600px;
	height: auto;
	z-index: 2;	  
}
.canvas-0{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);	
	width: 230px;
	height: 230px;
	border-radius:50%;
    margin-top: -50px;
    margin-left: 0px;
    z-index: 99;
}
.canvas-1{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
	height: 86px;
    margin-top: 188px;
	margin-left: -10px;
    z-index: 99;
}
.canvas-2{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 26px;
    margin-top: 266px;
    z-index: 99;
}
/*		height: 400px; *//*
@media only screen and (max-height: 600px) {
	.accueil {
		width: 400px; 

	}
	.image{
		width: 400px; 
	}
}
*/

@media only screen and (max-width:768px) , (max-height: 600px){
body {
	background: #000;
}
	.accueil {
		width: 500px; 
/*		height: 400px; */
	}
	.image{
		width: 500px; 
	}
	.canvas-0{
		width: 190px;
		height: 190px;
    	margin-top: -40px;
		margin-left: 0px;
	}
	.canvas-1{
		width: 290px;
		height: 54px;
		margin-top: 126px;
		margin-left: -6px;
	}
	.canvas-2{
		width: 34px;
		height: 18px;
		margin-top: 178px;
	}
}

@media only screen and (min-width:1200px) and (min-height: 800px){
body {
	background: #000;
}
	.accueil {
		width: 800px; 
/*		height: 800px; */
	}
	.image{
		width: 800px; 
	}
	.canvas-0{
		width: 302px;
		height: 302px;
		margin-left: 0px;
    	margin-top: -64px;
	}
	.canvas-1{
		width: 580px;
		height: 110px;
		margin-top: 250px;
		margin-left: -14px;
	}
	.canvas-2{
		width: 68px;
		height: 28px;
		margin-top: 356px;
	}
}