/*
div {
  border: 1px solid #ff0000;
}
*/

/* ---------------------------------------
#
#
#     COMMUN
#
#
------------------------------------------*/


html { overflow-x:hidden ; } 

body {
  color:#000;
  font-family: Georgia, "Times New Roman", serif; 
  font-size:12px;
  padding:0;
  margin:0;
  background-color:#f4f4f4;


}

p {
  font-size:15px;
  color:#636363;
  
}

p a {
  color:#eeab00;
  text-decoration:none;
}

p a:hover {
  color:#eeab00;
  text-decoration:underline;
}

span.hidden {
  left:-5000px;
  position:absolute;
  text-indent:-5000px;
  top:-5000px;
}

/* >>>>>>>> Couleur de fond / body >>>>>>>> */
body.architecture {
  /*background-color:#d2d1c7;*/
  background-color:#d5d7ce;

}

body.artsgraphiques {
  background-color:#d1d0d6;
}

body.bijouterie {
  background-color:#e2ddcf;
}

body.bois {
  background-color:#ddd5c2;
}

body.decoration {
  background-color:#d8d0d5;
}

body.factureinstrumentale {
  background-color:#d0c7c2;
}

body.terre {
  background-color:#e4dcdd;
}

body.textilecuir {
  background-color:#d1d3d5;
}
body.verre {
  background-color:#ced1d5;
}

body.carte {
  background-image:url('/assets/templates/metiersdart/images/carte/fondpage.gif');
}
/* <<<<<<<< Couleur de fond / body <<<<<<<< */


div#page {
  width:1400px;
  min-height:774px;
  margin:0 auto 0 -700px;
  position:absolute;
  top:0px;
  left:50%;
}


div#header{

}

div#header div#photooutil{
  position:absolute;
  top:0px;
  left:825px;

}

div#fondheader {
  height:240px;
  width:4000px;
  margin-left:-50%;
  background-color:#fff;
  margin-top:0px;
}

#IE6 div#fondheader {
  height:200px;

}

div#fondmain {

}


div#fondfooter {  
  width:4000px;
  height:300px;
  margin-top:-140px;
  background-color:#fff;
  margin-left:-50%;  
  z-index:-1;
  position:relative;
  
}


div#main{
  margin-left:250px;
  width:900px;
  min-height:540px;

  padding-top:42px;
  overflow:visible;
  z-index:100;
  position:relative;
}

#IE6 div#main {
  margin-bottom:20px;
  padding-top:0px;
}

div#contenu {
  width:440px;
  margin-left:440px;
  overflow:visible;
}

div#contenu h1 {
  color:#636363;
}

div#contenu h2 {
  color:#eeab00;
}

div#contenu ul {
  background-image:url(/assets/templates/metiersdart/images/pixelombre.png);
  padding-top:10px;
  padding-bottom:10px;
}

div#contenu ul li {
  font-size:15px;
  color:#636363;
  margin-bottom:5px;  
}

#IE6 div#contenu {
  margin-left:0px;
  padding-left:440px;
  padding-top:45px;
  height:520px;
}

div#contenu .tabledpage {
  margin-left:-450px;
}

div#grandephoto, .grandephoto {
  width:430px;
  margin-top:-45px;
  margin-left:-450px;
  float:left;
  
  z-index:100;
}


#IE7 div#grandephoto, #IE7 .grandephoto {
  position:absolute;
  margin-left:-450px;
}

#IE6 div#grandephoto, #IE6 .grandephoto {
  margin-left:-450px;
  width:430px;
  margin-top:-45px;
  position:absolute;
}




#IE6 {
  margin-left:450px;
  padding-top:45px;
  
}

div#footer{
  margin-left:250px;
  width:900px;
  height:100px;
  clear:both;
  /*margin-top:-100px;*/
  background-color:#fff;
  
}

div#footer div#newsletter {
  float:left;
  margin-left:0px;

}

div#footer div#newsletter div#titrenl {
  width:80px;
  height:13px;
  background-image:url('/assets/templates/metiersdart/images/newsletter.gif');
  background-repeat:no-repeat;
  background-position:0 0px;
  margin-top:12px;

}

div#footer div#newsletter .form {
  margin-left:80px;
  margin-top:-25px;
  padding:0px;
  width:260px;
  height:30px;
  background-image:url('/assets/templates/metiersdart/images/champnewsletter.jpg');
  background-repeat:no-repeat;
}

