HTML { margin: 0px; padding: 0px; width: 100%; font-size: 100%; }

BODY {
	margin:0px;
	padding:0px;
	height: 100%;
	width: 100%;
	background-image: url("images/grey-background.jpg");
	background-repeat: repeat-x;
}

IMG {
	display: block;
	border: none;
}

HR {
	color: #b8b8b8;
	background-color: #b8b8b8;
	height: 1px;
	border: 0px;
}

HR.clear { visibility: hidden; clear: both; margin: 0px; }

DIV#messages {
	padding: 20px;
	padding-bottom: 0px;
	width: 900px;
	margin: auto;
}
P.message { }
P.error { font-weight: bold; color: red; }
/**
 * GALERIES GRILLE
 */
.gallery0, .gallery1, .gallery2 {
}

/**
 * VIGNETTES GALERIE PHOTO *
 */
 
.gallery0 .thumb, .gallery1 .thumb {
	width: 80px;
	height: 80px;
	background-color: #000000;
	float: left;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #000000;	
}
.gallery0 .thumb IMG, .gallery1 .thumb IMG {
	min-width: 100%;
	height: 100%;
}

.gallery2 .thumb {
	float: left;
	display: block;
	width: 101px;
	height: 112px;
	margin: 2px 7px;
	font-size: 0.8em;
	overflow: hidden;
}
.gallery2 .thumb TABLE {
	border-collapse: collapse;
	border: none;
}
.gallery2 .thumb .thumbtd { vertical-align: bottom; height: 70px; }
.gallery2 .thumb .gallerythumb {
	display: block;
	width: 98px;
	max-height: 70px;
	overflow: hidden;
	border: 1px solid black;
}
.gallery2 .thumb .gallerythumb IMG { width: 98px; }
.gallery2 .thumb .legend {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

/**
 * FORMULAIRE DE CONTACT
 */

.contactform INPUT, .contactform textarea {border: 1px solid #cccccc; background-color: #ffffff; margin-left: 2px; margin-bottom: 3px; }
.contactform INPUT { height: 20px; width: 200px;}
.contactform TEXTAREA {height: 60px; width: 250px;}
.contactform .contactsubmit {margin-left: 152px; width: 60px; height: 25px;}
.contactform LABEL { width: 150px; float: left; text-align: right; line-height: 22px; }

#loginform LABEL { width: 200px; float: left; text-align: right; line-height: 22px; }
#loginform LABEL#emaillabel { margin-left: 13px; }
#loginform LEGEND LABEL { width: 200px; }
#loginform P { margin: 0px; height: 22px; }
#loginform .text, .button  {border: 1px solid #cccccc; background-color: #ffffff; margin-left: 2px; margin-bottom: 3px; height: 18px; width: 180px; }
#loginform .button { height: 25px; margin-left: 220px; }

/* JSA Specific Stylesheet */
#header {
	width: 960px;
	height: 228px;
	margin: 0px auto;
	text-align: center;
	position: relative;
}
#header IMG { display: inline; }
#languages { position: absolute; top: 5px; right: 5px; }
#languages IMG { display: inline; }
.menu {
	position: relative;
	height: 50px;
	font-size: 1.5em;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	margin: 0px auto;
	width: 1000px;
	z-index: 2;
	font-family: "Century Gothic";
}
.menu LI {
	padding: 0px;
	float: left;
	display: block;
	/*background-image: url("images/separator.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	height: 50px;
}
.menu LI.selected {
	background: url("images/fond_active.jpg") repeat-x 0px;
}
.menu A:link, .menu A:hover, .menu A:visited {
	position: relative;
	left: -2px;
	display: block;
	color: white;
	line-height: 50px;
	padding: 0px 32px;
	background-image: url("images/separator.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none
}
.menu A:hover {
	color: #023564;
}
.menu LI.item0 A {
	background-image: none;
}
.menu LI.selected A {
	left: -1px;
}

#footer {
	position: fixed;
	bottom: 0px;
	height: 43px;
	padding-top: 20px;
	width: 100%;
	font-size: 1.3em;
	text-align: center;
	color: #02508c;
	background-image: url("images/fond_pied.jpg");
	background-repeat: repeat-x;
	background-color: white;
	z-index: 2;
}
#footer P {
	margin: 0px;
}
#footer A:link, #footer A:visited {
	color: #02508c;
	text-decoration: underline; 
}
#footer A:hover {
	text-decoration: none;
}
.page, .actualites, .telechargements {
	width: 950px;
	margin: 0px auto 83px auto;
	font-size: 1.3em;
	/*padding: 20px 33px; */
}
.page A:link, .page A:visited, .actualites A:link, .actualites A:visited, .telechargements A:link, .telechargements A:visited {
	color: #03267E;
}
#criteres {
}
#criteres LABEL { display: bloc; float: left; width: 100px; text-align: right; margin-right: 10px; }
#criteres SELECT { width: 180px; margin-right: 20px; }
#criteres SELECT.annee { width: 80px; }
#criteres SELECT#produit { width: 280px; }
#produits {
	
}
.produit {
	position: relative;
	width: 630px;
	background: url("images/zone_product_repeat.png") repeat-y;
	margin: 20px 0px 30px 0px;
}

