@charset "iso-8859-1";

.admin {display:none}


/*CSSEditor|structure,global|Zone extérieure|notext*/


/*CSSEditor|content,image|Apparence des images|notext,noizimedia*/


.clear,
.separator {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}

hr{
	border-bottom:2px ridge #61615f;
	border:0;
}

/* ELEMENTS CSS */
/* Titres */

#footer h3 { font-size:14px;}



/* Liens */
/*CSSEditor|content,link|Apparence générale*/
a:link{
	color:#0097C7;
	text-decoration:none;
}
/*CSSEditor|content,link|Lien déjà visité*/
a:visited{
	color:#0097C7;
}
/*CSSEditor|content,link|Lien actif*/
a:hover, a:active{
	color:#345e81;
	text-decoration:underline;
}
/* IE n'interprète pas les pseudo-éléments :after, ceci ne sera donc pas affiché pour IE */
#contents a.LinkOut:after{
	color:#bbb;
	content: " ["attr(hreflang)"]";
	font-weight:normal;
	text-decoration:none;
}

/* menu-list */

.menu-list {padding:0;margin:0; border:0px solid #fff; border-top:0px solid #fff}
.menu-list li { list-style:none;padding:0;margin:0 0 0px 0}
.menu-list li a{ color:#fff;height:34px; display:block; border:0px solid #fff;line-height:34px;padding-left:14px;font-size:14px;font-variant: small-caps;font-weight:600 }



.content .menu-list li a{background:url(/media/interface/boutons/bt-list-contenu.png) no-repeat 0px -34px}
.content .menu-list li a:hover{background:url(/media/interface/boutons/bt-list-contenu.png) no-repeat 0px 0; padding-left:34px} 

/* BOUTON action-client */

.action-client{ display:block;border:0px solid red; margin:10px 0 !important;
}



/*** Tableaux ***/
table{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #0097C7;
	font-size:1em;
	margin:auto;
	width:100%;
}
	table caption{
		color: #0097C7;
		font-size: 1.3em;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
	th{
		background:#fff;
		border:1px solid #0097C7;
		font-size:1.1em;
		font-weight:bold;
		padding:2px;
	}
	td{
		border:1px solid #0097C7;
		padding:2px;
	}



/*elements de mise en page dans la zone de contenu*/

.gch { float:left}
.drt { float:right}

.un-demi {width:49%}

.une_colonne, .deux_colonnes{
	clear:both;
	display: inline;
}

.colleft{
	float:left;
	margin:0 2% 0 0;
	padding:0;
	width:47%;
}

.colright{
	float:left;
	margin:0;
	padding:0;
	width:48%;
}

.intext_left{
	float: left !important;
	padding: 5px !important;
}


.intext_right{
	float: right !important;
	padding: 5px !important;
}

.above_left{
	text-align: left;
}

.above_right{
	text-align: right;
}

.above_center{
	text-align: center;
}

.below_center{
	text-align: center;
}

.below_right{
	text-align: right;
}

.below_left{
	text-align: left;
}

.above_center img, .above_right img, .above_left img, .below_center img, .below_right img, .below_left img{
	float: none !important;
}

.center{
	text-align: center;
	width:100%;
}

.left{
	text-align: left;
	width:100%;
}

.right{
	text-align: right;
	width:100%;
}


/* securisation mot de passe */
.strength_password {
color:#666666;
display:block;
float:left;
font-family:arial,helvetica,san-serif;
font-size:13px;
font-weight:bold;
height:28px;
margin-left:10px;
padding:0 0 12px 10px;
clear:both;
}
.strength_password span {
display:block;
float:right;
margin:0 0 0 20px;
padding:10px 20px 12px 10px;
white-space:nowrap;
}
.shortPass {
  background:transparent url(/common_images/red.png) no-repeat scroll 0 0;
}
.shortPass span {
  background:transparent url(/common_images/red.png) no-repeat scroll right top;
}
.badPass {
  background:transparent url(/common_images/red.png) no-repeat scroll 0 0;
}
.badPass span {
  background:transparent url(/common_images/red.png) no-repeat scroll right top;
}
.goodPass {
  background:transparent url(/common_images/yellow.png) no-repeat scroll 0 0;
}
.goodPass span {
  background:transparent url(/common_images/yellow.png) no-repeat scroll right top;
}
.strongPass {
  background:transparent url(/common_images/green.png) no-repeat scroll 0 0;
}
.strongPass span {
  background:transparent url(/common_images/green.png) no-repeat scroll right top;
}


/* BOX SPECIFIQUES */
#cart .boxlogin {
	display:none;
	}


.boxlogin {
width:400px;height:300px;background:#fff;position:absolute;left:505px;top:0px;
}

.boxlogin {
	padding:20px 0;
	text-align:center;
	}

.boxlogin input{
	border:2px solid red;
	}	
	
	
/*
LISTING IMPLANTATIONS 
------------------------------------------------ */
.listing-implantation {
  margin:0;padding:0;
  min-height:180px;
}

.listing-implantation li {
  list-style:none;
  margin:0;
}

.listing-implantation li a {
  border-top:1px solid #D4E1EC!important;
  display:block;
  text-decoration:none;
  padding:2px;
  margin:0;
  text-align:left;
}
.listing-implantation li a:hover {
  background:#D4E1EC !important;
}


.listing-implantation li h3 {
  color:#ff7c00;
  margin:0.6em 0 0.3em 0;
  font-size:1em;
}

.listing-implantation li p {
  font-size:1em; 
  margin:0.3em 0 0.6em 0em;
}

.listing-implantation li a p {
  display:none;
}

.listing-implantation li a:hover p {
  display:block;
}
.listing-implantation li a p strong{
  display:block !important;
}

/* CARTE IMPLANTATIONS
----------------------------------------------------- */

.implantations {
position:relative;
height:280px;
width:236px !important;
background:transparent url(/media/implantationcarte__063440400_1515_03032010.gif) no-repeat center center !important;
border:0px solid #fff;
margin-top:-70px;
}

.implantations h2{
	display:none !important;
}
.implantations .plot {
background:#ff7c00;
height:7px;width:7px;
position:absolute;
display:block;
}
.implantations .plot:hover {
background:#ff7c00;
height:7px;width:7px;
z-index:2;
}


.laval {top:99px;left:76px}
.mans {top:101px;left:93px}
.vitre {top:98px;left:66px}
.argentan{top:87px;left:80px}
.aigle{top:87px;left:90px}
.rennes{top:101px;left:56px}
.stbrieuc{top:89px;left:42px}
.stnazaire{top:118px;left:44px}
.cholet{top:118px;left:64px}
.herbiers{top:124px;left:58px}
.rocheyon{top:132px;left:52px}
.perpignan{top:242px;left:134px}

.implantations .plot .intitule {
	display:none;
	text-indent:-9999px;
	top:50px;
	left:0px;
	position:absolute;
}

.implantations .plot:hover .intitule {
	margin-top:-8px !important;
	text-indent:2px;
}

/* NUMERO INDIGO
----------------------------------------------------- */
.num_indigo {
	padding:0 !important;
	background:transparent !important;
	margin-top:120px;
}
.num_indigo h2{
	display:none !important;
	
}

/* STRUCTURE CSS */
/* Begin structure/mainPage.html */

.un-tier {width:33%}
.gch, .centre {float:left}
.drt{float:right}

								



.content {
	margin:0 auto;
	position:relative;
	width:985px;

 }

 .box h2 {
	display:none;
	}

	
	.bt-acceuil {
		border:0px solid red;
		position:absolute;
		top:0;
		left:00px
		
		}
		
		.bt-acceuil a {
		border:0px solid red;
		width:240px;
		height:200px;
		display:block;
		text-indent:-9999px;
		} 


/*CSSEditor|structure,global|Zone de bannière*/



#banner img {
display:none;
}

#banner h1{
	background:#20bdf0;
	font-size:1em;
	margin:0;
display:none;
}
#banner h1 a{
	border:0;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	left:110px;
	position:absolute;
	top:65px;
}

