/*************************
 * OFFRES
 ************************/
#offres {
   float : left;
   width : 536px;
}

#offres a {
   text-decoration : none;
}

.offre {
   float : left;
   width : 260px;
}

.offre:hover {
   cursor : pointer;
}

#pret_personnel {
   margin : 0px 8px 16px 0px;
   color : #a65c00;
}

#pret_gage {
   margin : 0px 0px 16px 8px;
   color : #078600;
}

#ventes {
   clear : both;
   margin : 0px 8px 0px 0px;
   color : #41046f;
}

#placements {
   margin : 0px 0px 0px 8px;
   color : #8a0041;
}


/*** ENTETE ***/

.offre .entete {
   height : 46px;
}

#pret_personnel .entete {
   background : url(../img/visuels.jpg) no-repeat 0px 0px;
}

#pret_gage .entete {
   background : url(../img/visuels.jpg) no-repeat -260px 0px;
}

#ventes .entete {
   background : url(../img/visuels.jpg) no-repeat -520px 0px;
}

#placements .entete {
   background : url(../img/visuels.jpg) no-repeat -780px 0px;
}

/**** DESCRIPTIF ****/

.descriptif {
   height : 136px;
   padding : 0px 12px 0px 10px;
   margin : 0px;
}

#pret_personnel .descriptif {
   background : url(../img/offre-ligne.png) repeat-y 0px 0px;
}

#pret_gage .descriptif {
   background : url(../img/offre-ligne.png) repeat-y -260px 0px;
}

#ventes .descriptif {
   background : url(../img/offre-ligne.png) repeat-y -520px 0px;
}

#placements .descriptif {
   background : url(../img/offre-ligne.png) repeat-y -780px 0px;
}

/**** PIED ****/

.offre .pied {
   height : 13px;
}

#pret_personnel .pied {
   background : url(../img/visuels.jpg) no-repeat 0px -46px;
}

#pret_gage .pied {
   background : url(../img/visuels.jpg) no-repeat -260px -46px;
}

#ventes .pied {
   background : url(../img/visuels.jpg) no-repeat -520px -46px;
}

#placements .pied {
   background : url(../img/visuels.jpg) no-repeat -780px -46px;
}

/**** ANIM OFFRE ****/

#pret_personnel:hover .entete {
   background-position : 0px -59px;
}

#pret_gage:hover .entete{
   background-position : -260px -59px;
}

#ventes:hover .entete{
   background-position : -520px -59px;
}

#placements:hover .entete{
   background-position : -780px -59px;
}


/*************************
 * ACTU
 ************************/
#actu {
   float : left;
   margin : 0px 16px 0px 0px;
   padding : 0px;
   width : 184px;
   height:  390px;
}


#actu .actu-pret_personnel, #actu .actu-ventes {
   padding : 8px;
}

#actu .actu-pret_personnel {
   background : url(../img/actu-pret_personnel.png) no-repeat;
   height: 260px;
   margin-bottom : 16px;
}

#actu .actu-pret_personnel img {
   border : none;
}

#actu .actu-ventes {
   background : url(../img/actu-ventes.png) no-repeat;
   height: 96px;
}



/*************************
 * CARTE
 ************************/

#carte {
   float : left;
   margin : 0px 0px 0px 16px;
   width : 184px;
   height : 406px;
   background : url(../img/fond-dep.jpg) no-repeat;
}

#carte .illustration {
   height : 258px;
   padding : 0px 16px 8px 8px;
}

#carte-france {
   padding : 2px;
   height : 128px;
   width : 128px;
   margin : 0px auto;
   background : url(../img/carte/carte.jpg) no-repeat 0px 0px;
}

#titre-carte {
   height : 112px;
   width : 170px;
   padding : 0px 8px;
}

#carte h4 {
   font-size : 12px;
   text-align : center;
   padding-top : 4px;
   color :  #12379a;
}

.domtom {
   float : left;
   height : 48px;
   color :  #12379a;
   text-align : center;
}

#guadeloupe, #martinique {
   clear : both;
}

#guadeloupe {
   margin-left : 10px;
   width : 90px;
}

#reunion {
   padding-left : 0px;
}

#martinique {
   margin-left : 10px;
   width : 90px;
}

#guyane {
   padding-left : 0px;
}

#mayotte {
   margin-left : 15px;
   width : 140px;
}

.domtom .image {
   margin: 0px auto;
   height : 29px;
   width : 34px;
}

#guadeloupe-image {
   background : url(../img/carte/carte.jpg) no-repeat -264px 0px;
}

#reunion-image {
   background : url(../img/carte/carte.jpg) no-repeat -264px -29px;
}

#martinique-image {
   background : url(../img/carte/carte.jpg) no-repeat -264px -58px;
}

#guyane-image {
   background : url(../img/carte/carte.jpg) no-repeat -264px -87px;
}

#mayotte-image {
   background : url(../img/carte/carte.jpg) no-repeat -264px -117px; 
}


#carte-legende {
   padding : 0;
   margin : 0;
   padding-top : 10px;
   padding-left : 20px;
   font-size : 12px;
   list-style : none;
}


#carte-legende li {
   padding : 0;
   margin : 0;
   height : 16px;
   line-height : 16px;
   width : 125px;
}

#carte-perso {
   background-repeat : no-repeat; 
   background-image : url('../img/fleches.gif');
}

#carte-legende li span {
   margin-left : 20px;
   padding : 1px 2px;
   color : #12379a;
   font-weight : bold;
}

#liste-legende-perso {
   background-color : #ffc173;
}


#carte-gage {
   background-repeat: no-repeat;
}

#carte-gage span {
   margin-left : 20px;
   padding : 1px 2px;
}

#carte-gage:hover, #carte-perso:hover {
   /*cursor : crosshair;*/
}