* {margin:0; padding:0;}
ul, li {margin:0; padding:0;}

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
background-color:#ffffff;
margin:0;
padding:0;
}
#centrage {
width:980px;
margin:0 auto;
}
#corp {
float:left;
width:980px;
background-image:url(images/design_corp_04.jpg);
}
#rubriques {
width:980px;
float:left;
text-align:center;
}
#rubriques a {
font-size:0.8em;
color:#999999;
float:left;
text-decoration:none;
margin-right:5px;
}
#rubriques a:hover {
text-decoration:underline;
}
#haut {
float:left;
padding-top:30px;
width:980px;
background-image:url(images/design_corp_03.jpg);
background-repeat:no-repeat;
}
#logo {
margin-top:-60px;
margin-bottom:20px;
margin-left:50px;
/*background-image:url(images/design_15.png);*/
height:103px;
width:479px;
}
#pied {
float:left;
width:980px;
height:50px;
padding-top:15px;
background-image:url(images/design_corp_05.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
font-size:0.8em;
}
#pied a {
color:#FFFFFF;
text-decoration:underline;
}
#menu_haut {
height:44px;
width:945px;
background-image:url(images/design_03.jpg);
margin-left:16px;
margin-bottom:80px;
}
#menu {
margin-left:60px;
height:100px;
}
#menu li{
margin-top:12px;
list-style:none;
float:left;
}

#menu a{
text-decoration: none;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
color:#ff9933;
margin:0 20px 0 20px;
}
#menu a:hover{
color:#fec965;
}

#menu_gauche {
float:left;
margin:0 6px 0 11px;
width:166px;
}

#centre {
float:left;
margin:0px 6px 0px 6px;
width:600px;
font-size:0.8em;
}
#barre {
background-image:url(images/design_011.gif);
height:37px;
width:600px;
margin-bottom:10px;
}
#barre input#recherche{
margin-top:7px;
font-size:0.8em;
height:18px;
width:100px;
}
#barre input#ok {
margin:0;
padding:0;
}

#barre select#marque{
margin-top:7px;
margin-left:20px;
font-size:1em;
height:20px;
}
#barre select#categorie{
margin-top:7px;
margin-left:20px;
font-size:1em;
height:20px;
}
#barre input#recherche{
margin-top:7px;
margin-left:20px;
font-size:1em;
height:15px;
width:140px;
}
#barre input#recherche_ok{
background-image:url(images/bouton_ok2.gif);
border:0;
height:20px;
width:20px;
vertical-align:bottom;
font-size:0.8em;
}
#ariane {
padding:2px;
background-color:#FFFFFF;
border:2px solid #F49F00;
color:#F49F00;
font-size:1em;
}
#ariane a{
text-decoration:none;
color:#ff9933;
}
/*****************************************************************************/
a.cat_p{
margin:0 0 10px 18px;
display:block;
}
a.cat_p img {
border:1px solid #FF9933;
}

.box_centre_haut {
float:left;
background-image:url(images/design_012.gif);
width:600px;
height:25px;
margin-top:10px;
}
.box_centre_milieu {
float:left;
background-image:url(images/design_013.gif);
width:600px;
}
.box_centre_milieu #triprix a {
text-decoration:none;
color:#ff9933;
font-weight:bold;
}

.box_centre_bas {
float:left;
background-image:url(images/Copie-de-design_012.gif);
width:600px;
height:25px;
}
.box_centre_milieu span#centrepage {
float:left;
display:block;
width:590px;
padding:5px 5px 15px 5px;
}


#menu_droit {
float:left;
margin:0 11px 0 6px;
width:166px;
}
#boxVeloShop {
width:166px;
margin-bottom:30px;
}
#boxeurocom {
width:166px;
padding-left:8px;
margin-bottom:30px;
}

