*{margin:0;padding:0;border:none;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;}
body{width:100%;height:100%;background-color:#333;}
#annuaire{width:600px;margin:0 auto;position:relative;background:transparent url(/template/default/img/page_fond.png) repeat-y left bottom; border: 2px solid orange;}
#haut{width:600px;height:280px;background:transparent url(/template/default/img/page_haut.jpg) no-repeat left bottom;}
#haut form{position:absolute;top:40px;left:222px;}
#haut h1{position:absolute;top:120px;left:90px;color:#000;}
#haut h1 a{color:#fff;font-size:26px;font-family:Century Gothic,BitStream Vera Sans,monospace;font-weight:900;text-decoration:none;}
#haut ul{position:absolute;left:30px;top:257px;}
#haut li{list-style-type:none;display:inline;margin-left:14px;}
#haut ul a{color:#fff;font-size:14px;text-decoration:none;font-weight:800;}
#haut ul a:hover{color:#9cf;}
#haut .navoff{color:#9cf;font-size:14px;font-weight:900;}
#bas{width:600px;height:40px;background:#333 url(/template/default/img/page_bas.png) no-repeat left top;clear:both;}
#bas p{width:600px;height:17px;padding-top:23px;text-align:center;vertical-align:bottom;color:#999;}
#bas a{color:#fff;font-size:14px;text-decoration:none;}
#contenu{margin:15px 35px; }
#main{width:335px;float:left;}
#sidebar{width:180px;float:right;}
h2{font-size:20px;color:#99c8df;border-bottom:1px solid #99c8df;font-family:Arial,Helvetica,sans-serif;margin:0;margin-top:10px;font-weight:900;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}
h1,h2,h3,h4,h5,h6{font-family:Century Gothic,BitStream Vera Sans,monospace;}
a { text-decoration: none; color: navy; }
abbr,acronym{font-weight:bold;}
blockquote,q{font-style:italic;}
blockquote,pre{border-left:#666 solid 3px;padding:5px;margin:5px;}
pre{font-family:'Courier New',Courier,monospace;overflow:auto;border:#666 solid 1px;border-width:1px 1px 1px 3px;}
table{width:100%;border:2px solid navy;margin-top:10px;border-collapse:collapse;}
table td{text-align:center;}
table th{border:2px solid navy;width:16%;}
table th.name{width:55%;}
table td.nom{text-align:left;padding-left:10px;}
table caption{margin-top:2em;}
table caption a{font-weight:900;font-size:12px;color:navy;}
form{padding:3%;text-align:left;}
form fieldset{border:3px solid #a52a2a;padding:20px;margin:10px 50px 10px 0;}
form legend a{color:darkgreen;font-size:16px;text-decoration:none;border:3px solid navy;padding:5px 10px;font-weight:900;}
form select{border:1px solid navy;}
form legend{padding:0 10px;}
form label.radio{margin-left:15px;margin-right:10px;}
form div{text-align:center;}
input.valide{color:white;background-color:#c00000;margin:5px 10px;border:2px outset red;font-weight:bold;cursor:pointer;padding:2px 5px;}
input.valide:hover{background-color:white;color:red;}
input.valide:active{border:2px inset red;background-color:red;color:white;}
input[type=text],input[type=submit],input[type=reset],input[type=password],textarea,select{border:solid #666 1px;margin:2px;}
input[type=submit],input[type=reset]{background:#333 url(/template/default/img/fond_bouton.png) repeat-x left center;color:white;}
input[type=radio],input[type=checkbox]{border:none;}
input[type=text],input[type=password],textarea{padding:2px 5px;}
input[type=submit] .valide{float:right;}
.samp{font-size:1.1em;background:#fff;padding:1.5em;border:1px solid navy;border-left:1em solid navy;display:block;margin-top:1em;margin-left:1em;text-align:left;width:60%;}
.samp img{float:right;margin:1em;}
.samp ul{margin-left:25px;margin-top:5px;}
.samp p{margin:10px 0;}
td span{margin-left:5px;font-style:italic;color:#999;}
.navigue{text-align:center;margin-top:10px;margin-bottom:10px;color:#444;}
.navigue a{text-decoration:none;}
#contenu li{margin-left:20px;}
#contenu .info_site{margin:10px 20px;border:1px solid grey;padding:5px 10px;}
#contenu .info_site h3{margin:10px 0;}
#contenu .info_site p{margin:5px 10px;text-align:right;}
#cond h3{margin:12px 5px 8px 5px;color:navy!important;text-decoration:underline;font-weight:800;}
.red{color:red;}
#rubrique{float:left;width:59%;margin:0px;padding:5px;border-right:2px solid navy;}
#resume{float:left;width:36%;margin:5px 0px 5px 8px;padding:0;}
#resume ul{margin-top: 8px;}
#resume li{list-style-type:none;margin-left:5px;}
.marge { margin: 10px; }