@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body{
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
h2, .h2{
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	color: #44cc17;
}
h3{
	margin: 10px 0 5px;
	font-size: 16px;
	font-weight: normal;
	color: #44cc17;
}
h4{
}
p{
	margin: 0 0 5px 0;
	line-height: 26px;
}
ul{
	list-style: none;
	line-height: 16px;
}
a{
	/*font-weight: bold;*/
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}
a:hover{
	color: #44cc17;
}
a img{
	border: none;
}

/*--------------	ref		--------------*/
h1{
	padding-bottom: 2px;
	width: 99.99%;
}
h1, .baseline{
	margin: 0 auto;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	color: #3F3F3F;
}
.baseline a, p.tags a{
	text-decoration: none;
	color: #3F3F3F;
}
p.tags{
	font-size: 9px;
	text-align: center;
	color: #3F3F3F;
}
.baseline{
	margin: 20px auto 0;
	width: 1000px;
	line-height: 10px;
}

/*--------------	conteneur principal		--------------*/
#corps{
	min-height: 100%;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
* html #corps
{
	height: 100%;
}
#wraper{
	position: relative;
	min-height: 100%;
}
* html #wraper{
	height: 100%;
}

/*--------------	header		--------------*/
#header{
	background: url(images/commun/vulcania.jpg) 50% 20px no-repeat;
	width: 1000px;
	height: 16px;
	padding: 164px 0 0 0;
}
#languages a{
	display:block;
	position:absolute;
	top:100px;
	overflow: hidden;
	padding: 16px 0 0 0;
	width:19px;
	height: 0!important;
	height /**/: 16px;
}
#fr{
	background-image:url(images/commun/drapeau-fr.gif);
	right:282px;
}
#en{
	background-image:url(images/commun/drapeau-en.gif);
	right:257px;
}
#sp{
	background-image:url(images/commun/drapeau-sp.gif);
	right:232px;
}
#it{
	background-image:url(images/commun/drapeau-it.gif);
	right:207px;
}

.path{
	position: relative;
}
/*--------------	partie gauche		--------------*/
#leftSide{
	float: left;
	padding: 84px 0 0 0;
	width: 190px;
	font-size: 13px;
}
#leftSide ul{
}
#home #leftSide li, #content #leftSide li, #panierBody #leftSide li{
	margin: 0 0 40px 0;
}
#produits #leftSide li, #souscat #leftSide li, #produit #leftSide li{
	margin: 0 0 16px 0;
}
#scateg #leftSide li{
	margin: 0 0 20px 0;
}
#leftSide li ul{
	margin: 15px 0 25px 20px;
}
#leftSide li:hover{
}
#leftSide a{
}
#leftSide a.current, #leftSide a:hover{
	color: #44cc17;
}
/*--------------	partie milieu		--------------*/
#middleSide{
	float: left;
	padding: 84px 0 0 0;
	margin: 0 10px 50px 10px;
	width: 600px;
}
#produit #middleSide{
	padding: 0;
}
#content #middleSide{
	width: 790px!important;
	width: 748px;
}
#home #images{
	height: 365px;
}
#home #images li{
	float: left;
}
#home img{
	display: block;
	margin: 0 10px 10px 0;
}
#home img.even{
	clear: right;
	margin: 0 0 10px 0;
}
.slogan{
	clear: right;
	background: url(images/commun/slogan.jpg) 50% 0 no-repeat;
	width: 600px;
	height: 45px;
	text-indent: -5000px;
}
.slogan-en{
	background: url(images/commun/slogan-en.jpg) 50% 0 no-repeat;
}
#flash{
	/*border: 1px solid #6f6e66;*/
	margin: 0 0 10px 0;
	width: 598px;
	height: 448px;
}
#thumbs{
	padding: 10px 0;
	height: 64px;
	width: 600px;
	text-align: center;
}
#thumbs ul{
	height: 52px;
}
#thumbs li{
	display: inline;
	margin: 0 15px 0 0;
}
#thumbs li.last{
	margin: 0;
}
#thumbs img{
	/*border: 1px solid #3d3d3d;*/
}
#colors{
	text-align: right;
	height: 40px;
	margin: 0 0 30px 0;
}
#colors li{
	display: inline;
	margin: 0 0 0 10px;
}
#colors img{
	border: 1px solid #808080;
}
#reserver{
	margin-bottom: 10px;
}
#content #middleSide ul{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	list-style: disc;
}
#content #middleSide li{
	margin: 5px 0;
}
#factSheet{
	display: none;
	margin: 0 0 20px 0;
	width: 472px;
}
#content h2, #panierBody h2{
	/*border-bottom: 1px solid #44cc17;*/
}
#avantages, #content #middleSide ul#avantages, #content #middleSide .avantages, #content #middleSide .liste, .depCities{
	border: 1px solid #222222;
	padding: 15px 15px 15px 25px;
	width: 100%;
	list-style: none;
}
#avantages li, .liste li, .depCities li{
	background: url(images/commun/puce.gif) 0 7px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}
