/* Copyright 2009 Pascal Guillermard */
	
	/* Vous pouvez adapter les éléments de cette CSS,  mais la combinaison unique des images, couleurs, tailles de polices, typographie, et positionnement */ 
	/*("le DESIGN") est protégée par copyright 2009 Pascal Guillermard et ST-TIC Web et ne peut être reproduite. */ 
	
	/* Last updated août 2009 */ 


/*
----------------------------- Règles générales

*/

* {

	margin: 0;

	padding: 0;

	border: 0;

}



.clear {

	clear: both;
	
	visibility: hidden;
	
	margin: 5px 0;
}

.cache {

	display: none;
	
}

body {

	background-color: #aeaeae;

	margin: 0 auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

/*
----------------------------- Div principales

*/

#container {

	margin: 0 auto;

	width: 960px;

}

#header {

	background: transparent url(../design/bg_header4.jpg) center top no-repeat;

	width: 960px;

	height: 150px;

}

#logo {

	height: 150px;
	
	float: left;

}

#content {

	margin-top: 20px;
	
	width: 960px;

}

#content_selles {
	
	margin-top: 20px;
	
	padding: 10px 60px;
	
	min-height: 600px;
	
}

#content_right {

	position: relative;
	
	margin-top: 10px;
	
	margin-left: 10px;
		
	padding-right: 5px;
	
}

#category, #text, #textbis {

	width: 950px;
	
	margin: 15px auto;
	
}

#text, #textbis {

	border-top: 1px solid #666;
	
	clear: both;

}

#text1, #text2, #text3, #text4, #text5 {

	width: 428px;
	
	margin: 10px 0 0 0;
	
	padding: 20px;
	
}

#content_selles #text, #content_selles #textbis {

	width: 840px;
	
}

#content_selles #text2, #content_selles #text3, #content_selles #text4, #content_selles #text5 {

	width: 370px;
}

#text2, #text3, #text4, #text5 {

	background-color: #9f9f9f;
	
	border-top: 1px solid #ccc;
	
	border-right: 1px solid #666;
	
	border-bottom: 1px solid #666;
	
	border-left: 1px solid #ccc;
	
	margin-top: 30px;
	
	float: left;
	
}

#res_g {

	background-color: #eee;
	
	border-top: 1px solid #ccc;
	
	border-right: 1px solid #666;
	
	border-bottom: 1px solid #666;
	
	border-left: 1px solid #ccc;
	
	float: left;
	
	width: 277px;
	
	padding: 0 15px;
	
}

#centre_essai, #ressources{

	background-color: #10552d;
	
	border: 1px solid #ccc;
	
	margin: 0 5px 30px 5px;
	
	padding: 5px 8px 15px 5px;
	
	float: left;
	
}

#ressources{

	padding: 5px;
	
}

#text_detail_zoom {

	width:420px;
	
	background-color:#2e704a;
	
	padding:10px;
	
	float:left;
	
}

#text_detail_zoom p, #text_detail_zoom p a, #text_detail_zoom ul li{

	color: yellow;
	
}

#text_detail_zoom ul li{

	margin-left: 25px;
	
}

#menu {

	background: transparent url(../design/bg_menu-1.jpg) top left repeat-x;
	
	margin: 2px 0 5px 0;

	height: 40px;
}

div.product {

	margin: 10px;
	
	float: left;
	
	width: 150px;
	
	height: 54px;

}
div.product_selle {
	
	background: #f2f2f2 url(../i/selles/bg_product_selle1.jpg) top right no-repeat;

	background-position: 100% 10%;

	margin: 10px;
	
	width: 400px;
	
	float: left;

}

div.top_left, div.top_right, div.bottom_left, div.bottom_right {

	width: 10px;
	
	height: 9px;
	
}

div.top_left {

	background: transparent url(../design/bg_selles_hg.jpg) top left no-repeat;
		
	float: left;
	
}

div.top_right {

	background: transparent url(../design/bg_selles_hd.jpg) top left no-repeat;
	
	float: right;
	
}

div.bottom_left {

	background: transparent url(../design/bg_selles_bg.jpg) bottom left no-repeat;
	
	float: left;
	
}

