body {
 margin: 0;
 padding: 0;
 background-image: url(images/fond_bandeau.jpg);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #333333;
 text-align: justify;
 background-color: #FFFFFF;
}
h1 {
 position: relative;
 margin: -1px 0px 0px 0px;
 width: 400px;
 height: 1px;
 overflow: hidden;
}
h2,
h2 a {
 margin: 0;
 font-family: Trebuchet MS;
 font-size: large;
 color: #C9493F;
 text-align: left;
}
h3,
h3 a {
 margin: 0;
 font-family: Arial;
 font-size: medium;
 color: #006A7A;
 text-align: left;
}
.bodyartisans h4,
.bodyartisans h4 a {
 margin: 0;
 padding: 0px 0px 0px 25px;
 color: #175d8c;
 font-size: medium;
 font-family: Arial;
 text-align: left;
 font-weight: normal;
 background-image: url(images/puce_h4.jpg);
 background-position: 0px 0px;
 background-repeat: no-repeat;
}
.bodyartisanspages h4,
.bodyartisanspages h4 a,
.bodyflash h4,
.bodyflash h4 a,
.bodyacc h4,
.bodyacc h4 a,
.bodycollectivites h4,
.bodycollectivites h4 a,
.bodychambres h4,
.bodychambres h4 a,
.bodyinstitutionnels h4,
.bodyinstitutionnels h4 a,
.bodygen h4,
.bodygen h4 a,
.bodyquisommesnous h4,
.bodyquisommesnous h4 a {
margin: 5px 0px 0px 0px;
color: #175d8c;
font-size: medium;
}
h5 {
 font-size: medium;
 color: black;
 font-weight: normal;
}
h5 a {
 color: black;
}
img {
 border: none;
}
form ,
fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
legend {
 display: none;
}
a {
color: #CC3300;
}
#header {
 margin: 0;
 padding: 0;
 width: 770px;
}
#logo {
 float: left;
 padding-top: 7px;
 padding-left: 8px;
}
#logo img {
 float: left;
 margin-right: 18px;
}
#content {
 float: left;
 width: 100%;
 background-color: #FAFBEB;
 border-bottom: 1px dashed #E4EB9D;
 background-image: url(images/fond_content_totem.gif);
 background-repeat: repeat-y;
}
.bodyflash #content {
 background-color: #FFFFFF;
 border-bottom: none;
 background-image: none;
}
#degratot {
 float: left;
 width: 770px;
 background-image: url(images/degrad_totem.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
}
.bodyflash #degratot {
 background-image: none;
}
/*----------Styles du pavé orange----------*/
#pavorange {
 position: absolute;
 margin: 0;
 top: 7px;
 left: 600px;
 width: 170px;
 font-family: Arial;
 font-size: x-small;
 color: #FFFFFF;
}
#pavorange label {
 padding-left: 15px;
 background-image: url(images/fleche_pave_orange.gif);
 background-repeat: no-repeat;
 background-position: 0px 3px;
}
#pavorange .saisie {
 width: 76px;
 font-family: Arial;
 font-size: x-small;
 color: #666666;
 border: 1px solid #666666;
 vertical-align: middle;
}
#pavorange .bouton {
 vertical-align: middle;
 margin-left: 3px;
}
#pavorange ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#pavorange a {
 color: #FFFFFF;
 text-decoration: none;
}
#pavorange a:hover {
 padding-left: 1px;
}
#pavorange .contact {
 margin: 4px 0px 0px 5px;
 padding-left: 15px;
 background-image: url(images/fleche_pave_orange.gif);
 background-repeat: no-repeat;
 background-position: 0px 3px;
}
#pavorange .plansite {
 margin: 7px 0px 0px 10px;
 padding-left: 15px;
 background-image: url(images/fleche_pave_orange.gif);
 background-repeat: no-repeat;
 background-position: 0px 3px;
}
/*----------Styles du menu horizontal----------*/
#navhoriz {
 clear: both;
 padding-top: 4px;
 height: 29px;
 background-image: url(images/fond_menu_horiz.gif);
 background-repeat: no-repeat;
 background-position: 0px 4px;
 overflow: hidden;
}
#navhoriz ul {
 margin: 0px 0px 0px 105px;
 padding: 0;
 list-style: none;
}
#navhoriz li {
 float: left;
 margin: 0;
 padding: 0;
}
#navhoriz span {
 display: none;
}
#navhoriz .lienaccueil {
 display: block;
 width: 124px;
 height: 29px;
 background-image: url(images/bout_accueil.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
#navhoriz .lienaccueil:hover {
 background-position: 0px -31px;
}
.bodyacc #navhoriz .lienaccueil {
 display: block;
 width: 124px;
 height: 29px;
 background-image: url(images/bout_accueil.gif);
 background-repeat: no-repeat;
 background-position: 0px -31px;
}
#navhoriz .lienartisans {
 display: block;
 width: 78px;
 height: 29px;
 background-image: url(images/bout_artisans.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px; 
}
#navhoriz .lienartisans:hover {
 background-position: 0px -31px; 
}
.bodyartisans #navhoriz .lienartisans,
.bodyartisanspages #navhoriz .lienartisans,
.bodyflash #navhoriz .lienartisans {
 display: block;
 width: 78px;
 height: 29px;
 background-image: url(images/bout_artisans.gif);
 background-repeat: no-repeat;
 background-position: 0px -31px; 
}
#navhoriz .liencollectivites {
 display: block;
 width: 101px;
 height: 29px;
 background-image: url(images/bout_collectivites.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
#navhoriz .liencollectivites:hover {
 background-position: 0px -31px;
}
.bodycollectivites #navhoriz .liencollectivites {
 display: block;
 width: 101px;
 height: 29px;
 background-image: url(images/bout_collectivites.gif);
 background-repeat: no-repeat;
 background-position: 0px -31px;
}
#navhoriz .lienchambres {
 display: block;
 width: 250px;
 height: 29px;
 background-image: url(images/bout_chambres_metiers.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
#navhoriz .lienchambres:hover {
 background-position: 0px -31px;
}
.bodychambres #navhoriz .lienchambres {
 display: block;
 width: 250px;
 height: 29px;
 background-image: url(images/bout_chambres_metiers.gif);
 background-repeat: no-repeat;
 background-position: 0px -31px;
}
#navhoriz .lieninstitutionnels {
 display: block;
 width: 111px;
 height: 29px;
 background-image: url(images/bout_instit.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
#navhoriz .lieninstitutionnels:hover {
 background-position: 0px -31px;
}
.bodyinstitutionnels #navhoriz .lieninstitutionnels {
 display: block;
 width: 111px;
 height: 29px;
 background-image: url(images/bout_instit.gif);
 background-repeat: no-repeat;
 background-position: 0px -31px;
}
/*----------Styles du totem----------*/
#menu {
 float: left;
 padding: 23px 0px 0px 0px;
 width: 151px;
 background-image: url(images/haut_totem.gif);
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 text-align: left;
}
#menu .menugenerique {
 margin: 0;
 padding: 3px 0px 0px 0px;
 list-style: none;
 border-bottom: 1px dashed #E4EB9D;
 border-right: 1px dashed #E4EB9D;
}
#menu .menugenerique li {
 background-color: #E5F1F2;
}
#menu .menugenerique li.gen01 {
 padding-top: 5px;
 border-bottom: 1px solid #EBFBFB;
}
#menu .menugenerique li.gen02 {
 border-bottom: 1px solid #EBFBFB;
}
#menu .menugenerique li.gen03 {
 border-bottom: 1px solid #E5F1F2;
}
#menu .menugenerique a {
 display: block;
 margin: 0;
 padding-left: 22px;
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #E5F1F2;
 background-image: url(images/puce_generique.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #006666;
 text-decoration: none;
}
#menu .menugenerique a:hover {
 color: #FFFFFF;
 background-color: #006666;
 background-image: url(images/puce_generique_over.gif);
}
#menucontext .menuquisommesnous {
 margin: 0;
 padding: 0px 0px 25px 0px;
 list-style: none;
 background-color: #ADCCCF;
}
#menucontext .menuquisommesnous li {
 border-bottom: 1px solid #EBFBFB;
}
#menucontext .menuquisommesnous a {
 display: block;
 margin: 0;
 padding-left: 22px;
 padding-top: 5px;
 padding-bottom: 5px;
 background-image: url(images/puce_generique.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #006666;
 text-decoration: none;
}
#menucontext .menuquisommesnous a:hover {
 color: #FFFFFF;
 background-color: #006666;
 background-image: url(images/puce_generique_over.gif);
}
#menu .separmenu {
 margin: 2px 0px 2px 0px;
 height: 30px;
 border-bottom: 1px dashed #E4EB9D;
 border-right: 1px dashed #E4EB9D;
 border-top: 1px dashed #E4EB9D;
}
#menu .separmenu div {
 height: 30px;
 background-color: #E0EDED;
}
#menu .boutonsmenu {
 margin: 0;
 padding: 0;
 list-style: none;
}
#menu .boutonsmenu li {
 margin-bottom: 2px;
}
#menu .boutonsmenu a {
 display: block;
 width: 150px;
 height: 45px;
 background-repeat: no-repeat;
}
#menu .boutonsmenu li.lienbatimentcnidep,
#menu .boutonsmenu li.lienartisandurable,
#menu .boutonsmenu li.lientri {
 border-bottom: 1px dashed #016bb7;
 border-right: 1px dashed #016bb7;
 border-top: 1px dashed #016bb7;
}
#menu .boutonsmenu li.lienbasemetiers,
#menu .boutonsmenu li.lienecomet,
#menu .boutonsmenu li.lienegida {
 border-bottom: 1px dashed #b85647;
 border-right: 1px dashed #b85647;
 border-top: 1px dashed #b85647;
}
#menu .boutonsmenu li.lienbasemetiers {
margin-top: 10px;
}
#menu .boutonsmenu li.lienbatimentcnidep a {
 background-image: url(images/bout_batiment_cnidep.gif);
}
#menu .boutonsmenu li.lienbatimentcnidep a:hover {
 background-position: 0px -55px;
}
#menu .boutonsmenu li.lienartisandurable a {
 background-image: url(images/artisan_durable_cnidep.gif);
}
#menu .boutonsmenu li.lientri a {
 background-image: url(images/bout_tri_dechets.gif);
}
#menu .boutonsmenu li.lientri a:hover {
 background-position: 0px -55px;
}
#menu .boutonsmenu li.lienbasemetiers a {
 background-image: url(images/bout_base_metiers.gif);
}
#menu .boutonsmenu li.lienbasemetiers a:hover {
 background-position: 0px -55px;
}
#menu .boutonsmenu li.lienecomet a {
 background-image: url(images/bout_ecomet.gif);
}
#menu .boutonsmenu li.lienecomet a:hover {
 background-position: 0px -55px;
}
#menu .boutonsmenu li.lienegida a {
 background-image: url(images/bout_egida.gif);
}
#menu .boutonsmenu li.lienegida a:hover {
 background-position: 0px -55px;
}
#menu .boutonsmenu span {
 margin: -200px;
}
.bodyacc #menucontext,
.bodygen #menucontext {
 display: none;
}
#menucontext {
 margin-top: 2px;
 border-bottom: 1px dashed #E4EB9D;
 border-right: 1px dashed #E4EB9D;
 border-top: 1px dashed #E4EB9D;
}
#menucontext span {
 display: block;
 width: 150px;
 height: 40px;
}
#menucontext span strong {
 display: none;
}
#menucontext ul {
 margin: 0;
 padding: 0px 0px 25px 0px;
 list-style: none;
}
.bodyartisans #menucontext span,
.bodyartisanspages #menucontext span {
 background-image: url(images/services_cnidep_artisans.gif);
 background-repeat: no-repeat;
}
.bodyartisans #menucontext ul,
.bodyartisanspages #menucontext ul {
 background-image: url(images/degrad_totem_artisans.gif);
 background-repeat: repeat-x;
 padding-top: 5px;
}
.bodyartisans #menucontext li,
.bodyartisanspages #menucontext li {
 border-bottom: 1px solid #FFF2CC;
}
.bodyartisans #menucontext a,
.bodyartisanspages #menucontext a {
 display: block;
 padding: 5px 0px 5px 22px;
 background-image: url(images/puce_artisans.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #663300;
 text-decoration: none;
}
.bodyartisans #menucontext a:hover,
.bodyartisanspages #menucontext a:hover {
 color: #FFFFFF;
 background-color: #663300;
 background-image: url(images/puce_artisans_over.gif);
}
.bodycollectivites #menucontext span {
 background-image: url(images/services_cnidep_collec.gif);
 background-repeat: no-repeat;
}
.bodycollectivites #menucontext ul {
 background-image: url(images/degrad_totem_collectivites.gif);
 background-repeat: repeat-x;
 padding-top: 5px;
}
.bodycollectivites #menucontext li {
 border-bottom: 1px solid #E1F1D3;
}
.bodycollectivites #menucontext a {
 display: block;
 padding: 5px 0px 5px 22px;
 background-image: url(images/puce_collectivites.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #336633;
 text-decoration: none;
}
.bodycollectivites #menucontext a:hover {
 background-image: url(images/puce_collectivites_over.gif);
 color: #FFFFFF;
 background-color: #336633;
}
.bodychambres #menucontext span {
 background-image: url(images/services_cnidep_chambres.gif);
 background-repeat: no-repeat;
}
.bodychambres #menucontext ul {
 background-image: url(images/degrad_totem_chambres.gif);
 background-repeat: repeat-x;
 padding-top: 5px;
}
.bodychambres #menucontext li {
 border-bottom: 1px solid #E5ACBB;
}
.bodychambres #menucontext a {
 display: block;
 padding: 5px 0px 5px 22px;
 background-image: url(images/puce_chambres.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #900026;
 text-decoration: none;
}
.bodychambres #menucontext a:hover {
 background-image: url(images/puce_chambres_over.gif);
 color: #FFFFFF;
 background-color: #900026;
}
.bodyinstitutionnels #menucontext span {
 background-image: url(images/services_cnidep_instit.gif);
 background-repeat: no-repeat;
}
.bodyinstitutionnels #menucontext ul {
 background-image: url(images/degrad_totem_instit.gif);
 background-repeat: repeat-x;
 padding-top: 5px;
}
.bodyinstitutionnels #menucontext li {
 border-bottom: 1px solid #67C0C0;
}
.bodyinstitutionnels #menucontext a {
 display: block;
 padding: 5px 0px 5px 22px;
 background-image: url(images/puce_instit.gif);
 background-repeat: no-repeat;
 background-position: 7px 11px;
 color: #003333;
 text-decoration: none;
}
.bodyinstitutionnels #menucontext a:hover {
 background-image: url(images/puce_instit_over.gif);
 color: #FFFFFF;
 background-color: #003333;
}
#basmenu {
 height: 1px;
 background-image: url(images/bas_totem.gif);
 background-repeat: repeat-x;
 overflow: hidden;
}
/*----------Styles de l'inter----------*/
#inter {
 float: left;
 width: 590px;
 background-image: url(images/haut_coin_inter.gif);
 background-repeat: no-repeat;
 padding: 32px 0px 15px 15px;
}
.bodyacc #inter {
 background-image: url(images/fond_actus_accueil.gif);
 background-repeat: no-repeat;
}
.bodyacc #inter #accueil {
 float: left;
 width: 368px;
}
.bodyacc #inter #accueil h2 {
 text-align: center;
 color: #900026;
}
.bodyacc #inter #accueil h3 {
 text-align: center;
 font-size: medium;
}
.bodyacc #inter #actusaccueil {
height: 440px;
width: 175px;
float: left;
padding: 70px 0px 0px 35px;
overflow: hidden;
text-align: left;
}
.bodyacc #inter #actusaccueil a {
color: #175D8C;
}
.bodyartisanspages #inter #paves {
position: relative;
height: 350px;
margin-top: 10px;
text-align: left;
background-image: url(images/fond_index_artisans.gif);
background-repeat: no-repeat;
}
.bodyartisanspages #artisancrea,
.bodyartisanspages #artisanorientation,
.bodyartisanspages #artisanbase {
 position: absolute;
 width: 190px;
 height: 120px;
 overflow: hidden;
}
.bodyartisanspages #artisancrea {
 top: 16px;
 left: 223px;
}
.bodyartisanspages #artisanorientation {
 top: 175px;
 left: 7px;
}
.bodyartisanspages #artisanbase {
 top: 193px;
 left: 367px;
}
.bodycollectivites #inter #paves {
position: relative;
height: 430px;
margin-top: 10px;
text-align: left;
background-image: url(images/fond_index_collec.gif);
background-repeat: no-repeat;
}
.bodycollectivites #collecagenda,
.bodycollectivites #collecgestiondechets,
.bodycollectivites #collecgestioneau,
.bodycollectivites #collecmaitrise,
.bodycollectivites #collecvoisin,
.bodycollectivites #collecartisanat {
 position: absolute;
 width: 190px;
 height: 120px;
 overflow: hidden;
}
.bodycollectivites #collecagenda {
top: 100px;
left: 5px;
}
.bodycollectivites #collecgestiondechets {
 top: 15px;
 left: 206px;
}
.bodycollectivites #collecgestioneau {
 top: 100px;
 left: 405px;
}
.bodycollectivites #collecmaitrise{
 top: 307px;
 left: 327px;
}
.bodycollectivites #collecvoisin {
 top: 307px;
 left: 53px;
}
.bodycollectivites #collecartisanat {
 top: 175px;
 left: 200px;
}
.bodychambres #inter #paves {
float: left;
width: 520px;
padding: 10px 0px 0px 40px;
margin: 10px 0px 30px 0px;
text-align: left;
}
.bodychambres #chambresdefinition {
float: left;
width: 220px;
text-align: left;
background-image: url(images/fond_index_chambres01.gif);
background-repeat: no-repeat;
margin-right: 70px;
padding-top: 10px;
}
.bodychambres #inter #chambresdefinition ul {
padding-top: 50px;
}
.bodychambres #chambresmiseoeuvre {
float: left;
width: 220px;
text-align: left;
background-image: url(images/fond_index_chambres02.gif);
background-repeat: no-repeat;
padding-top: 10px;
}
.bodychambres #inter #chambresmiseoeuvre ul {
padding-top: 28px;
}
.bodyinstitutionnels #inter #paves {
position: relative;
height: 420px;
margin-top: 10px;
text-align: left;
background-image: url(images/fond_index_instit.gif);
background-repeat: no-repeat;
}
.bodyinstitutionnels #institenvironnement,
.bodyinstitutionnels #institdechets,
.bodyinstitutionnels #institeau,
.bodyinstitutionnels #institenergie {
 position: absolute;
 width: 190px;
 height: 120px;
 overflow: hidden;
}
.bodyinstitutionnels #institenvironnement {
 top: 136px;
 left: 205px;
}
.bodyinstitutionnels #institdechets {
 top: 35px;
 left: 7px;
}
.bodyinstitutionnels #institeau {
 top: 15px;
 left: 387px;
}
.bodyinstitutionnels #institenergie {
 top: 293px;
 left: 158px;
}
.bodyartisans #inter #paves ul,
.bodyartisanspages #inter #paves ul,
.bodycollectivites #inter #paves ul,
.bodychambres #inter #paves ul,
.bodyinstitutionnels #inter #paves ul {
margin: 0;
padding-left: 0px;
list-style: none;
}
.bodyartisans #inter #paves li,
.bodyartisanspages #inter #paves li,
.bodycollectivites #inter #paves li,
.bodychambres #inter #paves li,
.bodyinstitutionnels #inter #paves li {
padding: 0px 0px 3px 13px;
background-image: url(images/fleche_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
h2.h2index,
h2.h2index a {
 margin: 0;
 font-size: medium;
 color: #C9493F;
 text-align: left;
}
.bodyflash #inter {
 width: 770px;
 background-image: none;
 padding: 0;
 margin: 1px 0px 15px 0px;
}
#totemdroit {
float: right;
margin: 0px 0px 10px 15px;
padding-top: 7px;
width: 172px;
text-align: left;
}
#hautotemdroit a.retour,
#hautotemdroit a.imprim {
clear: left;
margin-left: 25px;
display: block;
font-size: x-small;
text-decoration: none;
padding-left: 15px;
}
#hautotemdroit a.retour:hover,
#hautotemdroit a.imprim:hover {
margin-left: 15px;
}
#hautotemdroit a.imprim {
background-image: url(images/pictimprim.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
margin-bottom: 5px;
}
#hautotemdroit a.retour {
background-image: url(images/pictretour.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin-bottom: 5px;
}
#zoneliens {
 padding-top: 20px;
}
#zoneliens p {
 padding: 0px 10px 0px 10px;
 margin: 0px 0px 8px 0px;
}
#bastotemdroit {
 margin-top: 5px;
 width: 172px;
 height: 40px;
}
.bodygen #zoneliens {
 background-color: #c7d1ca;
 background-image: url(images/haut_liens_generique.gif);
 background-repeat: no-repeat;
 color: #003333;
}
.bodygen #zoneliens ul {
margin: 0px 0px 10px 10px;
padding: 0;
list-style: none;
}
.bodygen #zoneliens ul li {
width: 144px;
padding-left: 14px;
background-image: url(puce_instit.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.bodygen #bastotemdroit {
 background-image: url(images/bas_liens_generique.gif);
 background-repeat: no-repeat;
}
.bodygen .titreliens {
 font-size: medium; 
}
.bodyartisans #zoneliens,
.bodyartisanspages #zoneliens {
 background-color: #E8C563;
 background-image: url(images/haut_liens_artisans.gif);
 background-repeat: no-repeat;
 color: #663300;
}
.bodyartisans #zoneliens ul,
.bodyartisanspages #zoneliens ul {
margin: 0px 0px 10px 10px;
padding: 0;
list-style: none;
}
.bodyartisans #zoneliens ul li,
.bodyartisanspages #zoneliens ul li {
width: 144px;
padding-left: 14px;
background-image: url(puce_artisans.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.bodyartisans #bastotemdroit,
.bodyartisanspages #bastotemdroit {
 background-image: url(images/bas_liens_artisans.gif);
 background-repeat: no-repeat;
}
.bodyartisans .titreliens,
.bodyartisanspages .titreliens {
 font-size: medium; 
}
.bodycollectivites #zoneliens {
 background-color: #B1C39E;
 background-image: url(images/haut_liens_collectivites.gif);
 background-repeat: no-repeat;
 color: #336633;
}
.bodycollectivites #zoneliens ul {
margin: 0px 0px 10px 10px;
padding: 0;
list-style: none;
}
.bodycollectivites #zoneliens ul li {
width: 144px;
padding-left: 14px;
background-image: url(puce_collectivites.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.bodycollectivites #bastotemdroit {
 background-image: url(images/bas_liens_collectivites.gif);
 background-repeat: no-repeat;
}
.bodycollectivites .titreliens {
 font-size: medium; 
}
.bodychambres #zoneliens {
 background-color: #DCCCC9;
 background-image: url(images/haut_liens_chambres.gif);
 background-repeat: no-repeat;
 color: #900026;
}
.bodychambres #zoneliens ul {
margin: 0px 0px 10px 10px;
padding: 0;
list-style: none;
}
.bodychambres #zoneliens ul li {
width: 144px;
padding-left: 14px;
background-image: url(puce_chambres.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.bodychambres #bastotemdroit {
 background-image: url(images/bas_liens_chambres.gif);
 background-repeat: no-repeat;
}
.bodychambres .titreliens {
 font-size: medium; 
}
.bodyinstitutionnels #zoneliens {
 background-color: #65ACA8;
 background-image: url(images/haut_liens_instit.gif);
 background-repeat: no-repeat;
 color: #003333;
}
.bodyinstitutionnels #zoneliens ul {
margin: 0px 0px 10px 10px;
padding: 0;
list-style: none;
}
.bodyinstitutionnels #zoneliens ul li {
width: 144px;
padding-left: 14px;
background-image: url(puce_instit.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.bodyinstitutionnels #bastotemdroit {
 background-image: url(images/bas_liens_instit.gif);
 background-repeat: no-repeat;
}
.bodyinstitutionnels .titreliens {
 font-size: medium; 
}
#hautpage {
 clear: both;
 padding: 10px 0px 25px 166px;
 font-size: x-small;
}
#hautpage a {
 padding-left: 12px;
 display: block;
 width: 75px;
 background-image: url(images/puce_haut_page.gif);
 background-repeat: no-repeat;
 background-position: 1px 2px;
 color: #CC3300;
 text-decoration: none;
}
#hautpage a:hover {
 background-position: 1px 3px;
 text-decoration: underline;
}
/*----------Styles du footer----------*/
#footer {
 float: left;
 padding: 5px 0px 0px 0px;
 clear: both;
 width: 770px;
 font-size: x-small;
}
#footer #liensfooter{
 float: left;
 text-align: center;
}
#visufooter {
 position: relative;
 float: left;
 margin-top: -30px;
 width: 200px;
 height: 80px;
}
.bodyacc #visufooter,
.bodygen #visufooter,
.bodyquisommesnous #visufooter {
 background-image: url(images/visu_footer_acc_gen.gif);
 background-repeat: no-repeat;
 background-position: 25px 0px;
}
.bodyflash #visufooter {
 background-image: url(images/visu_footer_acc_gen.gif);
 background-repeat: no-repeat;
 background-position: 25px 10px;
}
.bodyartisans #visufooter,
.bodyartisanspages #visufooter {
 background-image: url(images/visu_footer_artisans.gif);
 background-repeat: no-repeat;
 background-position: 25px 0px;
}
.bodycollectivites #visufooter {
 background-image: url(images/visu_footer_collectivites.gif);
 background-repeat: no-repeat;
 background-position: 23px 30px;
}
.bodychambres #visufooter {
 background-image: url(images/visu_footer_chambres.gif);
 background-repeat: no-repeat;
 background-position: 0px 25px;
}
.bodyinstitutionnels #visufooter {
 background-image: url(images/visu_footer_institutionnels.gif);
 background-repeat: no-repeat;
 background-position: 25px 0px;
}
#footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#footer li {
 display: inline;
}
#footer a {
 color: #333333;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
