.PremierMot {
    font-size: 1.2em;
	color: rgb(204,51,51);
}
h1{
	font-size: 1.1em;
	color: rgb(102,102,102); /*grey;  rgba(204,51,51);*/
	text-align: justify;
}
section {
	overflow: hidden;
}
section p, section img{
  display:inline-block;
  width:50%;
  vertical-align:middle;
  box-sizing:border-box;
}
section img{
  position:relative;
}
section p {  
  padding:15px;
  margin:0px;
  text-align:justify;
  /*box-shadow:50vw 0px  white,-50vw 0px  white;*/
}
.textgauche{
	padding:15px 15px 15px 0px;
}
.textdroite{
	padding:15px 0px 15px 15px;
}
h2{
	font-size: 1.1em;
	color: rgb(102,102,102);
	text-align: justify;
}
section a {font-weight: bold;color: rgb(204,51,51);}
section a:hover{color: rgb(102,102,102);}
@media (max-width: 767px) {
 /* conserver le ratio des images */
    p, img {
        height: auto;
		min-width: 100%;
    }
	.textgauche{
		padding:15px 0px 15px 0px;
	}
	.textdroite{
		padding:15px 0px 15px 0px;
	}
}