body
{
width: 100%;
margin: 0 auto; padding: 0;
background-image: url("../../image/ap/body.png");
}

#en_tete
{
width: 850px;
height: 120px;
margin: 0 auto; padding: 0;
}
#en_tete a:hover
{
cursor: pointer;
}

#header
{
width: 850px;
height: 120px;
position: absolute;
margin: 0 auto; padding: 0;
background-image: url("../../image/ap/header.png");
}

#banniere
{
width: 850px;
height: 150px;
margin: 10px auto 5px auto; padding: 0;
background-image: url("../../image/ap/banniere.png");
}

#fond
{
width: 870px;
margin: 5px auto 0 auto; padding: 0;
background-image: url("../../image/ap/fond.png");
}

/* -------------------- Le menu : Navigation primaire pour aller dans les différentes rubrique du site -------------------- */

#sommaire
{
width: 850px;
height: 30px;
margin: 5px auto; padding: 0;
}

#accueil
{
width: 110px;
height: 30px;
position: absolute;
margin: 0; padding: 0;
background: url("../../image/bouton/menu/accueil_p1p2.png") left;
cursor: pointer;
}
a:hover #accueil
{
background: url("../../image/bouton/menu/accueil_p1p2.png") right;
}

#abri
{
width: 150px;
height: 30px;
position: absolute;
margin-left: 110px; padding: 0;
background: url("../../image/bouton/menu/abri_p1p2.png") left;
cursor: pointer;
}
a:hover #abri
{
background: url("../../image/bouton/menu/abri_p1p2.png") right;
}

#motorisation
{
width: 150px;
height: 30px;
position: absolute;
margin-left: 260px; padding: 0;
background: url("../../image/bouton/menu/motor_p1p2.png") left;
cursor: pointer;
}
a:hover #motorisation
{
background: url("../../image/bouton/menu/motor_p1p2.png") right;
}

#spa
{
width: 110px;
height: 30px;
position: absolute;
margin-left: 410px; padding: 0;
background: url("../../image/bouton/menu/spa_p1p2.png") left;
cursor: pointer;
}
a:hover #spa
{
background: url("../../image/bouton/menu/spa_p1p2.png") right;
}

#fabrication
{
width: 110px;
height: 30px;
position: absolute;
margin-left: 520px; padding: 0;
background: url("../../image/bouton/menu/fabrication_p3.png") left;
cursor: pointer;
}
/*a:hover #fabrication
{
background: url("../../image/bouton/menu/fabrication_p1p2.png") right;
}*/

#offre
{
width: 110px;
height: 30px;
position: absolute;
margin-left: 630px; padding: 0;
background: url("../../image/bouton/menu/offre_p1p2.png") left;
cursor: pointer;
}
a:hover #offre
{
background: url("../../image/bouton/menu/offre_p1p2.png") right;
}

#contact
{
width: 110px;
height: 30px;
position: absolute;
margin-left: 740px; padding: 0;
background: url("../../image/bouton/menu/contact_p1p2.png") left;
cursor: pointer;
}
a:hover #contact
{
background: url("../../image/bouton/menu/contact_p1p2.png") right;
}

/* -------------------- Le sous-menu : navigation secondaire pour aller vers les différents fabricants -------------------- */
/*
#sous_menu1
{
width: 850px;
height: 30px;
margin: 0 auto; padding: 0;
}

#aqua
{
width: 170px;
height: 30px;
position: absolute;
margin: 0px;
background: url("../../image/bouton/fabrication/aqua_p1p2.png");
cursor: pointer;
}
a:hover #aqua
{
background: url("../../image/bouton/fabrication/aqua_p1p2.png") right;
}

#cubri
{
width: 170px;
height: 30px;
position: absolute;
margin-left: 170px;
background: url("../../image/bouton/fabrication/cubrisa_p1p2.png") left;
cursor: pointer;
}
a:hover #cubri
{
background: url("../../image/bouton/fabrication/cubrisa_p1p2.png") right;
}

#royal
{
width: 170px;
height: 30px;
position: absolute;
margin-left: 340px;
background: url("../../image/bouton/fabrication/royal_p1p2.png") left;
cursor: pointer;
}
a:hover #royal
{
background: url("../../image/bouton/fabrication/royal_p1p2.png") right;
}

#fin1
{
width: 170px;
height: 30px;
position: absolute;
margin-left: 510px;
background: url("../../image/bouton/fabrication/fin_p1p2.png") left;
}

#fin2
{
width: 168px;
height: 30px;
position: absolute;
margin-left: 680px;
background: url("../../image/bouton/fabrication/fin_p1p2.png") left;
}
*/
#corps
{
width: 600px;
margin: 30px auto; padding: 10px 0;
background-color: #fff;
}

abbr
{
cursor: help;
}

h3
{
margin: 20px 0 20px 48px; padding: 0;
line-height: 30px;
font-family: verdana, "times new roman", arial, serif;
font-size: 18px;
font-variant: small-caps;
color: #000;
background: url("../../image/ap/titre.png") no-repeat;
text-indent: 5px;
}

h4
{
margin: 30px 68px 15px 0; padding: 0;
line-height: 20px;
font-family: verdana, "times new roman", arial, serif;
font-size: 16px;
font-variant: small-caps;
color: #33ccff;
background: url("../../image/ap/titre2.png") no-repeat;
text-indent: 30px;
}

#corps p
{
margin: 5px 20px; padding: 0;
font-family: verdana, "times new roman", arial, serif;
font-size: 11px;
color: #000;
line-height: 18px;
text-align: justify;
}
#corps p:first-letter
{
font-family: verdana, "times new roman", arial, serif;
font-size: 14px;
font-weight: bold;
color: #06c;
}
#corps p a
{
font-family: verdana, "times new roman", arial, serif;
font-size: 11px;
color: #000;
text-decoration: underline;
}
#corps p a:hover
{
color: #999;
}


/* -------------------- Debut du Pied de Page qui comprend : ----------------------------------------*/
/*				- dans le Bas de page							*/
/*					- plan | mentions légales | url ABRIPACA			*/
/*					- le retour haut de page [ la flèche en image png ]		*/
/*				- dans le footer :								*/
/*					- url pyrprod							*/
/*-------------------------------------------------------------------------------------------------------------*/

#fleche
{
width: 90px;
height: 15px;
margin: 3px 0 0 180px; padding: 0;
position: absolute;
background: url("../../image/icone/retour_p1p2.png") left;
cursor: pointer;
}
a:hover #fleche{background: url("../../image/icone/retour_p1p2.png") right;}

#bas_de_page
{
width: 870px;
height: 40px;
margin: 0 auto; padding: 0;
background-image: url("../../image/ap/footer.png");
border-top: double 3px #000033;
}
#bas_de_page p
{
color: #000;
margin: 3px auto; padding: 0;
text-align: center;
}
#bas_de_page p a
{
color: #000;
font-family: verdana, "times new roman", arial, serif;
font-size: 10px;
text-decoration: none;
outline: none;
border: none;
}
#bas_de_page p a:hover
{
color: #999;
}
#footer
{
width: 870px;
margin: 10px auto; padding: 0;
}
#footer p
{
margin: 0; padding: 0;
text-align: center;
}
#footer p a
{
font-family: verdana, "times new roman", arial, serif;
font-size: 10px;
color: #999;
text-decoration: none;
outline: none;
border-top: solid 1px #999;
}