/* CSS Layout Labyrinth Bikes: Espace PRO */

body {
	margin:0;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:none;
}

div#corps {
	width:950px;
	margin:auto;
	margin-top:5px;
	background: url(../images/bg_contenu.jpg) repeat-y;
}

/* Banière Flash et langue
************************************************/
.baniere {
	width:952px;
	height:205px;
	overflow:hidden;
	background: url(../images/bg_contenu_top.jpg) no-repeat left 100px;
	border:none;
}
p#baniereTXT { display:none; }

div#langue {
	width:20px;
	height:100px;
	float:left;
	margin:40px 0 0 2px;
}


/* Conteneur
************************************************/
div#spacer_conteneur {
	width:27px;
	height:30px;
	float:left;
}
div#conteneur {
	width:899px;
	float:left;	
	display:block;
	margin-top: -5px;
	background: url(../images/bg_conteneur.jpg) repeat-x left top;
}



/* Header (titre + titre ssmenu) et Menu
*********************************************/
div#header {
	width:899px;
	height:30px;
}


/* Menu
*********************************************/
ul#menu {
	height:22px;
	float:left;
	padding:0;
	margin:8px 0 0 20px;
}
ul#menu li {
	margin:0;
	padding:0;
	float:left;
	background-image:none;
}
#menu li a {
	padding:0 2px 0 33px;
	height:22px;
	line-height:22px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#333333;
	background-image: url(../images/bg_menu.jpg);
	background-color:#FFCB80;
	background-repeat:no-repeat;
	background-position: left top;
}
#menu li a#gauche {
	background-image: url(../images/bg_menu_gauche.jpg);
}
#menu li a:hover{
	color:#666666;
}
div#menu_droite {
	width:26px;
	height:22px;
	float:left;	
	margin-top:8px;
	background-image: url(../images/bg_menu_droite.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}	


/* Titre du ssmenu */
div#ssmenu_titre {
	width:180px;
	height:30px;
	display:block;
	float:right;
	background: url(../images/bg_ssmenu_titre.jpg) no-repeat left bottom;
}
div#ssmenu_titre span {
	display:block;
	margin:0;
	padding:0;
	line-height:17px;
	margin-top:13px;	
	text-align:center;
	font-size:17px;
	color:#333333;
	font-weight:bold;
}


/* Contenu 
**********************************************/
div#contenu {
	width:649px;
	display:block;
	float:left;
	background: url(../images/bg_contenu_haut.jpg) repeat-x left top;
}
div#contenu_texte {
	clear:both;
	margin:10px 0 15px 30px;
}
/* Sous menu de navigation */
fieldset#navigation {
	width:150px; 
	display:block; 
	float:right;
	padding:10px 5px 0 5px; 
	margin:20px 0 5px 20px; 
	border:solid 1px #CCCCCC;
}
	fieldset#navigation legend {
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#FF6633;
	}

		
/* Barre de titre
**********************************************/
div#barre_titre {
	float:left;
	width:512px;
	height:auto;
}
	
	/* URL */
	div#url {
		width:512px;
		height:30px;
		float:left;
		background: url(../images/bg_url.jpg) repeat-x left top;
	}
		div#url_contenu {
			width:515px;
			height:30px;
			float:left;	
			background: url(../images/bg_url_gauche.jpg) no-repeat left top;
		}
			div#url_droite {
				width:515px;
				height:30px;
				float:right;
				background: url(../images/bg_url_droite.jpg) no-repeat right top;
			}
				div#url_droite p {
					float:left;
					margin:2px 0 0 5px;
					padding-left:18px;
					color:#E9E9E9;
					font-size:11px;
					background: url(../images/puce_url.jpg) no-repeat left center;
				}
				div#url_droite p a { 
					color:#FFFFFF; 
					font-size:11px;
				}
				div#url_droite p a:hover { 
					text-decoration:none; 
					color:#333333; 
				}
				
	/* Titre */
	h1#titre_principale {
		float:left;
		width:480px;
		line-height:22px;
		display:block;
		float:left;
		padding:0 0 0 5px;
		margin:2px 0 0 25px;
		font-size:16px;
		color:#333333;
		border-top-width: 5px;
		border-right-width: 5px;
		border-bottom-width: 5px;
		border-left-width: 5px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: solid;
		border-top-color: #FF6633;
		border-right-color: #FF6633;
		border-bottom-color: #FF6633;
		border-left-color: #FF6633;
	}


/* Recommandation 
**********************************************/
div#recommandation {
	width:135px;
	float:right;
	background: url(../images/bg_recommandation.jpg) repeat-x left top;
}
	div#recommandation_contenu {
		width:105px;
		height:60px;
		float:left;	
		background: url(../images/bg_recommandation_gauche.jpg) no-repeat left top;
	}
	div#recommandation_droite {
		width:30px;
		height:60px;
		float:right;
		background: url(../images/bg_recommandation_droite.jpg) no-repeat left top;
	}
	div#recommandation span, div#recommandation a {
		display:block;
		cursor:pointer;
		line-height:14px;
		height:14px;
		padding-left:19px;
		color:#FFFFFF;
		font-size:11px;
		background:no-repeat left top;
	}
	div#recommandation span:hover { color:#CCCCCC; }
	
		div#recommandation span#imprimer {
			margin:6px 0 0 23px; 
			background-image: url(../images/puce_imprimer.jpg);
		}
	
		div#recommandation a#ami {
			margin:3px 0 0 17px; 
			background-image: url(../images/puce_ami.jpg);
		}



