body {
 margin:0;
 padding: 0;
 background-color: #99D6F1;
 background-image: url(images/background.gif);
 background-repeat: repeat;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666666;
 text-align: justify;
}
h1 , h2 {
 display: none;
}
form {
 margin: 0;
 padding: 0;
}
fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
legend {
 display: none;
}
a {
 color: #336699;
}
a:hover {
 color: #3399FF;
}
img {
 border: none;
}
caption {
 display: none;
}
p {
 margin: 10px 0px 0px 0px;
 padding: 0;
}
ul {
 margin-top: 5px;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*--  PRE HOME  --*/
body.preHome #interintro {
width: 600px;
margin: auto;
padding-top: 50px;
}
/*-----------------------------------------------------------------*/
#total {
 width: 100%;
 background-image: url(images/fond_inter.gif);
 background-repeat: repeat-y;
}
.bodyaccueil #header ,
.bodyaux #header {
 width: 100%;
 height: 184px;
 background-image: url(images/bandeau_accueil.gif);
 background-repeat: no-repeat;
}
.bodyparticuliers #header {
 width: 100%;
 height: 184px;
 background-image: url(images/bandeau_particuliers.gif);
 background-repeat: no-repeat;
}
.bodycollectivites #header {
 width: 100%;
 height: 184px;
 background-image: url(images/bandeau_collectivites.gif);
 background-repeat: no-repeat;
}
.bodyprofessionnels #header {
 width: 100%;
 height: 184px;
 background-image: url(images/bandeau_professionnels.gif);
 background-repeat: no-repeat;
}
.bodydocumentation #header {
 width: 100%;
 height: 184px;
 background-image: url(images/bandeau_documentation.gif);
 background-repeat: no-repeat;
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#totem {
 float: left;
 width: 180px;
 background-color: #0099DB;
}
#totem ul.navig {
 margin: 0;
 padding: 0;
 list-style: none;
}
#totem ul.navig li {
margin: 0px 0px 10px 0px;
padding: 0;
}
#totem ul.navig li ul {
display: none;
}
#totem ul.navig li.on ul {
display: block;
}
#totem ul.navig li a {
 display: block;
 width: 180px;
 height: 50px;
 background-repeat: no-repeat;
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
}
#totem ul.navig li a:hover {
 background-position: -200px 0px;
}
#totem ul.navig li.particuliers a {
 background-image: url(images/bout_particuliers.png);
}
#totem ul.navig li.collectivites a {
 background-image: url(images/bout_collectivites.png);
}
#totem ul.navig li.professionnels a {
 background-image: url(images/bout_professionnels.png);
}
#totem ul.navig li.documentation a {
 background-image: url(images/bout_documentation.png);
}
#totem ul.navig li a span {
margin-left: -300px;
}
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-- NIVEAU 2 --*/
#totem ul.navig li ul {
 margin: 0;
 padding: 0;
 list-style: none;