div.bottom_right {

	background: transparent url(../design/bg_selles_bd.jpg) bottom right no-repeat;
	
	float: right;
	
}

/*		Liste menu principal

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

		#menu ul li {
		
			list-style-type: none;

			display: inline;
			
			float: left;
			
			height: 40px;
			
			line-height: 40px;
			
			border-right: 1px solid #aeaeae;
			
			color: #fff;
			
		}
		
		#menu ul li a {

			font: bold 13px Helvetica, sans-serif;
			
			color: #444;
			
			text-decoration: none;

			font-size: 11px;

			height: 40px;
			
			line-height: 40px;
			
			padding: 0 14px;
			
			display: block !important;
			
			display: inline;
			
		}
		
		#menu ul li a:hover {
			
			color: #666;
			
			background: transparent url(../design/bg_menu_surv.jpg) bottom left repeat-x;

		}
		
		#index li#acc a, #ami li#amis a, #tarifs li#tar a, #pri li#cgm a, #nouveautes li#new a, #prod li#prod a, #about li#qui a, #foire li#faq a, #contact li#cnt a, #acces li#acce a  {

			color: #444;

			background: transparent url(../design/bg_menu_surv.jpg) bottom left repeat-x;

		}

		#menu ul li#com a {

			color: #fff;

			background: transparent url(../design/bg_menu-1.jpg) top left repeat-x;

		}
	
		#commander #menu ul li#com a {

			color: #10552D;

		}
	
	

/*
----------------------------- Menu header

*/

.menutop{

	float: left;
	
	width: 150px;
	
	margin-top: 30px;
	
}

.menutop h2{

	text-transform: uppercase;
	
	font-family: Century Gothic,Helvetica,Arial;
	
	margin:0;
	
	padding:0;
	
	color: #ccc;
	
	font-size: 11px;
	
}

.menutop a{

	font-family:Helvetica,Arial;
	
	text-decoration:none;
	
	font-size: 10px;
	
	color:#ddd;
	
	display:block;
	
	padding:1px 0;
	
}

.menutop a:link{
	
	color:#ccc;
	
}

.menutop a:hover{
	
	color:#f1f1f1;
	
}

.menutop a:visited{
	
	color:#ddd;
	
}

.menutop a:active{
	
	color:#e1e1e1;
	
}

.menutop h2 a{
	
	color:#888;
	
	font-weight: bold;
	
	font-size: 10px;
	
}

.menutop h2 a:hover{
	
	color:#aaa;
	
}

.menutop h2 a:visited{
	
	color:#bbb;
	
}

.menutop h2 a:active{
	
	color:#bbb;
	
}

/*
----------------------------- Titres

*/

#logo h1 {

	font-size: 14px;
	
	font-weight:bold;
	
	color: #fff;
	
	float: left;
	
	margin: 5px 0 10px 10px
}

#header h1 a:link, #header h1 a:hover, #header h1 a:active, #header h1 a:visited {

	font-size: 14px;
	
	font-weight:bold;
	
	color: #fff;
	
	text-decoration: none;
	
}

#content h1, #content_selles h1 {

	font-size: 18px;
	
	font-weight:bold;
	
	color: #2e704a;
	
	margin: 10px 0 15px 0;
	
}

#content_selles h1 {
	
	background:#205241 url(../design/bg_h1_3.jpg) no-repeat top right;
	
	color: yellow;
	
	font-size: 18px;
	
	height: 30px;
	
	padding: 10px 0 0 15px;
}

#header h2#nature {

	float: right;
	
	margin-top: 120px;
	
	margin-right: 10px;
	
	color: #fff;
	
	font-size:18px;

}

#content_selles h2 {

	font-size: 14px;
	
	font-weight:bold;
	
	color: #4e4e4e;
	
	margin: 30px 0 15px 20px;
	
	background: transparent url(../design/puce.gif) center left no-repeat;
	
	text-indent: 25px;

}

#content_selles h3, #content_selles h2.ache {

	font-size: 14px;
	
	font-weight:bold;
	
	color: #10552d;
	
	background: none;
	
	background-color: #bd8b19;
	
	margin: 10px 0 15px 0;
	
	padding: 5px;
	
	text-indent: 0;

}