#IE6 div#footer div#newsletter .form {
  padding:0px;
  width:200px;
}


div#footer div#newsletter .form a {
  float:left;
  clear:both;
  display:block;
  margin-top:-19px;
  margin-left:220px;
  width:20px;
  height:21px;
  background-image:url('/assets/templates/metiersdart/images/ok.gif');
  background-repeat:no-repeat;
}

#IE6 div#footer div#newsletter .form a {
  
  margin-right:0px;
  float:right;
  padding:0px;
  margin-top:-20px;
}

div#footer div#newsletter .form a:hover {
  background-position:0 -21px;
}

div#footer div#newsletter .form input[type=text] {
  width:205px;
  height:15px;
  border:0px;
  margin-top:10px;
  margin-left:10px;
}

#IE7 div#footer div#newsletter .form input,
#IE6 div#footer div#newsletter .form input {
  width:205px;
  height:15px;
  border:0px;
  margin-top:8px;
  margin-left:-70px;
}


div#footer div#newsletter .form #newsletterFeedback{
  margin-top:8px;
  margin-left:5px;
  float:left;
  color:#e79900;
  font-size:11px;
}

#IE6 div#footer div#newsletter .form #newsletterFeedback, 
#IE7 div#footer div#newsletter .form #newsletterFeedback {

  float:left;
  display:block;
  clear:both;
  width:280px;  
}


div#footer div#liensbottom   {
  padding-top:2px;
}

#IE6 div#footer div#liensbottom   {
  margin-left:-30px;
  float:left;
}

div#footer div#partenaires {
  margin-top:15px;
  text-align:center;
}

div#footer div#partenaires .soutien{
  color:#ACA7A1;
  font-size:12px;
  margin-right:40px;
  height:50px;
  display:inline-block;
  vertical-align:middle;
}

div#footer div#partenaires a {
  height:50px;
  display:inline-block;
}

div#footer div#partenaires #espace {
  height:50px;
  width:40px;
  display:inline-block;
}

div#footer div#partenaires a:hover {
  background-position:0 -50px;
}

div#footer div#partenaires a.region {
  background-image:url(/assets/templates/metiersdart/images/logobassenormandie.jpg);
  width:62px;
}

div#footer div#partenaires a.departement {
  background-image:url(/assets/templates/metiersdart/images/logoconseilgeneral.jpg);
  width:53px;
}

div#footer div#partenaires a.pae {
  background-image:url(/assets/templates/metiersdart/images/logopae.jpg);
  width:94px;
}

div#footer div#partenaires a.europe {
  background-image:url(/assets/templates/metiersdart/images/logoeuropeenne.jpg);
  width:65px;
}

div#footer div#partenaires a.creditagricole {
  background-image:url(/assets/templates/metiersdart/images/logoca.jpg);
  width:59px;
}

div#footer div#partenaires a.republique {
  background-image:url(/assets/templates/metiersdart/images/logoetat.jpg);
  width:78px;
}

address {
  color:#636363;
  background-image:url(/assets/templates/metiersdart/images/pixelombre.png);
  padding-top:10px;
  padding-bottom:10px;
  padding-left:40px;
}

address a {
  color:#eeab00;
  text-decoration:none;
}

address a:hover {
  color:#eeab00;
  text-decoration:underline;
}

/* ---------------------------------------
#
#
#     ACCUEIL
#
#
------------------------------------------*/


div#accueil {
  overflow:visible;
  margin-bottom:60px;
}


#IE6 div#accueil {
  margin-left:-450px;
  padding-left:450px;
}

#IE7 div#accueil {
 
}

div#accueil  div#repertoire{
  
  margin-left:-12px;
  padding-left:12px;
  margin-bottom:15px;
  width:450px;
  height:244px;
  min-height:244px;
  background-image:url('/assets/templates/metiersdart/images/cadregris.gif');
  background-repeat:no-repeat;
}

#IE7 div#accueil  div#repertoire,
#IE6 div#accueil  div#repertoire{
  /*margin-top:-470px;*/
}

#IE6 div#accueil  div#repertoire{
  margin-left:-4px;
}

div#accueil  div#repertoire .separation{
  margin-top:8px;
  margin-bottom:8px;
  width:446px;
  height:7px;
  background-image:url('/assets/templates/metiersdart/images/lignepointille.gif');
  background-repeat:no-repeat;
  margin-left:-5px;
}

