body {
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #333333;
 background-color: #E2EBED;
}
h1 {
 position: relative;
 margin: -1px 0px 0px 0px;
 width: 400px;
 height: 1px;
 overflow: hidden;
}
.bodyacc h2 {
 font-size: x-large;
 color: #CC0000;
 margin: 0px 0px 5px 0px;
 font-family: Trebuchet MS;
}
.bodyacc h2 a {
 color: #CC0000;
}
.bodyqui h2,
.bodyinfospratiques h2,
.bodydonneestechniques h2,
.bodydocumentation h2,
.bodyfaq h2,
.bodygenerique h2,
.bodyrecherche h2,
.bodyactus h2,
.bodypop h2 {
 font-size: x-large;
 color: #FFFFFF;
 margin: -35px 0px 0px 0px;
 font-family: Trebuchet MS;
position: absolute;
z-index: 999999;
}
.bodyqui h2 a,
.bodyinfospratiques h2 a,
.bodydonneestechniques h2 a,
.bodydocumentation h2 a,
.bodyfaq h2 a,
.bodygenerique h2 a,
.bodyrecherche h2 a,
.bodyactus h2 a,
.bodypop h2 a {
 color: #FFFFFF;
}
h3 {
 font-size: large;
 color: #CC0000;
 margin: 15px 0px 5px 0px;
 font-family: Trebuchet MS;
}
h3 a {
 color: #CC0000;
}
h4 {
 font-size: medium;
 color: #1C9739;
 margin: 0px 0px 5px 0px;
 font-family: Trebuchet MS;
}
h4 {
 font-size: medium;
 color: #1C9739;
 margin: 0px 0px 5px 0px;
 font-family: Trebuchet MS;
}
h4 a {
 color: #1C9739;
}
h5 {
color: #006699;
font-size: medium;
margin: 0px 0px 5px 0px;
font-family: Trebuchet MS;
font-weight: normal;
padding-left: 15px;
}
h5 a {
color: #006699;
}
p {
 margin: 8px 0px 8px 0px;
}
img {
 border: none;
}
form {
 margin: 0;
 padding: 0;
}
fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
legend {
 display: none;
}
caption {
display: none;
}
/*//////*/
/*//////*/
/*//////*/
/*----- LISTES -----*/
#inter ul {
 margin: 0;
 padding: 0;
}
li.liste01, .pucesRondes {
 background-image: url(images/puce01.gif);
 background-repeat: no-repeat;
 background-position: 20px 10px;
 padding: 5px 0px 5px 32px;
 list-style: none;
} 
li.liste02, .pucesFleches {
 background-image: url(images/puce03.gif);
 background-repeat: no-repeat;
 background-position: 15px 11px;
 padding: 5px 0px 0px 22px;
 list-style: none;
}
li.liste03, .pucesFlechesNoir {
 background-image: url(images/fleche_noire.png);
 background-repeat: no-repeat;
 background-position: 3px 3px;
 padding: 5px 0px 0px 32px;
 list-style: none;
}
/*//////*/
/*//////*/
/*//////*/
#total {
 margin: auto;
 width: 770px;
 background-image: url(images/background.gif);
 background-repeat: repeat-y;
 border: 0px;
}
#header {
 width: 770px;
 height: 80px;
 background-image: url(images/background_header.jpg);
 background-repeat: no-repeat;
}
#logo {
 float: left;
}
#fSearch {
 padding: 8px 15px 0px 0px;
 float: right;
 width: 170px;
 height: 50px;
 font-size: x-small;
 font-weight: bold;
}
#fSearch .saisie {
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #333333;
 border: 1px solid #333333;
 vertical-align: middle;
 height: 14px;
 width: 135px;
}
#fSearch .bouton {
 vertical-align: middle;
}
#navig {
 clear: both;
}
#navig ul {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}
#navig li {
 float: left;
 margin: 0px 1px 0px 0px;
 padding: 0;
