/***************LIENS*********************/
.noir{
color:#000000;
font:"Verdana, Arial, Helvetica, sans-serif";
text-decoration:none;
}
.bleu{
color:#333399;
font:"Verdana, Arial, Helvetica, sans-serif";
text-decoration:none;
border: none;
}
/*************** GENERAL *********************/
body{
text-align: center;
width: 768px;
margin-left: auto;
margin-right: auto;
}
.globale{
padding-left: 70px;
}
.spacer{
clear : both;
height: 10px;
}
#content{
width: 768px;
}
/*************** NAVIGATION *********************/
#nav{
background-color: #C5CAFF;
margin-left: auto;
margin-right: auto;
width: 768px;
height: 40px;
}
#nav_gauche{
padding-top: 5px;
color: #333399;
font-weight:bolder;
float: left;
width: 768px;
font-size: 12px;
text-align: left;
padding-left: 30px;
}
#nav_droite{
padding-top: 5px;
color: #333399;
font-weight:bolder;
float: left;
width: 123px;
font-size: 12px;
text-align: left;
padding-left: 30px;
}
/*************** HAUT *********************/
#haut_global{
height: 114px;
width: 768px;
background-color:#D2D6FF;
}
#haut_bg{
background-image:url(../screen/haut_768.jpg);
height: 95px;
background-repeat:no-repeat;
}
.haut_col{
position : relative;
float: left;
height: 14px;
width: 15%;
font-size: 12px;
text-align: right;
}
#haut_mil{
position : relative;
float: left;
height: 14px;
width: 40%;
font-size: 12px;
text-align: center;
}
/*************** PIED *********************/
#pied{
float:none;
width: 768px;
font-size: 11px;
padding-top: 80px;
}
/*************** ACCUEIL *********************/
#accueil{
float: absolute;
width: 100%;
height: 420px;
border: 1px solid #999999;
padding: 5px;
margin-top: 20px;
}
.pres_accueil_g{
float: left;
width: 45%;
height: 140px;
font-size: 13px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
border: 1px solid;
border-color:#CCCCCC;
margin: 5px;
}
.pres_accueil_d{
float: right;
width: 49%;
height: 140px;
font-size: 13px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
border: 1px solid;
border-color:#CCCCCC;
margin: 5px;
}
.modele_accueil_g{
float: left;
width: 160px;
padding-top: 20px;
}
.photo_accueil_g{
float: right;
width: 180px;
height: 80px;
}
.type_accueil_g{
text-align: left;
float: left;
}
.modele_accueil_d{
float: right;
width: 160px;
padding-top: 20px;
}
.photo_accueil_d{
float: left;
width: 180px;
height: 80px;
}
.type_accueil_d{
text-align: left;
float: right;
}
/*************** BOUTIQUES *********************/
.boutique{
margin: 5px;
margin-top: 20px;
padding: 5px;
width: 450px;
float: center;
border: 1px solid #999999;
}
.boutique_nom{
padding: 3px;
margin-top: 5px;
font-weight: bolder;
font-size:large;
}
.boutique_adresse{
margin-top: 5px;
padding: 3px;
}
.boutique_tel{
margin-top: 5px;
padding: 3px;
}
.boutique_mail{
margin-top: 5px;
padding: 3px;
}
.boutique_horaires{
margin-top: 5px;
padding: 3px;
border: 1px solid #CCCCCC;
}
.boutique_photo{
margin-top: 5px;
}
.boutique_plan{
margin-top: 5px;
}/*************** FICHE VELO *********************/
.fiche_velo_globale{
width: 768px;
padding-top: 50px;
padding-left: 30px;
padding-right: 20px;
color: #333399;
}
.fiche_velo_tete{
float: left;
font-size: 18px;
font-weight: bold;
width: 49%;
}
.fiche_velo_modele{
width: 100%;
}
.fiche_velo_photo{
width: 325px;
float: left;
}
.fiche_velo_desc{
width: 400px;
float: left;
}
.fiche_velo_col_g{
float: left;
width: 112px;
}
.fiche_velo_col_d{
float: left;
width: 276px;
/*border-left: solid thin #000000;*/
border-bottom:  dotted thin #999999;
}
/*************** PRODUIT2 NORMAL *********************/
.produit{
border-color:#CCCCCC;
border: 2px solid;
position : relative;
margin: 10px;
padding: 1px;
float : left;
width : 220px;
height : 215px;
text-align : center;
font-size: 13px;
}
.produit2{
border-color:#CCCCCC;
border: 2px solid;
position : relative;
margin: 10px;
padding: 1px;
float : left;
width : 160px;
height : 215px;
text-align : center;
font-size: 13px;
}
.produit3{
border-color:#CCCCCC;
border: 2px solid;
position : relative;
margin: 20px;
padding: 1px;
float : left;
width : 320px;
height : 215px;
text-align : center;
font-size: 13px;
}
.photo{
width : 100%;
height : 120px;
text-align : center;
}
.modele{
width : 100%px;
height : 50px;
padding-top: 10px;
text-align : center;
}
/*************** PRODUIT2 *********************/
.marque{
width : 768px;
margin : auto;
height : 40px;
text-align : left;
font-weight: bolder;
font-size:large;
}
.spacer2{
clear : both;
height: 3px;
}
/*************** PRODUIT2 DEVANT *********************/
.dproduit{
position : relative;
float : left;
width : 768px;
height : 200px;
text-align : center;
}
.dphoto{
width : 300px;
height : 160px;
text-align : center;
float: left;
}
.dmodele{
width: 300px;
height: 80px;
text-align: center;
font-size: 30px;
padding: 25px;
float: left;
}
.dprix{
width: 300px;
height: 80px;
font-weight: bold;
text-align: center;
font-size: 40px;
padding: 25px;
float: left;
}
/*************** PRODUIT2 *********************/
.produit2_marque{
width : 768px;
margin : auto;
height : 35px;
text-align : left;
font-weight: bolder;
font-size:large;
}
.produit2_spacer2{
clear : both;
height: 3px;
}
/*************** PRODUIT2 DEVANT *********************/
.produit2_dproduit{
position : relative;
float : left;
width : 768px;
height : 200px;
text-align : center;
}
.produit2_dphoto{
width : 300px;
height : 160px;
text-align : center;
float: left;
}
.produit2_dmodele{
width: 300px;
height: 80px;
text-align: center;
font-size: 30px;
padding: 25px;
float: left;
}
.produit2_dprix{
width: 300px;
height: 80px;
font-weight: bold;
text-align: center;
font-size: 40px;
padding: 25px;
float: left;
}
/*************** PRODUIT2 NORMAL *********************/
.produit2{
border-color:#CCCCCC;
border: 1px solid;
position : relative;
margin: 5px;
padding: 1px;
float : left;
width : 160px;
height : 215px;
text-align : center;
font-size: 11px;
}
.produit2_type{
background-color:#CCCCCC;
font-weight:bold;
width : 160px;
height : 30px;
text-align : center;
padding-top: 3px;
font-size:small;
}
.produit2_type2{
background-color:#CCCCCC;
font-weight:bold;
width : 160px;
height : 50px;
text-align : center;
padding-top: 3px;
font-size:small;
}
.produit2_produit2{
border-color:#CCCCCC;
border: 1px solid;
position : relative;
margin: 5px;
padding: 1px;
padding-top: 5px;
float : left;
width : 160px;
height : 265px;
text-align : center;
font-size: 11px;
}
.produit2_photo{
width : 160px;
height : 110px;
text-align : center;
}
.produit2_modele{
width : 160px;
height : 10px;
padding-top: 3px;
text-align : center;
}
.produit2_poids{
width : 160px;
height : 15px;
text-align : center;
font-size : xx-small;
}
.produit2_prix{
background-color:#CCCCCC;
font-weight:bold;
width : 160px;
height : 20px;
text-align : center;
padding-top: 3px;
}
/*************** LISTE MARQUE *********************/
.debut_liste_marque{
width : 768px;
margin : auto;
height : 20px;
text-align : center;
text-decoration:underline;
}
.liste_marque{
width : 90px;
margin : auto;
height : 30px;
text-align : center;
font-weight: bolder;
float:left;
}