#text2 h2, #text3 h2, #text4 h2, #text5 h2 {

	font-size: 14px;
	
	font-weight:bold;
	
	color: #10552d;
	
	margin: 15px 0;
	
	background: none;
	
	text-indent: 0;

}

.product_selle h2 {

	font-size: 12px;
	
	font-weight:bold;
	
	margin: 0 0 15px 0;
	
}

#res_g h1 {

	color: #10552D;

 }
 
#category h2 {

	font-size: 13px;
	
	font-weight:bold;
	
	color: #5e5e5e;
	
	margin: 0 0 20px 0;
	
	padding-bottom: 3px;
	
	text-transform: uppercase;
	
	clear: both;
	
	border-bottom: 1px groove #666;
	
}

/*
----------------------------- Paragraphes

*/

p {

	color: #333;
	
	font-size: 12px;

	margin-bottom: 5px;
	
	line-height: 1.5em;

}

p.tarifs {

	margin-left: 45px;
	
	text-indent: 40px;
	
	height: 40px;
	
	line-height: 40px;
}

p.tarifs a {

	text-decoration: underline;
	
}

p.tarifs#sel {

	background: transparent url(../i/thumb_tar_sel.jpg) left center no-repeat;
}

p.tarifs#etr {

	background: transparent url(../i/thumb_tar_etr.jpg) left center no-repeat;
}

p.tarifs#tap {

	background: transparent url(../i/thumb_tar_tap.jpg) left center no-repeat;
}

p.tarifs#bag {

	background: transparent url(../i/thumb_tar_bag.jpg) left center no-repeat;
}

p.tarifs#cha {

	background: transparent url(../i/thumb_tar_cha.jpg) left center no-repeat;
}

p.tarifs#ens {

	background: transparent url(../i/thumb_tar_ens.jpg) left center no-repeat;
}

p#vei {

	color: yellow;
	
	font-size: 12px;
	
	margin: 10px 0;
	
	text-indent: 16px;
	
	background-color: #205241;
	
}

p#vei a {

	color: #ddd;
	
	text-decoration: underline;
}

.zoom { 

	background: #333333 url(../i/zoom/loupe.gif) 5px 2px no-repeat; 
	
	padding: 7px; 
	
	padding-left: 50px;
		
	color: #888; 
	
	margin: 20px 0 5px 0;
	
	clear: right;
}

#text2 span.date {

	color: #777;
	
	font-weight: bold;

}

#text1 p {

	font-size: 13px;

}

#text1 p:first-letter{

	font-size: 18px;

	font-weight: bold;

}

/*		Liste fiche produits

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

		ul.fiche {
		
			margin: 15px 20px 30px 20px;

			color: #10552d;

		}
		
		ul.fiche li {
		
			list-style-type: disc;
			
			display: list-item;
			
			color: #10552d;
			
			font-size: 12px;

			margin: 5px 0;

		}

/*		Liste faq

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

		ol.faq, div.faq {
		
			margin: 30px 70px;

			color: #10552d;
			
			background: #ddd url(../design/logo-gaston-blanc.jpg) no-repeat center right;
			
			padding: 10px 50px;
			
			font-weight: bold;

		}
		
		ol.faq li {
		
			display: list-item;
			
			color: #10552d;
			
			font-size: 12px;

			margin: 10px 0;
			
			border-bottom: 1px solid #aaa;

		}
				
/*
----------------------------- Liens

*/

a:link, div.bottom_links ul li a {

	text-decoration: underline;
	
	color: #10552d;
	
	font-weight: bold;
	
}

a:hover, div.bottom_links ul li a:hover {

	color: #008000;
	
	text-decoration: none;

}

a:visited, a:active, div.bottom_links ul li a:visited, div.bottom_links ul li a:active{

	color: #000;
	
	text-decoration: none;

}

.product a:link{

	margin: 10px 5px;
	
	color: #10552d;
	
	text-transform:uppercase;

	font-weight: bold;	
}

.product p{

	margin: 5px;
	
}

#text p, #textbis p {

	color: #333;
	
	font-family: georgia;
	
	line-height: 1.5em;

}

#text p a:hover, #textbis p a:hover  {

	color: #eee;
	
	text-decoration: none;

}

#text p a:visited, #text p a:active, #textbis p a:visited, #textbis p a:active {

	color: #e1e1e1;
	
	text-decoration: none;

}