#IE6 div#accueil  div#repertoire .separation{
  margin-bottom:0px;
}

div#accueil  div#repertoire img#titre2{
  margin-top:15px;
}

/* >>>>>>>> liste rollover activites >>>>>>>> */


div#accueil  div#repertoire div#listeactivites  a {
  margin-top:5px;
  margin-right:3px;
}

div#geographique div#gauche div#cadre1 div#activites .architecture,
div#accueil  div#repertoire div#listeactivites .architecture {
  background-image:url('/assets/templates/metiersdart/images/architecture.gif');
  width:100px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .architecture:hover,
div#accueil  div#repertoire div#listeactivites .architecture:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .artsgraphiques,
div#accueil  div#repertoire div#listeactivites .artsgraphiques {
  background-image:url('/assets/templates/metiersdart/images/artsgraphiques.gif');
  width:123px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .artsgraphiques:hover,
div#accueil  div#repertoire div#listeactivites .artsgraphiques:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .bijouterie,
div#accueil  div#repertoire div#listeactivites .bijouterie {
  background-image:url('/assets/templates/metiersdart/images/bijouterie.gif');
  width:76px;
  height:17px;
  display:inline-block;

}

div#geographique div#gauche div#cadre1 div#activites .bijouterie:hover,
div#accueil  div#repertoire div#listeactivites .bijouterie:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .bois,
div#accueil  div#repertoire div#listeactivites .bois {
  background-image:url('/assets/templates/metiersdart/images/bois.gif');
  width:33px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .bois:hover,
div#accueil  div#repertoire div#listeactivites .bois:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .decoration,
div#accueil  div#repertoire div#listeactivites .decoration {
  background-image:url('/assets/templates/metiersdart/images/decoration.gif');
  width:83px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .decoration:hover,
div#accueil  div#repertoire div#listeactivites .decoration:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .factureinstrumentale,
div#accueil  div#repertoire div#listeactivites .factureinstrumentale {
  background-image:url('/assets/templates/metiersdart/images/factureinstrumentale.gif');
  width:170px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .factureinstrumentale:hover,
div#accueil  div#repertoire div#listeactivites .factureinstrumentale:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .terre,
div#accueil  div#repertoire div#listeactivites .terre {
  background-image:url('/assets/templates/metiersdart/images/terre.gif');
  width:45px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .terre:hover,
div#accueil  div#repertoire div#listeactivites .terre:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .textileetcuir,
div#accueil  div#repertoire div#listeactivites .textileetcuir {
  background-image:url('/assets/templates/metiersdart/images/textilecuir.gif');
  width:108px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .textileetcuir:hover,
div#accueil  div#repertoire div#listeactivites .textileetcuir:hover {
  background-position:0 -17px;
}

div#geographique div#gauche div#cadre1 div#activites .verre,
div#accueil  div#repertoire div#listeactivites .verre {
  background-image:url('/assets/templates/metiersdart/images/verre.gif');
  width:43px;
  height:17px;
  display:inline-block;
}

div#geographique div#gauche div#cadre1 div#activites .verre:hover,
div#accueil  div#repertoire div#listeactivites .verre:hover {
  background-position:0 -17px;
}

/* <<<<<<<< liste rollover activites <<<<<<<< */

div#accueil  div#repertoire select#ordrealpha{
  width:400px;
  margin-top:5px;
  display:block;
}

div#accueil  div#repertoire #liensecteurgeo {
  background-image:url('/assets/templates/metiersdart/images/affichercarte.gif');
  width:187px;
  height:20px;
  display:block;
  margin-top:10px; 
}

#IE6 div#accueil  div#repertoire #liensecteurgeo {
  margin-top:0px; 
}

div#accueil  div#repertoire #liensecteurgeo:hover {
  background-image:url('/assets/templates/metiersdart/images/affichercarte.gif');
  background-position:0 20px;
}


/* >>>>>>>> liste rollover ressources >>>>>>>> */


div#accueil  div#listeressources  {
  margin-bottom:15px;
}


div#accueil  div#listeressources  a {
  margin-top:5px;
}

div#accueil  div#listeressources .lieux {
  background-image:url('/assets/templates/metiersdart/images/leslieux.gif');
  width:65px;
  height:15px;
  display:inline-block;
}

