body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background:#FFFFFF url(bgBody.gif) repeat-y top center;
}
#background {
background: url(bgHeader.jpg) no-repeat top center;
overflow: hidden;
width: 100%;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: 7px;
left: 200px;
background: url(bgH1.jpg) no-repeat center center;
height: 144px;
width: 295px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
caption{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
legend{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
#recherche{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.bodyaccueil h2{
background: url(bgAccueilH2.gif) no-repeat left top;
padding: 5px 0px 5px 60px;
font-size: medium;
color: #73001E;
text-align: center;
width: 250px;
float: left;
}
body.bodyaccueil #recherche_artisans h3{
width: 350px;
height: 25px;
padding: 20px 0px 10px 15px;
margin: 0px 0px 5px 0px;
background: url(bgRechArtisansH3.gif) no-repeat left top;
color: #73001E;
font-size: large;
font-weight: normal;
float: left;
}
#contentKitmap {
background: url(bgKitmap.jpg) no-repeat right top;
height: 331px;
width: 282px;
float: right;
margin: 1px 0px 0px 0px;
padding: 2px 5px 10px 5px;
}
#contentKitmap {
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS---*/
#contentActus {
 position:relative;
 float:right;
 width: 250px;
 padding: 0px 0px 0px 0px;
}
#actus {
 position:relative;
 color:#252324;
 width:249px;
 height: 210px;
 float:right;
 margin:25px 0px 0px 0px;
}
#actus h3 {
color: #73001E;
}
body.bodyaccueil #inter #actus div {
 float: left;
 padding: 0;
 margin: 0;
 width: 245px;
}
body.bodyaccueil #inter #actus div #actuList {
 position:absolute;
 top:30px;
 width: 245px;
 clip:rect(0, 245px, 150px, 0);
 height: auto;
 padding: 0;
 background: none;
}
body.bodyaccueil #inter #actus div #actuList p {
 float: left;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 5px 8px;
 width: 235px;
 height: 90px;
 overflow: hidden;
}
body.bodyaccueil #inter #actus div #actuList p img {
 margin: 5px 10px 0px 0px;
 float: right;
}
body.bodyaccueil #inter #actus div #actuList p a {
 text-decoration: none;
}
body.bodyaccueil #inter #actus div #actuList p strong a {
 color:#999999;
 text-decoration: none;
}
body.bodyaccueil #inter #actus div #actuList p strong a:hover {
 text-decoration: underline;
}
.filrss{
 position: absolute;
 top: -14px;
 right: 20px;
}
.filrss a {
 display:block;
 background: url(rss.gif) no-repeat 0px 4px;
 color: #73001E;
 text-decoration: none;
 height: 20px;
 width: 26px;
 padding: 10px 0px 0px 28px;
 font-size: medium;
 font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
margin:auto;
width:980px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float:left;
position:relative;
width:980px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
background: url(bgHeader.jpg) no-repeat top center;
height:174px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width: 980px;
display:inline;
}
#logo{
position:absolute;
top: 20px;
left: 50px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float:left;
margin:0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
display:none;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
background: url(bgInter.gif) repeat-y left top;
border:#DDDDDD 2px solid;
width:770px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 15px;
float: left;
display: inline;
}
body.bodyaccueil #inter{
background : url(bgActus.jpg) no-repeat top right;
border: none;
}
body.bodygenerique #inter{
background-image: none;
width:750px;
padding: 10px 10px 20px 10px;
}
#inter p,
#inter_popup p {
margin: 0px 0px 10px 0px;
padding:  0px 0px 0px 0px;
}
#inter ul,
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#inter_popup ul li {
background:url(puce01.jpg) left 7px no-repeat;
padding: 0px 0px 5px 13px;
}
#inter ul ul li,
#inter_popup ul ul li {
background:url(puce02.jpg) left 7px no-repeat;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--  RESULTATS DE LA RECHERCHE ARTISANS  --*/

body.bodyResult #inter {
border: none;
width:774px;
background-image: none;
}
body.bodyResult #inter h2 {
width: 525px;
background: url(bgResultatRecherche.gif) no-repeat 0px 4px;
padding: 13px 0px 10px 15px;
height: 30px;
font-size: large;
color: #73001E;
float: left;
}
#bgTableResult{
width:764px;
float: left;
margin: 0px 0px 0px 5px;
display: inline;
background: url(bgTableResult.gif) no-repeat top center;
}
body.bodyResult #inter table {
width: 100%;
}
body.bodyResult #inter table th {
background:transparent;
border: none;
border-right: #FFFFFF 1px solid;
text-align: left;
padding: 10px 0px 30px 10px;
}
body.bodyResult #inter table th a {
display: block;
color: #73001E;
}
body.bodyResult #inter table .col01 {
width: 110px;
}
body.bodyResult #inter table .col02 {
width: 170px;
}
body.bodyResult #inter table .col03 {
width: 130px;
}
body.bodyResult #inter table .col04 {
width: 80px;
}
body.bodyResult #inter table .col05 {
width: 140px;
}
body.bodyResult #inter table .col06 {
width: 140px;
}
 
