/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow,
.jqmWindow_white,
.jqmWindow_produit {
    display: none;
    position: fixed;
    left: 50%;
		top: 42%;
    margin-left: -250px;
    width: 500px; 
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 1px;
	font-family:Arial, Verdanan, Helvetica, sans-serif;
	font-size:10px;
}
.jqmWindow_white {
	color:#CCC;
	background-color: #111;
	border: 1px solid white;
}
.jqmWindow_produit {
	color: #FFF;
	background-color: transparent;
	border: 0px;
}

.loading {
	background-color: #FFF;
	border: 1px solid #AAA;
	color: #AAA;
	text-align: center;
	line-height: 30px;
	font-family:Arial, Verdanan, Helvetica, sans-serif;
	font-size:10px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow,
* html .jqmWindow_white,
* html .jqmWindow_produit {
     position: absolute;
}

div.jqmAlert { /* contains + positions the alert window */
  display: none;
  position: fixed;
  width: 100%;
  font-family:Arial, Verdanan, Helvetica, sans-serif;
  font-size:10px;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
}

div.jqmAlertWindow,
div.jqmAlertWindow_white {
  height:auto;
  width: auto;
  margin: auto;
  max-width:400px;
  padding: 0 10px 10px;
  background:#000;
}

.jqmAlertTitle, .jqmWindowTitle,
.jqmAlertTitle_white, .jqmWindowTitle_white {
  margin:0px;
  padding: 5px;
  padding-left: 0px;
  height:40px;
  color:#FFF;
  border-bottom: 1px solid #444;
  background:#000 url(/images/alert_header.jpg) bottom right no-repeat;
}
.jqmAlertTitle_white, .jqmWindowTitle_white {
  color:#000;
  background:#FFF url(/images/alert_header_white.jpg) bottom right no-repeat;
  border-bottom: 1px solid #BBB;
}

.jqmAlertTitle h1, .jqmWindowTitle h1,
.jqmAlertTitle_white h1, .jqmWindowTitle_white h1 {
  margin:0px;
  padding-left:60px;
  font-size:14px;
  font-weight:bold;
  color:#FFF;
  background: transparent url(/images/logo_petit_black.gif) 0 0 no-repeat;
  float:left;
  height:50px;
  line-height:50px;
}
.jqmAlertTitle_white h1, .jqmWindowTitle_white h1 {
  color:#000;
  background: transparent url(/images/logo_petit_white.gif) 0 0 no-repeat;
}


.jqmClose em,
.jqmClose_white em {
	display:none;
}
.jqmClose,
.jqmClose_white {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(/images/alert_close_double.png) 0 0 no-repeat;
}
.jqmClose_white {
  background:transparent url(/images/alert_close_double_white.png) 0 0 no-repeat;
}

a.jqmClose:hover,
a.jqmClose_white:hover {
  background-position: 0 -20px;
}

div.jqmAlertContent, div.jqmWindowContent,
div.jqmAlertContent_white, div.jqmWindowContent_white {
  color:#FFF;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:0px;
  letter-spacing:0px;
  background:#000 url(/images/alert_content.jpg) top right no-repeat;
}
div.jqmAlertContent_white, div.jqmWindowContent_white {
  color:#000;
  background:#FFF url(/images/alert_content_white.jpg) top right no-repeat;
}

div.jqmWindowContent form,
div.jqmWindowContent_white form {
	clear: both;
}
div.jqmWindowContent input, div.jqmWindowContent select,
div.jqmWindowContent_white input, div.jqmWindowContent_white select {
	right: 50%;
	margin: 5px;
}
div span#erreur_code_postal {
	padding-left: 2px;
	color: #F00;
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.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 */

.jqmWindowTitle_produit {
	display:none;
}
.jqmWindowContent_produit {
	color:#000;
}
.jqmWindowContent_produit .site
{
	width:600px;
}