/*******************************/
/***********CONTACT*************/
/*******************************/

.PremierMot {
    font-size: 1em;
	color: rgb(204,51,51);
}
#gauche{
	float:left;
	margin: auto;
	width:50%;
	text-align: center;
	vertical-align: middle;
	padding-top: 25px;
}
.cdfrance{
	width:30%;
	height:auto;
	display: block;
	margin: auto;
}
.imgmail{vertical-align: middle;}

h1{
	font-size: 1.1em;
	color: rgb(102,102,102); /*grey;  rgba(204,51,51);*/
	text-align: center;
}
section {
	overflow: hidden;
	color: rgb(102,102,102);
	margin: 0px;
	background-image: url("Images/background.jpg");
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
	background-position: center bottom;
	min-height: 500px;
	/*background-size: cover;*/
}
p{text-align:center;}
h2{
	font-size: 1.1em;
	color: rgb(102,102,102);
	text-align: center;
}
section a {/*font-weight: bold*/;color: rgb(102,102,102);text-decoration: none;}
section a:hover{color: rgb(204,51,51);}
section img{max-width:100%;margin:0;}
@media (max-width: 767px) {
 /* conserver le ratio des images */
    .cdfrance img {
        height: auto;
		min-width: 50%;
		margin: auto;
    }
	.imgmail img{
		height: auto;
		width: auto;
		margin: auto;
	}
	#gauche{min-width:100%}
}