border-bottom: none;
}
#totem ul.navig li ul li {
 margin: 0;
 padding: 0;
}
#totem ul.navig li ul li a {
 display: block;
 padding: 2px 0px 0px 10px;
 width: 170px;
 height: 22px;
 background-repeat: repeat-x;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 border-top: none;
 border-bottom: 1px solid #FFFFFF;
}
#totem ul.navig li.particuliers ul li a {
 background-image: url(images/fond_menu_particuliers.gif);
}
#totem ul.navig li.particuliers ul li a:hover {
 background-image: url(images/fond_menu_particuliers_over.gif);
}
#totem ul.navig li.collectivites ul li a {
 background-image: url(images/fond_menu_collectivites.gif);
}
#totem ul.navig li.collectivites ul li a:hover {
 background-image: url(images/fond_menu_collectivites_over.gif);
}
#totem ul.navig li.professionnels ul li a {
 background-image: url(images/fond_menu_professionnels.gif);
}
#totem ul.navig li.professionnels ul li a:hover {
 background-image: url(images/fond_menu_professionnels_over.gif);
}
#totem ul.navig li.documentation ul li a {
 background-image: url(images/fond_menu_documentation.gif);
}
#totem ul.navig li.documentation ul li a:hover {
 background-image: url(images/fond_menu_documentation_over.gif);
}
#totem ul.navig li.particuliers ul li.on a,
#totem ul.navig li.collectivites ul li.on a,
#totem ul.navig li.professionnels ul li.on a,
#totem ul.navig li.documentation ul li.on a,
#totem ul.navig li.particuliers ul li.on a:hover,
#totem ul.navig li.collectivites ul li.on a:hover,
#totem ul.navig li.professionnels ul li.on a:hover,
#totem ul.navig li.documentation ul li.on a:hover {
 background-color: #999999;
 background-image: none;
 color: #FFFFFF;
}
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-- NIVEAU 3 --*/
#totem ul.navig li ul li ul {
 margin: 0;
 padding: 0;
}
#totem ul.navig li ul li ul li {
 margin: 0;
 padding: 0;
}
#totem ul.navig li.particuliers ul li ul li a,
#totem ul.navig li.collectivites ul li ul li a,
#totem ul.navig li.professionnels ul li ul li a,
#totem ul.navig li.documentation ul li ul li a,
#totem ul.navig li.particuliers ul li.on ul li a,
#totem ul.navig li.collectivites ul li.on ul li a,
#totem ul.navig li.professionnels ul li.on ul li a,
#totem ul.navig li.documentation ul li.on ul li a {
 display: block;
 margin: 0;
 padding: 1px 0px 0px 35px;
 width: 145px;
 height: 17px;
 background-color: #E5F5FB;
 background-image: none;
 font-size: x-small;
font-weight: normal;
 color: #0099CC;
 text-decoration: none;
 border-bottom: 1px solid #0099CC;
}
#totem ul.navig li.particuliers ul li ul li a:hover,
#totem ul.navig li.collectivites ul li ul li a:hover,
#totem ul.navig li.professionnels ul li ul li a:hover,
#totem ul.navig li.documentation ul li ul li a:hover,
#totem ul.navig li.particuliers ul li.on ul li a:hover,
#totem ul.navig li.collectivites ul li.on ul li a:hover,
#totem ul.navig li.professionnels ul li.on ul li a:hover,
#totem ul.navig li.documentation ul li.on ul li a:hover {
background-image: none;
color: #FFFFFF;
background-color: #66CCFF;
}
#totem ul.navig li.particuliers ul li ul li.on a,
#totem ul.navig li.collectivites ul li ul li.on a,
#totem ul.navig li.professionnels ul li ul li.on a,
#totem ul.navig li.documentation ul li ul li.on a,
#totem ul.navig li.particuliers ul li ul li.on a:hover,
#totem ul.navig li.collectivites ul li ul li.on a:hover,
#totem ul.navig li.professionnels ul li ul li.on a:hover,
#totem ul.navig li.documentation ul li ul li.on a:hover {
 display: block;
 margin: 0;
 padding: 1px 0px 0px 35px;
 width: 145px;
 height: 17px;
 background-color: #E5F5FB;