.product_selle h2 a:link, .product_selle h2 a:active, .product_selle h2 a:visited {

	color: #8F6956;
	
	text-transform:uppercase;
	
	font-family:Didot;
	
}

.product_selle h2 a:hover {

	color: #bbb;
	
}

#res_g p a:hover {

	color: #187f43;

 }
 
/*		Paragraphes produits dans catégorie

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

div.product_selle p {

	color: #888;
	
	margin: 5px;
	
}

div.product_selle p.details {

	margin: 8px;
	
	color: #666;
	
}

p.etoiles {

	height: 13px;

}

p.puce {

	text-indent: 15px;

	background: transparent url(../i/puce.gif) no-repeat left 5%;

}

/*
----------------------------- Div carousel

*/

#carousel{

	padding:18px 0 30px 0;
	
	margin-right: 30px;
	
	font-family:Helvetica,Arial;
	
	width: 586px;
	
	background: transparent url(../design/teaserhomebg.gif?1250544845) no-repeat left center;

	float: left;
}
	
#carousel .media {

	margin:0 12px 0 48px;
	
	max-height:320px;
	
	overflow:hidden;
}

#carousel a{

	text-decoration: none;
	
	color: #bbb;
}

#carousel .title{

	display:block;
	
	margin:0 55px 0 0;
	
	font-size:1.4em;
	
	font-weight:900;
	
	color:#5c5656;
	
	text-align:right;
	
	text-transform:uppercase;
	
	font-family:Didot,Times,Times New Roman,Georgia;
	
	line-height:.9em;
	
	font-style:italic;
	
	height:90px;

	}


#carousel .abstract{

	display:block;
	
	padding:5px 0 0;
	
	margin:5px 55px;
	
	font-weight:300;
	
	text-align:right;
	
	color:#444;
	
	font-size:11px;
	
}

.labsSlider{

	padding:0 18px;
	
	position:relative;
	
}
.labsSlider-left img,.labsSlider-right img{

	width:20px;
	
	height:20px;
	
	margin-right: 10px;
	
}
.labsSlider-left img{

	background:url(../design/iconRight.gif?1250544845) no-repeat;
	
}
.labsSlider-right img{

	background:url(../design/iconRight.gif?1250544845) no-repeat;

}
.labsSlider-left{

	position:absolute;
	
	z-index:1;
	
	left:16px;
	
}
.labsSlider-right{

	position:absolute;
	
	z-index:1;
	
	right:16px;
	
}
.hideBackground{

	cursor:default;
	
}
.labsSlider .hideBackground img,#contentGallery .hideBackground img{

	background:none;
	
}

/*		Format des Images produits   ----------------------------------------------------------------------- */

#content_selles th {
	
	color: #10552d;
	
	background-color: #bd8b19;
	
	padding: 7px 0;

}

#content_selles td {

	vertical-align: top;

}

table.port th {

	color: #10552d;
	
	background-color: #bd8b19;
	
	padding: 7px;

	font-size: 13px;
}

table.port td {

	color: #10552d;
	
	background-color: #eee;
	
	padding: 7px;
	
	text-align: center;
	
	font-size: 11px;

}

table.menu td {

	background-color: #2e704a;
	
	padding: 0;
	
	text-align: center;
	
	width: 62px;
}

table.menu td a {

	color: #fff;
	
	font-weight: normal;
	
	text-decoration: none;
	
	padding: 0;
	
	text-align: center;
	
	font-size: 11px;

}