/* SSmenu
************************************************************/
div#ssmenu {
	width:250px;
	display:block;
	float:right;
	background-image: url(../images/bg_ssmenu.jpg);
	background-repeat:repeat-y;
	background-position: right top;	
}

div#ssmenu_contenu {
	width:250px;
	display:block;
	background: url(../images/bg_ssmenu_haut.jpg) no-repeat left top;	
}
	div#spacer_ssmenu {
		width:250px;
		height:18px;
	}
	div#ssmenu_activites {
		width:250px; 
		height:auto;
		display:block; 
		overflow:hidden;
		margin-bottom:20px;
	}
div#ssmenu_contenu_bas {
	width:250px;
	height:20px;
	display:block;
	background: url(../images/bg_ssmenu_contenuBas.jpg) no-repeat left top;	
}

/* Cadre de contenu du ssmenu */
div.ssmenu_cadre {
	width:195px;
	clear:both;
	margin-left:27px;
	background: url(../images/bg_ssmenu_cadre.jpg) repeat-y left top;
}
div.ssmenu_cadre_haut {
	width:195px;
	height:13px;
	display:block;
	background: url(../images/bg_ssmenu_cadreHaut.jpg) no-repeat left top;
}
div.ssmenu_cadre_contenu {
	width:170px;
	margin:auto;
	display:block;
}

	/* Contenu des cadre du sous menu */
	div.ssmenu_cadre_contenu span {
		padding:0;
		margin:-2px 0 0 0;
		text-transform: capitalize;
	}
	div.ssmenu_cadre_contenu img {
		float:right; 
		margin:5px 0 5px 5px;
	}
	div.ssmenu_cadre_contenu p { 
		display:block;
		width:95px;
		text-align:left;
		font-size:10px;
	}
		div.ssmenu_cadre_contenu p a {
			display:block;
			margin-top:3px;
			line-height:16px;
			text-align:left;
			font-size:10px;
		}
		
	/* Newsletter */
	div.ssmenu_cadre_contenu p.lettre_information { 
		display:block;
		width:170px;
		text-align:left;
		font-size:10px;
	}
		div#newsletter {
			width:170px;
			height:auto;
		}
		div.clear_ssmenu_cadre_contenu {
			width:100px;
			height:1px;
			clear:both;
		}
		

/* Div Tags */	
div.ssmenu_cadre_contenu_tags {
	width:170px;
	margin:auto;
	display:block;
}
	div.ssmenu_cadre_contenu_tags h2 {
		padding:0;
		margin:-2px 0 0 0;
	}
	div.ssmenu_cadre_contenu_tags p a { margin:0 1px; }
	
	/* Styles des tags */
	.tag1 {
		font-size:10px;
		color:#0066FF;
	}
	.tag2 {
		font-size:12px;
		color:#666666;
	}
	.tag3 {
		font-size:16px;
		color:#FF3300;
	}
	.tag4 {
		font-size:20px;
		color:#FF9900;
	}


div.ssmenu_cadre_bas {
	width:195px;
	height:15px;
	display:block;
	background-image: url(../images/bg_ssmenu_cadreBas.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}
div.ssmenu_cadre_basNews {
	width:195px;
	height:15px;
	background-image: url(../images/bg_ssmenu_cadreBas.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}


/* Retour dans history
**********************************************************/
div#retour a{
	margin:10px 0 0 10px;
	padding-left:20px;
	float:left;
	background-image: url(../images/puce_hautpage.jpg);
	background-repeat:no-repeat;
	background-position: left center;
}


/* Footer
**********************************************************/
div#footer {
	width:950px;
	height:41px;
	clear:both;
	display:block;
	background: url(../images/bg_footer.jpg) repeat-x;
}
div#footer_gauche {
	width:80px;
	height:41px;
	float:left;
	background: url(../images/bg_footer_gauche.jpg) no-repeat;
}
div#footer_droite {
	width:45px;
	height:41px;
	float:right;
	background: url(../images/bg_footer_droite.jpg) no-repeat;
}

/* Retour haut de page */
span#hautpage {
	float:left;
	margin:13px 0 0 0;
	padding-left:19px;
	font-size:11px;
	cursor:pointer;
	color:#FFFFFF;
	background: url(../images/puce_hautpage.jpg) no-repeat left center;
}
a#hautpage:hover{ color:#CCCCCC; }


/* Menu bas */
ul#menu_bas {
	height:25px;
	float:left;
	padding:0;
	margin:8px 0 0 30px;
}
ul#menu_bas li{
	margin:0;
	padding:0;
	float:left;
	background-image:none;
}
#menu_bas li a{
	padding:0 5px 0 5px;
	margin-right:10px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	color:#333333;
}
#menu_bas li a:hover{
	color:#666666;
}

/* Deuxième footer */
div#footer_next {
	width:950px;
	height:20px;
	clear:both;
	display:block;
	background-color:#FFFFFF;
}
	div#footer_next p, div#footer_next p a {
		text-align:center;
		font-size:9px;
		line-height:12px;
		color:#CCCCCC;
		text-decoration:none;
	}


/* Slideshow
**********************************************************/
div.slideshow {
  float:left;
  margin:0 10px;
  padding:4px;
  border:solid 1px #FF9900;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}