/* CSS Document */

html,body{margin:0;padding:0}
body{
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 76%;
	background:url(/squelettes/design/habillage/0909-VS-fixies.jpg) no-repeat center top #443F43;
	
}
a img{
	border:none;
}
a:link, a:visited{
	color:#ED801B;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
p{margin:0 0px 0px;}

.spip_logos{
	border:none;
}

div#top h1{
	height:80px;
	line-height:80px;
	margin:0;
  	padding-left:10px;
	background: #EEE;
	color: #79B30B
}
div#container{
	text-align:left;
}

div#content p{line-height:1.4}
div#leftnavigation{
	
}

div#container{
	width:960px;margin:0 auto;
}
div#top{
	width:100%;
}
div#content{
	float:left;
	width:666px;
	margin-left:5px;

}
div#leftnavigation{
	/*background: url(leftnav-fond.png) repeat-y 0px 20px;*/
	float:right;
	width:289px;
	margin-right:0px;
	
}
div#fondtop{
	background-image:url(../design/fond-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:81px;
	clear:both;
}

div#fondmiddle{
	background:url(../design/fond.png) repeat-y;
	clear:both;
	width:100%;	
}

div#fondbottom{
	background-image:url(../design/fond-bottom.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	clear:both;
	width:100%;
	height:10px;
}
div#footer{	
	clear:both;
	width:100%;
	
}




/** recherche */
div#search{
	float:right;
	width:283px;
	margin:16px 0px 0px 0px;
	/*border:#ff0000 solid 1px;*/
}
input#recherche{
	margin:5px 0px 0px 8px;
	height:18px;
	width:220px;
	border:none;
	/*background-color:#666666;*/
	
	float:left;
}
input#btnRecherche{
	float:right;
	margin:2px 15px 0px 0px;
}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }



/**
 * mini-fiche magasin
 **/
#fichemag{
	margin:-46px 24px 5px 10px;
	color:#fff;
	
}
#fichemag a:link, #fichemag a:hover, #fichemag a:visited{
	color:#fff;
	text-decoration:underline;
}
#fichemag p{
 font-size:13px;
}
#fichemag p.acces{
 	margin:12px 0px 12px 0px;	
}
#fichemag p.adresse{
 	margin:12px 0px 0px 0px;	
}
#fichemag p.horaires{
 font-size:11px;
}
#fichemag h2{
	font-size: 20px;
	font-weight: normal;
	color: #C7B299;
	text-transform: uppercase;
	padding:7px 0px 0px 0px;
	margin-bottom:0px;
}
#fichemag h4{
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#fichemag #clock{
	margin: 0px 4px 0px 16px;

}
#fichemag select{
	margin:10px 10px 10px 0px;
}
/**
 * marques
 */

#marques .listelogo{
	background-color:#EAE5D8;
	clear:both;
	overflow: hidden;
	width:100%;
	/*background-image: url(design/magasin-bord-marque.png);*/
	background-image: url(/squelettes/design/magasin-damier-marque.png);
	background-repeat: repeat;
	background-position: left bottom;
	
	
}

#marques .listelogo .conteneur{
	background-color:#897562;
	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;		
}

/**
 * carte magasin
 */
#map {
	width:659px;
	height: 400px;
	
}


/**
 * une
 */

#logoflash{
	margin:14px 0px 0px 12px;

}
div.une{
	background:url(/squelettes/design/trames/menuon-tram.png) center -74px no-repeat;
	background-repeat:repeat-x;
	border-bottom:#998675 1px solid;
	padding:10px;
	margin:0px 0px 10px 0px;
	height:auto;
	
	
}
#secteur0 div.une, .velo div.une, #secteur2 div.une{		
	padding:0px;
	margin:0px 0px 24px 0px;	

}



.une h1{
	margin:0px;
	padding:10px;
}
body.article#secteur2 div.une{
	padding:10px;

}
body#secteur0 div.une{
	height:258px;
	position:absolute;
}

#uneBox{
	padding:0px;
	margin:0px 0px 30px 0px;
	height:258px;
	
	overflow: hidden;
	clear: both;
	position: static;
	
}

/* une déroulante */
.ul_change_a2{

padding-left:19px;
overflow:hidden;

position:absolute;
z-index:9999;
display:block; 
margin:-65px 0px 0px 350px;



 }
.ul_change_a2 li{
display: -moz-inline-stack;
display:inline-block;
*display:inline;
*zoom:1;

}