/*---------Styles résultats de la recherche-----------*/
table.result, .tableauResultatRecherche {
margin-top: 10px;
width: 590px;
background-color: #FAFBEB;
border-top: 1px solid #333333;
}
caption {
display: none;
}
table.result th {
text-align: left;
}
table.result th#a1 {
width: 500px;
}
table.result th#a2 {
width: 90px;
}
table.result .title {
width: 500px;
text-align: left;
}
table.result .date {
width: 90px;
font-size: x-small;
color: #900026;
text-align: right;
}
.description {
background-color: #ECEFB8;
padding: 5px;
width: 580px;
}
.prec {
 float: left;
 padding-top: 10px;
}
.prec a {
 display: block;
 width: 150px;
 font-size: x-small;
 color: #CC3300;
 padding-left: 14px;
 text-decoration: none;
 background-image: url(picprec.gif);
 background-repeat: no-repeat;
 background-position: 0px 5px;
}
.prec a:hover {
 text-decoration: underline;
}
.suiv {
 float: right;
 padding-top: 10px;
 text-align: right;
}
.suiv a {
 display: block;
 width: 40px;
 font-size: x-small;
 color: #CC3300;
 padding-right: 16px;
 text-decoration: none;
 background-image: url(picsuiv.gif);
 background-repeat: no-repeat;
 background-position: 42px 5px;
}
.suiv a:hover {
 text-decoration: underline;
}
/*---------- styles utilisateur ----------*/
#footer ul li.invisible,
.invisible {
 display: none;
}
div.bloc01, .bloc, .bloc01 {
display: block;
margin: auto;
padding: 5px;
width: 60%;
background-color: #E8C563;
border: 1px solid #E8C563;
text-align: center;
}
.bloc2 {
margin: auto;
padding: 5px;
width: 44%;
background-color: #E8C563;
border: 1px solid #E8C563;
text-align: center;
}
div.encadre01, .encadreBleu, .encadre01 {
margin: auto;
padding: 10px;
border-style: solid;
border-color: #006a7a;
border-width: 1px;
width: 70%;
text-align: left;
}
div.rond01, .puceRondBleu, .rond01 {
 margin: 0px 0px 0px 5px;
 padding: 0px 0px 10px 12px;
 list-style: none;
 background-image: url(puce_rond.jpg);
 background-position: 0px 7px;
 background-repeat: no-repeat;
}
li.rond01, .puceRondBleu, .rond01 {
 margin: 0px 0px 0px 5px;
 padding: 0px 0px 10px 12px;
 list-style: none;
 background-image: url(puce_rond.jpg);
 background-position: 0px 7px;
 background-repeat: no-repeat;
}


