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;font-size:12pt;line-height:2em}
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{
hyphens:auto;
word-wrap:break-word; /* passage ˆ la ligne forcŽ */
}
.hide_mobile{display:none !important;}
 body:before{content:"Bernard Langellier Site compatible smartPhones";display: block;text-align: center;font-style: italic;color: #777;}
}