* {font-family:Calibri}

body {margin:0;padding:0px;overflow-x:hidden;}

h1 {font-size:20pt;text-align:center}
h2 {font-size:13pt;color:#406;font-style:normal;font-weight:600;text-align:center;margin-right:20px}
h3 {font-size:1em;color:#2E5558;text-align:center}
h4 {font-size:8pt;color:#00F;font-style:italic;text-align:right;margin-right:20px}
h5 {font-size:8pt;color:#000;font-weight:400;text-align:left;display:inline}
h6 {font-size:8pt;color:#E22;text-align:left}
form {margin:0;padding:0px;display:inline}
p {font-size:12pt;font-weight:400;text-align:justify;margin-right:10px}
input {font-size:10pt;color:#000;font-style:normal;font-weight:500;text-align:justify;margin-right:10px}
textarea {font-size:12pt;color:#000;font-style:normal;font-weight:500;text-align:justify;margin-right:10px}

span.textemenu {font-size:14pt;color:#000}

.rouge {color:#F00;}
.robot { color:#F00;font-size:13pt;font-weight:800  }
.sombre {color:#004;font-weight:900}
/*.rougeb {color:#F00;font-style:bold}
.rouge3 {size:3pt;color:#F00}
.rougeb15c {color:#F00;font-size:12pt;text-align:center;font-style:bold}
.rougeb15bi {color:#A00;font-size:12pt;font-style:italic;font-weight:900}
.rouge5 {size:5pt;color:#F00}*/

.bleu {color:#00F} /*
.bleu2 {color:#008;size:2pt}
.bleui{size:5pt;color:#05B;font-style:italic}
.bleub{size:7pt;color:#05B;font-style:bold}
.bleub10{font-size:12pt;color:#04C;text-align:center;font-weight:700}
.bleub12c{font-size:12pt;color:#368;text-align:center;font-weight:600}*/

.blanc {color:#FFF}
/*.size1 {size:1pt}

.c04020 {color:#c04020;text-decoration:line-through}
.c0000FF {color:#0000ff}
.journal {font-size:11pt;font-family:Calibri sans-serif ;color:#1f497d}
.gris {color:#555}
*/
.c000099b {color:#009;font-style:bold}

/*
.fvert12b {color:#060;font-size:12pt;font-style:bold}
.fvert10 {color:#060;font-size:10pt}
.citation {color:#060;font-size:8pt;font-style:italic}*/
.violet {color:#660066} /*
.violet-i {color:#660066;font-style:italic}
.bleugris-i {color:#005555;font-style:italic}
.bleugris-ib {color:#005555;font-style:italic bold}

.jauneg {color:ffee66;font-size:15pt}
.jaunep {color:ffee66;font-size:10pt}
*/
a:link {color:#00A;text-decoration:none}
a:visited {color:#008;text-decoration:none}
a:hover {color:#0AF;text-decoration:none}

ul {font-size:10pt;color:#000;font-style:normal;font-weight:400;text-align:justify;margin-right:10px}
ol {font-size:10pt;color:#000;font-style:normal;font-weight:400;text-align:justify;margin-right:10px}

table.menuarticle {display:block;color:#333;width:800;width:100%;max-width:800px;font-size:1.3em;font-weight:300;text-align:left;margin-right:10px}
table.menuarticle td {vertical-align:top;width:65%}
table.menuarticle td :nth-child(1){text-align:right;width:25%}
table.menuarticle td :nth-child(2){width:25%}

div#main {border-collapse:collapse;display:flex;flex-wrap:wrap;background-color:#FFF;justify-content:center;vertical-align:top;text-align:center;width:100%;z-index:1;max-width:100vw}
div#container {display:flex;position:fixed;background-color:#FFF;width:100%;padding:0px;justify-content:space-between;text-align:center;top:0;z-index:2}
#bandeaumenu {display:inline-block;background-color:#EEE;width:100%;top:8px;
float:center;justify-content:space-between;border-collapse:collapse;spacing:30px}
div.bandeaumenudiv {display:inline-block;background-color:#EEE;float:center;padding:6px}

div.boiteicone {position:relative;display:none;z-index:2}
img.icone {border:none;width:5vw;height:5vw;max-width:30px;max-height:30px;vertical-align:middle}
img.iconelarge {border:none;max-width:70px;max-height:60px;vertical-align:middle}

#decors {position:relative;display:inline-block;max-width:800px;z-index:1;top:4vw}
#basdepage {position:relative;display:inline-block;z-index:1;top:7vw;background-color:#EEE}
div#pagearticle {position:relative;flex-grow:1;background-color:#FFF;flex-basis:300px;min-width:50vw;padding:10px;top:0px}
div#textearticle {position:relative;background-color:#FFF;columns:300px;margin:0 20px;top:7vw;}
/*div#textearticlesuite {position:relative;display:block;background-color:#FFF;columns:300px;margin:0 20px}*/
div#textearticlepage {position:relative;background-color:#FFF;margin-left:50;margin-right:15;top:70px;color:#333;}
div.bois {position:relative;background-image:url("../images/fond-bois.jpg");margin-left:0;margin-right:0;top:70px;width:100%; min-width:1000px;  }
div#dial {position:relative;background-color:#F4F7FF;width:400px;max-width:400px;padding:10px;columns:200px;margin:0 20px}
div#contributions {position:relative;flex-grow:1;background-color:#FFF;flex-basis:300px;min-width:50vw;padding:10px;top:4vw}
div#textecontributions {columns:300px;margin:0 10px;top:0vw ;background-color:#F5FFFF}
div.boitedessin {position:relative;display:inline-block;max-width:150px;padding:10px;vertical-align:top;text-align:center;word-wrap:break-word;}
div.outilscache {position:absolute;display:none;z-index:2;text-align:center;border:none;
font-size:10pt;font-style:bold;color:#11487B;background-color:#CFEEEE;}
div.vignette {display:inline-block; padding:10px;width:100%;overflow-x:auto;max-width:800px; word-wrap:break-word;} 
div.uncommentaire {display:inline-block;}
div.uncommentairem {display:inline-block;padding:10px;}
#B1 {width:350px} 
#B2 {width:350px}
#B3 {min-width:350px}
#B4 {width:350px}
#B5 {min-width:300px}
#B6 {width:350px}
#B7 {width:350px}
#B8 {min-width:350px}
#B9 {min-width:300px}

ul#menu li ul {display:none}
ul#menu li:hover > ul {display:block}
ul#menu {margin:0px 0px 10px 0px;width:241px}	
ul#menu,ul#menu ul {list-style:none;border-top:solid 2px #f9fefe;border-left:solid 1px #CFEEEE;
	border-bottom:solid 2px #CFEEEE;background-color:#CFEEEE;margin:0px;padding:0px;	}
ul#menu ul {margin:0px;position:absolute;border-left:solid 2px #fff;top:-1px;left:139px;width:241px;z-index:5;	}
ul#menu ul ul {left:139px}
ul#menu ul ul ul {left:139px}
ul#menu li{background-color:#CFEEEE;position:relative;border-left:solid 1px #ececec;border-right:solid 1px #ececec;height:23px;line-height:22px}
ul#menu li a{display:block;width:229px;padding-left:5px;font-family:Times New Roman;
	font-weight:bold;font-size:13;color:#11487B;text-decoration:none}
ul#menu li li a{width:229px}
ul#menu li li li a{width:229px}
* html ul#menu li a {display:inline-block}
ul#menu li a:hover 	{background-image:url(../images/bosse.jpg);
	background-position:inherit bottom;background-repeat:repeat-x;text-decoration:none;color:#F09;
	border-bottom:solid 1px #00B;border-top:solid 1px #FFF;line-height:21px}
 ul#menu li span {background-image:url(../images/fleche-bleu-p.png);background-position:right center;background-repeat:no-repeat;display:block;margin-right:7px}

.shadowbox {border:1px solid #000;box-shadow:7px 7px 6px #68a;padding:0px 0px}
.shadowbox2 {text-align:center;border:1px solid #000;box-shadow:7px 7px 7px #000;padding:0px 0px}
/*
.menulien td>div {position :relative;cursor:pointer}
.menulien td>div:hover {color:#33B}
.menulien td>div>div {display:none;top:100%;left:50%;transform:translateX(-20%);position :absolute;padding:1px 10} 
*/

/* pour premier tableau de collections 
table.aspect-collection{border-collapse:separate;border-spacing:5px;border:double #E22;max-width:1000px} 
table.aspect-collection td{background-color:#EFF;font-size:10pt;width:33%;text-align:justify;vertical-align:top;padding:5px}

table.destit{border-collapse:collapse;border:double #E22;border-spacing:5px;width:90%;background-color:#EFF}

table.destit-txt-val{display:block;font-size:8pt;border-collapse:collapse;border:double #17D;max-width:100%}
table.destit-txt-val tr :nth-child(1){width:80%;text-align:left}
table.destit-txt-val tr :nth-child(2){width:20%;text-align:right}

#constitutions{font-size:8pt;border-collapse:collapse;border:double #E22}
#constitutions thead {display:block;vertical-align:center;background-color:#BEF}
#constitutions tbody {display:block;height:500px;overflow-y:auto;flex-wrap:wrap}
#constitutions td{vertical-align:top;padding:4px;border-bottom:1px solid #4CD}
*/
table.aspect {font-size:8pt;color:#000;text-align:center;border:1px ;cell-border :1px solid white;
	 width:95%} 
table.aspect td{padding:10px;width:250px}
/*
#aspect-liste{background-color:#EFF;justify-content:space-between;vertical-align:top;width:300vw;z-index:1;padding:0px}
div.aspect-liste-text {display:inline-block;background-color:#FFF;min-height:23px;width:66%;min-width:300px;
  text-align:left;float:left;vertical-align:top;padding:5px}
div.aspect-liste-date {display:inline-block;background-color:#EFF;padding:0px;float:right}

table.aspect-2 {font-size:8pt;color:#2E5558;text-align:left;background-color:#FFF;vertical-align:text-bottom;
border-spacing:0;border-collapse:collapse} 
table.aspect-2 th {background-color:rgb(220, 220, 220)}
table.aspect-2 tbody tr:hover, tbody tr:hover th {background-color:#EFEFFF}
*/
table.aspect-22 {font-size:10pt;color:#2E5558;background-color:#FFF;vertical-align:text-bottom;
border-spacing:0;border-collapse:collapse;text-align:center;padding:5px} 
table.aspect-22 th{background-color:#CCFFCC}
table.aspect-22 th,td:nth-child(1) {width:20%} 
table.aspect-22 th,td:nth-child(2) {width:80%;text-align:center} 

table.fond {background-color:#FFF;border:none;border-spacing:0;border-collapse:collapse;width:100%;padding:0px}

.index{border:10px solid #CC9C7C;columns:300px; font-size:14pt; text-align:center;background-color:#FFCFAF; 
page-break-inside: avoid; padding:12px; width:80%}

table.aspect-3 {font-size:12pt; background-color:#CFEEEE; font-style:bold; color:#11487B; text-align:center; padding:50px; border:0px; }

table.dialogue {border:0px;background-color:#CFEEEE;font-size:12pt;font-style:bold;color:#11487B;
	 width:400px;border-collapse:collapse;border:none;padding:0px} 
	 
table.dialogue td {text-align:center;vertical-align:center;width:12%}	
table.dialogue tr:nth-child(2){vertical-align:bottom}

.cartouche {position:absolute;display:none;z-index:1;width:240px;padding:30px}

table.tours {border:none;padding:10px}
table.tours td {text-align:center;vertical-align:center;width:16%}	

div.bulle {position:absolute;border-collapse:separate;background-color:#EFEFFF;
border:thin solid #000;color:#1D4447;font-size:8pt;text-align:center;z-index:50;font-size:12} 
/*	
.flotte {float:left}/* pour une image dans un texte 

.content-box {border:10px solid #0ff;-webkit-column-width:200px;-moz-column-width:200px;column-width:200px}

table.evaluations-titre {table-layout:auto;background-color:#CFEEEE;vertical-align:center;border:3px solid #457;
	text-align:left;border-collapse:collapse;display:block;max-width:800px;min-width:420px} 
table.evaluations-titre td {border:thin solid #DDF;min-width:30px}
.evaluations-titre td:nth-child(1) {width:40%;font-size:12px;min-width:140px;color:#000;text-align:center}
.evaluations-titre td:nth-child(2) {width:7%;color:#000}
.evaluations-titre td:nth-child(3) {width:7%;color:#000}
.evaluations-titre td:nth-child(4) {width:7%;color:#000}
.evaluations-titre td:nth-child(5) {width:7%;color:#000}
.evaluations-titre td:nth-child(6) {width:7%;color:#000}
.evaluations-titre td:nth-child(7) {width:7%;color:#000}
.evaluations-titre td:nth-child(8) {width:7%;color:#000}
.evaluations-titre td:nth-child(9) {width:7%;color:#000}
.evaluations-titre td:nth-child(10) {width:20px}

table.evaluations {table-layout:auto;background-color:#FFF;border:3px solid #457;text-align:center;
	border-collapse:collapse;display:block;height:400px;overflow-y:auto;overflow-x:hidden;max-width:800px;min-width:430px}
table.evaluations td {vertical-align:bottom;font-size:10px;border:thin solid #DDF;border-bottom:3px solid #CFEEEE;min-width:30px;max-width:150px}
.evaluations td:nth-child(1) {width:43%;font-size:14px;text-align:left}
.evaluations td:nth-child(2) {width:7%;color:#000}
.evaluations td:nth-child(3) {width:7%;color:#000}
.evaluations td:nth-child(4) {width:7%;color:#000}
.evaluations td:nth-child(5) {width:7%;color:#000}
.evaluations td:nth-child(6) {width:7%;color:#000}
.evaluations td:nth-child(7) {width:7%;color:#000}
.evaluations td:nth-child(8) {width:7%;color:#000}
.evaluations td:nth-child(9) {width:7%;color:#000}
.evaluations td:nth-child(10) {width:1%}	
*/
#publi {width:100%;font-size:10px;background-color:#EEE;text-align:center;padding:10px}
div.publibox {position:relative;font-size:14px;display:inline-block;padding:4px}
#publijournal {width:100%;font-size:10px;background-color:#585858;text-align:center;padding:4px}
/*
table.aspect-message {border-collapse:collapse;background-color:#FEA}
table.aspect-message td:nth-child(1) {font-size:12pt;text-align:center;padding:6px;vertical-align:text-bottom} 

table.ascenseurs {font-size:8pt;border-collapse:collapse;border :1px solid dark;max-width:100%;background-color:#EFF;padding:5px}
table.ascenseurs tr {border-bottom:1px solid #CCE;white-space:nowrap;text-align:center}
table.ascenseurs tr:nth-child(1){background-color:#CCC;text-align:center}
table.ascenseurs tbody, td:{color:#000;width:100px}
table.ascenseurs td:nth-child(1){background-color:#CCC}
table.ascenseurs td:nth-child(n+2) {text-align:right;font-size:10pt}

table.egalcentre{border-collapse:collapse;border :1px solid dark;background-color:#EFF;padding:4px;width:100%;max-width:900px}
table.egalcentre td {font-size:10pt;text-align:center}
table.egalcentre td:nth-child(n+1){width:100px}

table.pub{background-color:#000;width:90%;padding:7px;border:1px solid #0FF;border-collapse:thin;text-align:center}
table.pub tr ,td {border:none}

table.covid-fric {font-size:8pt;border-collapse:collapse;background-color:#E0F5FF;border:1px solid #22E;max-width:100%}
table.covid-fric thead,th {text-align:center;background-color:#DDD}
table.covid-fric tbody{display:block;border-bottom:1px solid #CCE}
table.covid-fric tbody tr{padding:10px;border-bottom:1px solid #CCE}
table.covid-fric td:nth-child(1){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(2){text-align:center;flex-wrap:wrap;width:25%;min-width:200px}
table.covid-fric td:nth-child(3){text-align:left;flex-wrap:wrap;width:26%;min-width:200px}
table.covid-fric td:nth-child(4){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(5){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(6){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(7){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(8){text-align:right;width:7%;white-space:nowrap}
table.covid-fric td:nth-child(9){text-align:center;width:7%;white-space:nowrap}
*/