background-image: none;
}
#navig ul .skipnav {
 width: 168px;
 height: 22px;
}
#navig ul .skipnav a,
#menu .skipnav {
 display: none;
}
#navig ul .navaccueil span,
#navig ul .navqui span,
#navig ul .navinfospratiques span,
#navig ul .navdonneestechniques span,
#navig ul .navdocumentation span,
#navig ul .navfaq span {
 display: none;
}
.bodyacc #navig ul .navaccueil {
 display: block;
 width: 52px;
 height: 22px;
 background-image: url(images/bouton_accueil.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navaccueil {
 display: block;
 width: 52px;
 height: 22px;
 background-image: url(images/bouton_accueil.gif);
 background-repeat: no-repeat;
}
#navig ul .navaccueil:hover {
 background-position: 0px -28px;
}
.bodyqui #navig ul .navqui {
 display: block;
 width: 118px;
 height: 22px;
 background-image: url(images/bouton_qui_sommes_nous.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navqui {
 display: block;
 width: 118px;
 height: 22px;
 background-image: url(images/bouton_qui_sommes_nous.gif);
 background-repeat: no-repeat;
}
#navig ul .navqui:hover {
 background-position: 0px -28px;
}
.bodyinfospratiques #navig ul .navinfospratiques {
 display: block;
 width: 92px;
 height: 22px;
 background-image: url(images/bouton_infos_pratiques.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navinfospratiques {
 display: block;
 width: 92px;
 height: 22px;
 background-image: url(images/bouton_infos_pratiques.gif);
 background-repeat: no-repeat;
}
#navig ul .navinfospratiques:hover {
 background-position: 0px -28px;
}
.bodydonneestechniques #navig ul .navdonneestechniques {
 display: block;
 width: 177px;
 height: 22px;
 background-image: url(images/bouton_donnees_techniques.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navdonneestechniques {
 display: block;
 width: 177px;
 height: 22px;
 background-image: url(images/bouton_donnees_techniques.gif);
 background-repeat: no-repeat;
}
#navig ul .navdonneestechniques:hover {
 background-position: 0px -28px;
}
.bodydocumentation #navig ul .navdocumentation {
 display: block;
 width: 97px;
 height: 22px;
 background-image: url(images/bouton_documentation.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navdocumentation {
 display: block;
 width: 97px;
 height: 22px;
 background-image: url(images/bouton_documentation.gif);
 background-repeat: no-repeat;
}
#navig ul .navdocumentation:hover {
 background-position: 0px -28px;
}
.bodyfaq #navig ul .navfaq {
 display: block;
 width: 36px;
 height: 22px;
 background-image: url(images/bouton_faq.gif);
 background-repeat: no-repeat;
 background-position: 0px -28px;
}
#navig ul .navfaq {
 display: block;
 width: 36px;
 height: 22px;
 background-image: url(images/bouton_faq.gif);
 background-repeat: no-repeat;
}
#navig ul .navfaq:hover {
 background-position: 0px -28px;
}
#content {
 float: left;
 width: 752px;
 padding: 0px 9px 0px 9px;
}
/*---- totem ----*/
#zonegauche {
position: relative;
}
#zonegauche,
#menu,
#menu div {
 float: left;
 width: 160px;
}
.bodyacc #menu {
 padding-top: 131px;
/*
background-image: url(images/visu_haut_totem_accueil.jpg);
background-repeat: no-repeat;
*/
}
.bodyqui #menu,
.bodyinfospratiques #menu,
.bodydonneestechniques #menu,
.bodydocumentation #menu,
.bodyfaq #menu,
.bodygenerique #menu,
.bodyrecherche #menu,
.bodyactus #menu {
 padding-top: 41px;
