body, select, input, option, textarea {font-family:Verdana; font-size:14px; text-align:justify;}
legend {font-style:italic;}

h1 {font-family:Verdana; font-size:24px; color:#55f;}
h2 {font-family:Verdana; font-size:18px; color:#55f;}
h3 {font-family:Verdana; font-size:14px; color:#55f;}

/* Zone de connexion */
#connexion, #connexion td, #connexion input, #bonjour {font-size:12px;}
td.connexion {background-color:#cf9;}
#connexion {padding:7px;}
#bonjour {padding:7px; padding-left:20px; font-size:13px; font-weight:bold;}
#bonjour a {font-size:12px;}

.espav {margin-top:0px;}
.titre {font-size:20px; color:#580; font-weight:bold; padding-top:20px;}
.attention {background-color:orange; color:white; font-weight:bold; padding:3px;}
.erreur {background-color:red; color:white; font-weight:bold; padding:3px;}
.confirme {background-color:green; color:white; font-weight:bold; padding:3px;}
.petit {font-size:12px; color:#333;}
.renforce {color:#f70; font-weight:bold;}
.normal {color:#000; font-weight:normal;}
.colonne {width:300px; padding-left:20px; vertical-align:top;}
.titrecolonne {font-weight:bold; text-align:center; background-color: #8d8;}
.annonce {background-color: #cfc;}
.annonce:hover {background-color: #fff;}
.coche {background-color: #ffa;}
.couple {background-color: #faa;}
.lignecouplee {background-color: #faa; border:3px solid #000;}
.lignesimple {background-color: #cfc;}
.notif {color:#070;}
.postit11 {background-color:#ddd;}
.postit12 {background-color:#fcc;}
.postit13 {background-color:#cfc;}
.postit21 {background-color:#aaf;}
.postit22 {background-color:#dd7;}
.postit23 {background-color:#faf;}
.postit31 {background-color:#aff;}
.postit32 {background-color:#fc7;}
.postit33 {background-color:#bbb;}
.postit {padding:10px; border: 3px solid white;}

.select{border: 1px solid black;}
.texte {text-align:justify;}

/*
.menu {background-color: #dfa; float:left; padding:5px; border-right: 20px solid #fff;}
.actif {background-color:#ad7;}
*/

@media screen {
  span.lien {color:#009;text-decoration:none; cursor:pointer;}
  span.lien:hover {color:red; text-decoration:underline;}
  a {color:#d60; text-decoration:none; font-weight:bold;}
  a:hover { color:#b50; text-decoration:none;}
}

@media print {
  a {color:#000;text-decoration:none;}
  a:hover {color:#000; text-decoration:underline;}
}

/* Menus */
/*.onglet {background:#ddd; padding:6px; spacing-left:5px solid transparent; font-weight:bold; font-size:11px; text-align:center;}
.onglet:hover {background:#eee;}  */

.onglet {background:#cf9; padding:6px; spacing-left:5px solid transparent; font-weight:bold; font-size:11px; text-align:center;}
.onglet:hover {background:#af8;}

div.titre {font-weight:bold;padding-top:6pt;}
div.titre span {background-color:#cf9;}

div.menu {float:left; margin-right:3px;}
div.menu div {background-color:#cf9; padding:5px; width:120px; text-align:center;}
div.menu div.actif {border:3px solid #8d6;}
div.menu div:hover {background-color:#af8;}
div.menu ul {position:absolute; list-style-type:none;display:none;background-color:#dfa;padding:0px;margin:0px; width:18em;}
div.menu ul li {background-color:#dfa;padding:3px;border:1px solid #ccc;float:none;}

div.menu ul li:hover {background-color:#af8;}
div.menu div, div.menu a {font-weight:bold; text-decoration:none; color:#f70;}
div.menu a {width:16em;}
div.menu div.actif a, div.menu li.actif a {color:#f60;}
div.menu a:hover {background-color:#af8; color:#f60;}

.box {
    min-height: 200px;
    min-width: 200px;
    border: 1px solid black;
    position: relative;
    margin: 10px;
}


.box:after {
    content: ''; 
    height: 1px;
    width: 141.421%;
    background-color: black;
    position: absolute;
    left: -1px;
    top: 0px; 
    transform: rotate(45deg);
    transform-origin: 1px 1px;
}