@charset "UTF-8";
/* CSS Document */

body {
 padding: 0px;
	margin: 0px;
        background-color: #FEFBFB;
	color: #151515;
        /*background: linear-gradient(#151515, 10%, #000, #151515);*/
 }
.page {
	position: relative;
	max-width: 2240px;
    text-align:center;
    margin: 0px;
	padding: 0px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Harmattan', sans-serif;  
}
    
       
.mini{
    float:none;
	display: inline-block;
	position: relative;
    margin: 0px;
	padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    width:320px;
    height:400px;
    }
    .mini img{
    margin: 0px;
	padding: 0px; 
    padding-top: 4px;
    padding-bottom: 4px;
    width:100%;
    height:100%;
    border: 0;
	border-radius:0%;
    }
    
 h1{
	position:relative;
	margin-top: 15px;
	font-family: 'Julius Sans One', Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #151515;
	text-align: center;
} 
h2{
	font-size: 1em;
	text-align: center;
} 
.retour a{
	font-size: 1em;
	text-align: center;
	color: #FEFBFB;
	text-decoration: none;
} 
.contact a{
	text-decoration:underline;
	color:#151515;
}
.contact a:hover{
	color:#ffff00;
	text-decoration:none;
}
/*POUR MOBILE horizontal*/
@media only screen and (max-width: 1080px) {
 
.mini{
    width:200px;
    height:250px;
    }
}    
/*POUR MOBILE*/
@media only screen and (max-width: 640px) {
    
    .mini{
    width:140px;
    height:175px;
    }
}