/*
background-image: url(images/visu_haut_totem01.jpg);
background-repeat: no-repeat;
*/
}
#totem {
 width: 145px;
 background-image: url(images/fond_totem.gif);
 background-repeat: repeat-y;
}
#totem ul {
 margin: 0px 1px 0px 0px;
 padding: 0;
 list-style: none;
}
#totem ul li {
 background-image: url(images/puce01.gif);
 background-repeat: no-repeat;
 background-position: 10px 10px;
 padding: 5px 5px 5px 22px;
 border-bottom: 1px solid #B0B0B0;
 border-top: 1px solid #FFFFFF;
}
.bodyqui #totem ul li a,
.bodyinfospratiques #totem ul li a,
.bodydonneestechniques #totem ul li a,
.bodydocumentation #totem ul li a,
.bodyfaq #totem ul li a {
 color: #333333;
 font-weight: bold;
 text-decoration: none;
}
.bodyqui #totem ul li a:hover,
.bodyinfospratiques #totem ul li a:hover,
.bodydonneestechniques #totem ul li a:hover,
.bodydocumentation #totem ul li a:hover,
.bodyfaq #totem ul li a:hover, 
.bodyqui #totem ul li a.on,
.bodyinfospratiques #totem ul li a.on,
.bodydonneestechniques #totem ul li a.on,
.bodydocumentation #totem ul li a.on,
.bodyfaq #totem ul li a.on {
 color: #CC0000;
}
.bodyqui #totem ul li ul,
.bodyinfospratiques #totem ul li ul,
.bodydonneestechniques #totem ul li ul,
.bodydocumentation #totem ul li ul,
.bodyfaq #totem ul li ul {
 list-style: none;
 line-height: 10px;
}
.bodyqui #totem ul li ul li,
.bodyinfospratiques #totem ul li ul li,
.bodydonneestechniques #totem ul li ul li,
.bodydocumentation #totem ul li ul li,
.bodyfaq #totem ul li ul li {
 font-size: x-small;
 font-weight: normal;
 background-image: url(images/puce02.gif);
 background-repeat: no-repeat;
 background-position: 0px 6px;
 padding: 3px 0px 3px 8px;
 border-top: none;
 border-bottom: none;
}
.bodyqui #totem ul li ul li.bottom,
.bodyinfospratiques #totem ul li ul li.bottom,
.bodydonneestechniques #totem ul li ul li.bottom,
.bodydocumentation #totem ul li ul li.bottom,
.bodyfaq #totem ul li ul li.bottom {
 border-bottom: 1px solid #CC0000;
}
#totem p {
 margin: 5px 0px 0px 0px;
}
#hautotem {
 margin-top: 10px;
 height: 18px;
 background-image: url(images/haut_totem.gif);
 background-repeat: no-repeat;
}
#bastotem {
 margin-top: -1px;
 height: 16px;
 background-image: url(images/bas_totem.gif);
 background-repeat: no-repeat;
}
#visubastotem {
 margin-top: 10px;
}
#inter {
 float: left;
 position: relative;
 padding: 0px 5px 0px 15px;
 width: 570px;
 text-align: justify;
}
.bodyacc #inter {
 padding: 145px 5px 0px 15px;
/*
background-image: url(images/visu_barrage_accueil.jpg);
background-repeat: no-repeat;
*/
}
.bodyfaq #inter,
.bodygenerique #inter,
.bodyactus #inter {
 padding: 10px 5px 0px 15px;
/*
background-image: url(images/visu_inter01.jpg);
background-repeat: no-repeat;
*/
}
.bodyqui #inter {
 padding: 10px 5px 0px 15px;
/*
background-image: url(images/visu_inter05.jpg);
background-repeat: no-repeat;
*/
}
.bodyinfospratiques #inter {
 padding: 10px 5px 0px 15px;
/*
background-image: url(images/visu_inter04.jpg);
background-repeat: no-repeat;
*/
}
.bodyrecherche #inter,
.bodydonneestechniques #inter {
 padding: 10px 5px 0px 15px;
/*
background-image: url(images/visu_inter03.jpg);
background-repeat: no-repeat;
*/
}
.bodydocumentation #inter {
 padding: 10px 5px 0px 15px;
/*
background-image: url(images/visu_inter02.jpg);
background-repeat: no-repeat;
*/
}
#inter #bandeau {
margin: -10px 0px 0px -175px;
width: 751px;
height: 41px;
overflow: hidden;
background-image: url(fond_titres.gif);
background-repeat: no-repeat;
background-position: 160px 0px;
}
.bodyacc #inter #bandeau {
position: absolute;
left: -160px;
top: 0px;
margin: 0px 0px 0px 0px;
width: 751px;
height: 131px;
overflow: hidden;
}
#footer {
 clear: both;
 padding-top: 20px;
 margin-top: 20px;
 width: 770px;
 height: 140px;
 background-image: url(images/background_footer.jpg);
 background-repeat: no-repeat;
 background-color: #E2EBED;
 font-size: x-small;
 text-align: center;
}
#footer .haut {
 margin: 0px 0px 100px 185px;
 text-align: left;
}
#footer .haut a {
 padding-left: 13px;
 background-image: url(images/haut.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 color: #006699;
 text-decoration: none;
}
#footer .haut a:hover {
 color: #CC0000;
 background-position: 0px 1px;
}
#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#footer li {
 margin: 0;
 padding: 0;
 display: inline;