div.fleche01, .puceFlecheRose, .fleche01 {
 margin: 0px;
 padding: 0px 0px 10px 20px;
 list-style: none;
 background-image: url(puce_fleche.jpg);
 background-position: 0px 4px;
 background-repeat: no-repeat;
}
li.fleche01, .puceFlecheRose, .fleche01 {
 margin: 0px;
 padding: 0px 0px 10px 20px;
 list-style: none;
 background-image: url(puce_fleche.jpg);
 background-position: 0px 4px;
 background-repeat: no-repeat;
}


div.carre01, .puceCarreJaune, .carre01 {
 margin: 0px;
 padding: 0px 0px 10px 20px;
 list-style: none;
 background-image: url(puce_carre.jpg);
 background-position: 5px 6px;
 background-repeat: no-repeat;
}
#inter li.carre01, .puceCarreJaune, .carre01 {
 margin: 0px;
 padding: 0px 0px 10px 20px;
 list-style: none;
 background-image: url(puce_carre.jpg);
 background-position: 5px 6px;
 background-repeat: no-repeat;
}


div.secondnivo, .puceMiniFlecheBleue, .secondnivo {
margin: 0;
padding: 0px 0px 2px 9px;
list-style: none;
background-image: url(fleche_second_nivo.jpg);
background-position: 0px 8px;
background-repeat: no-repeat;
text-align: left;
}
#inter li.secondnivo, .puceMiniFlecheBleue, .secondnivo {
margin: 0;
padding: 0px 0px 2px 9px;
list-style: none;
background-image: url(fleche_second_nivo.jpg);
background-position: 0px 8px;
background-repeat: no-repeat;
text-align: left;
}