body.bodyResult #inter table td{
padding: 5px 5px 5px 5px;
border: none;
}
body.bodyResult #inter table td.cell01 {
width: 100px;
text-align: center;
}
body.bodyResult #inter table td.cell02 {
width: 160px;
}
body.bodyResult #inter table td.cell03 {
width: 120px;
}
body.bodyResult #inter table td.cell04 {
width: 70px;
}
body.bodyResult #inter table td.cell05 {
width: 130px;
}
body.bodyResult #inter table td.cell06 {
width: 130px;
text-align: center;
}
body.bodyResult #inter table td a {
color: #8c042c;
font-weight: bold;
}
body.bodyResult #inter table tr.rang2 table {
border-bottom: #dca500 1px solid;
border-top: #dca500 1px solid;
background: #f2f2f0;
}
body.bodyResult #inter table tr.distinctions{
text-align: center;
}
body.bodyResult div#para_division.entry input#id_division{
display: block;
width:20px; 
margin: 3px 5px 0px 70px;
border: none;
}

/*--  NOUVELLE RECHERCHE INTER --*/

#navigation2 p{
margin: 10px 0px 0px 0px;
}
#formulaire_recherche_inter,
p.navigation{
float: left;
width: 770px;
}
p.navigation{
color: #73001E;
font-size: 90%;
}
span.resultat,
span.criteres {
padding: 0px 0px 0px 15px;
background :url(fleche_droite.gif) no-repeat 0px 5px;
}
span.resultat label a,
span.resultat label a.pageCourante{
padding: 0px 3px 0px 3px;
margin: 0px 3px 0px 3px;
color: #73001E;
text-decoration: none;
text-align: center;
}
span.resultat label a:hover,
span.resultat label a.pageCourante{
border-bottom: #999999 1px solid;
background: #F2F2F2;
}
span.resultat label a.pageCourante{
font-weight: bold;
}
#inter #formulaire_recherche_inter h2 {
width: 755px;
background: url(bgNouvelleRechercheLong.gif) no-repeat 0px 4px;
padding: 25px 0px 10px 15px;
margin: 20px 0px 0px 0px;
height: 25px;
font-size: large;
color: #73001E;
float: left;
display: inline;
}
#bgFormSearch01,
#bgFormSearch02,
#bgFormAccueilSearch01,
#bgFormAccueilSearch02{
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
float: left;
display: inline;
min-height: 220px;
height: auto !important;
height: 220px;
background-repeat : no-repeat;
background-position: left bottom;
}
#bgFormSearch01{
background-image: url(bgRechMotsInter.gif);
width: 350px;
}
#bgFormSearch02{
background-image: url(bgRechMultiInter.gif);
width: 408px;
}
#bgFormAccueilSearch01,
#bgFormAccueilSearch02{
width: 475px;
background: url(bgRechAccueil.gif) no-repeat left bottom;
}
#bgFormAccueilSearch02{
min-height: 340px;
height: auto !important;
height: 340px;
}
/*--------------*/
#bgFormSearch01 h3,
#bgFormSearch02 h3,
#bgFormAccueilSearch01 h4,
#bgFormAccueilSearch02 h4{
padding: 10px 0px 10px 14px;
height: 40px;
color: #73001E;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
font-size: small;
}
#bgFormSearch01 h3{
background: url(bgRechMotsInterH3.gif) no-repeat left top;
}
#bgFormSearch02 h3{
background: url(bgRecMultiInterH3.gif) no-repeat left top;
}
#bgFormAccueilSearch01 h4,
#bgFormAccueilSearch02 h4{
background: url(bgRechAccueilH3.gif) no-repeat left top;
}
/*--------------*/
#inter #bgFormSearch01 form,
#inter #bgFormSearch02 form,
#bgFormAccueilSearch01 form,
#bgFormAccueilSearch02 form{
position: relative;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 25px;
float: right;
width: 300px;
display: inline;
}
#bgFormAccueilSearch01 form,
#bgFormAccueilSearch02 form{
width: 380px;
}
/*--------------*/
#inter #bgFormSearch01 form div.entry label,
#inter #bgFormAccueilSearch01 form div.entry label{
width: 80px;
color: #999999;
}
/*--------------*/
#inter #bgFormSearch01 form div.entry input,
#inter #bgFormAccueilSearch01 form div.entry input{
width: 205px;
border: #CCCCCC 1px solid;
background: #FFFFFF;
padding: 0px 0px 0px 5px;
}
/*--------------*/
#inter #bgFormSearch02 form div.entry input,
#inter #bgFormAccueilSearch02 form div.entry input{
width: 200px;
border: #CCCCCC 1px solid;
background: #FFFFFF;
padding: 0px 0px 0px 5px;
}
/*--------------*/
#inter #bgFormAccueilSearch01 form div#para_division input{
width: 20px;
margin: 2px 0px 0px 78px;
border: none;
background: transparent;
}
.aide_proximite img{
margin: 0px 0px 0px 58px;
}
/*--------------*/
#inter #bgFormSearch01 form div.submit,
#inter #bgFormSearch02 form div.submit,
#inter #bgFormAccueilSearch01 form div.submit,
#inter #bgFormAccueilSearch02 form div.submit{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------*/
#inter #bgFormSearch01 div.entry select,
#inter #bgFormSearch02 div.entry select,
#inter #bgFormAccueilSearch01 div.entry select,
#inter #bgFormAccueilSearch02 div.entry select{
border: #CCCCCC 1px solid;
}
/*--------------*/
#inter #bgFormSearch01 form div.submit input,
#inter #bgFormSearch02 form div.submit input,
#inter #bgFormAccueilSearch01 form div.submit input,
#inter #bgFormAccueilSearch02 form div.submit input{
margin: 10px 83px 0px 0px;
padding: 0px 0px 8px 0px;
background: transparent url(bgRecherche.png) no-repeat top center;
height: 32px; 
width: 185px;
border: none;
float: right;
color: #73001E;
}
/*--------------*/
#inter #bgFormSearch02 form div.entry label,
#inter #bgFormAccueilSearch02 form div.entry label{
position: absolute; 
top: -5000px;
left: -5000px;
}
/*--------------*/
.boutAideRecherche a,
.boutAideRecherche2 a  {
position: absolute;
top: -52px ;
right: 0px;
display: block;
text-decoration: none;
color: #73001E;
font-weight: bold;
font-size: x-small;
padding: 3px 25px 0px 0px;
height: 20px;
width: 65px;
background: url(bgAide.gif) no-repeat right top;
}
body.bodyaccueil .boutAideRecherche2 a {
position: absolute;
top: 80px ;
right: 10px;
}
.boutAideRecherche2 a {
position: absolute;
top: 82px ;
right: 0px;
}

