html,body{margin:0;padding:0}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
img{
border:none;
}
/* masque l'élément qui sert à charger les images dans le cache du navigateur (pour des rollover notament) */
.cache{
	overflow: hidden;
	position: absolute;
	visibility: hidden;	

}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color:#014F9A;
}
div#header h1{
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	color: #79B30B
}
div#header #ban{
	width:826px;
	height:110px;
	background-color:#0066FF;
	margin-left:6px;
}
div#container{text-align:left}
div#content p{line-height:1.4}
div#bigcol{}
div#littlecol{}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:988px;margin:0 auto ; }
div#wrapper{float:left;width:100%}
div#content{margin-right: 498px; }

/*+38px */
div#bigcol{float:left;width:300px;margin-left:-300px}
div#littlecol{float:left;width:198px;margin-left:-498px; }
div#footer{clear:left;width:100%}



/***
 * page sommaire 
 ***/
/*         news        */
#alaune{margin:0px; padding:0px 2px 0px 0px; text-align:left;}
div#news-une div.entete{
	width:100%;
	height:25px;
}
div#news-une div.contenu{
	background-position:center left;
	background-repeat:repeat-y;	
	padding:5px;
	font-size:11px;
}
div#news-wrapper{
	float:left;
	width:100%;
}
div#news-reseau{
	margin-right: 326px;	
}
div#news-reseau div.contenu{
	background-image:url(design/news-fond-reseau.png);
}
div#news-sports{	
	float:left;
	width:164px;
	margin-left:-164px;/*+3px*/
}
div#news-sports div.contenu{
	background-image:url(design/news-fond-sport.png);
}

div#news-produit{	
	float:left;
	width:162px;
	/*margin-left:-331px;*/
	margin-left:-326px;
}
div#news-produit div.contenu{
	background-image:url(design/news-fond-produit.png);	
}
div.bottom a:link, div.bottom a:visited{
	background-repeat:no-repeat;
	display: block;
	width:100%;
	height:19px;
	color:#4A555B;
	text-decoration:none;
	padding-left:100px;
	padding-top:2px;	
}
div#news-reseau div.bottom a:link, div#news-reseau div.bottom a:visited{
	background-image:url(design/news-bot-reseau.png);	
}
div#news-produit div.bottom a:link, div#news-produit div.bottom a:visited{
	background-image:url(design/news-bot-produit.png);
}
div#news-sports div.bottom a:link, div#news-sports div.bottom a:visited{
	background-image:url(design/news-bot-sport.png);
}
div.bottom a:hover{	
	color:#FFF;
}



div#news-reseau div.bottom a:hover{
	background-image:url(design/news-bot-reseau-on.png);
}
div#news-produit div.bottom a:hover{
	background-image:url(design/news-bot-produit-on.png);
}
div#news-sports div.bottom a:hover{
	background-image:url(design/news-bot-sport-on.png);
}

#news-une  a.newslink:link, #news-une a.newslink:visited{
	color:#4A555B;
	text-decoration:none;
	display:block;
	margin:2px 5px 5px 5px;
	padding:0px 0px 5px 0px;
	height:26px;
	overflow: hidden;
}
#news-une strong a:link, #news-une strong a:visited{
	color:#8998A0;
}
#news-une a.newslink:hover{
	color:#FFFFFF;
}
div#news-reseau a.newslink:hover{
	background-color:#71C00C;
}
div#news-produit a.newslink:hover{
	background-color:#EE5000;
}
div#news-sports a.newslink:hover{
	background-color:#C72193;
}

#news-une p{
	margin:0px 5px 5px 5px;
	padding:0px 0px 5px 0px;
	
}

#news-une a.date:link, #news-une a.date:visited{
	/*background-color:#BEC6CB;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 5px 0px 5px;*/

}

#news-une .spip_logos{
	margin:0px 5px 0px 2px;
	border:3px solid #8AA4A0;
		
}
div#news-reseau a.newslink:hover img{
	border-color:#71C00C;
}
div#news-produit a.newslink:hover img{
	border-color:#EE5000;
}
div#news-sports a.newslink:hover img{
	border-color:#C72193;
}
/** petite colonne **/


#littlecol div#listemagasin{
	background-image:url(design/littlecol-fond198x170.png);
	background-repeat:no-repeat;
	background-position:top center;
	
}

div#listemagasin select{
	margin:7px 14px 7px 14px;
	width:170px;
	overflow: hidden;
}
div#listemagasin p{
	padding:0px 0px 10px 0px;
	margin:0px 14px 0px 14px;
	color:#666666;
	font-size:12px;
	border-bottom:solid 1px #D6DBDE;
}