#content #middleSide .avantages, #content #middleSide .liste{
	height: 100%;
}
.depCities{
	float: left;
}
#content #middleSide ul.depCities li{
	float: left;
	margin: 5px 20px 5px 0;
	/*padding-right: 20px;*/
	white-space: nowrap;
	list-style: none;
}
.hidden{
	display: none;
	height: 100%;
}

#panierBody table{
	width: 100%;
}
#panierBody th{
	padding: 4px 5px;
}
#panierBody th{
	background: #333333;
}
#panierBody td{
	padding: 2px 5px 1px;
}
#panierBody .noborder td{
}
#th_prixUHT, #th_tva, #th_prixTTC{
	text-align: right;
	border: 1px solid red;
	width: 80px;
}
#th_prixTTC{
	font-weight: bold;
	/*color: #CC3300;*/
}
#panierBody .odd{
	background: #121212;
}
#th_del, #panierBody table a{
	color: #CC3300;
	font-weight: bold;
}
#payForm, .payForm, #storesForm{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #222222;
	border: 1px solid #222222;
	padding: 10px;
}
#payForm fieldset, .payForm fieldset, #storesForm fieldset{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #222222;
	border: 1px solid #222222;
	padding: 10px;
}
#payForm p, .payForm p, #storesForm p, #storesForm h4{
	border-bottom: 1px solid #303030;
	padding: 5px;
	height: 20px;
}
#payForm p.autoHeight, .payForm p.autoHeight, #storesForm p.autoHeight{
	height: auto;
}
#payForm p.right, .payForm p.right, #storesForm p.right{
	border: none;
}
#payForm label, .payForm label, #storesForm label{
	display: block;
	float: left;
	width: 150px;
}
#storesForm h4{
	font-size: 12px;
}

#commander{
	float: right;
	background: url(images/commun/leftButtonCorner.gif) 0 0 no-repeat;
	width: 193px;
	height: 21px;
	margin: 20px 0 0 0;
	padding: 0 0 0 9px;
}	
#commander a{
	display: block;
	background: url(images/commun/rightButtonCorner.gif) 100% 0 no-repeat;
	padding: 0 9px 0 0;
	height: 21px;
	text-align: center;
	color: #000;
}	
#commander span{
	display: block;
	background: url(images/commun/gradiant.gif) 0 0 repeat-x;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #000;
	/*width: 175px;*/
	height: 19px;
	padding: 0 5px 0 5px;
	cursor: pointer;
}
div.captcha, p.captcha{
	border-bottom: 1px solid #303030;
	margin: 0 0 5px 0;
	padding: 5px;
}	
.captcha img{
	display: block;
	float: left;
	padding: 0 10px 0 0;
}	
#payForm .captcha label, .payForm .captcha label{
	float: none;
	width: auto;
}	
#payForm .captcha p, .payForm .captcha p{
	border: none;
}

.press{
	float: left;
	margin: 0 13px 13px 0;
	width: 198px;
}
.press dt{
	display: block;
	border: 1px solid #194a08;
	margin: 0 0 5px 0;
	padding: 6px;
	width: 186px;
}
.press dt img{
	display: block;
	margin: 0 auto;
	width: auto;
}
.press dd a{
	color: #fff;
}

/*--------------	partie droite		--------------*/
#rightSide{
	position: relative;
	float: left;
	margin: -15px 0 0 0!important;
	margin: -18px 0 0 0;
	/*padding: 84px 0 0 0;*/
	width: 190px;
}
#rightSide p{
}
#rightSide h2{
	text-align: right;
}
#prompt{
	border-top: 1px dotted #fff;
	margin: 20px 0 0 0;
	padding: 10px 0;
	font-size: 16px;
}
#prompt li{
	margin: 0 0 21px 0;
}
#cart{
	height: 85px;
}