body.bodyaccueil .boutAideRecherche a {
position: absolute;
top: -72px ;
right: 10px;
}
.boutAideRecherche a:hover {
color: #666;
}
#exempleR{
font-size:x-small;
padding: 0px 0px 12px 80px;
}
/*--------------*/
#lien_metier{
margin: 0px 20px 0px 0px;
padding: 0px;
float: right;
display: inline;
}
body.bodyaccueil #lien_metier{
margin: 0px 83px 0px 0px;
}
#lien_metier a{
color: #73001E;
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px ;
position:relative;
width:183px;
display:inline;
}
#retourSite a{
display: block;
background: url(retourSite.gif) no-repeat center top;
margin: 10px 0px 0px 0px;
padding: 13px 0px 10px 15px;
height: 30px;
width: 170px;
text-decoration: none;
line-height: 1.2em;
font-weight: bold;
color: #004B9B;
}
#retourSite a:hover {
color: #73001E;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- HEADING ---*/
h2,
#inter_popup h2{
color: #006362;
font-size: x-large;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
h3,
#inter_popup h3{
color: #91062A;
font-size: medium;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
h4,
#inter_popup  h4{
color: #000;
font-size: small;
}
#colGauche h3 {
color: #73001E;
text-transform: uppercase;
}
/* --- NOUVELLE RECHERCHE --- RETOUR LISTE ---*/
body.bodyaccueil #menuAnnuaire,
body.bodyResult #menuAnnuaire{
display: none;
}
#menuAnnuaire{
width:774px;
padding: 0px 0px 0px 0px;
position: relative;
margin: -15px 0px 10px 15px;
float: left;
display: inline;
height: 45px;
}
.nouvelle_recherche,
.retour_liste{
float:left;
display: block;
height: 30px;
padding: 20px 10px 0px 10px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-transform: uppercase;
color: #73001E;
font-weight: bold;
}
.nouvelle_recherche{
background-image: url(bgNouvelleRecherche.gif);
width: 210px;
}
.retour_liste{
background-image: url(bgRetourListe.gif);
width: 160px;
}
.nouvelle_recherche:hover,
.retour_liste:hover{
background-position: 0px -54px;
text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- NUAGE DE TAG ---*/

#nuage_tag{
float: left;
margin: 20px 0px 0px 0px;
}

