html,body {
		color:#161616;
		font-family: Helvetica, arial, sans-serif; 
		font-size:14px; 
		height:100%;
		line-height:140%;
		padding:0;
		margin:0;
	}
	
	* {
		padding:0;
		margin:0;
	}
	
	p {
		margin-bottom:1.4em;
	}
	
	ul {
		list-style:none;
		margin:0px 0px 10px 0px;
	}
	ul li {
		background: url(../images/site/puce.jpg) no-repeat 0 1px;
		padding:0px 0px 0px 30px;
		margin:0;
	}
	h1 {
		color:#a1c201;
		font-size:1.8em;
		font-weight:bold;
		line-height:1.2em;
		margin:0px 0 1em 0px;
	}
	
	
		
	h2 {
		padding:10px 0px 8px 0px;
		font-size:1.3em;
		font-weight:normal;
		
	}
	
	h3 {
		color:#a1c201;
		font-size:1.1em;
		padding:10px 0px 10px 0px;
	}
	
	a {
		color:#161616;
	}
	
	a:hover {
		color:#a1c201;
	}

  /*-------------------------------------------------------------------------*/

  body {background: black url("../images/site/gskin_fond.jpg") repeat-x 0 -2px; padding:0; margin:0; }

  /* Layout Alignment | Layout-Ausrichtung */
  #conteneur{
  	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url("../images/site/cont_fond.png") repeat-y top center;
  }
  /* Layout Properties */
  .page_margins { width: 950px; margin: 0 auto; }
  .page { padding: 0 30px 30px 30px; }
  #header {color: #000; background: #fff;}
  #main {background: #fff; }
  #footer { position:absolute; color:#FFF; background: #161616; bottom:0; width:100%; }
  #footer a {color:white;}
  #footer a:hover{color:#161616;}

  /*-------------------------------------------------------------------------*/

  #col1 { float: left; width: 590px; margin:0px 0px 20px 0px; }
  #col3 { width: 257px; float:right}
  #col1_content { }
  #col3_content { }
  
  .clear { clear:both; float:none; }
	
  /* HEADER */
  #logo{
  	float:left;
  	margin:32px 0 20px 0;
	width:213px;
  }
  #header_droit{
	float:right;
	margin:10px 0px 0px 0px;
  }
  #choixlangue{
  	padding:10px 0px 0px 0px;
	font-size:11px;
	margin:0px 0px 15px 0px;
	text-align:right;
  }
  #choixlangue a {
  	color:#a1c201;
  }
  
 #choixlangue a.current,  #choixlangue a:hover {
  	color:#161616;
  }
  
  
  /* Navigation */
  
  		div#navigation {
			background:#000000;
		}
  
			/* LEVEL ONE */
						ul.nav { 
							list-style:none;
							position: relative; 
							z-index:10; 
							font-size:0.8em; 
						}
						ul.nav li {
							background:none;
							font-weight: bold; 
							float: left; 
							margin:0;
							padding:0;
							zoom: 1;
						}
						ul.nav a:hover {
							color: black;
						}
						ul.nav a:active {
							color: #161616;
						}
						ul.nav li a { 
							border-bottom:4px solid white; 
							border-right: 1px solid white; 
							color: white; 
							display: block; 
							font-weight:normal;
							padding: 4px 6px 2px 6px; 
							text-decoration:none; 
							text-transform:uppercase; 
						}
						ul.nav li a.current {
							border-bottom:4px solid #a1c201;
						}
						
						ul.nav li:last-child a { 
							border-right: none;
						} /* Doesn't work in IE */
						ul.nav li.hover,ul.nav li:hover { 
							background: #a1c201; 
							color: white; 
							position: relative;
						}
						ul.nav li.hover a { 
							color: black;
						}
					
			/* LEVEL TWO */
						ul.nav ul { 
							left: 0; 
							list-style:none;
							position: absolute; 
							top: 100%; 
							margin-top:-4px;
							border-top:4px solid #a1c201;
							visibility: hidden; 
							width: 220px; 
						}
						
						ul.nav ul li {
							background: #161616; 
							border-bottom: 1px solid #ccc; 
							float: none; 
						}
															  
						/* IE 6 & 7 Needs Inline Block */
						div#navigation ul.nav ul li a { 
							border: none;
							color:#fff; 
							display: inline-block; 
							width: 100%; 
						} 
						
						div#navigation ul.nav ul li a:hover { 
							color:#161616;
						} 
			
			/* LEVEL THREE */
						ul.nav ul ul { 
							left: 100%; 
							top: 0; 
						}
						ul.nav li:hover > ul { 
							visibility: visible;
						}
  
  
/* photos page accueil */

  #photos{
  	float:left;
  	width:630px;
	height:360px;
	overflow:hidden;
	z-index:1;
	margin:0px 0px 15px 0px;
  }
  
  #photos img {
	border:2px solid #000;
  }
  
  #imageInterieur {
  	width:630px;
	height:104px;
	overflow:hidden;
	margin:0px 0px 15px 0px;
  }
  
  #imageInterieur img {
  	border:2px solid #000;
  }

