/* Copyright BSE - Toute reproduction totale ou partielle de ce site, par quelque procédé que ce soit, est interdite et constituerait une contrefaçon sanctionnée par les articles L 335-2 et suivants du Code de la propriété intellectuelle.*/


/******************************************************************/
/*********************** HOME PAGE *****************************/
/****************************************************************/

/*-------- GENERALITES ------------------*/

/* Couleurs utilisées :

Gris Clair : #BFBFBF
Gris Foncè news : #5A5A5A
Gris Foncè menu : #989897
Jaune Ecr : #D9C457
Bordeaux Ecr : #992922

*/




/* body */

body {
border:0;
margin:0;
padding:0;
background: url("images/bg.png") 0 0 repeat-x;
font:70%/160% "verdana",sans-serif;
color:#192666;
_text-align:center;
}


/* Font et Style Tableau */
body, p, a, form, input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0.1em;
 
}

table, tr, th, td,p, span, a, form, input, select, li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration:none;
	font-weight:normal;
 letter-spacing:0.1em;
}


.ecr_black {
color:black;
}
A {
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.1em;

}


A:hover {
color:#FAA61A;
font-weight:bold;
}

/*A#liens_menu {
color:#FAA61A;
font-weight:bold;
letter-spacing:0.1em;
}*/

A#liens_menu {background:; margin:0 5px; padding:10px 0 0 0; _height:1px;}

    #liens_menu ul {margin:0 0px; padding:0; list-style:none;}
/*     #liens_menu ul li {margin:0 5px 0 0; padding:0; float:left;} */
    #liens_menu ul li a {display:block; position:relative; padding:10px 40px; border:0; background:url("images/tab_link.png") 0 0 repeat-x; color:black; font-size:13px; font-weight:bold; text-decoration:none; cursor:pointer;}

    /* Main menu (tabs - hover) */
    #liens_menu ul li a:hover {background:url("images/tab_hover.png") 0 0 repeat-x; color:#FFF;}


A#liens_menu:hover {
color:black;

}
A#liens_menu2 {
color:#FAA61A;
font-weight:bold;
font-size:9px;
letter-spacing:0.1em;
}


A#liens_menu2:hover {
color:black;

}

A#li_page {
color:#1060A3;

}


A#li_page:hover {
color:#C60000;
}

A#li_boite {
color:#1060A3;
font-size:10px;

}


A#li_boite:hover {
color:#C60000;
}

A#li_rouge {

color:#C60000;
font-weight:bold;

}
A#li_rouge:hover {
color:#1060A3;
font-weight:bold;
}

A#li_blanc {
text-decoration:none;
font-weight:normal;

color:white;


}
A#li_blanc:hover {
text-decoration:underline;

}

A#li_blanc2 {

font-weight:bold;

color:white;


}
A#li_blanc2:hover {
text-decoration:underline;

}
.ecr_menu {
color:#FFFFFF;
font-weight:bold;
letter-spacing:0.1em;
font-size:12px;
}

.ecr_accueil{
font-size:14px;
}

.ecr_orange {
color:#FAA61A;
}

/* Puces */

li {
	list-style-position: inside;
	list-style-type: disc;	

}

/* abr */

abbr, acronym, .aide {
  border-bottom: 1px dashed black;
  font-weight:bold;
  cursor: help;
}


/* paragraphe P - H */

p {margin: 0;}
h1 { font-size: 12px; color: #FAA61A; font-weight:bold;display:inline;}
h2 { font-size: 12px; color: #C60000; font-weight:bold;display:inline;}
h3 { font-size: 13px; color: #C60000; font-weight:bold;display:inline;}
h4 { font-size: 13px; color: #C60000; font-weight:bold;display:inline;}
h5 { font-size: 13px; color: #C60000; font-weight:bold;display:inline;}
h6 { font-size: 13px; color: #C60000; font-weight:bold;display:inline;}


.1 {
margin:20px;
margin-right:150px;
}

/* images */

img { border: 0px; } 

/*----------- Fin GENERALITES -----------------*/

/*------------ SPECIFIQUS -----------------------*/

/* Définition de la page */

/* La page : Espace que prend le site sur la page

ici 775 de largeur, aucune marge gauche ni droite... */

#page {
	position: absolute;

	width:1015px;
	left:50%;
	margin-left:-507px;

	height:900px;
	top:1px;
	background-color: black;
	border:1px solid #FAA61A;

}





/* La frame du haut qui fait 160 Px de hauteur */


#separateur-haut {
width:100%;
height:23px;
background-color:black;
background-image:url(images/separateur-haut.jpg);
background-position:center;
background-repeat:no-repeat;

}

#separateur-gauche {
width:10px;
height:100%;
background-color:black;
float:left;
}

#top {

height: 105px;
width:100%;
background-color: black;
border-top:2px solid #FAA61A;
border-bottom:2px solid #FAA61A;
}

#logo {
width:179px;
height:100%;
float:left;
background-image:url(images/logo-winbike.jpg);
background-position:center;
background-repeat:no-repeat;
border-right:2px solid #FAA61A;




}

#bandeau-haut {
width:824px;
height:100%;
float:left;
background-image:url(images/logo-winbike2.jpg);
background-position:center;
background-repeat:no-repeat;
}