div#marquehasard, #littlecol div#services{
	background:url(design/littlecol-fond198x4.png);
	background-repeat:repeat-y;
	background-position:top center;
	padding:7px 14px 7px 14px;
	
}
div#marquehasard{
	padding:4px 14px 7px 14px;
	min-height:191px;
}
#littlecol div#services div.bottom{
	border-bottom:solid 1px #D6DBDE;
}
div.littlecolend{
	background-image:url(design/littlecol-bottom198x10.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:198px;
	height:10px;

}

div#marquehasard img{
	
	margin:0px 0px 0px 0px;
	background-color:#9eb2ad;

}

#littlecol div#services{
	padding:10px 14px 7px 14px;
	margin:0px;	
}
#littlecol div#services a.serviceslink:link,
#littlecol div#services a.serviceslink:visited, a.serviceslink:link, a.serviceslink:visited{
	display:block;
	height:36px;
	text-decoration:none;
	color:#4A555B;
	margin:5px 0px;
}
.magasin a.serviceslink:link, .magasin a.serviceslink:visited{
	clear:both;
	float:none;
	height:70px;
	padding:4px;
	border: none;
	
}
#littlecol div#services a.serviceslink:hover, a.serviceslink:hover{
	color:#FFFFFF;
	background-color:#71C00C;
}
/* articles */

#hierarchie{
	background-image:url(design/article-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding:10px 15px 10px 15px;
	color:#8AA4A0;
	padding-top:20px;	
}

#hierarchie a:link,
#hierarchie a:visited,
#hierarchie a:hover{
	text-decoration:none;
	color:#8AA4A0;
}
#hierarchie a:hover{
	text-decoration:underline;
}


#article #article_content, #rubrique #rubrique_content, #texterubrique{
	background-image:url(design/article-fond.png);
	background-repeat:repeat-y;
	background-position:center center;
	padding:0px 15px 0px 15px;
	margin:0px;
	min-height:300px;
}


#texterubrique{
	color:#3E4D49;
	text-align:justify;
}
#texterubrique p{
	margin:0px;
	padding:5px 2px 5px 2px;
	/*padding:0px;*/

}
#article_content p{
	margin-bottom:0px;
	color:#293432;
	text-align:justify;
}

#article_content a:link,
#article_content a:visited{
	text-decoration:none;
}
#article_content a:hover{
	text-decoration:underline;
}
/** vert **/
.secteur1 #article_content a:link,
.secteur1 #article_content a:visited,
.secteur1 #article_content a:hover,
.secteur2 #article_content a:link,
.secteur2 #article_content a:visited,
.secteur2 #article_content a:hover{
	color:#5F9C0C
}

/** orange **/
.secteur3 #article_content a:link,
.secteur3 #article_content a:visited,
.secteur3 #article_content a:hover{
	color:#EB4400;
}

/** violet **/
.secteur4 #article_content a:link,
.secteur4 #article_content a:visited,
.secteur4 #article_content a:hover{
	color:#BD168A;
}
#article_content img.spip_logos{
	margin:10px 10px 10px 0px;
}
#article h1{
	color:#67837C;
	padding:0px 0px 0px 0px;
	margin:0px;

}

/* rubrique */

#titrerubrique {
	background-image:url(design/article-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding:10px 5px 10px 5px;
	color:#8AA4A0;
	/*padding-top:20px;	*/
	margin:0px;	
	
}

/*#titrerubrique h1 a:link, 
#titrerubrique h1 a:visited,*/

#titrerubrique h1{
	background-color:#D0329D;
	color:#FFFFFF;
	margin:0px;
	padding:0px 5px 0px 5px;
	font-size:18px;
	text-decoration:none;
	
}

#rubrique.secteur2 h2{
	display:block;
	height:20px;
	background-color:#D1DEDB;
	font-size:15px;
	color:#67837C;
	padding:0px 10px 0px 10px;
	margin:-30px -10px 0px -10px;
}

/**
 * dans les rubriques le listage des articles
 **/
a.artitem span.titrearticle, div.artitem span.titrearticle{
	font-weight:bold;
	font-size:14px;


}
a.artitem .spip_logos, div.artitem .spip_logos{
	margin:0px 4px 0px 0px;
}
a.artitem:link, a.artitem:visited, div.artitem{
	display:block;
	clear:both;
	text-decoration:none;
	border:none;
	color:#3E4D49;
	margin:0px 0px 22px 0px;
	padding:4px;
}

