/************STYLE DES REFERENCES DE LA PAGE ACCUEIL *****/
#ref{
height:300px;
position:absolute;
margin:0;
padding:0;
width:700px;
top:480px;
left:0px;

}

#ref1{
border: 12px solid #02506b;
height:80px;
width:180px;
background-image:url(../images/refaccueil/cahors.jpg);
background-position:50% 55%;
position:absolute;
margin:10px;
left:20px;
display:block;
}

#ref1 a{

height:80px;
width:180px;
background-image:url(../images/refaccueil/cahors.jpg);
background-position:60% 0%;
background-repeat:no-repeat;
text-decoration: none;
display:block;

}

#ref1 a:hover{

background-image:url(../images/refaccueil/cahors.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
text-decoration: none;

}




#contenusref1{
height:80px;
width:200px;
position:absolute;
margin-top:115px;
left:32px;

}

#contenusref2{
height:80px;
width:200px;
position:absolute;
margin-top:115px;
left:252px;

}

#contenusref3{
height:80px;
width:200px;
position:absolute;
margin-top:115px;
left:472px;

}


#ref2{
border: 12px solid #02506b;
height:80px;
width:180px;
position:absolute;
margin:10px;
left:240px;


}







#ref3{
border: 12px solid #02506b;
height:80px;
width:180px;
position:absolute;
margin:10px;
left:460px;

}




.reftitre { 
color:#feb300; /* coleur du titre des ref sur l'accueil*/
font-size:0.75em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0;
margin:0;
width:205px;
}

.reftitre a{
color:#feb300;
text-decoration: none;
}

.reftitre a:hover{
color:#feb300;
border-bottom:#feb300 dashed 1px;
text-decoration: none;
background-image:none;
}

.reftitre a:visited{
color:#ffcb4e;
text-decoration: none;
}


.refaccueil{
color: white;
font-size:0.75em;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0;
margin:0;
text-align:justify;
}

.refaccueil a{
color: white;
text-decoration:none;
}

.refaccueil a:hover{
border-bottom:white dashed 1px;
background-image:none;
color: white;
}