/*		Format des Images produits   -----------------------------------------------------------------------

#selle{

	background: url(../design/bg_text_selle.jpg) top left no-repeat;
	
}

#tapis{

	background: url(../design/tapis.jpg) top left no-repeat;
	
}

#chabraque{

	background: url(../design/chabraque.jpg) top left no-repeat;
	
}

#etrier{

	background: url(../design/etriers.jpg) top left no-repeat;
	
}

#etriviere{

	background: url(../design/etrivieres.jpg) top left no-repeat;
	
}

#sangle{

	background: url(../design/sangles.jpg) top left no-repeat;
	
}

#sur-siege{

	background: url(../design/sur-siege.jpg) top left no-repeat;
	
}

#sac-siege{

	background: url(../design/sac-siege.jpg) top left no-repeat;
	
}

#bagage{

	background: url(../design/bg_text_bagage.jpg) top left no-repeat;
	
}

#entretien{

	background: url(../design/entretien.jpg) top left no-repeat;
	
}

#t-shirt{

	background: url(../design/t-shirts.jpg) top left no-repeat;
	
}

#polo{

	background: url(../design/polos.jpg) top left no-repeat;
	
}

#blouson{

	background: url(../design/blousons.jpg) top left no-repeat;
	
}

#gilet{

	background: url(../design/gilets.jpg) top left no-repeat;
	
}

#chap{

	background: url(../design/chap7.jpg) top left no-repeat;
	
}

#chaussette{

	background: url(../design/chaussettes.jpg) top left no-repeat;
	
}

#casquette{

	background: url(../design/casquettes.jpg) top left no-repeat;
	
}

#ensell{

	background: url(../design/ensell.jpg) top left no-repeat;
	
}
*/

/*	bottom links

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

td.dune {

	background-color: #f2f2f2;
	
	padding: 5px;

}

.bottom_links {

	max-width: 200px;
	
	min-height: 40px;

	margin-top: 50px;
	
	float: left;
	
}

.bottom_links ul {

	display: block;

	margin: 0 0 0 30px;
	
	margin-bottom: 35px;
	
	padding:0;
	
	color: #444;

}

.bottom_links ul li {

	list-style-type: circle;
	
	margin: 5px;	
}

.bottom_links ul li a {

	color: #444;
	
}

/*		Footer

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

p.top {
	
	text-align:center;
	
	margin-top:50px;
	
	clear:both;
	
}

p.top a {
	
	background: transparent url(../design/top.jpg) center left no-repeat;
	
}

#plan p:first-letter {
	
	font-size: 16px;
	
	font-weight: bold;
	
}

/*-------------------------  Formulaire de contact -----------------------------------------------*/

fieldset {

	background-color: #EFE3C9;
	
	padding: 20px;
	
	width: 50em;
	
	margin: 25px 0;
	
	font-size: 12px;
	
	font-style: italic;
	
	font-weight: bold;
	
	color: #10552d;
	
	border: 1px solid #787878;
	
}

fieldset legend {

	margin:0;
	
	padding: 4px;
	
	color: #555;
	
	border: 1px solid #555;
	
	}
	
fieldset td {

	background-color: #aa9b8b;
	
	padding: 5px;
	
	width: 30em;
	
	margin: 25px 0;
	
	font-size: 12px;
	
	font-style: italic;
	
	font-weight: bold;
	
	color: #10552d;
	
}

fieldset td.lab {

	width: 10em;

	padding: 5px 10px;	
	
}

fieldset td input {
	
	font-size: 13px;
	
	font-style: normal;
	
	font-family: arial;
	
	font-weight: bold;
	
	color: #aa8866;
	
	padding: 3px;
	
}

input.valid , input#code_cle{

	font-size: 13px;
	
	font-weight: bold;
	
	background: transparent url(../design/bg_menu.jpg) top left repeat-x;
	
	color: #a99a88;
	
	margin: 10px 0 0 10px;
	
	padding: 5px;
	
	
}

div.video {

	background-color: #552718;
	
	padding: 20px 40px 20px 70px;
	
	border: 1px solid #fff;
	
	min-height: 378px;

}

div.video h3 {

	background-color: #552718;
	
	color: yellow;

	font-size: 17px;
	
	font-weight:bold;
	
	font-style: italic;
	
	margin: 35px 0;
	
}

div.video p {

	color: #e1b57b;
	
	width: 280px;

}

/*-------------------------  Footer -----------------------------------------------*/
					
#footer{

	width: 960px;
	
	height: 40px;

	margin: 10px auto;

	background: url(../design/bg_footer.jpg) top left no-repeat;
	
	clear: both;
	
}

#footer p {

	margin: 0 0 5px 0;
	
	height: 20px;

	line-height: 20px;

	background: url(../design/bg_footer.jpg) top left no-repeat;
	
	text-align: center;
		
	color: #777;
	
	font-size: 10px;

}

#footer p a {

	color: #aaa;
	
}