.produit H3 {
	position: absolute;
	top: -17px;
	left: 0px;
	background: url("images/zone_product_header.png") no-repeat;
	height: 217px;
	padding: 10px 20px;
	color: #02508C;
	font-size: 1.1em;
	width: 590px;
	z-index: 0;
	text-align: left;
	display: block;
}
.produit .content {
	position: relative;
	top: 8px;
	padding: 20px;
	padding-top: 32px;
	min-height: 190px;
	z-index: 2;
	background: url("images/zone_product_bottom.png") no-repeat bottom left;
	color: #343434;
}
.produit DIV.prix {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 160px;
}
.produit DIV.prix TABLE { border-collapse: collapse; width: 100%; }
.produit DIV.prix TH { text-align: left; padding: 0px; width: 50px; vertical-align: bottom; }
.produit DIV.prix TD { padding: 0px; text-align: right; vertical-align: bottom; }
.produit DIV.prix TD.prix { font-size: 1.2em; font-weight: bold; vertical-align: bottom; }
.produit DIV.prix TD.ht { text-align: left; vertical-align: bottom; padding-left: 3px; font-size: 0.8em; line-height: 0.8em; padding-bottom: 4px; width: 20px;}
.produit H2 { margin-top: 0px; margin-right: 160px; color: #02508C; font-size: 1.2em; }
.produit IMG { display: inline; }
.produit A.image:link, .produit A.image:visited {
	border: 2px solid #548fbb;
	display: block;
	line-height: .5em;
	float: left;
	margin-right: 20px;
}
.produit .info1, .produit .info2 {
	display: block;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
}
.produit .info2 { margin-left: 20px; }
.produit .addtocart {
	display: block;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 173px;
	height: 24px;
	background: url("images/ajouter_au_panier.png") no-repeat;
}
.produit .compatibilite {
	position: relative;
	display: block;
	float: left;
}
.produit .compatibilite DIV {
	position: relative;
	display: none;
	left: 20px;
	width: 300px;
	height: auto;
	z-index: 2;
}
.produit .compatibilite UL {
	padding: 0px; margin: 0px;
	list-style-type: square;
}
.produit .retour { position: absolute; right: 10px; bottom: 10px; }
.adapte { margin-top: 5px; margin-bottom: 5px; }

#map { width: 200px; height: 200px; }


/**
 * Actualités
 **/
.actualites {
	position: relative;
	width: 960px;
	margin: 0px auto;
	margin-top: 37px;
	margin-bottom: 70px;
}
#nouveautes {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 7px;
	margin-bottom: 50px;
	width: 313px;
	min-height: 250px;
	background: url("images/nouveautes_repeat.png") repeat-y;
	z-index: 1;
}
#nouveautes H2 {
	position: relative;
	top: -7px;
	background: url("images/nouveautes_header_localized.png") no-repeat;
	height: 39px;
	overflow: hidden;
	margin: 0px;
	text-transform: uppercase;
	color: white;
	font-size: 1.2em;
	text-align: center;
	line-height: 38px;
}
#nouveautes H3 {
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	padding: 0px 20px 0px 45px;
	background: url("images/fleche_normale.png") no-repeat;
	background-position: 26px 3px;
	cursor: pointer;
}
#nouveautes P {
	padding: 0px 20px 0px 45px;
	margin: 4px 0px 15px 0px;
	text-align: justify;
}
#nouveautes .bottom {
	background: url("images/nouveautes_bottom.png") no-repeat;
	/* GROSSE HAUTEUR POUR FAIRE DE LA MARGE EN BAS */
	height: 106px;
	width: 100%;
	position: absolute;
	bottom: -105px;
}

#illustrations {
	position: absolute;
	top: 2px;
	left: 350px;
	height: 190px;
	width: 643px;
	white-space: nowrap;
	overflow: auto;
	z-index: 1;
}

#illustrations IMG {
	display: inline;
	height: 160px;
	margin-left: 20px;
}
#illustrations IMG.first { margin-left: 0px; }

#textes {
	position: relative;
	padding-top: 230px;
	padding-left: 380px;
	padding-right: 30px;
	padding-bottom: 10px;
}
#textes P { margin-top: 0px; text-align: justify; }
#left {
	position: absolute;
	top: 200px;
	left: 350px;
	height: 39px;
	width: 39px;
	background: url("images/left_corner.png") no-repeat;
}
#right {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 39px;
	width: 39px;
	background: url("images/right_corner.png") no-repeat;
}

