body {background: #fff;margin:10px;}
h1 {margin:0 10px 10px;font-size:4em;}
h2 {margin:5px 10px;font-size:1.5em;color:#7382aa;text-align:left;}
p {margin:10px 0;}
table {border:1px solid #aaa;}
ol {padding-left:10px;margin:0;}
ol li {text-align:left;}
.row_even {background:#ccc;margin:0;padding:5px 0;}
.row_odd {background:#eee;margin:0;padding:5px 0;}

.spip_documents_center {display:block; width:500px; text-align:center;}
*>.spip_documents_center {width:100%}
dl.spip_documents_center dt, dl.spip_documents_center dd {width:100% !important; text-align:center; margin:0;}

.spip_documents_left {margin:0 5px;}

div#banniere {margin:0 auto 10px;width:750px;height:100px;background: url(https://www.clerad.com/technical/public/img/banniere.jpg) left;border-bottom:2px solid #666;}
div#bann_titre {text-align:center;}

div#wrap {display:none;}

div#gauche {display:none;}

div#menu {display:none;}

div#droite {float:none;border:2px dotted #bbb;margin:10px 0;text-align:center;padding:5px;}
div#droite a {text-decoration:none;color:#666;}
div#droite a:hover {text-decoration:underline;}
div#droite a:hover img {text-decoration:none;}
div#titre {margin:0;height:50px;}
div#icones {display:none;}
div#droite p {width:100%;text-align:left;}
div#droite ul {list-style:none;margin:0 10px;}
div#droite li {margin:10px;}
div#droite .rubrique {list-style:square;text-align:left;}

div#pdp {clear:both;margin:0 auto;text-align:center;margin-top:20px;padding:5px 0;background:#f8f8f8;border-bottom:1px solid #c0c0c0;}
div#pdp a {text-decoration:none;color:#666;}
div#pdp a:hover {text-decoration:underline;}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

p.spip:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
p.spip{display:inline-block}
* html p.spip{height:1%}
p.spip{display:block}

a img {border:0;}