div.coul01, .texteRouge, .coul01 {
 color: #CC3300;
}
div.coul02, .texteBleuVert, .coul02 {
 color: #006A7A;
}
div.coul03, .texteBleu, .coul03 {
 color: #175D8C;
}
div.coul04, .texteViolet, .coul04 {
 color: #900026;
}
div.coul05, .texteRose, .coul05 {
 color: #B84C47;
}
div.coul06, .texteJaune, .coul06 {
 color: #DF9719;
}
div.coul07, .texteBrun, .coul07 {
 color: #663300;
}
div.coul08, .texteVert, .coul08 {
 color: #009900;
}
img.bord01, .bordureRouge {
 border: 1px solid #CC3300;
}
img.bord02, .bordureBleueVerte {
 border: 1px solid #006A7A;
}
img.bord03, .bordureBleue {
 border: 1px solid #175D8C;
}
img.bord04, .bordureViolette {
 border: 1px solid #900026;
}
/*----------Styles page accueil base métiers----------*/
.basemetiers {
float: left;
margin: 10px 0px 20px 0px;
padding: 0;
list-style: none;
clear: both;
width: 580px;
}
.basemetiers li {
margin-bottom: 10px;
width: 192px;
height: 30px;
float: left;
text-align: left;
line-height: 11px;
font-weight: bold;
vertical-align: middle;
}
.basemetiers li img {
float: left;
margin-right: 4px;
}
.basemetiers li a {
color: #006A7A;
text-decoration: none;
font-size: x-small;
}
.basemetiers li a:hover {
color: #CC3300;
}
/*--------------taille champs formulaire questionaire ---------------------*/
body form#fQuestionaire  {
margin: 15px 0px 0px 10px;
width: 580px;
}
body form#fQuestionaire fieldset legend  {
display: none;
}
body form#fQuestionaire div  {
margin: 5px 0px 5px 0px;
border-bottom: 1px solid #C7D168;
}
body form#fQuestionaire div div, body form#fQuestionaire div.branche {
border-bottom: none;
}
body form#fQuestionaire div label  {
float: left;
width:360px;
text-align: left;
}
body form#fQuestionaire div.branche div,
body form#fQuestionaire div.activite div,
body form#fQuestionaire div.branche div label,
body form#fQuestionaire div.activite div label {
float: left;
clear: both;
width:450px;
text-align: left;
}
body form#fQuestionaire div ul  {
float:left;
margin: 0;
padding: 0px 0px 0px 15px;
list-style: none;
}
body form#fQuestionaire div ul li  {
  float:left;
}
body form#fQuestionaire div ul li label  {
width:310px;
text-align: left;
}
body form#fQuestionaire div ul li div label  {
width: 50px;
text-align: left;
color: #CC3300;
font-weight: bold;
padding: 0;
}
body form#fQuestionaire div div  {
float:right;
margin: 0;
width:190px;
}
body form#fQuestionaire div div label  {
width: 50px;
text-align: left;
color: #CC3300;
font-weight: bold;
padding: 0;
}
body form#fQuestionaire div ul li div label.nesaispas ,
body form#fQuestionaire div div label.nesaispas {
width: 90px;
}
body form#fQuestionaire div.branche div label,
body form#fQuestionaire div.activite div label  {
color: #333333;
font-weight: normal;
}
.submit {
padding: 10px 0px 0px 0px;
clear: both;
border: none;
text-align: center;
}
.submit input {
width:90px;
margin: 0px 100px 0px 100px;
background-color: #E5A70F;
border: 1px solid #900026;
}
/*---------Styles de la page de contact----------*/
.footer {
float: left;
padding: 10px 0px 20px 180px;
font-size: x-small;
}
/*----------Styles des pages animations alternatives----------*/