background-image: none;
}
#footer a {
 color: #333333;
}
#footer a:hover {
 color: #CC0000;
 text-decoration: none;
}
#footer p {
 margin: 3px;
}
/*---- texte ----*/
div.titre01, .titreBleu, .titre01 {
 font-size: medium;
 color: #0099CC;
}
div.coul01, .texteRouge, .coul01 {
 color: #CC0000;
}
div.coul02, .texteBleu, .coul02 {
 color: #0099CC;
}
div.coul03, .texteVert, .coul03 {
 color: #009900;
}
/*---- liens ----*/
a {
 color: #0099CC;
 text-decoration: underline;
 }
a.smallinks01, .petitLienOrange, .smalllinks01 {
 font-size: x-small;
 color: #FF6600;
 text-decoration: none;
}
a.smallinks02, .petitLienRouge, .smalllinks02 {
 font-size: x-small;
 color: #CC0000;
 text-decoration: none;
}
.smallinks01:hover,
.smallinks02:hover {
 text-decoration: underline;
}
/*---- images ----*/
img.bord01, .bordureVerte {
 border: 1px solid #003300;
}
/*---- autres ----*/
#totem ul li.notop {
 border-top: none;
}
/*//////*/
/*//////*/
/*----- RESULTAT DE LA RECHERCHE -----*/
table.result {
width: 100%;
margin-bottom: 10px;
text-align: left;
}
table.result th {
font-weight: bold;
}
table.result #a1 {
width: 75%;
}
table.result #a2 {
width: 25%;
}
table.result .title {
padding: 20px 0px 0px 0px;
color: #CC0000;
vertical-align: top; 
}
table.result .title a {
color: #CC0000;
}
table.result .title a:hover {
text-decoration: none;
}
table.result .date {
padding: 20px 0px 0px 0px;
font-size: x-small;
vertical-align: top;
text-align: right;
}
table.result .description {
padding: 5px 5px 10px 5px;
border: 1px solid #E2EBED;
text-align: justify;
}
.prec {
float: left;
}
.prec a {
display: block;
width: 55px;
padding-left: 14px;
font-size: x-small;
color: #006699;
text-decoration: none;
background-image: url(images/precedent.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
}
.prec a:hover {
color: #CC0000;
}
.suiv {
float: right;
padding-right: 2px;
text-align: right;
}
.suiv a {
display: block;
width: 40px;
padding-right: 13px;
font-size: x-small;
color: #006699;
text-decoration: none;
background-image: url(images/suivant.gif);
background-repeat: no-repeat;
background-position: 43px 2px;
}
.suiv a:hover {
color: #CC0000;
}
/*//////*/
/*//////*/
/*//////*/
/*----- TABLEAUX -----*/
table.tableau01, .tableau01, .tableau01 {
text-align: left;
margin:auto;
border-bottom: 3px solid #94D0A5;
}
.tableau01 .col01, col.col01, .colonneBleueFonce { 
background-color: #B8D7DE;
}
.tableau01 .col02, col.col02, .colonneGrise { 
background-color: #E2EBED;
}
.tableau01 .col03, col.col03, .colonneBleueClair { 
background-color: #EEF9FC;
}
.tableau01 .col04 { 
background-color: #E2EBED;
}
.tableau01 .col05 { 
background-color: #EEF9FC;
}
.tableau01 .col06 { 
background-color: #E2EBED;
}
.tableau01 .col07 { 
background-color: #EEF9FC;
}
.tableau01 .col08 { 
background-color: #E2EBED;
}
.tableau01 .col09 { 
background-color: #EEF9FC;
}
.tableau01 th {
padding: 5px;
background-color: #94D0A5;
border-bottom: 1px solid #FFFFFF;
background-image: url(images/fond_th.gif);
background-repeat: no-repeat;
background-position: right top;
vertical-align: bottom;
}
.tableau01 td { 
padding: 5px;
border-bottom: 1px solid #FFFFFF;
vertical-align: top;
}
td.fond01, .fondBleuFonce, th.fond01, .fondBleuFonce { 
background-color: #B8D7DE;
}
td.fond02, .fondGris, th.fond02, .fondGris { 
background-color: #E2EBED;
}
td.fond03, .fondBleuClair, th.fond01, .fondBleuClair { 
background-color: #EEF9FC;
}
/*----- POP UPS -----*/
.bodypop #totalpop {
margin: 0;
width: 620px;
background-image: url(images/pop_up_fond.gif);
background-repeat: repeat-y;
}
.bodypop #headerpop {
height: 103px;
background-image: url(images/pop_up_header.gif);
background-repeat: no-repeat;
}
.bodypop #contentpop {
margin: -31px 0px 0px 0px;
padding: 0;
width: 620px;
}
.bodypop #interpop {
margin: 0px 0px 0px 15px;
padding: 0;
width: 590px;
text-align: justify;
}
.bodypop #footer {
margin: 0;
width: 620px;
height: 150px;
background-image: url(images/pop_up_footer.gif);
background-repeat: no-repeat;
}
.bodypop #footer .haut {
 margin: 0px 0px 0px 15px;
}
/*--- PLAN DU SITE ---*/
.bodygenerique div h3 {
 margin: 10px 0px 5px 0px;
}
.bodygenerique div h3 a {
 color: #CC0000;
}
.bodygenerique div ul li {
 background-image: url(images/puce01.gif);
 background-repeat: no-repeat;
 background-position: 12px 8px;
 padding: 3px 0px 3px 24px;
 list-style: none;
}
.bodygenerique div ul li a {
 font-weight: bold;
}
.bodygenerique div ul li ul li {
 background-image: url(images/puce03.gif);
 background-repeat: no-repeat;
 background-position: 3px 11px;
 padding: 5px 0px 0px 10px;
 list-style: none;
}
.bodygenerique div ul li ul li a {
 font-weight: normal;
 color: #333333;
}
/*----- PAVE D'INSCRIPTION A LA NEWSLETTER -----*/
#inscritnews {
padding: 30px 8px 0px 8px;
margin-top: 10px;
 float: right;
 width: 144px;
 height: 81px;
 font-size: x-small;
 font-weight: bold;