#banner #not_nested {display:none}

/*CSSEditor|structure,global|Zone intérieure*/

#conteneur{
	float:left;
	width:100%;
border:0px solid red;
}
#contents{
	padding:0 0px 10px 250px;
	min-height:180px;
}
/*CSSEditor|structure,global|Zone de contenu*/
#contents #main{

}





/*CSSEditor|structure,global|Colonne de gauche*/
#leftbar {
	float:left;
	margin:0 0 0 -985px;
	width:240px;
	border:0px solid red;

}
	
	
	#leftbar  p{
	font-size:1.1em;

}
	
	
	
	
/*CSSEditor|structure,global|Colonne de droite*/
#rightbar{
	float:left;
	margin:0 0 0 -246px;
	width:246px;
	border:0px solid red;
}

/*CSSEditor|structure,global|Zone de pied de page*/
#footer{
	background:#bacfe1 url(/media/alveole__035936600_1350_13032010.png) repeat top center;
	border-bottom:0px solid #cdcdcd;
	border:0px solid #fff;
	padding:5px 0 5px 0 ;
margin:0px;
	text-align:center;
	position:relative;
	font-size:0.98em;
width:100% !important;

}




#footer .box {
background:transparent;
}
#footer .box h2 {
display:none;
}

#footer .pied-gauche {
width:246px;
position:absolute;
left:0;
top:0;
}