#goVideo{
	position: absolute;
	top: 50px;
	left: 0;
}
/*--------------	footer		--------------*/
#footer{
	clear: both;
	position: relative;
	margin: -30px auto 0 auto;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 1000px;
	text-align: center;
}
* html #footer{
	margin-top: -30px;
}
#footer li{
	display: inline;
	margin: 0 20px 0 0;
}
#footer .baseline a{
	font-size: 9px;
}
/*--------------	classes communes		--------------*/
.relative{
	position: relative;
}
.left, .tarifs th.left, .tarifs td.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fnone{
	float: none;
}
.clear{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.captcha{
	height: 100%;
	line-height: 14px;
	font-size: 13px;
}

.lclear{
	clear: left;
}
.rclear{
	clear: right;
}
.bclear{
	clear: both;
}
.no-height, noHeight{
	display: block;
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.block{
	display: block;
}
.nomargin{
	margin: 0;
}
.negTopMargin{
	margin-top: inherit!important;
	margin-top: -50px;
}
.noborder{
	border: none;
}
.norborder{
	border-right: none;
}
.nobborder{
	border-bottom: none;
}
.notborder{
	border-top: none;
}
.nolborder{
	border-left: none;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.underline{
	text-decoration: underline;
}
.auto{
	width: auto;
}

.petit{
	font-size:9px;
}
.tenPixSize{
	font-size: 10px;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 18px;
}
.green{
	color: #44cc17;
}
.verybig{
	font-size: 24px;
}
.mediumsize{
	font-size: 18px;
}
.warning{
	color: #CC3300;
}

#store h3{
	background: #222222;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #2d2d2d;
	margin: 10px 0;
	padding: 10px;
}
#store h3 span{
	color: #fff;
}
/*--------------------------	carte						--------------------------*/
dl.map.on {
	position: relative;
	background: #141414 url(/images/map/map.gif) 87px 8px no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #2d2d2d;
	margin: 0 0 10px 0;
	width: 788px!important;
	width: 768px;
	height:  591px;
	/*text-align: center;*/
}
dl.map.on dt {
	list-style: none;
	display: inline;
}
dl.map.on dd {
	position: absolute;
	left: -9999px;
	width: 400px;
	padding: 4px;
	border: 1px solid #2d2d2d;
	background:  url(/images/map/tooltip-bg.png);
	z-index: 11;
	font-size: 0.8em;
	color: #FFF;
}
dl.map.on dd h3 {
	margin: 0;
	font-weight: bold;
}
dl.map.on dd h6 {
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
}
dl.map.on dd img {
	position: relative;
	border: #000 1px solid;
	margin: 2px;
	width: 128px;
}
dl.map.on dd ul {
	margin: 2px;
}
dl.map.on dd ul li strong {
	font-size: 1.3em;
}
dl.map.on a.location {
	display: block;
	position: absolute;
	text-indent: -9999px;
	background: url(/images/map/point.gif) center center no-repeat;
	width: 18px;
	height: 18px;
	outline: none;
	z-index: 10;
	text-decoration: none;
}
dl.map.on a.location:hover {
	/*background:  url(/images/map/point-hover.png) no-repeat 0 0;*/
}
dl.map.on dd a {
}
dl.map.on dd a:hover {
	text-decoration: none;
	color: #fff;
}
dl.map.on dd a.close {
	position: relative;
	float: right;
	color: #000;
	background:  url(/images/map/close.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
	height: 16px;
	width: 16px;
	margin: -10px -10px 0 0;
	text-decoration: none;
}
/****departements****/
/*Provence Alpes Côte d'Azur*/
dl.map.on a#location06 {
	top:  465px;
	left:  603px;
}
/*Champagne Ardenne*/
dl.map.on a#location10 {
	top:  181px;
	left:  468px;
}
/*Languedoc Roussillon*/
dl.map.on a#location11 {
	top:  511px;
	left:  378px;
}
/*Bretagne*/
dl.map.on a#location22 {
	top:  159px;
	left:  166px;
}
/*Corse*/
dl.map.on a#location2A2B {
	top:  500px;
	left:  615px;
	width: 40px;
	height: 65px;
}
/*Centre*/
dl.map.on a#location3637 {
	top:  245px;
	left:  313px;
	width: 55px;
	height: 45px;
}
/*Pays de la Loire*/
dl.map.on a#location4449 {
	top:  220px;
	left:  180px;
	width: 105px;
	height: 35px;
}
/*Nord pas de calais*/
dl.map.on a#location59 {
	top:  53px;
	left:  438px;
}
/*Rhones Alpes*/
dl.map.on a#location74 {
	top:  326px;
	left:  566px;
}
/*Paris*/
dl.map.on a#location75 {
	top:  51px;
	left:  295px;
	width: 62px;
	height: 20px;
	background: none;
}
/*Picardie*/
dl.map.on a#location80 {
	top:  74px;
	left:  388px;
}
/*Essone*/
dl.map.on a#location91 {
	top:  164px;
	left:  381px;
	/*width: 70px;
	height: 55px;*/
}
/*Maine-Et-Loire*/
dl.map.on a#location49 {
	top: 229px;
	left: 261px;
}
/*Indre*/
dl.map.on a#location36 {
	top: 278px;
	left: 348px;
}
/*Loire-Atlantique*/
dl.map.on a#location44 {
	top: 229px;
	left: 205px;
}
/*Pas-De-Calais*/
dl.map.on a#location62 {
	top: 32px;
	left: 385px;
}
/*Indre-Et-Loire*/
dl.map.on a#location37 {
	top: 240px;
	left: 311px;
}
/*Vaucluse*/
dl.map.on a#location84 {
	top: 458px;
	left: 508px;
}
/*Meuse*/
dl.map.on a#location55 {
	top: 138px;
	left: 520px;
}
/*Herault*/
dl.map.on a#location34 {
	top: 484px;
	left: 429px;
}


