/* definition du texte lien qui ouvre la ref - générique */
a.reflien
{
display: block;
border-width: 0;
border-right: 1px;
cursor: crosshair;
}

a.reflien:hover
{
border-width: 0;
}

/* style du lien www pour les refs */
a.areflienweb
{
color:#EE8A36;
text-decoration:none;
font-weight: bold;
font-family:Verdana;
font-size:11px;
font-style: normal;
letter-spacing: 1px;
cursor: pointer;
}

a.areflienweb:hover
{
text-decoration:underline;
}

/* ligne rouge en plus a droite du titre */
.divsuitedeligne
{ 
background-image:url(../../images/titresuitedeligne.gif);
background-repeat:no-repeat;
position:absolute;
width:243px;
height:14px;
top:65px;
left:599px;
}

/* textes dans le bloc ref visible - générique */
.spantxtreforange
{
color:#EE8A36;
text-decoration: none;
font-weight: bold;
font-family: Helvetica, Verdana;
font-size: 12px;
font-style: normal;
letter-spacing: 1px;
}

.spantxtrefmarron
{
color:#7D673B;
text-decoration: none;
font-weight: normal;
font-family: Verdana;
font-size: 10px;
font-style: normal;
}

/* limite la largeur du texte dans le bloc de ref et place le texte sous l'image - générique */
.divdansref
{
position: relative;
width:120px;
top:128px;
left:0px;
}

/* lien si site web en ligne - absolu par rapport au bloc - générique */
.reflienweb
{
position: absolute;
top:252px;
left:90px;
width: 30px;
height: 20px;
}

/* miniature clicable - absolu par rapport au bloc - générique */
.affichelaref
{
position: absolute;
top: 24px;
left: 20px;
width: 120px;
height: 120px;
}


/* 5 blocs numérotés de 1 à 5, les contenus sont dans le html */
/* bloc reference numéro 1 - se place à gauche avec LEFT - relatif par rapport à divrefligneX */
.divref1
{
background-image:url(../../images/blocreferences.gif);
background-repeat:no-repeat;
position:absolute;
width:160px;
height:286px;
top:0px;
left:21px;
padding: 24px 0px 0px 20px;
font-size: 0px;
}

/* bloc reference numéro 2 */
.divref2
{
background-image:url(../../images/blocreferences.gif);
background-repeat:no-repeat;
position:absolute;
width:160px;
height:286px;
top:0px;
left:181px;
padding: 24px 0px 0px 20px;
font-size: 0px;
}

/* bloc reference numéro 3 */
.divref3
{
background-image:url(../../images/blocreferences.gif);
background-repeat:no-repeat;
position:absolute;
width:160px;
height:286px;
top:0px;
left:341px;
padding: 24px 0px 0px 20px;
font-size: 0px;
}

/* bloc reference numéro 4 */
.divref4
{
background-image:url(../../images/blocreferences.gif);
background-repeat:no-repeat;
position:absolute;
width:160px;
height:286px;
top:0px;
left:501px;
padding: 24px 0px 0px 20px;
font-size: 0px;
}

/* bloc reference numéro 5 */
.divref5
{
background-image:url(../../images/blocreferences.gif);
background-repeat:no-repeat;
position:absolute;
width:160px;
height:286px;
top:0px;
left:661px;
padding: 24px 0px 0px 20px;
font-size: 0px;
}


/* place la ligne X en hauteur avec TOP - toute la ligne sera relative avec elle - 286 */
.divrefligne1
{
position: relative;
width:842px;
top:128px;
left:0px;
}

.divrefligne2
{
position: relative;
width:842px;
top:414px;
left:0px;
}

.divrefligne3
{
position: relative;
width:842px;
top:700px;
left:0px;
}

.divrefligne4
{
position: relative;
width:842px;
top:986px;
left:0px;
}

.divrefligne5
{
position: relative;
width:842px;
top:1272px;
left:0px;
}

.divrefligne6
{
position: relative;
width:842px;
top:1558px;
left:0px;
}

.divrefligne7
{
position: relative;
width:842px;
top:1844px;
left:0px;
}

.divrefligne8
{
position: relative;
width:842px;
top:2130px;
left:0px;
}

.divrefligne9
{
position: relative;
width:842px;
top:2416px;
left:0px;
}

.divrefligne10
{
position: relative;
width:842px;
top:2702px;
left:0px;
}

.divrefligne11
{
position: relative;
width:842px;
top:2988px;
left:0px;
}