div#accueil  div#listeressources .lieux:hover {
  background-position:0 15px;
}

div#accueil  div#listeressources .formations {
  background-image:url('/assets/templates/metiersdart/images/lesformations.gif');
  width:112px;
  height:15px;
  display:inline-block;
}

div#accueil  div#listeressources .formations:hover {
  background-position:0 15px;
}

div#accueil  div#listeressources .liens {
  background-image:url('/assets/templates/metiersdart/images/lesliens.gif');
  width:63px;
  height:15px;
  display:inline-block;
}

div#accueil  div#listeressources .liens:hover {
  background-position:0 15px;
}    

/* <<<<<<<< liste rollover ressources <<<<<<<< */

div#accueil  div#actualites p {
  font-size:13px;
  text-decoration:none;
  color:#636363;
  margin-top:7px;
  margin-bottom:0px;
  
}

div#accueil  div#actualites p a {
  font-size:15px;
  text-decoration:none;
  color:#aca7a1;
  margin-bottom:5px;
  display:block;
}

div#accueil  div#actualites .actutitre {
  font-size:15px;
  text-decoration:none;
  color:#aca7a1;
  margin-bottom:5px;
  display:block;
}

div#accueil  div#actualites p a:hover {
  color:#636363;

}


/* ---------------------------------------
#
#
#     page: LISTING RESSOURCES;
#
#
------------------------------------------*/

div#listeRessources  {
  line-height:20px;
    color:#636363;
  width:600px;
}

div#listeRessources a {
  color:#EEAB00;
}


div#listeRessources .listeRessources000 {
  font-size:14px;
  text-transform:uppercase;
}

div#listeRessources .listeRessourcesLigne a {
  text-decoration:none;
  margin-left:-5px;
  padding:5px;
}

div#listeRessources .listeRessourcesTitre {
  font-size:14px;
  text-transform:uppercase;
  color:#636363;
}

div#listeRessources .listeRessourcesTitrelong {
  font-size:16px;
}


div#listeRessources a:hover {
  background-image:url('/assets/templates/metiersdart/images/pixelombre.png');

}



/* ---------------------------------------
#
#
#     page: LISTING PAR ACTIVITE;
#
#
------------------------------------------*/

div#titreActivite {
  
  
}

div#titreActivite .titre {
  
  
}

div#titreActivite .retour a {
  display:inline-block;
  height:14px;
  width:50px;
  float:right;
  margin-top:-14px;
  background-image:url('/assets/templates/metiersdart/images/retour.png');
  
}

div#titreActivite .retourgris a {
  display:inline-block;
  height:14px;
  width:50px;
  float:right;
  margin-top:-14px;
  background-image:url('/assets/templates/metiersdart/images/retourgris.png');
  
}


div#titreActivite .separation {
  width:497px;
  height:3px;
  display:block;
  margin-left:-58px;
  margin-top:10px;
  background-repeat:no-repeat;
}

#IE6 div#titreActivite .separation {
  margin-left:-55px;
  
}


div#listeActivite  {
  line-height:20px;
    color:#636363;
  width:600px;
}

div#listeActivite .listeActiviteNom {
  font-size:14px;
  text-transform:uppercase;
}

div#listeActivite .listeActiviteLigne a {
  text-decoration:none;
  margin-left:-5px;
  padding:5px;
}

div#listeActivite .listeActiviteMetier {
  font-size:14px;
  text-transform:capitalize;
  color:#636363;
}

div#listeActivite .listeActiviteVille {
  font-size:16px;
}

/* >>>>>>>> liste themes liens (activites) >>>>>>>> */
div#listeActivite .architecture a {
  color:#abaa00;
}

div#listeActivite .artsgraphiques a {
  color:#662081;
}
div#listeActivite .bijouterie a {
  color:#edb100;
}
div#listeActivite .bois a {
  color:#b07801;
}
div#listeActivite .decoration a {
  color:#e43392;
}
div#listeActivite .factureinstrumentale a {
  color:#1a171b;
}
div#listeActivite .terre a {
  color:#b46566;
}
div#listeActivite .textilecuir a {
  color:#50a125;
}
div#listeActivite .verre a {
  color:#009cda;
}