#footer .pied-centre{
margin:0 248px 6px 248px !important;
}

#footer .pied-drt {
width:246px;
position:absolute;
right:0;
top:0;
}

#footer .pied-gch{
width:246px;
position:absolute;
left:0;
top:0;
border:0px solid red;
}
#signature{
	text-align:center;
}
/*CSSEditor|structure,global|Zone de signature*/
#signature p,#signature a,#signature a:visited{
	background:none;
	color:#777;
	text-decoration:none;
}
#signature a:hover{
	color:#333;
}

/* End structure/mainPage.html */


/* Begin structure/error.html */
								
#error_page{
}

/* End structure/error.html */

/* TOOTELEK CSS */


/* STYLE CARACTERISTIQUES PRODUITS */


.caracteristiques {
  display:block;
  border:0px solid red;
  left:0;
  top:200px;
  position:absolute;top:200px;left:0px;
  padding:0;
}

ul.detail-produit .caracteristiques {  
  position:relative;
  top:0px;
}



.anythingSlider .caracteristiques {
 top:40px !important;
 left:264px !important;
 width:80px; 
}



.caracteristiques p {
border:0px solid blue;
margin:0 !important;
padding:0;
}
.caracteristiques a{
display:block;
width:36px;height:36px;
border:1px solid #fff;
margin:1px;
text-align:center;
float:left;
background:#eee;
overflow:hidden;
}

.caracteristiques a:hover{
cursor:help;
}


.caracteristiques .label_energie,
.caracteristiques .label_essorage,
.caracteristiques .label_lavage ,
.caracteristiques  .label_sechage{background:green;color:#fff;font-weight:800;line-height:40px}


.caracteristiques-long {
	border:0px solid red;
	float:left;
	width:200px;
	margin:0 2px;
	}











#stiker-maxi {display:none}

.anythingSlider #stiker-maxi {
display:block;
width:159px;height:152px;
background:transparent url(/media/interface/promotions/stiker-maxi-discount.png) no-repeat;
position:absolute;
top:-40px;
left:-30px;
z-index:2;
border:0px solid red;
}



.anythingSlider .switch_planche,
.anythingSlider  h2{
display:none;
}

.anythingSlider  h2{
width:96%;
padding:2%;
}

.anythingSlider h3{
background:#d8e6ed url(/media/interface/communs/fd-titre-module.png) repeat-x;
border:1px solid #fff;
height:34px !important;
margin:0 !important;
overflow:hidden;
padding:0 0 0 260px  !important;
font:800 20px/34px arial,sans-serif !important;
color:#c95700 !important;

}

.anythingSlider ul.vignette-produit li  {
 /* width: 282px;
  min-height:242px; */
}

.anythingSlider ul.vignette-produit li .content_block  img {
  float:left !important;
  width:250px;height:250px;
  margin: 30px 6px 6px 4px;
 display:block;
}

.anythingSlider ul.vignette-produit li p{
  display: block ;
  color:#000;
  text-align:left;
  margin:8px 20px 8px 40px;
}

