@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
img {border:none;}

/* centrage txt*/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-j{text-align:justify;}

body{
background:url(../img/fd.jpg) #0a58a3 repeat-x;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}

#page {background:url(../img/fd_container.gif) top center no-repeat; margin-top:10px;}

#boutiquebtn{
display:block;
}
#container {
margin-left:auto;
margin-right:auto;
width:800px;
height:570px;
}
#containercaroussel{
padding-top:188px;
padding-left:250px;
}
#caroussel{
width:540px;
height:220px;
}
#boutique{
margin-top:12px;
height:45px;
line-height:20px;
margin-right:5px;
background:url(../img/fd_btn.jpg) top no-repeat;
background-position:right;
}
*> #boutique{
 margin-top:0;
}
.bouton{
height:45px;
background:url(../img/fd_btn.jpg) no-repeat right  bottom;
margin-right:5px;
}
.align-bouton {
	margin-left:240px;
	text-align:center;
}
.align-bouton table {margin-left:auto; margin-right:auto;}
.align-bouton table td{
padding-top:7px;
padding-right:20px;
}
#boutique .btn{
margin-left:300px;}
#boutique .menu{
margin-left:360px;
*top:20px;
}
#boutiquebtn{
height:57px;
}

.choose{
padding-left:250px;
}
#foot{
float:right;
margin-top:0px;
}
*> #foot {
margin-right:5px;
}
#footer{
margin-left:auto;
margin-right:auto;
text-align:center;
font:normal 9px verdana;
padding:5px 0;
background:url('../img/michelin_2009.gif') 100% 8px no-repeat;
width:800px;
color:#FFFFFF;
}
#footer a{
color:#fff; text-decoration:none;
}
#footer a:hover{color:#F60;
text-decoration:underline;}
/* -------- popup DHTML -------- */
	/* 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 {
		display: none;
		
		position: fixed;
		top: 12%;
		left: 50%;
		
		width: 590px;
		
		/*background-color: #999;*/
		color: #333;
		/*border: 1px solid black;*/
		padding: 5px;
		border:1px solid #eee;
	}
	
	/**/
	#dialog { margin:20px 0 0 0; text-align:left;}
	#dialog h2 { background:url(../img/popup_fd_titre.gif) repeat-x left top; border:1px solid #e2e2e2; padding:7px; font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#0764bc; margin:15px 15px 0 0;}
	#dialog p { margin:10px 0 0 0;} 
	
	#dialog.jqmWindow { margin:0; margin-left:-295px; background:#fff;z-index:1000;}
	#dialog a { display:none;}
	#dialog.jqmWindow a { display: inline;}
	#dialog.jqmWindow #video_flash {background-color: #999; padding:10px;}
	#dialog .bd_top { background:url(../img/popup_fd_bandeau.jpg) no-repeat left top; height:73px;}
	#dialog .txt_condition { height:446px; overflow-y:scroll; overflow-x:hidden}
	#dialog .jqmClose img { padding: 10px 10px 0 0;}
	
	/*.jqmClose, .jqmClose:hover { background:url(../images/bt_fermer.gif) no-repeat right 50%; float:right; display:block; width:auto; clear:both; padding:0 20px 0 0; color:#fff; text-decoration:none;}*/
	.jqmOverlay { background-color: #fff; z-index:999 !important; }
	
	/* 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 {
		 position: absolute;
		 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	}
/* -------- popup DHTML -------- */