/*Cher*/
dl.map.on a#location18 {
	top: 257px;
	left: 395px;
}
/*Finistére*/
dl.map.on a#location29 {
	top: 158px;
	left: 118px;
}
/*Calvados*/
dl.map.on a#location14 {
	top: 123px;
	left: 273px;
}
/*Marne*/
dl.map.on a#location51 {
	top: 139px;
	left: 471px;
}
/*Val-De-Marne*/
dl.map.on a#location94 {
	top: 148px;
	left: 392px;
}
/*Deux-Sevres*/
dl.map.on a#location79 {
	top: 281px;
	left: 263px;
}
/*Puy-De-Dôme*/
dl.map.on a#location63 {
	top: 344px;
	left: 418px;
}
/*Seine-Et-Marne*/
dl.map.on a#location77 {
	top: 156px;
	left: 413px;
}
/*Oise*/
dl.map.on a#location60 {
	top: 105px;
	left: 390px;
}
/*Côte-D'or*/
dl.map.on a#location21 {
	top: 240px;
	left: 494px;
}
/*Isére*/
dl.map.on a#location38 {
	top: 377px;
	left: 531px;
}
/*Var*/
dl.map.on a#location83 {
	top: 498px;
	left: 560px;
}
/*Charente-Maritime*/
dl.map.on a#location17 {
	top: 330px;
	left: 241px;
}
/*Sarthe*/
dl.map.on a#location72 {
	top: 192px;
	left: 293px;
}
/*Jura*/
dl.map.on a#location39 {
	top: 282px;
	left: 537px;
}
/*Val d'Oise*/
dl.map.on a#location95 {
	top: 125px;
	left: 381px;
}
/*Alpes Haute Provence*/
dl.map.on a#location04 {
	top: 457px;
	left: 559px;
}
/*Bouches-Du-Rhône*/
dl.map.on a#location13 {
	top: 490px;
	left: 509px;
}
/*Allier*/
dl.map.on a#location03 {
	top: 302px;
	left: 422px;
}
/*Ain*/
dl.map.on a#location01 {
	top: 322px;
	left: 519px;
}
/*Loiret*/
dl.map.on a#location45 {
	top: 203px;
	left: 385px;
}
/*Dordogne*/
dl.map.on a#location24 {
	top: 377px;
	left: 305px;
}
/*Morbihan*/
dl.map.on a#location56 {
	top: 192px;
	left: 165px;
}
/*Doubs*/
dl.map.on a#location25 {
	top: 258px;
	left: 565px;
}
/*Yvelines*/
dl.map.on a#location78 {
	top: 145px;
	left: 365px;
}
/*Ile-et-Vilaine*/
dl.map.on a#location35 {
	top: 174px;
	left: 217px;
}
/*Aveyron*/
dl.map.on a#location12 {
	top: 433px;
	left: 391px;
}
/*Seine-Maritime*/
dl.map.on a#location76 {
	top: 87px;
	left: 336px;
}
/*Loire*/
dl.map.on a#location42 {
	top: 347px;
	left: 463px;
}
/*Rhône*/
dl.map.on a#location69 {
	top: 330px;
	left: 484px;
}
/*Haute-Garonne*/
dl.map.on a#location31 {
	top: 496px;
	left: 311px;
}
/*Landes*/
dl.map.on a#location40 {
	top: 448px;
	left: 224px;
}
/*Pyrénées-Orientales*/
dl.map.on a#location66 {
	top: 546px;
	left: 388px;
}
/*Meurthe-Et-Moselle*/
dl.map.on a#location54 {
	top: 163px;
	left: 554px;
}
/*Seine-Saint-Denis*/
dl.map.on a#location93 {
	top: 136px;
	left: 398px;
}
/*Hautes-Pyrénées*/
dl.map.on a#location65 {
	top: 507px;
	left: 271px;
}
/*Pyrénées-Atlantiques*/
dl.map.on a#location64 {
	top: 493px;
	left: 224px;
}
/*Gironde*/
dl.map.on a#location33 {
	top: 397px;
	left: 245px;
}
/*Lot-Et-Garonne*/
dl.map.on a#location47 {
	top: 424px;
	left: 291px;
}
/*Tarn*/
dl.map.on a#location81 {
	top: 465px;
	left: 366px;
}
/*Bas-Rhin*/
dl.map.on a#location67 {
	top: 159px;
	left: 618px;
}
/*Alsace*/
dl.map.on a#location68 {
	top: 206px;
	left: 608px;
}

