h1{
	font-family: "Lato", Georgia, Helvetica Neue, Helvetica, Arial,sans-serif;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
	/*letter-spacing:15px;*/
	/*text-align:left;*/
	}
h4{
	font-family: "Lato", Georgia, Helvetica Neue, Helvetica, Arial,sans-serif;
	font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
	/*letter-spacing:15px;*/
	/*text-align:left;*/
	}
h2{
	font-family: "Lato", Georgia, Helvetica Neue, Helvetica, Arial,sans-serif;
	font-size:30pt;
	line-height:23pt;
	line-height: 1.5;
	font-weight: 500;
	/*letter-spacing:15px;*/
	/*text-align:left;*/
	}
h3{
	font-family: "Lato", Georgia, Helvetica Neue, Helvetica, Arial,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
	/*letter-spacing:15px;*/
	/*text-align:left;*/
	}
	
h5{
	font-family: "Lato", Georgia, Helvetica Neue, Helvetica, Arial,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-variant:small-caps;
    font-weight:100;
	/*letter-spacing:15px;*/
	/*text-align:left;*/
	}
	
	
body {
background-color:#333;
margin:0 auto;
}

.texte_centre{
position:relative;
text-align:center;
}

.texte_banc{color:#FFFFFF;}

.texte_gris{color:#333;}

.blanche{
position:relative;
background-color:#FFFFFF;
margin:0px;
float:left;
}

.grise{
position:relative;
background-color:#333;
margin:0px;
float:left;
}


hr{
color:#FFFFFF;
width:340px;
padding:0px;

}

.image{
position: relative;
background: url('assets/img/1J2A0276.JPG') no-repeat;
background-size:contain;
width:480px; 
height:360px; 
max-width:40%;
max-height:40%;
min-width:10%; 
min-height:10%;
float:left;
margin-top:5%;
margin-left:12%;
margin-right:5%;
margin-bottom:5%;
}
.imaged{
position: relative;
background: url('assets/img/1J2A0276.JPG') no-repeat;
background-size:contain;
width:480px; 
height:360px; 
max-width:40%;
max-height:40%;
min-width:10%; 
min-height:10%;
float:left;
margin-top:5%;
margin-left:5%;
margin-right:5%;
margin-bottom:5%;
}

.image90{
position: relative;
background: url('assets/img/1J2A0276.JPG') no-repeat;
background-size:contain;
width:1080px; 
height:380px; 
max-width:80%;
max-height:80%;
min-width:80%; 
min-height:80%;
float:left;
margin-top:5%;
margin-left:10%;
margin-right:10%;
margin-bottom:5%;
}



.texte{
position: relative;
width:30%;
float:left;
margin-top:3%;
margin-right:12%;
margin-bottom:5%;
letter-spacing:2px;
}
.texteg{
position: relative;
width:30%;
float:left;
margin-top:3%;
margin-left:12%;
margin-right:5%;
margin-bottom:5%;
letter-spacing:2px;
}

.boutons{
float:right;
padding:3%;
}

.theme{
	width:26%;
}
.theme2{
	width:26%;
	margin-left:9%;
}


.theme3{
	width:26%;
}



@media only screen and (max-width:800px) {

.theme{
	width:98%;
}
.theme2{
	width:98%;
	margin-left:1%;
}
.theme3{
	width:70%;
}


.image{

width:480px; 
height:360px; 
max-width:90%;
max-height:90%;
min-width:90%; 
min-height:90%;
margin:0% 5% 0% 5%;
 

}
.imaged{
width:480px; 
height:360px; 
max-width:90%;
max-height:90%;
min-width:90%; 
min-height:90%;
margin:0% 5% 0% 5%;

}

.image90{


width:1080px; 
height:720px; 
max-width:10%;
max-height:10%;
min-width:10%; 
min-height:10%;
margin:0% 5% 0% 5%;
}



.texte{
position: relative;
width:90%; 
float:left;
height:auto; 
letter-spacing:2px;
margin:0% 5% 0% 5%;
}
.texteg{
position: relative;
width:90%;
float:left;
height:auto; 
letter-spacing:2px;
margin:0% 5% 0% 5%;
}

.texte_centre{
position: relative;
width:90%;
float:left;
height:auto; 
letter-spacing:2px;
margin:0% 5% 0% 5%;
}


    
    }