#centre {

	width: 100%;
	height:600px;
	background: url("images/bg2.png") 0 0 repeat-x;
	border-bottom:2px solid #FAA61A;
}

#centre-menu {
	width: 175px;
	height:100%;
	background: url("images/bg2.png") 0 0 repeat-x;
	float:left;
	border-right:2px solid #FAA61A;

}
#centre-frame {
	width: 821px;
	height:100%;
	background: url("images/bg2.png") 0 0 repeat-x;
	float:left;
	overflow:auto;


}


#footer {
	width: 100%;
	height:165px;
	background-color:black;

}

#footer-news {
width:980px;
height:100%;
float:left;
/*border-right:2px solid #FAA61A;*/
}

#footer-bandeau-bas {
/*width:824px;
height:100%;
float:right;
background-image:url(images/bandeau-bas.jpg);
background-position:center;
background-repeat:no-repeat;*/
}
/************** TEXTES ***************/



.ecr_adh {
color:#C60000;
font-weight:bold;
}
.ecr_petit {
font-size:8px;
}
.ecr_petit2 {
font-size:9px;
}
.ecr_petit2_bleu {
font-size:9px;
color:#1060A3;
}

.ecr_bandeau {
color:#1060A3;
font-weight:bold;
font-size:15px;
}

.ecr_bleu {
color:#1060A3;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}

.ecr_bleu2 {
color:#1060A3;
font-weight:bold;
text-decoration:underline;
}

.ecr_bleu3 {
color:#1060A3;

}

.ecr_bleu_petit {
color:#1060A3;
font-weight:bold;
font-size:8px;
text-decoration:underline;
}

.puce {
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position:center;
height:9xp;
width:12px;

}

.ecr_gras_soul {
font-weight:bold;
text-decoration:underline;

}
#separateur-gauche2 {
width:10px;
height:100px;
float:left;
}
.velo_cadre {
height:120px;
width:750px;
border:1px dashed #FAA61A;
margin-left:20px;

}

.velo_image {
height:100px;
width:133px;
float:left;
}

.velo_cadre_info {
height:100px;
width:570px;
float:left;

}

.velo_cadre_marque {
height:20px;
font-weight:bold;

}
.velo_cadre_descriptif {


}
.velo_cadre_prix {
height:20px;
font-size:13px;
}
.ecr_rouge {
font-weight:bold;
color:red;
font-size:13px;
}
.velo_separateur_haut {
heigth:5px;
}
#velo_supprimer {
font-weight:bold;
color:red;
text-decoration:underline;
}
.velo_sep {
heigth:10px;
float:left;
}

/*--------------------------------------*/

.f_velo_cadre {
height:400px;
width:580px;
border:1px dashed #FAA61A;


}
.f_balade_cadre {

border:1px dashed #FAA61A;


}

.f_velo_image {
height:200px;
width:266px;
float:left;
}

.f_velo_cadre_info {
height:200px;
width:280px;
float:left;

}

.f_velo_cadre_marque {
height:50px;
font-weight:bold;

}
.f_velo_cadre_descriptif {


}
.f_velo_cadre_prix {
height:50px;
font-size:13px;

}

.f_velo_separateur_haut {
heigth:5px;
}

.f_velo_sep {
heigth:10px;
float:left;
}

.spacer {
     clear: both;
 }
 hr 
{     
  height: 0;     
  margin: -1.2ex 0;     
  padding: 0;     
  border: 0;     
  clear: both;     
  visibility: hidden; 
}

.x_cadre_info {
height:100px;
width:725px;
float:left;

}