a.maglist:link, a.maglist:visited,a.maglist:hover {
	float:left;
	clear:none;
	width:140px;
	margin:10px 0px 0px 5px;
}
/*les rollovers et fond de rubrique*/
/* magasins et services */
.secteur1 #titrerubrique h1,
.secteur2 #titrerubrique h1,
.secteur1 a.artitem:hover,
.secteur2 a.artitem:hover
{
	background-color:#71C00C;
	color:#FFFFFF;
}

/* produits et vélos */
.secteur3 #titrerubrique h1,
.secteur3 a.artitem:hover{
	background-color:#EE5000;
	color:#FFFFFF;
}

/* le mag */
.secteur4 #titrerubrique h1,
.secteur4 a.artitem:hover{
	background-color:#C72193;
	color:#FFFFFF;
}

/* couleur des liens en fonction des secteurs */
a.spip_mail:link, a.spip_mail:visited{
	text-decoration:none;
}
a.spip_mail:hover{
	text-decoration:underline;
}

/* magasins et services */

.secteur1 a.spip_mail:link, .secteur1 a.spip_mail:visited,
.secteur2 a.spip_mail:link, .secteur2 a.spip_mail:visited {
	color:#57960A;
}

/* produits et vélos */

.secteur3 a.spip_mail:link, .secteur3 a.spip_mail:visited{
	color:#BF3F00;
}

/* le mag */

.secteur4 a.spip_mail:link, .secteur4 a.spip_mail:visited{
	color:#A51B78;
}


/**
 * rubrique vélo
 **/
#listevelo{
	background-image:url(design/fichevelo-fond.png);
	background-repeat:repeat-y;
	background-position:center center;
	padding:0px;
	padding-left:10px;
}
.rubvelo #titrerubrique h1{
	margin:0px 4px 0px 3px;
}
.rubvelo div.trier{
	height:25px;
	background-image:url(/squelettes/design/velo-tri-fond1x25.png);
	background-repeat:repeat-x;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 10px;
}

.rubvelo #ordre{
	font-size:11px;
	display:block;
	float:right;
	margin:3px 3px 0px 0px;

}
.rubvelo #article #article_content, #rubrique.rubvelo #rubrique_content{
	/*background-color:#CC3300;*/
	margin:0px;
	padding:0px 6px 0px 10px;
}
#rubrique.rubvelo #rubrique_content{
	padding:0px;
	/*background-image:url(design/fichevelo-fond.png);	*/
	background:none;
}

.rubvelo .velologo{
	margin:auto;
	
}
.rubvelo .veloitem{
	/*background-color:#FF0000;*/
	width:220px;
	background-image:url(/squelettes/design/velo-item-220x1.png);
	background-repeat:repeat-y;
	background-position:left top;
	float:left;
	/*height:170px;*/
	text-align:center;
	margin:12px 4px 10px 0px;

}
.rubvelo .velologo{
	height:120px;

}
.velotitre{
	height:19px;
	background-image:url(/squelettes/design/velo-item-fond-titre22x1.png);
	background-repeat:repeat-x;
	margin:8px 3px 0px 3px;
	padding:3px 2px 0px 2px;
	text-align:left;	
}
#pavevelo .velotitre{
	text-align:center;
}
.velotitre a:link, .velotitre a:visited{
	text-decoration:none;
	color:#000000;	
}
.rubvelo .velosoustitre{
	height:20px;
	margin:1px 3px 1px 3px;
	border-top:solid 1px #C7D2CF;
	border-bottom:solid 1px #C7D2CF;
}
.rubvelo .velosoustitre a:link, .rubvelo .velosoustitre a:visited{
	text-decoration:none;
	color:#000000;
}
.rubvelo .velosoustitre strong a:link, .rubvelo .velosoustitre strong a:visited{
	color:#F46700;
}
.rubvelo .velosoustitre h4{
	font-weight:normal;
	padding:0px;
	margin:3px 3px 0px 3px;
	text-align:left;
	font-size:11px;	
}
.rubvelo .velosoustitre strong{
	color:#F46700;
	font-size:11pt;
	margin:2px auto 0px auto;
	text-align:center;
	display:block;	
}

.rubvelo .velosoustitre strong.droite{
	float:right;
	margin:2px 3px 0px 0px;
}
.rubvelo .star{
	background-image:url(/squelettes/design/velo-item-bottom220x30.png);
	background-position:bottom center;
	background-repeat:no-repeat;	
	padding:4px 5px 6px 5px;	
	overflow: hidden;
	height:15px;
	
}
.rubvelo .formulaire_notation{
	width:142px;
	margin:auto;

}