div#listeActivite .architecture a:hover,
div#listeActivite .artsgraphiques a:hover,
div#listeActivite .bijouterie a:hover,
div#listeActivite .bois a:hover,
div#listeActivite .decoration a:hover,
div#listeActivite .factureinstrumentale a:hover,
div#listeActivite .terre a:hover,
div#listeActivite .textilecuir a:hover,
div#listeActivite .verre a:hover {
  background-image:url('/assets/templates/metiersdart/images/pixelombre.png');

}


/* <<<<<<<< liste themes liens (activites) <<<<<<<< */

/* ---------------------------------------
#
#
#     page: ACTUALITE;
#
#
------------------------------------------*/

div#contentActu  {

}


#IE7 div#contentActu  {

}

#IE6 div#contentActu  {

}

/* ---------------------------------------
#
#
#     page: ARTISAN;
#
#
------------------------------------------*/

div#artisan {
  overflow:visible;
  background-repeat:no-repeat;
  background-position:150px 100%;
  margin-top:-15px;
  margin-left:-450px;
  margin-bottom:0px;
  width:450px;
  padding-left:450px;  
  padding-bottom:60px; 
  
}

div#artisan div#images{


}

.artisanImages img {
  margin-bottom:50px;
}

div#artisan div#nom {
  position:absolute;
  margin-top:30px;
  
  
}

div#artisan .retour a {
  display:inline-block;
  height:14px;
  width:50px;
  float:right;
  margin-top:45px;
  background-image:url('/assets/templates/metiersdart/images/retour.png');
  
}

div#artisan .separation {
  width:497px;
  height:3px;
  display:block;
  margin-left:-45px;
  margin-top:10px;
  float:left;
  margin-bottom:50px;
  background-repeat:no-repeat;
}

#IE6 div#artisan .separation {
  margin-left:-20px;
  margin-top:67px;
}

#IE7 div#artisan .separation {
  margin-left:-28px;
  margin-top:67px;
}

div#artisan div#resume {
  background-image:url('/assets/templates/metiersdart/images/pixelombre.png');
  margin-left:-10px;
  padding:10px;
}

div#artisan div#resume {
  clear:both;
  text-align:left;
  margin-bottom:20px;
}

div#artisan div#resume .metier {
  font-size:25px;
  
}

div#artisan div#resume .ville {
  font-size:15px;
  color:#636363;
}

div#artisan div#resume .coordonnees {
  font-size:12px;
  color:#636363;
}

div#artisan div#resume .coordonnees a {
  text-decoration:none;
   color:#636363; 
}

div#artisan div#resume div#map {
  float:right;
    
}

div#artisan div#presentation {
  clear:both;
  font-size:15px;
  color:#636363;
}

div#artisan div#presentation h1 {
  font-size:17px;
  color:#636363;
}

div#artisan div#noteArtisan {
  clear:both;
  font-size:13px;
  color:#636363;
  margin-top:30px;
  background-image:url('/assets/templates/metiersdart/images/pixelombre.png');
  margin-left:-10px;
  padding:10px;  
}

div#artisan div#noteArtisan h1 {
  font-size:15px;
  color:#636363;
  margin-bottom:0px;
}

div#artisan .lienhover a {
  text-decoration:none;
  font-size:16px;
  line-height:24px;
  color:#636363;
}

div#artisan .lienhover a:hover {
  background-image:url('/assets/templates/metiersdart/images/pixelombre.png');
  padding:3px;
  margin:-3px;
}


div#artisan div#ressourcesliees h2 {
  font-weight:normal;
}


/* ---------------------------------------
#
#
#     page: GEOGRAPHIQUE;
#
#
------------------------------------------*/

div#geographique {
  overflow:visible;
  background-repeat:no-repeat;
  background-position:150px 100%;
  margin-top:-15px;
  margin-left:-450px;
  margin-bottom:0px;
  width:450px;
  padding-left:450px;  
  padding-bottom:60px;
  height:533px; 
  
}

#IE6 div#geographique {
  margin-left:0px;
  padding-left:0px;
  margin-top:80px;
  padding-bottom:0px;
  margin-bottom:0px;
  width:400px;
  height:300px;
}


div#geographique div#gauche {
  margin-left:-430px;
  width:400px;
  float:left;
  height:596px;
  margin-bottom:0px;
  padding-bottom:0px;
}


#IE7 div#geographique div#gauche {
  position:absolute;
}

#IE6 div#geographique div#gauche {
  margin-top:-45px;
  position:absolute;
  margin-left:-450px;
  width:430px;
  height:400px;
 
}