.box_haut {
background-image:url(images/design_07.gif);
border-bottom:2px solid #ff9933;
width:166px;
height:37px;
}
.box_milieu {
background-image:url(images/design_22.gif);
width:166px;
font-size:0.8em;
}
.box_milieu .edito {
padding:5px;
}
.box_milieu .edito .txpourcent{
font-size:1em;
color:#FF0000;
}
.box_milieu #colisimo {
text-align:center;
}
.box_bas {
background-image:url(images/design_24.gif);
width:166px;
height:8px;
margin-bottom:30px;
}
.box_haut h4 {
padding-top:6px;
margin-left:15px;
font-size:1em;
color:#ff9933;
}
.box_milieu p {
font-size:0.9em;
padding:15px 10px 15px 8px;
}
.titre_news {
width:153px;
background-color:#e7e7e7;
font-size:1em;
line-height:1.4em;
vertical-align:middle;
font-weight:bold;
color:#ff9933;
padding-left:2px;
margin-bottom:1px;
border-top:1px solid #ff9933;
}
.img_news {
text-align:center;
}
.texte_news {
font-size:0.9em;
padding-bottom:10px;
margin-bottom:10px;
text-align:justify;
/*border-bottom:4px solid #CCCCCC;*/
}
.texte_news a {
color:#000000;
text-decoration:none;
}
.fiche{
float:left;
width:283px;
height:160px;
border:1px solid #FF9900;
margin: 5px 5px 5px 5px;
}
.fiche .nom{
margin-left:5px;
font-size:1.1em;
font-weight:bold;
color:#ff9933;
}
.fiche .marque{
margin-left:5px;
font-size:1.1em;
color:#ff9933;
}
.fiche .prix{
margin-left:5px;
font-size:1em;
}
.fiche .txpourcent{
font-size:1em;
color:#FF0000;
}

del {
font-size:0.8em;
}
.entetefichedetails {
width:588px;
border-bottom:1px solid #F49F00;
font-size:1.5em;
color:#F49F00;
margin-bottom:5px;
float:left;
}
.entetefichedetails h3 {
font-weight:normal;
font-size:1.3em;
padding-top:6px;
float:left;
}

.entetefichedetails .prix {
float:right;
text-align:right;
font-weight:bold;
font-size:1.3em;
padding-top:6px;
margin-right:20px;
}
.entetefichedetails .txpourcent{
text-align:right;
font-size:1.3em;
color:#FF0000;
}
.marque2 {
height:150px;
width:280px;
float:left;
margin-bottom:10px;
text-align:right;
}
.marque2 .text{
font-size:3em;
text-align:right;
margin-top:15px;
color:#F49F00;
}

.detaild {
font-weight:bold;
width:270px;
float:right;
margin-left:5px;
padding-right:10px;
text-align:right;
}
.panier {
float:right;
padding-left:60px;
padding-right:10px;
margin-top:20px;
}
.detailg {
width:300px;
height:400px;
float:left;
}
.detailg img {
border:1px solid #ff8200;
margin-bottom:10px;
}
.description {
float:left;
width:585px;
margin-top:10px;
}
.description span{
float:none; /* pour le bbcode*/
}

.scheam{
border:1px solid red;
float:left;
width:600px;
}
.dessin {
width:300px;
float:left;
}
.tableau {
margin-top:36px;
margin-left:5px;
width:282px;
float:left;
}
.cotes {
border:1px solid black;
border-collapse:collapse;
}
.cotes td, .cotes tr {
border:1px solid black;
}


/*------------bloc login page index--------------*/

.login {
margin-left:5px;
padding-top:5px;
}
.login a:link, .login a:visited, .login a:hover, .login a:active, .oubli_pass {
color:#ff7f00;
text-decoration:none;
}
.login input#valid_login {
background-image:url(images/bouton_ok.gif);
border:0;
height:25px;
width:25px;
font-weight:bold;
cursor:pointer;
}
/*----------fin bloc login page index------------*/