/*PAYS*/
dl#worldmap.on {
	background: #141414 url(/images/map/world-map.jpg) 0px 0px no-repeat;
}
dl#worldmap h4{
	border-bottom: 1px solid #44CC17;
	width: 160px;
	font-size: 13px;
}
dl#worldmap li{
	margin: 0;
	padding: 0;
	list-style: none;
}
dl#worldmap li.country{
	width: 180px;
	float: left;
}
dl#worldmap.on a.location {
	background: none;
}
/*europe*/
dl.map.on a#zone1{
	top: 140px;
	left: 340px;
	width: 85px;
	height: 85px;
}
/*moyen orient*/
dl.map.on a#zone2{
	z-index: 1;
	top: 218px;
	left: 430px;
	width: 80px;
	height: 75px;
}
/*russie*/
dl.map.on a#zone3{
	top: 120px;
	left: 430px;
	width: 265px;
	height: 95px;
}
/*afrique*/
dl.map.on a#zone4{
	z-index: 0;
	top: 228px;
	left: 335px;
	width: 150px;
	height: 190px;
}
/*amerique du sud*/
dl.map.on a#zone5{
	top: 280px;
	left: 175px;
	width: 120px;
	height: 195px;
}
/*amerique du nord*/
dl.map.on a#zone49{
	top: 145px;
	left: 115px;
	width: 165px;
	height: 145px;
}


/*--------------	spry related		--------------*/
.validMsg{
	position: absolute;
	display:none;
	left: 320px;
	width:16px;
	height:16px;
}
.payForm .validMsg{
	left: 325px;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}
#requiredName .validMsg, #requiredName1 .validMsg, #requiredName2 .validMsg, #requiredName3 .validMsg{
	top: 147px;
}
#requiredEmail .validMsg, #requiredEmail1 .validMsg, #requiredEmail2 .validMsg, #requiredEmail3 .validMsg{
	top: 254px!important;
	top: 270px;
}
.payForm #requiredName .validMsg, .payForm #requiredName1 .validMsg, .payForm #requiredName2 .validMsg, .payForm #requiredName3 .validMsg{
	top: 286px;
}
.payForm #requiredEmail .validMsg, .payForm #requiredEmail1 .validMsg, .payForm #requiredEmail2 .validMsg, .payForm #requiredEmail3 .validMsg{
	top: 394px!important;
	top: 412px;
}
.particulier #requiredName3 .validMsg{
	top: 250px;
}
.particulier #requiredEmail3 .validMsg{
	top: 358px!important;
	top: 376px;
}
#storesForm #requiredName .validMsg{
	top: 5px;
}
#storesForm #requiredEmail .validMsg{
	top: 5px;
}
#newsindex{
	display: block;
	position: absolute;
	top: 0;
	left: 200px;
	width: 595px;
}
.pointer{cursor:pointer;}