body {background: #fff; color:rgba(25,150,230,1); font-family: "Exo", "Lucida Grande", sans-serif;}
	a{text-decoration: none; color: rgba(25,150,230,1);}
	
	.titre {
	}

	.texte { 
	}
	
	

	#fond{margin:auto ; width : 100%;}

	#imageprinc{max-width:100%}


	
	.bout{background:#fff;
    	display:block;
    	height:5vw;
    	opacity:0;
    	position:absolute;
    	width:4vw;}

	.bout:hover{
    	opacity:0;}

	#tete1 {
	height:6.5vw;
	width:4.5vw;
	border-radius: 50%;
	top:7.5vw;
	left:-0.25vw;}

	#carre1 {
	height:7vw;
	width:5.5vw;
    	left:14vw;
	top:35vw;}

	#minicarre1{
	border-radius: 20%;
	left:5.2vw;
	top:28.4vw;
	width:1.5vw;
	height:1.7vw;
	}

	
	#rond1{
	border-radius: 100%;
	left:6.5vw;
	top:56.3vw;
	width:5.4vw;
	height:5.4vw;
	}

	#rond2{
	border-radius: 100%;
	left: 13.5vw;
	top:63vw;
	width:5vw;
	height:5vw;
	}

	#rond3{
	border-radius: 100%;
	left: 20.2vw;
	top:69.5vw;
	width:5vw;
	height:4.8vw;
	}

	#rond4{
	border-radius: 100%;
	left: 20.8vw;
	top:56.6vw;
	width:5vw;
	height:4.8vw;
	}

	#rond5{
	border-radius: 100%;
	left: 6.7vw;
	top:69.2vw;
	width:5.5vw;
	height:4.9vw;
	}


	#images_aj{
	filter : drop-shadow( 0.5vw 0.5vw 3px rgba(0,0,0,0.3));
	position:absolute;
	top:15vw;
	width:100%;
	}
	
	.image_a_app{
	
	display:none;
	max-width:800px;
	width:50vw;
	position:relative;
	margin: 0 auto;
	}



	#copyr{
	text-align: center;
	float:none;}

	#copyr a, #tousDroits{color: rgba(25,150,230,1);}
	
	@media screen and (max-width: 1100px) {
	  
	}

	@media screen and (max-width: 700px) {
	 .image_a_app{
		width:70vw;
	}
	
	#minicarre1 {
	height:32vw;
	width:10vw;
	left:4vw;
	top:20.4vw;}
	}

	@media screen and (max-width: 600px) {
 	 
	}