/*!!CSS ACTIVASPORT!!*/
body {
	margin:auto;
	background-image:url(http://www.activasport.fr/images/static/background.jpg); background-position:bottom; background-repeat:no-repeat; background-attachment:fixed;
	}
/*styles text*/
.title {
	font-family: "trebuchet MS";font-size: 11px;color: #FF6110;font-weight:bold; text-decoration:underline;
	}
.title2 {
	font-family: "trebuchet MS";font-size: 12px;color: #FF6110;font-weight: bold; text-decoration: none;
	}
.title3 {
	font-family: "trebuchet MS";font-size: 13px;color: #FF6110;font-weight:bold; text-decoration:none;
	}
.title4 {
	font-family: "trebuchet MS";font-size: 12px;color: #FF6110;font-weight: normal; text-decoration: underline;
	}
.title5 {
	font-family: "trebuchet MS";font-size: 12px;color: #FFFFFF;font-weight: normal; text-decoration: none;
	}
.title5 {
	font-family: "trebuchet MS";font-size: 12px;color: #FFFFFF;font-weight: normal; text-decoration: none;
	}
	
.title6 {
	font-family: "trebuchet MS";font-size:11px; color:#FFFFFF;font-weight:bold; text-decoration:none; text-align:left;
	}
a.title6 {
	font-family: "trebuchet MS";font-size:11px; color:#FFFFFF;font-weight:bold; text-decoration:none; text-align:left;
	}
a:hover.title6 {
	font-family: "trebuchet MS";font-size:11px; color:#FFFFFF;font-weight:bold; text-decoration:overline; text-align:left;
	}

.text {
	font-family: "trebuchet MS";font-size: 11px;color: #222222;
	}
a.text {
	color:#95B91C;font-family:"trebuchet MS";text-decoration:underline;font-size:11px;
	}
a:hover.text {
	color:#95B91C;font-family:"trebuchet MS";text-decoration:overline;font-weight:bold;font-size:11px;
	}
	
.text2 {
	font-family: "trebuchet MS";font-size: 12px;color: #222222;
	}
a.text2 {
	color:#95B91C;font-family:"trebuchet MS";text-decoration:underline;font-size:12px;
	}
a:hover.text2 {
	color:#95B91C;font-family:"trebuchet MS";text-decoration:overline;font-weight:bold;font-size:12px;
	}
	
/*blocs*/
div {
	margin:auto;
	}
	
div#navigation {
	width:100%;
	height:25px;
	background-image:url(../images/static/bg-navigation.jpg); background-position:top; background-repeat:repeat-x;
	text-align:center;
	}

div#navigation-id {width:994px;height:25px;}
div#navigation-id1 {width:200px;height:25px;float:right;padding:5px 0px 0px 0px;}
div#navigation-id2 {width:180px;height:s25px;float:right;padding:5px 0px 0px 0px;}
div#navigation-id3 {width:185px;height:25px;float:right;padding:5px 0px 0px 0px;}
div#navigation-id4 {width:220px;height:25px;float:right;padding:5px 0px 0px 0px;}
div#navigation-id5 {width:135px;height:25px;float:right;padding:5px 0px 0px 0px;}

div#bloc {
	width:995px;
	height:100%;
	background-image:url(../images/static/bg-main.png); background-position:bottom; background-repeat:no-repeat;
	}

div#logo {
	width:180px;
	height:119px;
	margin-left:385px;
	margin-top:32px;
	}

div#content {
	width:1005px;
	height:640px;
	margin-top:50px;
	background-color:#FFF;
	}

div#shop {
	width:970px;
	height:330px;
	padding-left:0px;
	}
	
	div#shop_left {
	width:470px;
	height:315px;
	float:left;
		}
	div#shop_right {
	width:500px;
	height:315px;
	float:right;
	}
	
div#chambery {
	width:310px;
	height:285px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	}

div#myactivasport {
	width:305px;
	height:285px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	}

div#evasion {
	width:300px;
	height:285px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	}
	
        .button {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url(../images_home/bkg.png);
            background-repeat: repeat-x;
            font-size: 12px;
			font-weight:bold;
            height: 16px;
            text-decoration: none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button:hover {
            color: #8AB134;
        }
		
		        .button2 {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url(../images_home/bkg.png);
            background-repeat: repeat-x;
            font-size: 12px;
			font-weight:bold;
            height: 16px;
            text-decoration: none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button2 img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button2:hover {
            color: #8AB134;
        }
		
				        .button3 {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url(../images_home/bkg.png);
            background-repeat: repeat-x;
            font-size: 12px;
			font-weight:bold;
            height: 16px;
            text-decoration: none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button3 img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button3:hover {
            color: #8AB134;
        }
		
						        .button4 {
            padding: 4px 10px 3px 25px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url(../images_home/bkg.png);
            background-repeat: repeat-x;
            font-size: 12px;
			font-weight:bold;
            height: 16px;
            text-decoration: none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            color: #40740D;
            -moz-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }
        .button4 img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        .button4:hover {
            color: #8AB134;
        }

	
.qitem {
	width:155px;
	height:135px;	
	margin:15px 10px 10px 0;
	background: url(../images_home/bg_product.png) no-repeat;
	overflow:hidden;
	position:relative;
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#333333;
		display:block;
	}

		.qitem .caption h3 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#FF6211;
			font-family: "trebuchet MS";
		}

		.qitem .caption p {
			font-size:11px;	
			padding:3px 5px 0 8px;
			margin:0;
			font-family: "trebuchet MS";
		}


.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

	
div#piedpage2 {
	width:1005px;
	height:70px;
	margin-top:0px;
	background: url(http://www.activasport.fr/new_index/images/bg_footer.png) bottom no-repeat;
	clear:both;
	}
	
.zone_de_text {
	background-color: #dbf878;
	color: #222222;
	font-family: "trebuchet MS"; 
	font-size: 11px;
	border: 1px solid #c6c6c6;
	height:auto;
	}