body { margin-top: 1%; margin-bottom: 1%; margin-left: 0; margin-right: 0; background-color: #db9370; font-family: Arial; text-align: justify; font-size:0.9em; }

#banniere { position: relative; margin: 64px auto 0 auto; height: 125px; width: 800px; background-color: #db9370; background-image: url(./banniere.png); z-index: 21; }
#insigne { position: absolute; left: 160px; top: -54px; height: 232px; width: 232px; z-index:10; background-image: url(./insigne.gif); }

#menu { position: relative; height:60px; width:800px; margin: 20px auto 10px auto; padding: 0; text-align: center; background-color: #237a40; }
#menu img { height: 50px; width: 100px; padding:0; margin: 5px 0 5px 0; }
#menu img.un { position: absolute; left: 30px; z-index:32;}
#menu img.deux { position: absolute; left: 158px; z-index:32; }
#menu img.trois { position: absolute; left: 286px; z-index: 32; }
#menu img.quatre { position: absolute; left: 414px; z-index: 32; }
#menu img.cinq { position: absolute; left: 542px; z-index: 32; }
#menu img.six { position: absolute; left: 670px; z-index: 32; }
#menu .titre { float:right; height: 50px;}
#menu .retour { float:left; height: 50px; }
#menu .texte { vertical-align: 40%; font-size: 2.5em; color: #db9370; background-color: #237a40;}

#page { position:relative; width:790px; background-color: #db9370; margin-left: auto; margin-right: auto; border-left-style: solid; border-left-color: #237a40; border-left-width: 5px; border-right-style: solid; border-right-color: #237a40; border-right-width: 5px; padding: 0; }

h1 {font-size: 1.5em;}

#bande { position: absolute; top: 0px; left: 10px; width: 150px; background-color: #237a40; padding: 0 ; margin: 0; height: 100%; }
#bande h1 { color: #edfedf; background-color: #237a40; margin: 10px 10px 10px 10px; }
#bande p { color: #edfedf; text-align: center; font-size: 0.9em; background-color: #237a40; margin: 10px 10px 10px 10px; }
#bande hr { background-color: #db9370; height: 5px; width: 100%; border: 0; margin: 0 auto 0 auto; }
#bande span.date { background-color: #db9370; color: #237a40; padding: 2px; font-weight: bold; font-size:0.9em; margin: 0 10px 0 10px; }
#bande .annonce { width: 116px; background-color: #237a40; border: solid #db9370 2px; padding: 5px; color: #edfedf; font-size: 0.9em; text-align: center; margin: 0 10px 15px 10px; }
#bande .annonce a { text-decoration: none; color: #db9370; background-color: #237a40;}

#main { margin: 0 10px 0 10px; background-color: #edfedf; padding: 10px 20px 10px 20px; font-size:1em; }
#main h1 { color: #237a40; background-color: #edfedf; }

#main_index { width: 590px; margin: 0 0 0 170px; background-color: #edfedf; padding:10px; font-size:1em; }
#main_index h1 { color: #237a40; background-color: #edfedf; }
#main_index p.pesp { text-align: right; font-style: italic; }

img { border-style: none;}
.gras { font-weight: bold; }
.centre { text-align: center; }
form { text-align: center; }
img.right { float: right; margin: 10px 10px 10px 10px; }
img.left { float: left; margin: 10px 10px 10px 10px; }

table.livredor { width: 600px; border: 0; border-collapse:collapse; margin-left:auto; margin-right:auto; }
table.livredor th { background-color: black; color: white; padding: 5px 5px 5px 5px;}
table.livredor th.auteur { width: 25%; }
table.livredor th.date { width: 20%; }
table.livredor th.message { width: 55%; }
table.livredor td { font-size: 0.9em; padding: 10px 5px 10px 5px; }
table.livredor tr { vertical-align:top; }
table.livredor tr.odd { background-color: #99d9f7; }
table.livredor p { text-align:right; }

div.menu_technique { float: left; padding: 0; width: 180px; }

#technique { width: 500px; margin: 20px auto 0 180px; padding: 20px; background-color: #fff; border: solid 3px; }
#technique span.soustitre { font-weight: bold; }
#technique.accessoires span.soustitre { color: #99d9f7; }
#technique.transmissions span.soustitre { color: #eac51b; }
#technique.pionnierisme span.soustitre { color: #33dc0b; }
#technique p.resume { font-weight: bold; padding: 10px; color: #fff; }
#technique.accessoires p.resume {background-color: #99d9f7;}
#technique.transmissions p.resume {background-color: #eac51b;}
#technique.pionnierisme p.resume {background-color: #33dc0b;}
#technique p.titre { font-size: 2em; font-weight: bold; border-top: solid 1px; border-bottom: solid #99d9f7 1px; }
#technique.accessoires p.titre {border-color:#99d9f7;}
#technique.transmissions p.titre {border-color:#eac51b;}
#technique.pionnierisme p.titre {border-color:#33dc0b;}
#technique p.note { font-size: 0.9em; color: #bbb; text-align:center; margin: 30px 0 0 0;  }
#technique.accessoires {border-color:#99d9f7;}
#technique.transmissions {border-color:#eac51b;}
#technique.pionnierisme {border-color:#33dc0b;}



.menu_technique table { width: 150px; border: solid 3px; border-collapse:collapse; background-color: white; margin: 20px 0 0 0; }
.menu_technique table.accessoires {border-color:#99d9f7;}
.menu_technique table.transmissions {border-color:#eac51b;}
.menu_technique table.pionnierisme {border-color:#33dc0b;}
.menu_technique table th { color: white; padding: 5px 5px 5px 5px; text-align: center;}
.menu_technique table.accessoires th {background-color:#99d9f7;}
.menu_technique table.transmissions th {background-color:#eac51b;}
.menu_technique table.pionnierisme th {background-color:#33dc0b;}
.menu_technique table td { font-size: 0.9em; padding: 10px 5px 10px 5px; text-align: left; }

#onglets {position:relative; margin: 20px auto 0 180px; width: 540px; }
#inactif { background-color: #ddd; width:80px;  height:60px; text-align: center; float:left; color: #555; margin-right: 5px; }
#actif { background-color: white; width:80px;  height:60px; text-align: center; float:left; border-left: solid 3px;  border-top: solid;  border-right: solid; margin-right: 5px; }
#actif.accessoires {border-color:#99d9f7;}
#actif.transmissions {border-color:#eac51b;}
#actif.pionnierisme {border-color:#33dc0b;}
div.imprim { background-image: url(imprim.gif); width:22px;  height:22px; text-align: center; float:right; vertical-align:bottom; }


#techniques { width: 150px; border: solid medium; border-collapse:collapse; margin: 20px auto 0 auto; background-color: white; }
#techniques.accessoires {border-color: #99d9f7;}
#techniques.transmissions {border-color: #eac51b;}
#techniques.pionnierisme {border-color: #33dc0b;}
#techniques th { color: white; padding: 5px 5px 5px 5px; text-align: center;}
#techniques.accessoires th {background-color: #99d9f7;}
#techniques.transmissions th {background-color: #eac51b;}
#techniques.pionnierisme th {background-color: #33dc0b;}
#techniques td { font-size: 0.9em; padding: 10px 5px 10px 5px; text-align: left; } 

#technique.transmissions table.morse { width: 100%; border-collapse:collapse; margin: 10px auto 10px auto; background-color: #d8d4f6; border:0;}
#technique.transmissions table.morse td {padding: 0px 5px 0px 5px;}
#technique.transmissions table.motscles { width: 100%; border-collapse:collapse; margin: 10px auto 10px auto; background-color: #d8d4f6; border: 0; padding: 0; }
#technique.transmissions table.motscles th {padding: 0px 5px 0px 8px; color:#000; margin:0;}
#technique.transmissions table.reception { width: 70%; border-collapse:collapse; margin: 10px auto 10px auto; background-color: #d8d4f6; text-align:center; border:0; }
#technique.transmissions table.reception td {padding: 0px 5px 0px 5px;}
#technique.transmissions .tit {background-color:#d8d4f6; border:solid black 1px;}
#technique.transmissions .tat {background-color:#e89b63; border:solid black 1px;}

div.album {width: 700px ; margin: 0 auto 0 auto; text-align:center;}
div.album img {margin: 0 10px 0 10px ;}

ul.sousmenu { list-style-type: none; padding: 5px 0 5px 0 ; background-color: #edfedf; text-align: left; border-top: solid #db9370 5px; border-bottom: solid #db9370 5px; }
ul.sousmenu a { text-decoration : none; color: #237a40; font-weight: bold; }
ul.sousmenu a:hover { text-decoration:underline overline; }
ul.sousmenu_index { list-style-type: none; padding: 10px 10px 10px 10px; background-color: #edfedf; border-top: solid #db9370 5px; border-bottom: solid #db9370 5px; }
ul.sousmenu_index a { text-decoration : none; color: #237a40; font-weight: bold; }
ul.sousmenu_index a:hover { text-decoration:underline overline; }

div.miniatures { width: 100% ; background-color: #edfedf; text-align: center; }
div.miniatures img {margin: 5px 15px 5px 15px;}
.photo {width: 220px; height: 220px; float: right; margin: 0px 0px 10px 20px; border: solid 5px #237a40; }
div.rubrique { background-color: #edfedf; }
.spacer {clear: both; }
.up { height: 15px; width: 100%; background-color: #db9370; text-align: center; padding : 0; margin : 0; }
.up img { background-color: #edfedf; padding: 0 10px 3px 10px; }