body{
background-color: #FFFFFF;
color: #000000;
list-style-type: disc;
font-family : Arial, Helvetica, sans-serif;
}
img{max-width: 100%; height: auto; margin-right: 8px;}
p img{margin-right: 10px; max-width: 100%; height: auto;}
#diapo{width:680px; max-width: 100%; height: auto; border: 1px solid; padding: 10px; margin-right: 20px; margin-bottom: 5px; float: left;}
.texte{clear:both; margin: 0px; padding: 0px;}
.taille{font-size: 150%;}
.taille1p{font-size: 120%;}
.taille1m{font-size: 70%;}
.couleur1{color: #FF0000;}
.couleur2{color: #0000FF;}
.couleur3{color: #008000;}
.couleur4{color: #FF8000;}
.couleur5{color: #FF00FF;}
.couleur6{color: #800080;}
.sommaire2{display: none;}

@media screen and (max-width: 768px) {
#diapo{width:680px; max-width: 100%; height: auto; border: 1px solid; padding: 10px; margin-right: 20px; margin-bottom: 5px; float: none;}
.sommaire1{display: none;}
.sommaire2{display: block;}
.effacer{display: none;}
}