.ul_change_a2 span{

	
	display: -moz-inline-stack;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:0.8em;
	padding:4px 0px 0px 7px;
	
	color:#FFFFFF;
	font-weight:bold; 
	
	
	cursor:hand;
	cursor:pointer;
	height:17px;
	width:14px;

	background:url(/squelettes/design/rondtaupe21x21.png) center center no-repeat;
}

.ul_change_a2 span.on{
	
	background:url(/squelettes/design/rondorange21x21.png) center center no-repeat;
	
}
/* article */
.article h1, .article #content p, .article h3{
	margin:10px 20px 10px 20px;
	color:#51433A;
}

.article #content p{
	font-size:10pt;
	text-align:justify;
}

.article #content .spip_logos{
	margin:0px 10px 10px 20px;
}
.spip_documents_left img{
	margin:0px 10px 10px 0px;
}
.spip_documents_right img{
	margin:0px 0px 10px 10px;
}
/* fiche magasin*/
#secteur2 div.une{
	/*padding:1px 10px 10px 10px;*/
	color:#603813;
}

#secteur2 div.une p{
}

.une h2 a:link, .une h2 a:visited{
	color:#603813;
}

.une p a:link, .une p a:visited{
	color:#887365;
}


.une div.intro{
	margin:17px 17px 0px 0px;
	width:275px;
	float:right;
	color:#887365;

}
.une h2{
	padding:0px;
	margin:0px;
	color:#603813;
	font-weight:normal;
	font-size:22px;
}
div.fondlogo{
	
	float:left;
	width:371px;
	height:259px;
	background:url(/squelettes/design/cadre-une.png) no-repeat center center;

}

div.fondlogo img{
	margin:14px 0px 0px 13px;
}
/**
 * Liste d'article
 */
a.item_article:link,a.item_article:hover,a.item_article:visited{
	text-decoration:none;
	color:#887365;
	font-size:13px;
	display:block;
	margin:0px 0px 20px 0px;
	/*border:1px solid #f00;*/

}

a.item_article:hover
{
	display:block;
	background:#fff;
	text-decoration:underline;
}
span.fondlogo, span.fondservice{
	display:block;
	clear:both;
	float:left;
	width:119px;
	height:119px;
	margin:0px 0px 0px 6px;
	background:url(/squelettes/design/article-fond-logo.png) no-repeat center center;
}
span.fondservice{
	background:none;
}
a.item_article span.intro{
	display:block;
	float:left;
	width:525px;
}



a.item_article strong{
	font-size:19px;
	color:#603813;
	font-weight:normal;
	text-decoration:none;
}
span.date{
	display:block;
	float:left;
	text-transform:uppercase;
	padding:0px 0px 0px 14px;
	font-size:18px;
	width:102px;
	font-weight:lighter;
	clear:both;	

}
span.separe{
	border-bottom:solid 1px #C7B299;
	display:block;
	
	width:95%;
	text-align:center;
	margin:auto;
	

}
span.visuel{
	display:block;
	float:left;
	width:127px;
}
span.date strong{
	color:#C69C6D;
	font-weight:bold;
}
span.fondlogo img, span.fondservice img{
	margin:11px;
	border:none;
}



/**
 * selection d'article
 */

a.selection span.intro{
	width:480px;
}
a.selection span.fondlogo{
	display:block;
	margin:0px;
	padding:0px;	
}
a.selection  img{
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px;
	border:#990000 solid medium;
	float:left;
}


/**
 * pagination
 */
div.pagination{
	background-color:#41200B;
	width:95%;
	margin:10px auto 10px auto;
	color:#FFFFFF;
	padding:5px;
}
div.pagination a:link,div.pagination a:hover,div.pagination a:visited{
	color:#C69C6D;
	text-decoration:none;
}
div.pagination a:hover{
	color:#C69C6D;
	text-decoration:underline;
}

/* bloc tendance vélo */
#tendance{
	background:url(/squelettes/design/trames/bandeau-droit.png) 0px 0px repeat-y;
	padding-bottom:20px;

}
#tendance h2{
	margin:10px 8px 0px 0px;
	padding:5px 10px 0px 121px;
	color:#fff;
	font-weight:normal;
	font-size:22px;
	display:block;
	background:url(/squelettes/design/tendance.png) no-repeat;
	height:27px;
	
}



