body {font-family:serif; background-color:white; color:black}
table {width:100%; border-collapse:collapse}

p,li {text-align:justify; margin:0; margin-bottom:0.6em}
div h1 {font-size:150%}
div h2 {font-size:120%}
div h3 {font-size:100%}
div h4 {font-size:100%}
p.gauche {text-align:left}
p.centre {text-align:center}
p.droite {text-align:right}
p.petit {font-size:85%}
p.fdroite {width:inherit; float:right; margin-left:1em}
p.fgauche {width:inherit; float:left; margin-right:1em}
.clear {clear:right}
td {vertical-align:top}
td.gauche {text-align:left}
td.centre {text-align:center}
td.droite {text-align:right}
td.vcentre {vertical-align:baseline}
ul {list-style-type:none}
img {border:0}
hr {clear:both}

span.italique {font-style:italic}
span.gras {font-weight:bold}

a.bouton {background-color:yellow; font-weight:bold; border-style:solid; border-width:1px; padding:0.1em 0.2em}
p.boutons {text-align:center}
p.boutons :link,:visited {text-decoration:none}

p.banniere {margin-top:1em; margin-left:10em; clear:right}
p.banniere img {height:31px}
p.banniere img.nopatents {margin-left:5px}

div.entete {margin-bottom:0.8em; text-align:center}
div.entete p {font-family:sans-serif; margin:0; padding:0}
div.entete img.noukich {width:21em; border:0}
div.entete div.gauche {float:left}
div.entete div.droite {float:right}
div.entete hr {height:0.8em; background-color:red; border:none}

