/** {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: inline !important;

  font: medium sans-serif !important;
  text-align: left !important;
  position: static !important;
  float: none !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  font: 100%/1.1 monospace !important;
}*/

* {
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  display: inline;

  font: medium sans-serif;
  text-align: left;
  position: static;
  float: none;
  text-decoration: none;
  text-indent: 0;
  font: 100%/1.1 monospace;
}

head title {
    display: block !important;
    color: red;
    font-weight: bold;
    margin: 80px 0 0 0;
    font-size: 2em;
}

head title:before {
   content: "Titre page> ";
}

address,
blockquote,
body, dd, div,
dl, dt,
fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, iframe,
noframes,
object, ol, p,
ul, applet,
center, dir,
hr, menu, pre,
li, table,
tr, thead,
tbody, tfoot,
col, colgroup,
td, th, caption {
    display: block ;
    padding: 0.1em 0;
}

body {
    display: block;
    color : #666;
    background: #000;
    font-size:100%;
    padding: 0 0 0 60px;
    }

h1 {
    color: #ff5353;
    color: yellow;
    font-weight: bold;
    margin-left: -60px;
    font-size: 1.75em;
}
h1 span {
    font-weight: bold;
}
h1:before {
    content: "h1> ";
}

h2 {
    color: #e65656;
    color: yellow;
    margin-left: -40px;
    font-size: 1.5em;
}

h2:before {
    content: "h2> ";
}

h3 {
    color: #cb5a5a;
    color: orange;
    font-weight: bold;
    margin-left: -20px;
}
h3 span {
    font-weight: bold;
}
h3:before {
    content: "h3> ";
}

h4 {
    color: #b25c5c;
    color: orange;
}
h4:before {
    content: "h4> ";
}

h5 {
    color: #986060;
    color: brown;
    font-weight: bold;
    margin-left: 20px;
}
h5:before {
    content: "h5> ";
}

h6 {
    color: #7e6363;
    color: brown;
    margin-left: 40px;
}
h6:before {
    content: "h6> ";
}

table h1, table h2, table h3, table h4, table h5, table h6 {
    margin-left: 0px;
}

img:before {
    content: attr(alt);
}
    
img[alt] {
    color: green;
    }
    
img {
    width: 0 !important;
    height: 0 !important;
    }
    
strong, b, strong a {
    font-weight: bold;
    color: #fff;
}

a {
    color: #999;
    text-decoration: underline;
}

a:hover {
    color: white;
}

ul, ol, dl {
    padding-left: 2em;
    }
    
li, dt  {
    text-indent: -1.2em;
    margin: 0;
    }
    
li:before {
    content: "* ";
    color: purple;
    }
    
 dt  {
    color: #888;
    font-weight: bold;
    }
    
dt:before {
    content: "# ";
    color: purple;
}
dd:before {
    content: "- ";
    color: purple;
}

script {visibility: hidden; font-size: 0;}

TABLE {display: table; 
    padding: 1em 0;
    }
TR {display:table-row;}
TBODY {display:table-row-group;}
THEAD {display:table-header-group;}
TFOOT {display:table-footer-group;}
COL {display:table-column;}
COLGROUP {display:table-column-group;}
TD, TH {display:table-cell;
    padding: 0.05em 0.2em;}
CAPTION {display:table-caption;}

option {
    display: block;
}

#switcher {
    font-size: 0.8em;
    color:#000;
    position: absolute;
    text-align: center;
    right: 20px;
    top: 0;
    background: #fff;
    border: 1px solid #ED0600;
    margin: 3px;
    padding: 3px;
    z-index: 1;
    }
#switcher h4 {
    color:#000;
    font-weight:bold;
}
#switcher h4:before{
    content:"";
}
#switcher select{
    display: block;
    }
.debug {
    display: none;
}