#tendance_accordion{
	margin:10px 14px 5px 10px;

}
#tendance_accordion h3{	
	padding:0px;
	margin:0px;
	
	
	
}
#tendance_accordion h4{	
	margin:0px auto 10px auto;
	padding:0px;
	text-align:center;
	background:url(/squelettes/design/tendance-fondtitre.png) no-repeat center center;
	display:block;
	width:100%;
	height:20px;
	float:left;
	clear:both;
}
#tendance_accordion .ui-widget-content{
	padding:10px 0px;
	text-align:center;
	background-color:#fff;
	background-image:none;
	padding:0px;
	
}
#tendance_accordion .ui-widget-content img{
	margin:10px auto 10px auto;
	
}


/**
 * articles
 */

h1{
	color:#554941;
	
	
}

/**
 * fiche vélo
 **/
div.formulaire_notation{
	margin:10px;
}

div.velotexte p, div.velotexte h3.spip{
	margin: 10px 15px;
	color:#3F3630;
}
body.velo h1{
	
	display:block;
	padding:10px;
	margin:0px;
	background: url(/squelettes/design/trames/menuon-tram-velo.png) center 0px no-repeat;
	background-repeat:repeat-x;
	/*border-bottom:#998675 1px solid;*/
	
}

h1 span{
	display:block;
	float:right;
	font-size:11px;
	font-weight:normal;
	padding-top:4px;	
	
}

h1 span a:link, h1 span a:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#554941;
	text-decoration:none;
}
h1 span a:hover{
	text-decoration:underline;
}

#tabs, #tabsmag{
	margin:15px 0px 0px 0px;
}

#tabs .ui-widget-content, #tabsmag .ui-widget-content{
	padding:10px 0px 20px 0px;
	background-image:none;
	background:#F4F0EC;
}
.ligne {
	clear:both;
	margin:0px;
	background-color:#fff;
	padding:5px 8px;
	font-size:11px;
	
}
.claire{
	border-bottom:solid 1px #EAE5D8;
}
#fragment-2 .claire{
	padding-left:28px;
}
.sombre{
	background-color:#8B7866;
	color:#fff;
}
.ligne strong{
	color:#554941;
	width:120px;
	display:block;
	float:left;
	
}
.ligne h4{
	color:#fff;
	margin:0px;
	padding:0px;
}


/** liste des vélos **/

.veloitem{
	background:#FFFFFF;
	text-align:center;
	margin:0px 0px 5px 5px;
	padding:10px 5px 5px 5px;
	width:202px; /* 212px - 2x5px(du padding) */
	height:208px;
	float:left;
	border:#BCBBBA 1px solid;
}
.rubvelo .velologo{
	height:120px;

}
.velotitre{
	height:19px;
	background-image:url(/squelettes/design/trames/trame-fiche-velo.png);
	margin:8px 3px 0px 3px;
	padding:3px 2px 0px 2px;
	text-align:left;	
}

.velotitre a:link, .velotitre a:visited{
	text-decoration:none;
	color:#603813;
	font-size:16px;
}
.rubrique .velosoustitre{
	height:20px;
	margin:1px 3px 1px 3px;
	background-image:url(/squelettes/design/trames/trame-fiche-velo.png);
}
.rubrique .velosoustitre a:link, .rubrique .velosoustitre a:visited{
	text-decoration:none;
	color:#000000;
}
.rubrique .velosoustitre strong a:link, .rubrique .velosoustitre strong a:visited{
	color:#603813;
}
.rubrique .velosoustitre h4{
	font-weight:normal;
	padding:0px;
	margin:3px 3px 0px 3px;
	text-align:left;
	font-size:11px;	
}
.rubrique .velosoustitre strong{
	color:#F46700;
	font-size:11pt;
	margin:2px auto 0px auto;
	text-align:center;
	display:block;	
}

.rubrique .velosoustitre strong.droite{
	float:right;
	margin:2px 3px 0px 0px;
}
.rubrique .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;
	
}
.rubrique .formulaire_notation{
	width:142px;
	margin:auto;

}

#liste-mag-top{
	width:100%;
	background:#AD3126;
	height:26px;
	margin-bottom:104px;
	text-align:center;
}

#liste-mag-top a:link, #liste-mag-top a:visited{
	display:block;
	float:left;
	margin:5px 10px 0px 10px;
	color:#FFFFFF;
}

#liste-mag-top a:link#on, #liste-mag-top a:visited#on{
	border-bottom:solid 4px #FF9900;
}
div.center{
	text-align:center;
	margin:0px auto;
	width:950px;
	
}

.article object{
	margin:10px 15px;
}