.divanim {text-align: center; margin: auto; width:100%;}
.divanim p {margin-bottom: 0px; padding-bottom: 0px;}
.divanim h2, .divanim h3 {text-align:center;}
.divanim h3 {padding-bottom: 25px;}
.divanim h2 {padding-top:25px;}
.divanim table {padding: 7px; width: 590px; margin: auto; }
.divanim table a {text-align: right; color: #006A7A;}
.divanim th {width: 50%; text-align: center; font-size: small;  color: #C9493F; border-bottom: 2px solid #C9493F; border-top: 2px solid #C9493F; padding: 15px 5px 15px 5px; background-color: #ffdab9;}
.divanim th.thleft {border-right: 3px double #C9493F; border-left: 2px solid #C9493F;}
.divanim th.thcentre {border-right: 3px double #C9493F;}
.divanim th.thright {border-right: 2px solid #C9493F;}
.divanim td {border-bottom: 1px solid #006A7A; text-align: left; padding:7px;}
.tdleft {border-left: 2px solid #006A7A; border-right: 3px double #006A7A;}
.tdcentre {border-right: 3px double #006A7A}
.tdright {border-right: 2px solid #006A7A;}
.divanim td.tdblanc {border:none; font-size:1px; height: 3px;padding:0px;}
.divanim td.tdbas {border: 2px solid #C9493F; text-align: center; padding:15px; background-color: #ffdab9;}
.divanim td.sousth {font-size:1px; height: 3px; padding:0px;}

/*---------Styles des tableaux par défaut (sans colonne de titres)---------*/

table {margin: auto; background-color: white;}
.thleft {border-right: 3px double #006A7A; border-left: 2px solid #006A7A; border-top: 2px solid #006A7A; background-color: #5f9ea0; color: #006A7A; font-weight: bold; text-align: center;}
.thcentre {border-right: 3px double #006A7A; border-top: 2px solid #006A7A; background-color: #5f9ea0;  color: #006A7A; font-weight: bold; text-align: center;}
.thright {border-right: 2px solid #006A7A; border-top: 2px solid #006A7A; background-color: #5f9ea0;  color: #006A7A; font-weight: bold; text-align: center;}

/*---------Styles tableau page Calcaire---------*/

table.calcaire, .tableauCalcaire {margin: auto; background-color: #FAFBEB; font-size: small; text-align: center; line-height: 10px;}
table.calcaire p {padding: 6px 0px 0px 0px; margin: 0px;}
.calcaire a {color: #006A7A;}
.calcaire td {border-bottom: 1px solid #006A7A;}
.calcaire td.sansbord {border: none; }
.calcaire td.sousth {font-size: 1px; line-height: 2px; padding: 0px;}
.calcaire td.tdblanc {border: none; font-size: 1px; line-height: 2px; padding: 0px;}
.calcaire th {background-color: #006A7A; color: white; border-top: 2px solid #006A7A; font-size:x-small; font-weight: normal; padding: 2px;}
.calcaire th.thleft {border-right: 3px double #006A7A; border-left: 2px solid #006A7A; border-top: 2px solid #006A7A;}
.calcaire th.thcentre {border-right: 3px double #006A7A; border-top: 2px solid #006A7A;}
.calcaire th.thright {border-right: 2px solid #006A7A; border-top: 2px solid #006A7A;}
.calcaire td.tdbas {border-bottom: 2px solid #006A7A; font-size: 1px; line-height: 2px; padding: 0px;}
.calcaire td.colleftblanc {border-left: 2px solid #006A7A; border-right: 3px double #006A7A; padding:3px;}
.calcaire td.colleft {border-left: 2px solid #006A7A; border-right: 3px double #006A7A; background-color: #5f9ea0;font-size:x-small; color: white; padding: 3px;}
.calcaire td.colcentre {border-right: 3px double #006A7A; padding: 3px;}
.calcaire td.colright {border-right: 2px solid #006A7A; padding: 3px;}

table.calcaire td.espace, div.espace, p.espace, strong.espace, .interLignes {
line-height: 16px;
}

table.calcaire td.grisee, div.grisee, .celluleGrisee {
background-color: #5D7E79;
}
td.alignementhaut {
vertical-align: top;
}
/*--------------------------------------------*/
.erreur404 {
vertical-align: middle;
}