div#geographique  .retour a {
  display:block;
  height:14px;
  width:50px;
  margin-left:13px;
  margin-bottom:5px;
  margin-top:10px;
  background-image:url('/assets/templates/metiersdart/images/retour.png');
  
}

div#geographique div#gauche div#cadre1 {
  height:216px;
  width:324px;
  display:block;
  background-image:url('/assets/templates/metiersdart/images/carte/cadre1.gif');
  margin-bottom:20px;
}

/* les rollover sont gérés dans le style de la page d'accueil*/
div#geographique div#gauche div#cadre1 div#activites {
  float:left;
  margin-top:40px;
  margin-left:13px;
  width:300px;

}


#IE6 div#geographique div#gauche div#cadre1 div#activites {
  
  margin-left:6px;
}

div#geographique div#gauche div#cadre1 div#activites a {
  margin-bottom:3px;  
}

#IE6 div#geographique div#gauche div#cadre1 div#activites a {
  margin-bottom:5px;  
}

div#geographique div#gauche div#cadre1 div#liste {
  clear:both;
  float:left;
  margin-top:50px;
  margin-left:13px;
}

#IE6 div#geographique div#gauche div#cadre1 div#liste {
  clear:both;
  float:left;
  margin-top:55px;
  margin-left:6px;
}

div#geographique div#gauche div#cadre1 div#liste select { 
  width:300px;
}

div#geographique div#gauche div#cadre2 {
  height:79px;
  width:324px;
  display:block;
  background-image:url('/assets/templates/metiersdart/images/carte/cadre2.gif');
  margin-bottom:20px;
}

div#geographique div#gauche div#cadre2 div#liste { 
  clear:both;
  float:left;
  margin-top:44px;
  margin-left:13px;
}

#IE6 div#geographique div#gauche div#cadre2 div#liste { 
  clear:both;
  float:left;
  margin-top:44px;
  margin-left:6px;
}

div#geographique div#gauche div#cadre2 div#liste select { 
  width:300px;
}

div#geographique div#gauche .consigne {
  width:350px;
}

div#geographique div#carte { 
  height:714px;
  width:548px;
  display:block;
  position:absolute;
  top:-95px;
  margin-left:-60px;
  background-image:url('/assets/templates/metiersdart/images/carte/carte.gif');
}

#IE7 div#geographique div#carte { 
  top:-98px;
}

#IE6 div#geographique div#carte { 
  position:relative;
  float:right;
  top:0px;
  clear:both;
  left:0px;
  margin-top:-173px;
  margin-left:-60px;
  margin-bottom:-16px;
  padding-bottom:0px;
  background-image:url('/assets/templates/metiersdart/images/carte/carte.gif');
}

div#geographique div#carte .position .vignette { 
  float:left;
  z-index:50;
  position:relative;
}

div#geographique div#carte  .context { 
  display:block;
  z-index:100;
  
  
}

div#geographique div#carte  .context .nomville { 
  font-size:15px;
  float:left;
  padding-left: 18px;
  margin-left: 0px;
  margin-top:-1px;
  color:#696969;
  width:190px;
  font-weight:bold;
  
}



div#geographique div#carte .context div#resultats { 

}

div#geographique div#carte .context div#resultats a { 
  text-decoration:none;
  /*background-image:url('/assets/templates/metiersdart/images/carte/fondcadre.png');*/
  background-color:#d8dad8;
  padding:5px;
  float:left;
  margin-left:18px;
  margin-top:3px;
  width:200px;
  clear:both;
  z-index:1000;
  position:relative;
  
}

div#geographique div#carte .context div#resultats a:hover { 
  background-image:url('/assets/templates/metiersdart/images/carte/fondcadrehover.png');
}

div#geographique div#carte .context div#resultats .nom { 
  font-size:14px;
  font-weight:bold;
}

div#geographique div#carte .context div#resultats .metier { 
  color:#696969;
  display:block;
}

/* ---------------------------------------
#
#
#     FORMULAIRE DE CONTACT
#
#
------------------------------------------*/
.errors {
  color:red;
}

div#contactform label {
  display:block;
}

div#contactform input[type=text] {
  width:300px;
}

div#contactform textarea {
  width:300px;
  height:200px;
}

/* ---------------------------------------
#
#
#     NEWSLETTER STYLES
#
#
------------------------------------------*/

.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:180px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:185px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}