div.menu p {width:8em; margin:0; font-family:sans-serif}
div.menu {background-color:#EEE; border-width:1px; border-style:solid; float:left}
div.menu li.niv1 {list-style-type:none; margin-top:0.7em; margin-bottom:0.1em}
div.menu li.niv1 p.niv1 {background-color:red; color:white; font-weight:bold; text-align:center; margin-bottom:0.2em}
div.menu li.niv2 {margin:0; margin-left:0.3em}
div.menu li.niv2 p.niv2 :visited {font-style:italic}
div.menu :link,:visited {text-decoration:none}
div.menu ul {margin:0; padding:0}
div.menu ul.niv1 {margin-left:0.3em; margin-bottom:0.5em}
div.menu img {width:8em}

div.contenu {margin-left:9.8em}
div.contenu table {margin-bottom:0.6em}
div.contenu ul.bleue li {color: rgb(128,0,0); margin-bottom:0.6em}
div.contenu h1 {text-align:center; margin:0.4em 0}
div.contenu h2 {background-color:#DDD; font-weight:bold; margin-top:0.4em; margin-bottom:0.4em}
div.contenu div.danstexte {clear:right; background-color:#EEE; border-width:1px; border-style:solid; padding:0.5em; margin-bottom:0.6em}
div.contenu div.danstexte h1 {font-size:120%}
div.contenu div.danstexteflotte {float:right; width:20em; background-color:#EEE; border-width:1px; border-style:solid; padding:0.5em; margin-left:1em; margin-bottom:0.6em}
div.contenu div.danstexteflotte h1 {font-size:120%}
div.contenu table.grise {text-align:left; border-width:1px; border-style:solid}
div.contenu table.grise tr.impaire th {background-color:rgb(169,169,169); padding:0.3em}
div.contenu table.grise tr.paire th {background-color:rgb(188,188,188); padding:0.3em}
div.contenu table.grise tr.impaire td {background-color:rgb(201,201,201); padding:0.3em}
div.contenu table.grise tr.paire td {background-color:rgb(217,217,217); padding:0.3em}
div.contenu table.grise p {margin:0}
div.contenu dl.occupations {border-width:1px; border-style:solid}
div.contenu dl.occupations p {margin:0}
div.contenu dl.occupations dt {float:left; width:7em; padding:0.5em}
div.contenu dl.occupations dd {margin:0; padding:0.5em; padding-left:8em}
div.contenu dl.occupations dd.pair {background-color:rgb(217,217,217)}
div.contenu dl.occupations dd.impair {background-color:rgb(201,201,201)}

div.contenu dl.fichiers {border-width:1px; border-style:solid}
div.contenu dl.fichiers p {margin:0}
div.contenu dl.fichiers dt {float:left; width:12em; padding:0.5em}
div.contenu dl.fichiers dd {margin:0; padding:0.5em; padding-left:13em}
div.contenu ol.grise {background-color:#CCC; color:black; border-width:1px; border-style:solid; padding:0.5em; padding-left:2em}
div.contenu ol.grise li {padding:0 0.6em}
div.contenu ul.cv {padding-left:0}
div.contenu ul.cv li {margin:0.2em}
div.contenu ul.cv p {line-height:1.2}
div.contenu ul.cv p.null {margin-bottom:0}
div.contenu dl.lienslinux dd {font-style:italic; margin-bottom:0.5em}

div.contenu img.construction {float:right; padding:0 0.4em}
div.contenu img.portrait {float:right; height:13em; padding-left:0.6em; padding-bottom:0.6em}
div.contenu img.bg {float:right; height:5em; padding-left:0.6em}
div.contenu img.tux {float:right; height:11em; padding-right:0.6em}
div.contenu img.helico {float:right; width:25em; padding-left:0.6em; padding-bottom:0.6em}
div.contenu img.miniboy2 {height:15em}
div.contenu img.tamiya {float:right; width:20em}

div.contenu ul.gerard li {min-height:10.5em}
div.contenu ul.gerard li.sansphoto {min-height:inherit; padding-bottom:0.1em}
div.contenu ul.gerard {padding-left:0}
div.contenu img.gerard {float:right; padding-left:1em; height:8em}

body.eiaf div.contenu img.eifmosaique {width:40em}
body.eiaf div.contenu img.eclepens {float:right; height:15em; padding-left:0.6em}

body.armee div.contenu img.grppat {float:right; width:20em; padding-left:0.6em}
body.armee div.contenu img.noeuds {width:45em}
body.armee div.contenu img.armee59 {height:13em}
body.armee div.contenu div.histoirearmee p {padding:0.8em}
body.armee div.contenu div.histoirearmee p.gauche {clear:right}
body.armee div.contenu div.histoirearmee p.petit {clear:both}
body.armee div.contenu div.histoirearmee {background-color:rgb(217,217,217)}
body.armee div.contenu div.histoirearmee p.gauche img {float:left; padding-right:0.8em}
body.armee div.contenu div.histoirearmee p.droite img {float:right; padding-left:0.8em}

body.lycee div.contenu img.hanser {float:right; height:30em; padding-left:1em}
body.lycee div.contenu img.chindep {float:right; width:30em; padding-left:1em}
body.lycee div.contenu img.chindea {float:right; width:25em; padding-left:1em}
body.lycee div.contenu img.chindel {float:right; width:20em; padding-left:1em}
body.lycee div.contenu img.epreuvem {float:right; width:25em; padding-left:1em}
body.lycee div.contenu img.lycee {float:right; height:15em; padding-left:0.6em}
div.citation {padding:0.5em 0; border-bottom-style:dotted; border-width:1px; border-color:rgb(217,217,217)}
div.citation dl {margin:0}
div.citation dt {font-style:italic; float:left; width:7em; color:rgb(64,64,64)}
div.citation dd {margin-left:8em}
div.citation p {margin-bottom:0.2em}
div.citation p.off {font-size:90%}
div.citation dd.off {}
div.citation dd.on {display:list-item; list-style-type:circle}

body.cv div.contenu {margin-left:9.8em}
body.cv div.contenu th,td {vertical-align:top}
body.cv div.contenu th,td p {font-weight:normal}
body.cv div.contenu th {width:7em}
body.cv div.contenu th.gras,td.gras p {font-weight:bold}
body.cv div.contenu ul {padding-left:0}
body.cv div.contenu h1 {text-align:center; font-size:200%; font-weight:bold; margin:0.4em 0}
body.cv div.contenu h2 {font-size:120%; font-weight:bold; margin-top:1em; margin-bottom:0.4em; border-bottom-style:solid; border-width:1px; background-color:white}
body.cv div.contenu h3 {font-size:100%; font-weight:bold; margin-bottom:0.2em}
body.cv div.contenu img.photocv {float:right; height:10em}
body.cv div.contenu dl.cv dt {float:left; width:7em; padding:0.5em}
body.cv div.contenu dl.cv dd {margin:0; padding:0.5em; padding-left:8em; background-color:white}
body.cv div.contenu ul.tiret {list-style-type:circle; padding-left:1em}
body.cv div.contenu ul.tiret li {margin-bottom:0.2em}

p.banniere {margin-top:1em; clear:right}
p.banniere img {height:31px}
p.banniere img.nopatents {margin-left:5px}