#interNuageTags h2,
body.bodyaccueil #interNuageTags h2{
border-bottom: none;
background: url(bgH2.gif) no-repeat 0px 0px;
font-size: large;
padding: 0px 0px 0px 0px;
width: 184px;
text-align: center;
}
#interNuageTags  #cloudcontent{
text-align: center;
padding: 0px 3px 0px 3px;
color: #999999;
}
#nuage_tag a{
text-decoration: none;
padding: 0px 5px 0px 5px;
}
.tagCoul {
color: #333333;
font-size: 100%;
padding: 0px 5px 0px 5px;
}
.tagCoul0 a {
color: #EBB400;
font-size: 190%;
}
.tagCoul0 a:hover {
color: #91062A;
}
.tagCoul1 a {
color: #006362;
font-size: 170%;
}
.tagCoul1 a:hover{
color: #91062A;
}
.tagCoul2 a{
color: #975CA6;
font-size: 150%;
}
.tagCoul2 a:hover{
color: #91062A;
}
.tagCoul3 a {
color: #975CA6;
font-size: 130%;
}
.tagCoul3 a:hover {
color: #91062A;
}
.tagCoul4 a {
color: #000000;
font-size: 100%;
font-weight: bold;
}
.tagCoul4 a:hover {
color: #91062A;
}
.tagCoul5 a {
color: #000000;
font-size: 80%;
}
.tagCoul5 a:hover{
color: #91062A;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
margin: 5px 0px 0px 15px;
padding: 0px 0px 0px 0px;
font-size: x-small;
position: relative;
width: 774px;
float: left;
display: inline;
background: url(bgFooter.gif) repeat-x left top;
color: #666666;
}
#footer ul li{
margin: 0px 0px 0px 0px;
}
#footer ul li a{
text-decoration:none;
color:#666666;
}
#footer ul#footer2 li{
float: left;
margin: 5px 0px 5px 0px;
}
#footer ul#footer2 li a{
color:#990033;
}
.logoFooter{
float: left;
padding: 10px 10px 0px 0px;
margin: 10px 10px 0px 0px;
height: 50px;
}
.logoFooter img {
margin: -10px 0px 0px 10px;
}
.titreFooter{
float: left;
border-left: #CCCCCC 1px solid;
padding: 10px 10px 0px 10px;
margin: 10px 10px 0px 0px;
height: 50px;
font-weight: bold;
}
.adresseFooter{
float: left;
border-left: #CCCCCC 1px solid;
padding: 10px 10px 0px 10px;
margin: 10px 10px 0px 0px;
height: 50px;
}
.lienFooter{
float: right;
border-left: #CCCCCC 1px solid;
padding: 10px 10px 0px 10px;
margin: 10px 10px 0px 0px;
height: 50px;
width: 200px;
}
#footer ul li a:hover {
text-decoration: underline;
}
#footer hr {
clear: both;
border: none;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
display:none;
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
display:none;
}
#imprimpage a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #73001E;
}
div.coul02, .bleu, .coul02 {
color: #004B9B;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #006362;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #73001E;
}
img.bord02, .bordureBleue {
border: 1px solid #004B9B;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #006362;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 0px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #F2F2F2;
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MINI SITE ---*/
#colGauche{
width: 155px;
float:left;
padding: 20px 10px 5px 10px;
text-align: center;
}
#colGauche table {
margin: 0px 0px 10px 0px;
width: 100%;
}
#colGauche table td {
border: none;
}
#colDroit,
#colCentre{
width: 560px;
float: right;
padding: 0px 10px 5px 20px;
}
#colCentre div {
padding: 0px 0px 10px 10px;
background: url(hr.gif) no-repeat left bottom;
float: left;
width: 530px;
}
.logo_vitrine {
float: right;
}
#colGauche ul li {
background:url(puce_mini_site.gif) no-repeat left center;
padding:0px 0px 0px 12px;
}
#colGauche ul li a{
text-decoration:none;
}
#colGauche ul li a:hover{
text-decoration:underline;
}
#inter .presentation{
font-style:italic;
font-family: times, verdana, sans-serif ;
color:#333333;
font-size: medium;
padding:0px 0px 20px 0px;
margin:0px 0px 20px 0px;
border-bottom:#91052C 1px solid;
}
/*--- MENU MINI SITE---*/
#menuMiniSite{
float: left;
width: 735px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 35px;
height: 50px;
background: url(bgMenuFiche.gif) no-repeat top left;
}
#inter #menuMiniSite ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #menuMiniSite ul li {
background-image:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: auto;
}
#menuMiniSite ul li a{
display: block;
float: left;
width: auto;
height: 26px;
padding: 10px 10px 0px 10px;
margin: 0px 0px 0px 0px;
background: url(bgBoutMenuFiche.gif) repeat-x top center;
color: #fff;
text-transform: uppercase;
text-decoration: none;
border-right: #FFFFFF 1px solid;
}
#menuMiniSite ul li#bout_entreprise a{
border-left: #FFFFFF 1px solid;
}
#menuMiniSite ul li a:hover{
color: #73001E;
}
#menuMiniSite ul li a.on{
background: url(bgBoutMenuFiche.gif) repeat-x center -42px;
color: #73001E;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE DES METIERS ---*/
body.bodyListMetier {
background-image: none;
}
body.bodyListMetier #total,
body.bodyListMetier #centrage,
body.bodyListMetier #header_popup,
body.bodyListMetier #inter_content{
width: 750px;
padding: 0px;
}
#inter_popup div.liste_metiers{
width: 358px;
float: left;
border:#CCCCCC 1px solid;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 0px;
display: inline;
height: 230px;
overflow: hidden;
position: relative;
background: #FFFFFF;
}
#inter_popup div.liste_metiers h3 {
background: #F2F2F2;
width: 100%;
padding: 5px 0px 5px 5px;
margin: 0px 0px 0px 0px;
color: #73001E;
text-transform: uppercase;
}
#inter_popup div.liste_metiers ul{
width: 358px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
display: inline;
height: 218px;
overflow: scroll;
list-style: none;
}
#inter_popup div.liste_metiers ul li {
float: left;
width: 345px;
padding:0px 0px 0px 0px;
background-image: none;
}
#inter_popup div.liste_metiers ul li a{
padding: 0px 0px 0px 10px;
display: block;
border-bottom: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
}
#inter_popup div.liste_metiers ul li a:hover {
cursor: pointer;
border-top: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
background: #F2F2F2;
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.popup_distinction{
background-image: none;
}
body.bodyPopup{
background: url(bgHeaderPopup.jpg) no-repeat top center;
}
body.bodyListMetier h1,
body.bodyPopup h1,
body.popup_distinction h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
#header_popup{
background: url(bgHeaderPopup.jpg) no-repeat top center;
position:relative;
width:600px;
height: 125px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.bodyPopup #header_popup .logo_popup{
position:absolute;
top: 10px;
left: 20px;
}
body.bodyListMetier #header_popup .logo_popup{
position:absolute;
top: 10px;
left: 90px;
}#inter_popup,
#distinction{
padding: 10px;
}
#inter_popup form{
padding: 10px;
clear: both;
}
#inter_popup form legend{
display: none;
}
#inter_content{
width:600px;
margin:auto;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP MAIL---*/

