/* ----------------------------------------------------------------- Structure */
html {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#FFFFFF;
color: #000000;
margin: 0;
padding: 0;
}
#wrapper {
position: relative;
width: 959px;
height: 530px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
background-color: #FFFFFF;
background-image:  url("../images/accueil/background_accueil.jpg");
background-position: top;
background-repeat: no-repeat;
}
a img {
border: 0;
}
a span {
display: none;
}
a:hover span {
display: block;
position: absolute;
top: 30px;
left: 150px;
background-image: url(../images/accueil/pix_trans.png);
background-repeat: repeat;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
margin: 0px;
width: 100px;
}
.txt_over_voyage {
font-size: 11px;
border: 2px solid #11035b;
color: #000000;
text-decoration: none;
}
.txt_over_autocariste {
font-size: 11px;
border: 2px solid #99ca21;
color: #000000;
text-decoration: none;
}
.txt_over_location {
font-size: 11px;
border: 2px solid #e60000;
color: #000000;
text-decoration: none;
}
.txt_over_vag {
font-size: 11px;
border: 2px solid #999999;
color: #000000;
text-decoration: none;
}
.txt_over_transport {
font-size: 11px;
border: 2px solid #f3e01a;
color: #000000;
text-decoration: none;
}
/* ----------------------------------------------------------------- Logo vers les sites du groupe */
.spacer_lien_logo_voyage {
position: absolute;
height: 55px;
width: 250px;
margin-left: 12px;
margin-top: 175px;
}
.spacer_lien_logo_autocariste {
position: absolute;
height: 55px;
width: 250px;
margin-left: 12px;
margin-top: 240px;
}
.spacer_lien_logo_location {
position: absolute;
height: 55px;
width: 250px;
margin-left: 12px;
margin-top: 303px;
}
.spacer_lien_logo_vag {
position: absolute;
height: 55px;
width: 250px;
margin-left: 12px;
margin-top: 366px;
}
.spacer_lien_logo_transport {
position: absolute;
height: 55px;
width: 250px;
margin-left: 12px;
margin-top: 428px;
}


/* ----------------------------------------------------------------- Cadre promotionnel Location de véhicules */
.spacer_lien_cadre_promo {
height: 250px;
width: 183px;
position: absolute;
right: 67px;
bottom: 89px; 
z-index: 5;
}

.cadre_promo_1 {
height: 273px;
width: 183px;
background-image:  url("../images/accueil/cadre_promo_voyage.jpg");
background-position: top;
background-repeat: no-repeat;
position: absolute;
right: 67px;
top: 191px; 
}
.cadre_promo_1 table {
width: 100%;
height: 273px;
text-align: center;
margin: 0;
}

.cadre_promo_2 {
height: 273px;
width: 183px;
background-image:  url("../images/accueil/cadre_promo_autocariste.jpg");
background-position: top;
background-repeat: no-repeat;
position: absolute;
right: 67px;
top: 191px; 
}
.cadre_promo_2 table {
width: 100%;
height: 273px;
text-align: center;
margin: 0;
}

.cadre_promo_3 {
height: 273px;
width: 183px;
background-image:  url("../images/accueil/cadre_promo_location.jpg");
background-position: top;
background-repeat: no-repeat;
position: absolute;
right: 67px;
top: 191px; 
}
.cadre_promo_3 table {
width: 100%;
height: 273px;
text-align: center;
margin: 0;
}

.cadre_promo_4 {
height: 273px;
width: 183px;
background-image:  url("../images/accueil/cadre_promo_vag.jpg");
background-position: top;
background-repeat: no-repeat;
position: absolute;
right: 67px;
top: 191px; 
}
.cadre_promo_4 table {
width: 100%;
height: 273px;
text-align: center;
margin: 0;
}
.titre {
width: 101px;
vertical-align: middle;
}
.titre p {
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 22px;
font-weight: bold;
margin: 0;
}
.pourcentage {
width: 101px;
vertical-align: bottom;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 44px;
font-weight: bold;
text-align: center;
}
.texte {
vertical-align: top;
}
.texte p {
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 0;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 30px;
}


/* ----------------------------------------------------------------- Eléments du bas */
.logo_inglard {
position: absolute;
bottom: 55px;
right:30px;
}
.coordonnees {
position: absolute;
bottom: 20px;
right: 18px;
text-align: right;
}
.coordonnees p {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
margin: 0px;
}
#bdp {
font-family: verdana;
font-size: 10px;
color:#003399;
text-decoration: none;
}
#bdp a {
font-family: verdana;
font-size: 10px;
color: #003399;
text-decoration: none;
}