/**
 * Pages
 **/
#clipping {
	position: absolute;
	top: 280px;
	width: 900px;
	bottom: 65px; 
	/*overflow: hidden;*/
	overflow-x: hidden;
	white-space: nowrap;
}
#longscroll {
	position: absolute;
	min-height: 100%;
}
.newpage {
	width: 900px;
	float: left;
	position: relative;
}
.newcolumn {
	float: left;
	position: relative;
	width: 410px;
	white-space: normal;
	text-align: justify;
	padding: 20px;
	padding-bottom: 0px;
}
#navigation {
	position: absolute;
	top: 280px;
	bottom: 100px;
	width: 900px;
}
#previous {
	position: absolute;
	left: -40px;
	top: 47%;
}
#next {
	position: absolute;
	right: -40px;
	top: 47%;
}

 
 
/**
 * Téléchargements
 **/
 
.telechargements {
	position: relative;
	width: 960px;
	margin: 0px auto;
	margin-top: 37px;
	margin-bottom: 70px;
}
#particuliers {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 7px;
	margin-bottom: 50px;
	width: 313px;
	min-height: 250px;
	background: url("images/particuliers_repeat.png") repeat-y;
	z-index: 1;
}
#particuliers H2 {
	position: relative;
	top: -7px;
	background: url("images/nouveautes_header_localized.png") no-repeat;
	height: 39px;
	overflow: hidden;
	margin: 0px;
	text-transform: uppercase;
	color: white;
	font-size: 1.2em;
	text-align: center;
	line-height: 38px;
}
#particuliers  P {
	padding: 0px 20px 0px 45px;
	margin: 4px 0px 15px 0px;
	text-align: left;
}
#particuliers  .bottom {
	background: url("images/particuliers_bottom.png") no-repeat;
	/* GROSSE HAUTEUR POUR FAIRE DE LA MARGE EN BAS */
	height: 106px;
	width: 100%;
	position: absolute;
	bottom: -105px;
}

#professionnels {
	position: absolute;
	top: 0px;
	left: 345px;
	margin-top: 7px;
	margin-bottom: 50px;
	width: 313px;
	min-height: 250px;
	background: url("images/pro_repeat.png") repeat-y;
	z-index: 1;
}
#professionnels H2 {
	position: relative;
	top: -7px;
	background: url("images/pro_header_localized.png") no-repeat;
	height: 39px;
	overflow: hidden;
	margin: 0px;
	text-transform: uppercase;
	color: white;
	font-size: 1.2em;
	text-align: center;
	line-height: 38px;
}
#professionnels  P {
	padding: 0px 20px;
	margin: 4px 0px 15px 0px;
	text-align: left;
}
#professionnels  .bottom {
	background: url("images/pro_bottom.png") no-repeat;
	/* GROSSE HAUTEUR POUR FAIRE DE LA MARGE EN BAS */
	height: 106px;
	width: 100%;
	position: absolute;
	bottom: -105px;
}

#acces {
	position: absolute;
	top: 0px;
	left: 690px;
	margin-top: 7px;
	margin-bottom: 50px;
	width: 214px;
	min-height: 130px;
	padding: 10px;
	background: url("images/acces_repeat.png") repeat-y;
	z-index: 1;
	text-align: right;
	font-size: 0.9em;
}
#acces H2 {
	position: absolute;
	top: -17px;
	left: 0px;
	background: url("images/acces_header.png") no-repeat;
	height: 117px;
	color: #02508C;
	font-size: 1.1em;
	width: 194px;
	padding: 13px 20px;
	z-index: 0;
	text-align: left;
	display: block;
}
#accescontenu {
	position: relative;
	margin-top: 30px;
	z-index: 1;
}
#acces  P {
	padding: 0px 0px;
	text-align: right;
}
#acces  .bottom {
	background: url("images/acces_bottom.png") no-repeat;
	/* GROSSE HAUTEUR POUR FAIRE DE LA MARGE EN BAS */
	height: 107px;
	width: 234px;
	position: absolute;
	bottom: -106px;
	left: 0px;
}
#acces .textinput {
	border: 1px solid #9994A2;
	height: 14px;
	width: 120px;
	margin-top: 5px;
	margin-left: 5px;
}
#acces .submit {
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 10px;
	position: relative;
	width: 121px;
	height: 24px;
	clear: both;
}
#acces .submit SPAN {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	top: 0px;
}
#acces .submit:link, #acces .submit SPAN:visited, #acces .submit:hover { text-decoration: none; color: white; }
#acces P.arrow {
	background: url("images/fleche_normale.png") no-repeat;
	background-position: 0px 1px;
	text-align: left;
	margin-left: 90px;
	padding-left: 15px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	margin-bottom: 0px;
	margin-top: 2px;
}

.page IMG {
	display: inline;
}

/* End of JSA Specific Stylesheet */