body{background-image:url("diatomee.webp")}
h1,h2,p{font-family:verdana,helvetica,sans serif;color:#808000}
img{border:none}
div{background-color:#FFFFCC;border-style:solid;border-color:#FFFFCC;border-width:10px}
div.conteneur{text-align:center;width:80%;margin-left:auto;margin-right:auto}
div.contenu{text-align:center;border-style:solid}
.vert {color:#009900; font-size:12pt}
.biblio{color:#808000}
.centre{text-align:center}
a:link {color:#808000;}
a:visited{color:#800000}
a:hover{text-decoration:none;color:#FF0000;}
div.barre{background-color: #FF9933;width:100%;border-style:solid;border-color: #FF9933;border-width:1px}
@media (max-width:640px){
* {box-sizing: border-box;}
body{width:auto;margin:0;padding:0}
img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video {max-width:100%;}
img{height:auto;}
textarea,table,td,th,code,pre,samp {
hyphens:auto;
word-wrap: break-word; /* passage à la ligne forcé */
}
.flt,.fltd,.flotte{float:none;width:auto;}
.hide_mobile {display:none !important;}
a{text-decoration:none;font-size:16pt;line-height:2em}
body:before {content: "Version mobile du site";display: block;text-align: center;font-style: italic;color: #777;}
}