.anythingSlider ul.vignette-produit li .description{
overflow:hidden;
border:0px solid red;
height:160px;
margin-left:350px;
width:360px;
}
	.anythingSlider ul.vignette-produit li .description p{
	margin-left:0 !important; padding:0 !important;line-height:1.1em;
	}

.anythingSlider ul.vignette-produit li .annexes-produit{
	overflow:hidden;
	border:0px solid red;
	height:120px;
	margin-left:0px;
	width:218px;
	padding-top:2px;
}	
	
	
	
.anythingSlider ul.vignette-produit li  p.voir{
display:none !important;

}
/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider { width: 735px; height: 358px; position: relative; margin: 0 auto 0px; padding:0; border:0px solid red;background:transparent url(/media/interface/promotions/fd-promos.png) no-repeat 0 16px}

.anythingSlider .wrapper { width: 719px !important; overflow: hidden; height: 329px; margin: 0 0px; padding:0; position: absolute; top: 23px; left: 7px;border:0px solid #fff; }

.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0px; left: 0px; background: #fff;  margin: 0;  border:none }

.anythingSlider ul li  { display: block; float: left; padding: 0 0px; height: 329px; width: 719px; margin: 0 0; position:relative; border:0px solid #b0e8f7}


.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }



#thumbNav                               { position: relative; top: -3px; left:120px; text-align: left; }
#thumbNav a                             { border:1px solid #5698bd;border-bottom:0px solid #fff; color: black; font: 11px/18px Arial, sans-serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 0px 0 5px; background: #b0e8f7 ; text-align: center; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display:none;background: green;  background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px;}
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.anythingSlider ul.vignette-produit li form,
.anythingSlider ul.vignette-produit li .description,
.anythingSlider ul.vignette-produit li .caracteristiques-long,
.anythingSlider ul.vignette-produit li .prix-promo,
/*.anythingSlider ul.vignette-produit li .ref,*/
.anythingSlider ul.vignette-produit li .voir/*,
.anythingSlider ul.vignette-produit li .taux-reduction*/ {
  display:block !important;
}
.anythingSlider ul.vignette-produit li .prix { display:none !important}


.anythingSlider ul.vignette-produit li .ref { margin:8px}

.anythingSlider ul.vignette-produit li .panier { margin:0px}


.anythingSlider ul.vignette-produit li .caracteristiques-long p {margin:0 !important}



.anythingSlider ul.vignette-produit li  .prix-promo {
	border:0px solid red;
	position:absolute;
	top:196px;left:480px ;
	background:none;
	padding:4px 0;
	width:220px;
	/*height:32px;*/
	text-align:center;
	letter-spacing:-0.085em;
	border:1px solid #f67d19;
	}
	
	
	.anythingSlider ul.vignette-produit li  .prix-promo .special_price {
		display:block;	width:220px;
		color:#f67d19 !important;
		font:800 36px/32px monospace;
		padding:4px 0;
	margin:0;

		text-align:center;
		letter-spacing:-0.085em;

		}
	
	
	.anythingSlider ul.vignette-produit li  .prix-promo .ecoparticipation{
		display:block;	width:220px;
		color:#000! important;
		font:800 10px/10px monospace;
		padding:4px 0;
margin:0;

		text-align:center;
		letter-spacing:-0.085em;

		}

	
	
.anythingSlider ul.vignette-produit li  .adpanier {

	border:0px solid red;
	position:absolute;
	top:258px;left:480px ;

	color:#fff !important;
	padding:0px;
	width:220px;
	height:32px;
	text-align:left;
	border:1px solid #f67d19;
	padding:0 !important;
	}
	
	.adpanier   form {
		margin:0 !important; padding:0 !important; border:0px solid blue;
	}
	
		 .adpanier  a {
			line-height:32px;
			font:800 14px/32px sans-serif;
			color:#fff;
			text-align:center;
			vertical-align:middle;
			display:block !important;
			width:220px;
			height:32px;
		 	background:#f67d19 url(/media/interface/boutons/ajouter-panier.jpg) repeat-x !important;
			margin:0px !important;
			border:0px solid green;
		 }
	
	
	
	#add2cart_confirmation ul {display:none}
	
	
	
	

/*
	Description	: basic styles for jQuery Plugin "modalBox". feel free to customize this styles
	Version		: 1.0.0
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-modalbox-plugin/
*/


/* ~~~~~~~~~~~ modalBox / BEGIN ~~~~~~~~~~~ */
.modalboxContent {
	display:none;
}
div#modalBoxFaderLayer {
	display:none; 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	z-index:9999;
}
* html div#modalBoxFaderLayer {/* IE6 Fix */
	position:absolute; 
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.scrollTop+0:document.body.scrollTop+0);
}
iframe.modalBoxIe6layerfix {
	display:none;
}
* html iframe.modalBoxIe6layerfix {/* ie6 fix */
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	/*z-index:-1; */
	width:100%; 
	height:100%; 
	filter:mask();
}