#criteres{
	background-image:url(/squelettes/design/fichevelo-fond.png);
	background-repeat:repeat-y;
	padding:0px 8px;
}
.rubvelo #filtre{
	background-image:url(/squelettes/design/velo-filtre-fond.png);
	background-repeat:repeat-y;
	margin-bottom:4px;

}
.rubvelo #filtre .filtres{
	width:400px;
	float:left;
}
.rubvelo #filtre .filtres select{
	font-size:11px;
	width:174px;
	display:block;
	float:left;
	margin:0px 0px 6px 18px;
}
.rubvelo .fourchette{
	float:right;
	margin-right:10px;
	width:230px;	
}
#filtre > div.fourchette { padding: 10px !important; }
.rubvelo .fourchette p{
	background-color:#FF0000;
	margin:0px 0px 5px 0px;
	padding:0px;
}

p.desole{
	font-size:14px;
	font-weight:bold;
	color:#657C78;
	padding:10px;

}

/**
 * fiche vélo, mais aussi des éléments de la page "liste des magasins
 **/


#article.fichevelo h1, .secteur1 #titrearticle h1 {
	margin:5px 0px 0px 0px;
	clear:both;
	display:block;
	float:none;	
	padding:0px 5px 2px 5px;;
	background-color:#F46700;
	color:#FFFFFF;
	font-size:18px;
}
.secteur1 #titrearticle h1 {
	background-color:#71C00C;
}
#article.fichevelo #article_content, .secteur1 #article_content{
	background-image:url(/squelettes/design/fichevelo-fond.png);
	background-repeat:repeat-y;
	background-position:left center;
	padding:0px 10px 0px 10px;
	margin:0px;
	/*background-color:#00FF00;*/
}

#titrearticle{
	background-image:url(/squelettes/design/fichevelo-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding:5px 10px 5px 10px;
	color:#8AA4A0;
	/*padding-top:20px;	*/
	margin:0px;	
}

#loupe:active {
	outline:none;
	border:solid 2px #FF0000;
}
/* tab composants */

#tabs{
	margin:15px 0px 0px 0px;
}
.ligne {
	clear:both;
	margin:0px;
	background-color:#fff;
	padding:5px 8px;
	
}
.claire{
	border-bottom:solid 1px #D0DDDA;
}
#fragment-2 .claire{
	padding-left:28px;
}
.sombre{
	background-color:#D0DDDA;
}
.ligne strong{
	color:#5C7670;
	width:120px;
	display:block;
	float:left;
}
.ligne h4{
	color:#5C7670;
	margin:0px;
	padding:0px;
}

/* vélo + magasin */
h1 span{
	display:block;
	float:right;
	font-size:11px;
	font-weight:normal;
	padding-top:4px;	
	
}

.magasin #rubrique_content p{
	margin:0px;
}
h1 span a:link, h1 span a:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
h1 span a:hover{
	text-decoration:underline;
}

/* map1 */
#map1{
	width:470px;
	height:400px;
	display:block;
	position:relative;
	clear:both;	
}
#marques .listelogo{
	background-color:#9eb2ad;
	clear:both;
	overflow: hidden;
	width:470px;
	/*background-image: url(design/magasin-bord-marque.png);*/
	background-image: url(design/magasin-damier-marque.png);
	background-repeat: repeat;
	background-position: right bottom;
}

#marques .listelogo .conteneur{
	background-color:#9eb2ad;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	float:left;
	height:91px;
}
#marques .listelogo .long .spip_logos{
	margin-top:22px;		
}

#article  #bottom, #rubrique #bottom{
	background-image:url(design/article-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px 15px 10px 15px;
	height:20px;
	margin-top:0px;
	margin-bottom:10px;
}
.rubvelo #bottom{
	margin:0px 0px 100px 0px;
	padding:10px 0px 15px 0px;
	
}
/**
 * pagination
 **/

div.pagination{
	background-image:url(/squelettes/design/menu/fond-gris.png);
	background-repeat:repeat-x;
	background-position:center center;
	text-align:center;
	padding:2px 0px;
	margin:0px;
	color:#C9D6D3;
	font-weight:bold;
	margin:0px -10px 0px -10px;
}

.rubvelo .pagination{
	margin:0px -5px 0px -7px;
}

div.pagination strong{
	margin-right:10px;
}
div.pagination a:link, div.pagination a:visited{
	color:#FFF;
	text-decoration:none;
	padding:2px;
}
div.pagination a:hover{
	background-color:#FF6600;
}
/**
 * tableaux spip
 */
table.spip{
	margin:10px 0px;
}
table.spip td, table.spip th{
	padding:4px;
}
table.spip .row_first{
	background-color:#708C86;
	color:#FFFFFF;
}
table.spip .row_even{
	/*background-color:#708C86;*/
}

table.spip .row_odd{
	background-color:#9EB2AD;
}