body.bodyMail{
background: url(bgHeaderPopup.jpg) no-repeat top center;
}
body.bodyMail h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
#header_mail{
background: url(bgHeaderPopup.jpg) no-repeat top center;
position:relative;
width:600px;
height: 125px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.bodyMail #header_mail .logo_popup{
position:absolute;
top: 10px;
left: 20px;
}
#inter_mail{
padding: 10px;
}
#inter_mail form{
padding: 10px;
clear: both;
}
#inter_mail form legend{
display: none;
}

body.bodyMail  #inter_content{
width:800px;
margin:auto;
}

/* --- Lien aide_proximite ---*/
a.aide_proximite {
position:relative;
color:#0C4DA2;
z-index:0;
}
a.aide_proximite_espace {
padding-right:4px;
}
a.aide_proximite span {
display:none;
font-style:normal;
}
a.aide_proximite:hover {
background: none;
z-index: 500;
text-decoration: none;
}
a.aide_proximite:hover span {
display:block;
padding:5px;
width:290px;
background: url(bgRechAccueil.gif) no-repeat center -230px;
border:#73001E 1px solid;
color:#000000;
text-decoration: none;
position:absolute;
top:50px;
left:100% !important;
left:10px;
z-index:5000;
font-size:small;
font-weight:normal;
}
/*** GOOGLE MAP ***/
div.googlemap {
 width:450px;
 height:270px;
 border:1px solid #597FBF;
 margin-bottom: 40px;
}