div#modalBoxAjaxLoader {
	background:transparent url(../img/ajax-loader.gif) 50% 40% no-repeat; 
	height:100px; 
	padding:130px 0 0 0; 
	text-align:center; 
	overflow:hidden;
}

div#modalBox {
	display:none; 
	position:fixed; 
	z-index:10000;
	text-align:left; 
	background-color:transparent;
}
* html div#modalBox {/* IE6 Fix */
	position:absolute; 
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.scrollTop+40:document.body.scrollTop+40);
}
div#modalBox {
	width:600px; /* default wide */
}
div#modalBox.small {
	width:300px;
}
div#modalBox.middle {
	width:400px;
}
div#modalBox.wide {
	width:800px;
}
div#modalBox div#modalBoxBody {
	position:relative;
}
div#modalBox div#modalBoxBody div.modalBoxBodyContent {
	background-color:white;
	/* padding:20px; */
}
div#modalBox div#modalBoxBody div#modalBoxCloseButton {
	position:absolute; 
	top:25px; 
	right:-10px; 
	text-align:right; 
	width:150px;
}
* html div#modalBox div#modalBoxBody div#modalBoxCloseButton {/* IE6 fix */
	right:39px;
}
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox,
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox span {
	/*text-decoration:none;*/
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	clear:both;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
	padding:0 39px 0 0;
}
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {/* IE6 Fix */
	padding:0;
}
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight,
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {/* IE6 Fix */
	margin:0 39px 0 0;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft {
	background-image:url(../img/shadows_bg_topright.png);
	background-position:right top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight {
	background-image:url(../img/shadows_bg_topleft.png);
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
	background-image:url(../img/shadows_bg_bottomright.png);
	background-position:right top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	background-image:url(../img/shadows_bg_bottomleft.png);
	background-position:left top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	height:39px;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerContent {
	padding:39px 0 0 39px;
}
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {/* IE6 Fix */
	position:absolute;
	right:-1px;
	width:39px;
}
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft {/* IE6 Fix */
	top:0;
}
* html div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {/* IE6 Fix */
	bottom:-1px;
}
/* ~~~~~~~~~~~ modalBox / END ~~~~~~~~~~~ */

#tab-panier {
	border:0px solid red;
	width:251px;
	height:43px;
	position:absolute;
	top:0;
	right:-2px;
	background: transparent url(/media/interface/entete/tabs.png) no-repeat  -733px 0 !important;
	padding:0 -6px 0 6px;
	}	
	
	#tab-panier .product_number{
		border:0px solid red;
		float:left;
		height:34px;
		line-height:34px;
		margin:0 0 0 44px;
		font:800 18pt/34px arial,sans-serif;
		padding-right:8px;
		border-right:1px solid #fff;
		}
	
	.bouton-panier {
		width:251px;
		height:43px;
		line-height: 40px !important;
		display:block;
		position:absolute;
		top:0;
		right:0px;
		border:0px solid red;
		text-align:center;
		text-indent:-9999px;

		}
		.bouton-panier:hover {
			border:0px solid red;
			text-indent:0px;
			background: transparent url(/media/interface/entete/tabs.png) no-repeat  -733px -43px !important;
		}
	
	
	
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	/*background: transparent url(/media/interface/entete/tabs.png) no-repeat  -250px 0 !important;*/
	background:transparent !important;
	height: 43px;
	position: relative;
    top: 0;
    z-index: 999;
	border:0px solid green;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: left;
  	clear: right;
  	height: 30px;
	width: auto;
  	font-weight: 800;
	line-height: 30px;
	margin: 0;
	left: 60px;
  	color: white;
  	font-size: 96%;
	text-align: center;
}