/*------------bloc creation compte--------------*/
#valider {
background-image:url(images/bouton_valider.gif);
height:25px;
width:65px;
border:0;
cursor:pointer;
font-weight:bold;
}
h2#crea_compte {
font-size:1.5em;
font-weight:bold;
color:#ff7f00;
}
/*----------fin bloc creation compte------------*/

#tab_compte {
margin-left:8px;
}

.titre_panier {
color:#ff7f00;
}
.ligne2 {
background-color:#FFE7CE;
}
.ligne1 {
background-color:#FFFFFF;
}

.sous_total {
color:#333333;
font-weight:bold;
}

.total {
color:#000000;
font-weight:bold;
font-size:1.2em;
}



/*------------------------visualisation des images-----------------------------*/

	.detailg .gvIIContainer{
		width:300px;
		position:relative;
	}
	.detailg .gvIIContainer .gvIIImgContainer{
		width:300px;
		height:300px;
		position:relative;
		overflow:hidden;
		margin-bottom:2px;
	}
	.detailg .gvIIContainer .gvIIImgContainer .gvIILoader{
		/*background: url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;
		width:300px;
		height:300px;
		display:none;*/
	}
	.detailg .gvIIContainer .gvIIHolder{
		position:relative;
		height:60px;
		width:300px;
		overflow:hidden;
	}
	.detailg .gvIIContainer .gvIIHolder .gvIIArrow{
	/*
		background:url(/experiments/jqGalViewII/common/img/arrow.png);
		width:20px;
		height:28px;
		position:absolute;
		margin-left:-15px;
		margin-top:-28px;
		z-index:99;
	*/
	}
	.detailg .gvIIContainer .gvIIHolder .gvIIItem{
		float:left;
		height:55px;
		width:70px;
		border:1px solid #000;
		margin:1px;
		position:relative;
		overflow:hidden;
	}
	.detailg .gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
		background:#fff;
		position:absolute;
		top:0;
		left:0;
		height:55px;
		width:72px;
		cursor:pointer;
	}
	.detailg .gvIIContainer .gvIIHolder .gvIIItem img{
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		margin-left:0;
		margin-top:0;
		border:none;
		cursor:pointer;
	}
	
	

.fiche_cat {
float:left;
width:283px;
height:100px;
/*border:1px solid #FF9900;*/
margin: 5px 5px 5px 5px;
}
.img_fiche_cat {
}
.nom_fiche_cat {
padding-left:10px;
}
.fiche_cat a {
text-decoration:none;
color:#ff9933;
font-weight:bold;
}
.fiche_cat_marque {
float:left;
width:100px;
height:100px;
margin: 5px 13px 5px 5px;
}
.fiche_cat_marque a {
text-decoration:none;
color:#ff9933;
font-weight:bold;
}
.box_milieu ul#infos{
list-style:none;
padding-left:5px;
padding-top:5px;
}
.box_milieu ul#infos li.infos{
list-style:none;
padding-bottom:10px;
}
.box_milieu ul#infos li.infos a {
text-decoration:none;
color:#000000;
}

.liens_cpte {
text-decoration:none;
color:#ff9933;
font-weight:bold;
}

.red {
color:#FF0000;
}

/*-----------------------------liens navigations page sprosuits-------------------------------------------*/
#nb_produits {
float:left;
width:150px;
color:#FFFFFF;
font-weight:bold;
margin-left:15px;
padding-top:3px;
}
.navigation1 {
width:400px;
float:right;
padding-top:3px;
margin-right:15px;
color:#FFFFFF;
font-weight:bold;
}
.navigation2 {
padding-top:5px;
margin-right:15px;
color:#FFFFFF;
font-weight:bold;
}
.navigation1 a.courant, .navigation1 a:hover.courant, .navigation2 a.courant, .navigation2 a:hover.courant, .navigation1 span.courant, .navigation2 span.courant {
color:#666666;
font-weight:bold;
}
.navigation1 a, .navigation2 a, .navigation1 a:hover,.navigation2 a:hover {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}


