body {
 background-color: white;
 color: #444444;
 font-family: Gill, Helvetica, Arial, sans-serif;
 margin: 0;
 padding: 0;
}
img { border: none; }

img.vignette {
 border: solid 1px #4475be;
 margin: 4px;
}

div#header {
 background-color: black;
 margin: 0;
 padding: 0;
}

div#mainmenu {
 color: white;
 font-size: 11px;
 font-weight: bold;
}

div#mainmenu ul {
 list-style: none;
 margin: 1px;
 padding-bottom: 4px;
 padding-left: 40px;
}

div#mainmenu a {
 padding: 4px 10px;
 text-decoration: none;
 color: white;
}

div#mainmenu a.select {
 background-color: #a93b00;
}

div#mainmenu a:hover {
 background-color: #ff5a00;
}

div#mainmenu li {
 display: inline;
 padding: 1px;
}

div#navbar {
 color: #ff5a00;
 background-color: #333333;
 font-size: 7pt;
 font-weight: bold;
 border-top: solid #888888 1px;
}

div#navbar ul {
 list-style-image: none;
 margin: 1px;
 padding: 3px 8px;
}

div#navbar li {
 display: inline;
 padding: 1px;
}

div#navbar a {
 text-decoration: none;
 font-weight: normal;
 color: #ff5a00;
}

div#navbar a:hover {
 text-decoration: underline;
}

div#contenu {
 background-color: white;
 background-image: url('/img/fond_contenu.jpg');
 background-repeat: no-repeat;
 background-position: bottom right;
 margin: 10px;
}

div#footer {
 color: silver;
 font-size: 10px;
 margin: 0 10px 4px 10px;
 padding-top: 5px;
 border-top: thin solid #666666;
 clear: both;
}

div#footer a {
 color: #808080;
 text-decoration: none;
}

div#footer a:hover {
 color: orange;
}

div#footer span#footerlinks {
 float: right;
}

div#footer img {
 vertical-align: middle;
}

hr {
 border: none;
 border-top: thin dotted black;
 margin: 2px 0;
}

img.fright {
 float: right;
 margin-left: 5px;
}
th.coord {
 text-align: right;
 font-weight: bold;
 padding-right: 10px;
 font-size: 16px;
}
td.coord {
 font-size: 16px;
}
h1 {
 font-size: 20px;
 font-weight: normal;
 color: white;
 background-color: #555555;
 padding: 4px 12px;
 border-radius: 8px;
 -moz-border-radius: 8px;
}
h2 {
 font-size: 14px;
 font-weight: bold;
 color: #ff5100;
 padding: 12px 2px 0px 22px;
 text-transform: uppercase;
 background-image: url('/img/kt_puce.png');
 background-repeat: no-repeat;
 height: 18px;
 border-top: dotted #444444;
}
h3 {
 font-size: 14px;
 font-weight: bold;
 margin: 1em 0 3px 0;
}
p {
 font-size: 16px;
 margin: 0.5em 0 1em 0;
}
div.navi {
 font-size: 10px;
 color: #ff5100;
 position: relative;
}
span#naviprec {
 float: left;
}
span#naviprec a {
 text-decoration: none;
}
span#navisuiv {
 float: right;
}
span#navisuiv a {
 text-decoration: none;
}
img.navibtn {
 vertical-align: bottom;
}
p.important {
 background-color: #ffeee6;
 padding: 2px;
}
div.social {
 font-size: 16px;
 margin: 2px 0;
 padding: 4px 10px;
}
span.social {
 padding: 3px 6px;
 border: #ffd7c4 thin solid;
 background-color: #ffeee6;
 border-radius: 4px;
 -moz-border-radius: 4px;
 margin-right: 8px;
}
span.social img {
 vertical-align: -2px;
}
address {
 font-size: 12px;
 font-style: italic;
 color: #888888;
 margin-top: 2em;
}
p a,li a {
 color: #c23b00;
}
img.logo {
 margin: 10px;
}
img.vmiddle {
 vertical-align: middle;
}

div.box {
 background-color: #eef1f4;
 padding: 1px;
 font-size: 10px;
 margin-bottom: 5px;
 border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
}

div.box h3 {
 padding: 6px 6px 6px 14px;
 margin: 0;
 background-image: url('/img/fleche_encadre.gif');
 background-repeat: no-repeat;
 background-position: left 7px;
 background-color: #4475be;
 color: white;
 font-size: 11px;
 border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
}

div.box h4 {
 color: #555555;
 font-size: 11px;
 font-weight: bold;
 text-decoration: underline;
 margin: 1em 4px 0 4px;
}

div.box ul {
 list-style: none;
 padding: 0;
 margin: 6px;
}

li.listinbox {
 list-style: square inside;
}

li.listinbox li.listinbox {
 list-style: circle inside;
}

div.box p {
 font-size: 10px;
}

div#logos h3 {
 font-size: 14px;
 margin: 5px 0;
 color: #FF5100;
 font-weight: bold;
}

span.probetsol {
 color: #FF5100;
}

strong.verystrong {
 color: #FF5100;
 font-weight: bold;
}
img.pictoinline {
 margin: 2px;
 vertical-align: middle;
}

div.alaffiche {
 background-color: #fff6f2;
 border: solid thin #ffd7c4;
 padding: 1px;
 -moz-box-shadow: 1px 2px 4px #666666;
}
div.status {
 position: absolute;
 top: 2px;
 right: 4px;
}
img.status {
 margin: 4px;
 vertical-align: middle;
}

*[lang|=en] {
 font-style: italic;
}

span.ensavoirplus a {
 text-decoration: none;
}
span.ensavoirplus a:hover {
 color: #ff5100;
}
span.ensavoirplus {
 margin-left: 1em;
}