body {background-color:#CCFFFF;background-image:url("degradbleu.jpg");background-repeat:repeat-x;font-family:comic sans ms,verdana,arial,helvetica,sans serif} 
table{width:100%}
col{width:50%;}
img{border:none}
img.flt{float:left;margin:0px 10px 10px 0px}
img.fltd{float:right;margin:0px 10px 10px 10px}
div.large{margin-left:-20px}
p,div{font-size:12pt}
h1{text-align:center;color:#003399;font-size:22pt}
h2,h4{text-align:center;color:#003399;font-size:14pt}
hr{color:#003399;height:2px}
.MAJ{color:#CC3300;text-align:center}
.Accueil{text-align:center;font-size:16pt}
.Citation{color:#993300}
.Decouverte{font-size:10pt;color:green}
.bleuvert{text-align:center;background-color:#66CCCC;border-style:solid;border-color:#66CCCC;border-width:10px}
.rosefd{text-align:center;background-color:#FFCCFF;border-style:solid;border-color:#FFCCFF;border-width:10px}
.rose{color:#FF0099}
.vert{color:#006600}
.rouge{color:#CC3300}
.biblio{font-style:italic}
.centre{text-align:center}
.droite{text-align:right}
.justifie{text-align:justify}
.flot{text-align:justify;float:left;margin:0px 30px 10px 0px;width:50%}
acronym{font-style:normal;border-bottom:dotted 2px #003399;cursor:help;}
#gauch{clear:both;float:left;padding: 10px 2% 10px 2%;margin:0px;border:0px;width:46%;}
a.externe{color:#666600}
a.ro:hover {visibility:visible }
a.ro:hover img {visibility:hidden}
a{text-decoration:none}
a:visited{color:#003399}
a:hover{color:#CC3300}
a[target=_blank] {text-decoration:underline;}
a.externe{color:#666600}
div#header {text-align:center;clear:both;padding:1px;margin:10px}
div#left {text-align:justify;float:left;width:30%;margin:10px}
div#middle {text-align:justify;float:left;width:30%;margin:10px}
div#right{margin:10px}
div#footer {clear:both;text-align:center;}
div.barre{background-color:#66CCCC;clear:both;border-style:solid;border-color:#66CCCC;border-width:1px}
.flotte{float:left;margin:0px 10px 10px 0px;}
div#conteneur{text-align:center;margin-left:auto;margin-right:auto}
@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 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage ˆ la ligne forcŽ */
    }
    
    .flt,.fltd,.flotte {float: none;width: auto;}
    
    .hide_mobile {display: none !important;}
    
    body:before {content: "Version mobile du site";display: block;text-align: center;font-style: italic;color: #777;}
}