.tab ul.login li {
 	text-align: left;
  	padding: 0 0px;
	display: block;
	float: left;
	height: 30px;
	/*width: 190px;*/
  	border:0px solid green;
	margin:0;
}

.tab ul.login li a {
	color: #15ADFF;
	border:0px solid red;
	margin:0px !important;
	/*width: 190px !important;*/
	text-align:center !important;
	padding:0 20px !important;
	display: block;
	line-height:30px;
	font-variant:small-caps;
}

.tab ul.login li a:hover {
	color: white;
	background:#15ADFF;
}



.tab a.open, .tab a.close {
	height: 30px;
	line-height: 30px !important;
	padding-left: 0px !important;
	cursor: pointer;
	display: block;
	/*width: 190px;*/
	position: relative;
	top: 0px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background:#fff url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
	left:249px;
    width: 487px !important;
	border:0px solid red;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 230px;
	color: #999999;
	background: #d8e6ed;
	background:#bacfe1 url(/media/alveole__035936600_1350_13032010.png) repeat top center;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.8em;
	padding: 10px 0 5px;
	margin: 0;
	color: #fff;
	border-bottom:1px solid #fff;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}



#panel  form {
	margin: 0 0 10px 0;
	border:0px solid red;
}

#panel  label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 200px;
	display: block;
	border:0px solid red;
	text-align:right;
	color: white;
}

#panel  input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 24px;
}

#panel input:focus.field {
	background: #000;
}

#panel .submit input{
	/*border:1px solid green ;*/
	margin:10px 0 0 240px;
	}



/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 14px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
	border:1px solid red !important;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
	margin-left:300px !important;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

	
	
	
	
#overDiv{
	background:#eee;
	border: 1px solid #0097C7;
	margin: 0;
	width: 230px;
}
	#overDiv p{
		margin:0;
	}
	#overlibheader div{
		background:#0097C7;
		color:#fff;
		font-weight:bold;
		padding:2px;
	}
	div.overlibcaption{
		float:left;
		width:80% ;
	}
	div.overlibclose{
		padding:0 5px;
		text-align:right;
	}
	#overlibheader a{
		background:none;
		border:none;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	#overlibcontent{
		clear:both;
		padding:2px;
		text-align:left;
	}
	#overlibfooter{
		padding:2px;
	}	
	
/* FORMULAIRES */


.obligatory { color: red !important; }	
	
.client form {
		border:0px solid red !important;
		}
		
	.client fielset {border:1px solid #fff; }
		.client .row, .panier .row {border-bottom:0px solid #fff;padding:2px 0 }
			.client label,.panier label {border-top:1px dotted #fff; display:block; float:left; width:180px !important; clear:left;text-align:right;font-size:8pt !important;margin:0 4px 0 0; padding-top:2px}
			.client input[type=text] , .client input[type=password] , .client textarea,
			.panier input[type=text], .panier input[type=password]  , .panier textarea{
				width:240px;
				font:200 10pt arial,sans-serif; 
				padding:2px; 
				background:#d3e1ec; 
				border:1px solid #fff
				}
			.client input:focus , .panier input:focus , .client textarea:focus , .panier textarea:focus {background:#fff; border:1px solid #d3e1ec}
			
			.error input{border:2px solid red !important;}
	

	.client .submit {border:0px solid red;margin:10px 0 0 184px }
	
	.submit input { border:1px solid red; float:left;/*margin-left:184px;*/ }	
	
	
	
	.submit input { height:38px;width: 200px; display:block; border:2px solid #fff;line-height:34px;padding-left:14px;font-variant: small-caps;font-weight:600 }



.submit input {background:url(/media/interface/boutons/bt-list-contenu.png) no-repeat 0px -34px}
.submit input:hover{background:url(/media/interface/boutons/bt-list-contenu.png) no-repeat 0px 0; padding-left:34px; cursor:pointer}