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