background-image: url(images/puce_menu.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
 color: #003366;
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--  REMONTE D'ACTUS  --*/
#totem #actus {
position: relative;
width: 165px;
height: 285px;
padding: 0px 5px 5px 10px;
text-align: left;
background-image: url(fond_actus.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: #CCCCCC;
color: #333333;
font-size: x-small;
margin-top: -3px;
}
#totem #actus h2 {
display: block;
width: 180px;
height: 40px;
background-image: url(titre_zone_actus.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px -10px;
padding:  0px 0px 0px 0px;
}
#totem #actus h2 span {
display: none;
}
#totem #actus div.commandes {
float: right;
width: 110px;
margin-top: 210px;
text-align: right;
}
#totem #actus div.commandes a {
margin-left: 5px;
}
#totem #actus div {
float: left;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
width: 165px;
}
#totem #actus div #actuList {
position: absolute;
top: 45px;
width: 165px;
clip: rect(0, 165px, 200px, 0);
height: auto;
padding: 0px 0px 0px 0px;
}
#totem #actus div #actuList p {
float: left;
border-bottom: 1px dashed #FFFFFF;
margin: 5px 0px 0px 0px;
padding:  0px 0px 5px 0px;
height: 100px;
width: 165px;
overflow: hidden;
}
#totem #actus div #actuList p strong a {
color: #CC0000;
text-decoration: none;
}
#totem #actus div #actuList p a {
color: #333333;
text-decoration: none;
}
#totem #actus div #actuList p a:hover {
text-decoration: underline;
}
#totem #actus div #actuList p img {
float: right;
margin-left: 10px;
}
#totem #actus p.toutesactus {
position: absolute;
top: 265px;
left: 10px;
width: 165px;
border-bottom: none;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
color: #336699;
}
#totem #actus p.toutesactus a {
text-decoration: none;
}
#totem #actus p.toutesactus a:hover {
color: #CC0000;
text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------*/
/*--  AFFICHAGE DE LA LISTE DE TOUTES LES ACTUS  --*/
.actuLigne {
margin: 5px 0px 0px 0px;
padding:  0px 0px 5px 0px;
clear: both;
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content {
 float: left;
 width: 570px;
 margin: -34px 0px 0px 20px;
}
#topinter {
 float: left;
 margin-bottom: 10px; 
 clear: both;
 width: 570px;
 height: 34px;
 font-size: x-small;
 color: #40476A;
}
#filariane {
 float: left;
 width: 340px;
 margin: 15px 0px 0px 0px;
}
#recherche {
 float: right;
 width: 230px;
 margin: 2px 0px 0px 0px;
 text-align: right;
}
#recherche .saisie {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: x-small;
 width: 120px;
 border: 1px solid #40476A;
}
#recherche .boutok {
 vertical-align: text-bottom;
 margin-right: 10px;
}
#inter {
 float: left;
 width: 555px;
}
.bodyaccueil #inter p {
 float: left;
 padding: 0;
 width: 100%;
}
.bodyaccueil #inter #acc01 p {
 width: 555px;
}
.bodyaccueil #inter span.liensdroite {
 clear: both;
 float: right;
}
#acc01 {
 clear: both;
 float: left;
 margin: 0px 0px 25px 0px;
 border-bottom: 1px dashed #CCDEF0;
}
#acc01 h3 {
 margin: 0;
 padding: 0px 0px 15px 0px;
 font-size: medium;
 color: #336699;
 font-weight: bold;
}
#acc02 {
 float: left;
 width: 48%;
 margin: 0px 0px 25px 0px;
 border-bottom: 1px dashed #CCDEF0;
}
#acc02 h3 {
 margin: 0;
 padding: 0px 0px 15px 0px;
 font-size: medium;
 color: #5A8522;
 font-weight: bold;
}
#acc03 {
 float: left;
 width: 48%;
 margin: 0px 0px 25px 3%;
 border-bottom: 1px dashed #CCDEF0;
}
#acc03 h3 {
 margin: 0;
 padding: 0px 0px 15px 0px;
 font-size: medium;
 color: #CC0000;
 font-weight: bold;
}
.bodyaux #inter h3  {
 margin:  0px 0px 5px 0px;
 padding: 0px 0px 5px 0px;
 font-size: medium;
 color: #336699;
 font-weight: bold;
 border-bottom: 1px dashed #CCDEF0;
}
.bodyaux #inter h4  {
 margin:  5px 0px 5px 0px;
 padding: 0;
 font-size: small;
 color: #FF6600;
 font-weight: bold;
}
.bodyparticuliers #inter h3 ,
.bodycollectivites #inter h3 ,
.bodyprofessionnels #inter h3 ,
.bodydocumentation #inter h3  {
 margin:  0px 0px 5px 0px;
 padding: 0px 0px 5px 0px;
 font-size: medium;
 color: #CC0000;
 font-weight: bold;
 border-bottom: 1px dashed #CCDEF0;
}
.bodyparticuliers #inter h4 ,
.bodycollectivites #inter h4 ,
.bodyprofessionnels #inter h4 ,
.bodydocumentation #inter h4  {
  margin:  5px 0px 5px 0px;
  padding: 0;
  font-size: small;
  color: #FF6600;
  font-weight: bold;
}
.hautpage {
 clear: both;
 text-align: right;
 width: 555px;
 font-size: x-small;
 border-top: 1px dashed #CCDEF0;
}
.hautpage a {
 display: block;
 float: right;
 margin: 5px 5px 0px 0px;
 padding: 2px 0px 0px 16px;
 color: #FF9900;
 width: 70px;
 height: 17px;
 background-image: url(images/puce_haut.gif);
 background-repeat: no-repeat;
}
.hautpage a:hover {
 color: #FF6600;
 background-position: 0px -1px;
}
#footer {
 clear: both;
 width: 770px;
 height: 85px;
 background-image:  url("images/footerImage.gif");
 background-repeat: no-repeat;
}
#liensfooter {
 margin: 0px 0px 0px 180px;
 padding: 55px 0px 0px 0px;
 width: 590px;
 text-align: center;
 font-size: x-small;
 color: #006699;
}
#liensfooter ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#liensfooter li {
 display: inline;
 margin: 0;
 padding: 0;
}
#liensfooter a {
 color: #006699;
}
#liensfooter a:hover {
 text-decoration: none;
}
/*------------------------------- Class gnriques sur lments ---------------------------------*/
#total img.align01 , .alignementGauche {
 float: left;
 margin-right: 10px;
}
#total img.align02 , .alignementDroite {
 float: right;
 margin-left: 10px;
}
img.bord01 , .bordureRouge {
 border: 1px solid #CC0000;
}
img.bord02 , .bordureOrange  {
 border: 1px solid #FF6600;
}
img.bord03 , .bordureJaune {
 border: 1px solid #FFCC00;
}
img.bord04 , .bordureVert{
 border: 1px solid #5A8522;
}
img.bord05 , .bordureBleu {
 border: 1px solid #336699;
}
div.rouge , .texteRouge , .rouge {
 color: #CC0000;
}
div.orange , .texteOrange , .orange {
 color: #FF6600;
}
div.jaune , .texteJaune , .jaune {
 color: #FFCC00;
}
div.vert , .texteVert , .vert {
 color: #5A8522;
}
div.bleu , .texteBleu , .bleu {
 color: #336699;
}
div.conclusion , .conclusion {
 color: #5A8522;
font-size: medium;
}
div.credit , .credit {
 color : #666666;
 font-size: x-small;
 font-style: italic;
 text-align: center;
}
div.retrait, .retrait {
 padding-left: 40px;
}
a.lien, .lien {
 color: #FF9900;
}
.lien:hover {
 color: #FF6600;
}
/*---------------------- class spcifiques ----------------------------*/
.invisible {
 display: none;
}
#haut {
 position: absolute;
 top: -10px;
 width: 1px;
 height: 1px;
}
.alternanim{
 margin: 0;
 padding: 0;
 width: 180px;
 text-align: center;
}
.alternanim a{
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 text-decoration: none;
}
/*-------------------------------- Styles des pop up --------------------------------------*/
.bodyparticulierspop #headerpop {
 width: 100%;
 height: 130px;
 background-image: url(images/bandeau_particuliers_pop.gif);
 background-repeat: no-repeat;
}
.bodycollectivitespop #headerpop {
 width: 100%;
 height: 130px;
 background-image: url(images/bandeau_collectivites_pop.gif);
 background-repeat: no-repeat;
}
.bodyprofessionnelspop #headerpop {
 width: 100%;
 height: 130px;
 background-image: url(images/bandeau_professionnels_pop.gif);
 background-repeat: no-repeat;
}
.bodydocumentationpop #headerpop {
 width: 100%;
 height: 130px;
 background-image: url(images/bandeau_documentation_pop.gif);
 background-repeat: no-repeat;
}
.bodyparticulierspop #total ,
.bodycollectivitespop #total ,
.bodyprofessionnelspop #total ,
.bodydocumentationpop #total {
 width: 100%;
 background-image: none;
}
.bodyparticulierspop #content ,
.bodycollectivitespop #content ,
.bodyprofessionnelspop #content ,
.bodydocumentationpop #content {
 float: left;
 width: 605px;
 margin: 0;
 padding: 10px 15px 0px 20px;
 background-color: #FFFFFF;
}
.bodyparticulierspop #content h3 ,
.bodycollectivitespop #content h3 ,
.bodyprofessionnelspop #content h3 ,
.bodydocumentationpop #content h3  {
 margin:  0px 0px 5px 0px;
 padding: 0px 0px 5px 0px;
 font-size: medium;
 color: #CC0000;
 font-weight: bold;
 border-bottom: 1px dashed #CCDEF0;
}
.bodyparticulierspop #content h4 ,
.bodycollectivitespop #content h4 ,
.bodyprofessionnelspop #content h4 ,
.bodydocumentationpop #content h4  {
 margin:  5px 0px 5px 0px;
 padding: 0;
 font-size: small;
 color: #FF6600;
 font-weight: bold;
}
.bodyparticulierspop .hautpage ,
.bodycollectivitespop .hautpage ,
.bodyprofessionnelspop .hautpage ,
.bodydocumentationpop .hautpage {
 text-align: right;
 margin: 0;
 padding:0;
 width: 605px;
 font-size: x-small;
 border-top: 1px dashed #CCDEF0;
}
.bodyparticulierspop .hautpage a ,
.bodycollectivitespop .hautpage a ,
.bodyprofessionnelspop .hautpage a ,
.bodydocumentationpop .hautpage a {
 margin: 5px 5px 10px 0px;
}
.bodyparticulierspop #footerpop ,
.bodycollectivitespop #footerpop ,
.bodyprofessionnelspop #footerpop ,
.bodydocumentationpop #footerpop {
 clear: both;
 width: 640px;
 height: 58px;
 background-image: url(images/footer_pop.gif);
 background-repeat: no-repeat;
}
/*-------------------------- styles pages résultat de la recherche ----------------------------------*/
th {
 text-align: left;
}
.title {
 width: 435px;
}
.date {
 font-size: x-small;
}
.description {
 padding-bottom: 15px;
 width: 555px;
 border-top: 1px solid #CCCCCC;
}
.prec {
 float: left;
 margin: 15px 0px 10px 5px;
 font-size: x-small;
}
.prec a {
 display: block;
 margin: 0px 5px 0px 0px;
 padding: 0px 0px 0px 22px;
 width: 55px;
 height: 17px;
 color: #FF9900;
 background-image: url(images/puce_precedentes.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
}
.prec a:hover {
 color: #FF6600;
 background-position: -1px 2px;
}
.suiv {
 float: right;
 text-align: right;
 margin: 15px 3px 10px 0px;
 font-size: x-small;
}
.suiv a {
 display: block;
 margin: 0;
 padding: 0px 22px 0px 0px;
 width: 43px;
 height: 17px;
 color: #FF9900;
 background-image: url(images/puce_suivantes.gif);
 background-repeat: no-repeat;
 background-position: 47px 2px;
}
.suiv a:hover {
 color: #FF6600;
 background-position: 48px 2px;
}
/*------------------- Styles pour tableaux ------------------*/
table.tableaudefaut, .StyleParDefaut {
border-top: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableaudefaut th {
border-bottom: 1px solid #336699;
border-right: 1px solid #336699;
}
.tableaudefaut td {
border-bottom: 1px solid #336699;
border-right: 1px solid #336699;
}
table.tableau01, .StyleDeTableauA3Colonnes {
width: 550px;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableau01 col.col01 {
width: 100px;
text-align: center;
}
.tableau01 col.col02 {
background-color: #BDE5F6;
width: 225px;
text-align: left;
}
.tableau01 col.col03 {
background-color: #E5F5FB;
width: 225px;
text-align: left;
}
.tableau01 th {
 text-align:center;
 height: 50px;
 border-bottom: 1px solid #336699;
}
.tableau01 td {
padding: 8px;
border-bottom: 1px solid #336699;
vertical-align: top;
}
table.tableau02, .StyleDeTableauA4Colonnes {
width: 550px;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableau02 col.col01 {
width: 100px;
text-align: center;
}
.tableau02 col.col02 {
background-color: #BDE5F6;
width: 150px;
text-align: left;
}
.tableau02 col.col03 {
background-color: #E5F5FB;
width: 150px;
text-align: left;
}
.tableau02 col.col04 {
background-color: #BDE5F6;
width: 150px;
text-align: left;
}
.tableau02 th {
 text-align:center;
 height: 50px;
 border-bottom: 1px solid #336699;
}
.tableau02 td {
padding: 8px;
border-bottom: 1px solid #336699;
vertical-align: top;
}
table.tableau03, .StyleDeTableauA5Colonnes {
width: 550px;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableau03 col.col01 {
width: 70px;
text-align: center;
}
.tableau03 col.col02 {
background-color: #BDE5F6;
width: 120px;
text-align: left;
}
.tableau03 col.col03 {
background-color: #E5F5FB;
width: 120px;
text-align: left;
}
.tableau03 col.col04 {
background-color: #BDE5F6;
width: 120px;
text-align: left;
}
.tableau03 col.col05 {
background-color: #E5F5FB;
width: 120px;
text-align: left;
}
.tableau03 col.col06 {
background-color: #BDE5F6;
width: 120px;
text-align: left;
}
.tableau03 col.col07 {
background-color: #E5F5FB;
width: 120px;
text-align: left;
}
.tableau03 col.col08 {
background-color: #BDE5F6;
width: 120px;
text-align: left;
}
.tableau03 th {
 text-align:center;
 height: 50px;
 border-bottom: 1px solid #336699;
}
.tableau03 td {
padding: 8px;
border-bottom: 1px solid #336699;
vertical-align: top;
}
table.tableauCalcul, .StyleDeTableauCalcul {
width: 550px;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableauCalcul col.col01 {
width: 360px;
text-align: left;
}
.tableauCalcul col.col02 {
background-color: #BDE5F6;
width: 120px;
text-align: left;
}
.tableauCalcul th {
 text-align:center;
 height: 50px;
 border-bottom: 1px solid #336699;
}
.tableauCalcul td {
padding: 3px;
border-bottom: 1px solid #336699;
vertical-align: top;
}
table.tableauCalc08, .StyleDeTableauA5Colonnes {
width: 550px;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-left: 1px solid #336699;
}
.tableauCalc08 col.col01 {
width: 70px;
font-weight:bold;
}
.tableauCalc08 col.col02 {
background-color: #BDE5F6;
}
.tableauCalc08 col.col03 {
background-color: #E5F5FB;
}
.tableauCalc08 col.col04 {
background-color: #BDE5F6;
}
.tableauCalc08 col.col05 {
background-color: #E5F5FB;
}
.tableauCalc08 col.col06 {
background-color: #BDE5F6;
}
.tableauCalc08 col.col07 {
background-color: #E5F5FB;
}
.tableauCalc08 col.col08 {
background-color: #BDE5F6;
}

table.tableauCalc08 td.borderLeft, table.tableauCalc08 th.borderLeft {
  border-left: 1px solid #336699;
}

.tableauCalc08 th {
 text-align:center;
 height: 50px;
 border-bottom: 1px solid #336699;
}
.tableauCalc08 td {
 padding: 8px;
 text-align:center;
 border-bottom: 1px solid #336699;
 vertical-align: top;
}
/*** styles pour alignement ***/
/* --- align attributes --- */ 
 .alignLeft {
  text-align:left;
}
.alignJustify {
  text-align:justify;
}
 
.alignCenter {
  text-align:center;
}
 
.alignRight {
  text-align:right;
}
 
/* Image attributes */
.styleFloatLeft, img.styleFloatLeft, .alignementGauche, object.styleFloatLeft, .alignementgauche {
 float: left;
 margin-right: 10px;
}
.styleFloatCenter {
  margin:auto;
  width:70%;
}
img.styleFloatCenter, .centrer, object.styleFloatCenter, .centrer {
  margin:none;
  width:none;
}
.styleFloatRight, img.styleFloatRight, .alignementDroite, object.styleFloatRight, .alignementDroite {
 float: right;
 margin-left: 10px;
}
/* --- tailles des fonts autorisé ---
  font +"." + className :: fontSizeNN :: NN taille en pixels 
  font.fontSize permet la selection dans le droplist 
  .fontSize permet l'application aux autres tags 
xx-small, x-small, small, medium, large, x-large, xx-large
*/
.fontSize10 {
 font-size: xx-small;
}
.fontSize11 {
 font-size: x-small;
}
.fontSize12 {
 font-size: small;
}
.fontSize13 {
 font-size: medium;
}
.fontSize14 {
 font-size: large;
}
.fontSize16 {
 font-size: x-large;
}
.fontSize18 {
 font-size: xx-large;
}
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
/*--------------------------------*/
@media print {
body {
 margin:0;
 padding: 0;
 background-color: #FFFFFF;
 background-image: none;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666666;
 text-align: justify;
}
h1 , h2 {
 display: none;
}
form {
 margin: 0;
 padding: 0;
}
fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
legend {
 display: none;
}
a {
 color: #336699;
}
a:hover {
 color: #3399FF;
}
img {
 border: none;
}
caption {
 display: none;
}
p {
 margin: 10px 0px 0px 0px;
 padding: 0;
}
ul {
 margin-top: 5px;
}
/*-----------------------------------------------------------------*/
#total {
 width: 100%;
 background-image: none;
}
.bodyaccueil #header ,
.bodyaux #header,
.bodyparticuliers #header,
.bodycollectivites #header,
.bodyprofessionnels #header,
.bodydocumentation #header,
#totem,
#topinter,
#footer,
#top,
#haut {
 display: none;
}
#content {
 float: none;
 width: 100%;
 margin: 0;
}
#inter {
 float: none;
 width: 100%;
}
.bodyaccueil #inter p {
 float: none;
 padding: 0;
 width: 100%;
}
.bodyaccueil #inter #acc01 p {
 width: 100%;
}
#acc01 {
 clear: none;
 float: none;
 width: 100%;
 margin: 0px 0px 25px 0px;
 border-bottom: 1px dashed #CCDEF0;
}
#acc02 {
 float: none;
 width: 100%;
 margin: 0px 0px 25px 0px;
 border-bottom: 1px dashed #CCDEF0;
}
#acc03 {
 float: left;
 width: 100%;
 margin: 0px 0px 25px 0px;
 border-bottom: 1px dashed #CCDEF0;
}
.hautpage,
.hautpage a {
 display: none
}
/*-------------------------------- Styles des pop up --------------------------------------*/
.bodyparticulierspop #headerpop,
.bodycollectivitespop #headerpop,
.bodyprofessionnelspop #headerpop,
.bodydocumentationpop #headerpop {
 display: none;
 height: 1px;
}
.bodyparticulierspop #total ,
.bodycollectivitespop #total ,
.bodyprofessionnelspop #total ,
.bodydocumentationpop #total {
 width: 100%;
 background-image: none;
}
.bodyparticulierspop #content ,
.bodycollectivitespop #content ,
.bodyprofessionnelspop #content ,
.bodydocumentationpop #content {
 float: none;
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;
}
.bodyparticulierspop .hautpage ,
.bodycollectivitespop .hautpage ,
.bodyprofessionnelspop .hautpage ,
.bodydocumentationpop .hautpage,
.bodyparticulierspop .hautpage a ,
.bodycollectivitespop .hautpage a ,
.bodyprofessionnelspop .hautpage a ,
.bodydocumentationpop .hautpage a  {
 display: none;
}
.bodyparticulierspop #footerpop ,
.bodycollectivitespop #footerpop ,
.bodyprofessionnelspop #footerpop ,
.bodydocumentationpop #footerpop {
 display: none;
}