#mode_paiement{
}



/*----------bon de commande----------------------------------------*/

.facture {
margin-left:5px;
width:580px;
}
#entete_cde, #corps_cde {
border:0;
width:580px;
border-collapse:collapse;
}
.entete_c1 {
width:250px;
}
.entete_c2 {
width:180px;
}
.entete_c3 {
width:150px;
}

.ligne0 {
background-color:#666666;
font-weight:bold;
color:#FFFFFF;
height:25px;
}
.ligne2 {
background-color:#FFE7CE;
height:25x;
}
.ligne1 {
background-color:#FFFFFF;
height:25px;
}

.lignef {
height:30px;
font-weight:bold;
background-color:#dddada;
color:#000000;
}

.lignef1 {
height:30px;
vertical-align:middle;
background-color:#dfbc6a;
color:#000000;
}

.lignef2 {
height:30px;
vertical-align:middle;
background-color:#f1cc75;
color:#000000;
}

.lignef1 .corps_c1, .lignef2 .corps_c1, .lignef .corps_c1 {
width:330px;
text-align:left;
}
.lignef1 .corps_c2, .lignef2 .corps_c2, .lignef .corps_c2 {
width:100px;
text-align:right;
}
.lignef1 .corps_c3, .lignef2 .corps_c3, .lignef .corps_c3 {
width:50px;
text-align:right;
}
.lignef1 .corps_c4, .lignef2 .corps_c4, .lignef .corps_c4 {
width:100px;
text-align:right;
}

/*-------------*/
.sous_total .corps_c1, .tva .corps_c1, .port .corps_c1, .total .corps_c1 {
width:330px;
height:25px;
text-align:left;
}
.sous_total .corps_c2, .tva .corps_c2, .port .corps_c2, .total .corps_c2 {
width:100px;
height:25px;
text-align:right;
}
.sous_total .corps_c3, .tva .corps_c3, .port .corps_c3, .total .corps_c3 {
width:50px;
height:25px;
text-align:right;
}
.sous_total .corps_c4, .tva .corps_c4, .port .corps_c4, .total .corps_c4 {
width:100px;
height:25px;
text-align:right;
}

h1#livraison {
text-align:center;
font-size:1.3em;
margin-bottom:20px;
}

/*-------------CSS pour les promos, nouveautées et grande fiche de la page d'accueil-------------*/
.colonnePromo {
width:250px;
float:left;
padding-left:20px;
}
.colonneNouveau {
width:250px;
float:left;
padding-left:40px;
}
.colonneGrandeFiche {
width:540px;
float:left;
padding-left:20px;
}
.colonnePromoVide {
width:250px;
height:1px;
float:left;
padding-left:20px;
}
.colonneNouveauVide {
width:250px;
height:1px;
float:left;
padding-left:40px;
}
.colonneGrandeFicheVide {
width:540px;
height:1px;
float:left;
padding-left:20px;
}
.fichePromo {
width:248px;
float:left;
padding-bottom:10px;
}
.ficheNouveau {
width:248px;
float:left;
padding-bottom:10px;
}
.grandeFiche {
width:540px;
float:left;
padding-bottom:10px;
}
#titreColone {
float:left;
width:540px;
height:50px;
padding-left:20px;
margin-bottom:20px;
}
#titreColone #promo {
float:left;
width:250px;
height:50px;
}
#titreColone #nouveau {
float:left;
width:250px;
height:50px;
padding-left:40px;
}
#separationBasColone {
float:left;
width:540px;
height:50px;
padding-left:20px;
}
/*--------page plan magasin--------*/
#planMagasin {
padding-left:4px;
}

#separationMarqueCat {
width:100%;
height:50px;
float:left;
}

.operiationOk {
color:#000099;
font-weight:bold;
}
.operationBad {
color:#FF0000;
font-weight:bold;
}