background-image: url(fond_inscritnews_inter.gif);
background-repeat: no-repeat;
background-position: right center;
}
#inscritnews .saisie {
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #7F99B2;
 border: 1px solid #000033;
 vertical-align: middle;
 height: 14px;
 width: 115px;
margin-top: 5px;
}
#inscritnews .bouton {
 vertical-align: middle;
margin: 5px 0px 0px 3px;
}
/*//////*/
/*//////*/
/*----- ACTUALITES -----*/
#actus {
float: left;
clear: both;
padding: 0px 0px 20px 0px;
}
#actus p {
float: left;
width: 570px;
clear: both;
}
#actus p img {
float: right;
margin: 0px 0px 0px 10px;
}
#actus p.toutesactus {
float: left;
width: 200px;
padding: 0px 0px 0px 0px;
clear: none;
font-size: x-small;
}
#actus p.rss {
float: right;
width: 200px;
padding: 0px 0px 0px 0px;
clear: none;
font-size: x-small;
}
/*--  EXCEPTION PAGES IMPORT  --*/
#import div.variable #bandeau {
display: none;
}
.bodyqui #import div.variable h2,
.bodyinfospratiques #import div.variable h2,
.bodydonneestechniques #import div.variable h2,
.bodydocumentation #import div.variable h2,
.bodyfaq #import div.variable h2,
.bodygenerique #import div.variable h2,
.bodyrecherche #import div.variable h2,
.bodyactus #import div.variable h2,
.bodypop #import div.variable h2 {
display: none;
}