/* Vignettes et Boutons */
  #vignettes{
  	float:right;
  	width:257px;
	padding:0;
	margin:0px 0px 15px 0px;
  }
  
  .lienvignette {
	border:1px solid #000; 
	margin:0px 0px 6px 0px;
  }
  .lienvignette a {
	color:#fff;
  	display:block;
  	float:left;
	margin:0;
	padding:62px 0px 0px 15px;
  	width:240px;
	text-decoration:none;
	text-transform:uppercase;
  }
  
  #vignette_cyclisme a{
  	background: url("../images/site/vignettes/cyclisme.jpg") no-repeat;
  }
  
  #vignette_cyclisme a:hover{
  	background: url("../images/site/vignettes/cyclisme-over.jpg") no-repeat;
  }
  
  #vignette_downhill a{
  	background: url("../images/site/vignettes/downhill.jpg") no-repeat;
  }
  
  #vignette_downhill a:hover{
  	background: url("../images/site/vignettes/downhill-over.jpg") no-repeat;
  }
  
  #vignette_athletisme a{
  	background: url("../images/site/vignettes/athletisme.jpg") no-repeat;
  }
  
  #vignette_athletisme a:hover{
  	background: url("../images/site/vignettes/athletisme-over.jpg") no-repeat;
  }
  
  #vignette_triathlon a{
  	background: url("../images/site/vignettes/triathlon.jpg") no-repeat;
  }
  
  #vignette_triathlon a:hover{
  	background: url("../images/site/vignettes/triathlon-over.jpg") no-repeat;
  }
  
  div#boutons {margin:0 0 0 0; float:right; padding:0; width:257px;}
  
    div.bouton {
  	position:relative;
	margin:0px 0px 5px 0px;
  }
  
  div#soon2 ,div#soon {
  	display:none;
	position:absolute;
	top:0;
	margin:0;
	padding:3px 0px 3px 0px;
	width:257px;
	background:#a1c201;
	color:white;
	text-align:center;
  }
  

  #vignette_produits {
  	float:none;
	margin:0px 0px 15px 0px;
  }
  
  #vignette_produits a {
	border:1px solid #161616; 
	margin:0px 0px 7px 0px;
	color:#fff;
  	display:block;
	margin:0;
	padding:80px 0px 2px 15px;
  	width:240px;
	text-decoration:none;
	text-transform:uppercase;
  	background: url("../images/site/vignettes/test.jpg") repeat-y;
  }
  
  #vignette_produits a:hover{
  	background: url("../images/site/vignettes/test-over.jpg") repeat-y;
  }
  
  /* contenu du site */
  div#contenusite {
  
  }
  
  div#contenusite ul {
	display:inline-block; 
	width:285px;
  }
  
  /* titre */
  div#content_titre h1{
		margin: 5px 0 0 0;
	}
  
  
  /* photos produits */
  
  div#produits {
	border:2px solid #a1c201;
	float:left;
	margin:0px 30px 0px 0px;
  }

/* chemin */
#chemin {
	padding:0px 0px 10px 0px;
	color:#86a102;
	font-size:0.9em;
}

#chemin a {
	color:#a1c201;
}
#chemin li a:hover {
	text-decoration:none;
}
#chemin ul li {
	background:none;
	display:inline;
	background:none;
	padding:0;
}


 
 
 /* formulaire de contact */
 div#formulairecontact{
	clear:both;
}

 
	form#formcontact{
		margin:0px 0px 0px 0px;
	}
	
	form#formcontact p{
		margin:0 0 5px 0;
	}
	form#formcontact p label{
		display:block;
		width:100px;
	}
	
	form#formcontact label {
		width:150px; 
		display:block; 
	}
	
	
	form#formcontact input, form#formcontact textarea{
		width:350px;
		background:#E6F59C;
		border:1px solid #a1c201;
		color:#161616;
	}
	form#formcontact input.boutonsubmit {
		cursor:pointer;
		width:100px;
		background:#a1c201;
		color:#fff;
		margin:0px 0px 0px 0px;
	}
	form#formcontact input.check{
		width: 20px;
	}
	form#formcontact textarea {
		height:150px;
	}
	div#formokcontact span.little{
		font-size:10px;
		margin:0 0 0 5px;
	}
	
	/* vérification */
	
	.required {
	}
	
	.block { display: block; }
	label.error { display: block; color:red; font-weight:normal; width:300px;  }	
	
	div#formokcontact {
		padding:0;
	}
	
	.motconfirm {
		color:#161616;
	}
 
 /* galeries images */
	div#galeries div.gallery_vignette{
		display: block;
		float: left;
		height: 130px;
		margin: 0 18px 18px 0;
		padding: 10px;
		text-align: center;
		width: 130px;
	}
	
	
			div#galeries div.gallery_vignette img{
				margin-bottom: 15px;
			}
			
			
			div#galeries div.gallery_vignette a{
				text-decoration: none;
			}
			
			
	div#galeries div.gallery_description{
		margin-bottom: 15px;
	}
	
	
	div#galeries div.gallery_vignette_ssTitre{
		display: block;
		float: left;
		height: 130px;
		margin: 0 18px 18px 0;
		padding: 10px;
		text-align: center;
		width: 130px;
	}
 
  
  
 /* ACTUALITES */
 #actus {margin:15px 0px 40px 0px; padding:0; display:inline-block; background:#161616 }
 
 #actus img {border:none;}
 
  #actus a {color:white;}

 #actus ul {padding:0; margin:5px 0px 15px 15px; font-size:14px;}
 #actus ul li {list-style:none; padding:5px 0px 5px 0px; background:none; }
 #actus ul li span.date {color:white; font-weight:bold; font-size:16px }
  
/* FOOTER */

#footer_into{
	width:959px;
	margin:0 auto;
	background:#A1C201;
}
#footer_content{
	padding:10px;
	text-align:center;
}