/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Disposition générale
			Disposition des éléments courants
				Navigation principale
				Navigation secondaire
				Navigation secondaire 2
				Menu login page d'accueil
				Menu loggé page d'accueil
				Footer
				Cadre arrondi
				Cadre arrondi + redimention
			Disposition des pages internes
				Home
				Articles
				Contact
				Mentions
		Classes générales
		IE Patchs (PNG fix, hasLayout triggers, etc.)
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/
 
body                    { font: normal 12px/18px "Trebuchet MS",sans-serif; color:#002b57; }
 
h1						{ font:normal 32px/32px Arial, sans-serif; color:#e74f12; }
h2						{ font:normal 18px/32px Arial, sans-serif; color:#e74f12; }
h3 						{ font:normal 16px/18px Arial, sans-serif; color:#e74f12; }
h4 						{ font:normal 14px/18px Arial, sans-serif; color:#e74f12; }
h5 						{ font:normal 12px/18px Arial, sans-serif; color:#e74f12; }
h6 						{ font:normal 11px/18px Arial, sans-serif; color:#e74f12; }

strong 					{ color:#e74f12; }

p                       { margin:5px 0; line-height:18px; }
img { }
sup { font-size: .7em; line-height: .8em; vertical-align:super; } 
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul{ }
ul li{
background:url(../images/puce/fl_orange_02.gif) no-repeat 0 10px;
padding:5px 0 5px 16px;
}
ul li li{
background:url(../images/puce/fl_orange.gif) no-repeat 0 7px; 
padding: 0 0 0 10px; 
}

ol { }
dl { }

form { }
fieldset               { padding:10px 0; }
input                  { font: normal 12px/18px "Trebuchet MS",sans-serif; }
select                 { font: normal 12px/18px "Trebuchet MS",sans-serif; }
textarea               { font: normal 12px/18px "Trebuchet MS",sans-serif; }
label { }

a                      { color:#002b57; }
a:link { }
a:visited { }
a:hover                { color:#e74f12; }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Disposition générale
 * ------------------------------------------*/
div#bg {
min-width:982px;
background:url(../images/fond/header.jpg) no-repeat center top; 
}

div#centring {
width:982px;
margin:0 auto;
}
 
div#header {
width:982px;
height:214px;
background:url(../images/fond/top.gif) no-repeat center bottom;
position:relative;
}

	div#logo {
	position:absolute;
	top:86px;
	left:85px;
	width:212px;
	height:39px;
	}
	
	a.home {
	display:block;
	position:absolute;
	top:0;
	left:340px;
	width:270px;
	height:132px;
	}
	
	a.home-2 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:85px;
	height:175px;
	}
	
	div#menu-main {
	position:absolute;
	top:157px;
	left:100px;
	width:520px;
	height:21px;
	}
	
	div#menu-add-1 {
	position:absolute;
	top:4px;
	left:665px;
	width:290px;
	height:25px;
	}
	
	div#menu-add-2 {
	position:absolute;
	top:129px;
	left:625px;
	width:355px;
	height:47px;
	}
	
	div#login-menu {
	position:absolute;
	top:184px;
	left:10px;
	width:944px;
	height:25px;
	}
	
	div#menu-logged {
	position:absolute;
	top:184px;
	left:670px;
	width:300px;
	height:25px;
	}
	
div#main { 
width:982px;
}

div#footer {
width:962px;
height:17px;
background:url(../images/fond/bottom.gif) no-repeat center top;
padding:0 10px;
margin:0 0 30px 0;
}
 
/* -----------------------------------------
 * Disposition des éléments courants
 * ------------------------------------------*/

/* __________ Navigation principale  */
ul#menu * {
display:block;
text-decoration:none;
}

ul#menu li {
float:left;
padding:0 1px;
background:none;
}

	ul#menu li div.middle{
	background:url(../images/menu/middle.gif) repeat-x 0 0;
	}
	
	ul#menu li div.left{
	background:url(../images/menu/left.gif) no-repeat 0 0;
	}
	
	ul#menu li div.right{
	background:url(../images/menu/right.gif) no-repeat right top;
	}

		ul#menu li a{
		text-align:left;
		color:#fff;
		font:normal bold 11px/21px tahoma,sans serif;
		background:url(../images/null.gif) no-repeat 0 0;
		padding:0 5px;
		}

	ul#menu li ul {
	position:absolute;
	background:url(../images/menu/submenubg.gif) no-repeat left bottom;
	padding:0 0 9px 0;
	border-top:1px solid #2f5280;
	z-index:5000;
	width:195px;
	}

		ul#menu li ul li {
		float:left;
		zoom:1;
		padding:0;
		background:none;
		}

			ul#menu li ul li a {
			zoom:1;
			width:184px;
			white-space:normal;
			line-height:15px;
			padding:4px 5px;
			}

			ul#menu li ul li a:hover {
			color:#fff;
			background:url(../images/menu/submenuhover.gif) no-repeat left bottom;
			}					

/* __________ Navigation secondaire  */
div#menu-add-1 ul li {
float:left;
padding:0 12px;
background:none;
}

	div#menu-add-1 ul a{
	font:normal 11px/11px tahoma,sans serif;
	color:#fff;
	text-decoration:none;
	}

/* __________ Navigation secondaire 2  */
div#menu-add-2 a.box{
display:block;
width:207px;
height:47px;
float:left;
}

div#menu-add-2 a.price{
display:block;
width:148px;
height:47px;
float:left;
}

/* __________ Menu login page d'accueil  */
div#login-menu label{
font:normal bold 11px/11px tahoma,sans serif;
color:#fff;
}

div#login-menu p{
margin:0;
}

div#login-menu p.form{
position:absolute;
left:358px;
}

div#login-menu p.form0{
width:345px;
position:absolute;
left:0;
text-align:right;
}

div#login-menu a{
font:normal 11px/11px tahoma,sans serif;
color:#fff;
position:relative;
top:5px;
}
	
div#login-menu input.text{
border:none;
width:97px;
height:15px;
background:url(../images/fond/inputtext1.gif) no-repeat 0 0;
margin:0 20px 0 0;
font:normal 11px/15px tahoma,sans serif;
color:#fff;
padding:2px 5px;
}

div#login-menu input.ok{
border:none;
width:19px;
height:19px;
background:url(../images/fond/inputok.gif) no-repeat 0 0;
padding:0;
margin:0;
position:absolute;
top:1px;
left:368px;	
}

div#login-menu p.register{
position:absolute;
left:774px;
top:-4px;
}

	div#login-menu p.register a{
	font:normal 11px/11px tahoma,sans serif;
	color:#fff;
	position:relative;
	top:5px;
	}

	div#login-menu p.denied{
	color:#C4000C; 
	font-weight:bold;
	position:absolute;
	left:0px;
	}

/* __________ Menu loggé page d'accueil  */
div#menu-logged a{
font:normal bold 11px/11px tahoma,sans serif;
color:#fff;
text-decoration:none;
}
	
/* __________ Footer  */
div#footer p,
div#footer a {
color:#6b84a1;
text-decoration:none;
font:normal 11px/16px tahoma,sans serif;
margin:0;
}

/* __________ Cadre arrondi */

div.roundedcorner              { background:url(../images/fond/bg1.gif) repeat-y 0 0;  width:237px; margin:10px 0; }
div.roundedcorner .upper       { background:url(../images/fond/upper.gif) no-repeat left top;  width:237px; }
div.roundedcorner .lower       { background:url(../images/fond/lower.gif) no-repeat left bottom; width:237px; }
div.roundedcorner h2           { padding:8px 10px 0 10px; }
div.roundedcorner h3           { padding:5px 10px 0 10px; }
div.roundedcorner p            { padding:5px 10px; margin:0; }
div.roundedcorner ul           { padding:5px 15px; }

/* __________ Cadre arrondi + redimention horizontale  */

div.roundedcorner-x             { background:url(../images/fond/upperleft.gif) no-repeat left top; zoom:1; }
div.roundedcorner-x .lowerright { background:url(../images/fond/lowerright.gif) no-repeat right bottom; zoom:1; }
div.roundedcorner-x .upperright { background:url(../images/fond/upperright.gif) no-repeat right top; zoom:1; }
div.roundedcorner-x .lowerleft  { background:url(../images/fond/lowerleft.gif) no-repeat left bottom; zoom:1; }


/* -----------------------------------------
 * Disposition des pages internes
 * ------------------------------------------*/
 
/* __________ Home.php  */
div#home {
width:982px;
}
	
	div#home div.container-left { 
	width:250px;
	float:left;
	padding:0 0 0 7px;
	}
	
	div#home div.container-right { 
	width:725px;
	float:left;
	}
	
		div#home div#flash-anim { 
		width:470px;
		float:left;
		margin:10px 0;
		height:450px;
		}
		
		div#home div.container-right div.container-right { 
		width:243px;
		float:left;
		padding:0 0 0 12px;
		}
		
			div#home div#tips-home ul{
			padding-bottom:20px;
			}
		
				div#home div#tips-home ul li{
				padding:0 15px 0 45px;
				zoom:1;
				}
				
				div#home div#tips-home ul li.li-1{
				background:url(../images/menu/p1.gif) no-repeat 1px 2px;
				}
				div#home div#tips-home ul li.li-2{
				background:url(../images/menu/p2.gif) no-repeat 1px 2px;
				}
				div#home div#tips-home ul li.li-3{
				background:url(../images/menu/p3.gif) no-repeat 1px 2px;
				}
				div#home div#tips-home ul li.li-4{
				background:url(../images/menu/p4.gif) no-repeat 1px 2px;
				}
				div#home div#tips-home ul li.li-5{
				background:url(../images/menu/p5.gif) no-repeat 1px 2px;
				}
				div#home div#tips-home ul li.li-6{
				background:url(../images/menu/p6.gif) no-repeat 1px 2px;
				}
		
				div#home div#tips-home ul li a{ 
				display:block;
				color:#002b57;
				text-decoration:none;
				line-height:30px;
				background:url(../images/fond/point1px.gif) repeat-x left bottom;
				zoom:1;
				}
				
				div#home div#tips-home ul li a:hover{
				color:#e74f12;
				font-weight:bold;
				}
		
		div#home div#bluebox{
		clear:both;
		width:721px;
		height:137px;
		background:url(../images/fond/bluebox.gif) no-repeat 0 0;
		position:relative;
		margin:0 0 10px 0;		
		}
		
			div#home div#bluebox p.t-1{
			font:normal 11px/14px tahoma,sans serif;
			color:#fff;
			position:absolute;
			top:75px;
			left:52px;
			}
			
			div#home div#bluebox p.t-2{
			font:normal 11px/14px tahoma,sans serif;
			color:#fff;
			position:absolute;
			top:50px;
			left:512px;
			}
		
			div#home div#bluebox input.text{
			border:none;
			width:127px;
			height:15px;
			background:url(../images/fond/inputtext2.gif) no-repeat left top;
			font:normal 11px/15px tahoma,sans serif;
			color:#fff;
			padding:2px 5px;
			}
			
			div#home div#bluebox input.txt-1{
			position:absolute;
			top:95px;
			left:50px;
			}
			
				.tool-tip{ 
				width: 250px;
				z-index:41;
				background:#e85216;
				height:90px;
				background:url(../images/fond/tip.png) no-repeat 0 0;
				}
				
				.tool-text{
				color:#fff;
				font-weight:bold;
				padding:8px 8px 4px;
				text-align:justify;
				}
			
			div#home div#bluebox input.txt-2{
			position:absolute;
			top:95px;
			left:512px;
			}
			
			div#home div#bluebox input.search{
			border:none;
			width:86px;
			height:19px;
			background:url(../images/bt/rech.gif) no-repeat 0 0;
			padding:0;
			margin:0;
			position:absolute;
			top:95px;
			left:195px;	
			}
			
			div#home div#bluebox input.ok{
			border:none;
			width:19px;
			height:19px;
			background:url(../images/fond/inputok.gif) no-repeat 0 0;
			padding:0;
			margin:0;
			position:absolute;
			top:95px;
			left:655px;	
			}
			
	div#home div#uknow-home{
	clear:both;
	width:732px;
	height:35px;
	background:url(../images/fond/uknow.gif) no-repeat 2px 0;
	color:#e96027;
	font-weight:bold;
	line-height:32px;
	padding:3px 10px 15px 240px;
	}
	
		div#home #uknow-home-inner{
		width:732px;
		vertical-align:middle;
		height:35px;
		}
		
		div#home #uknow-home-inner p{
		margin:0;
		line-height:15px;
		}
		
	
	div#home div#prestations-home p{
	padding:18px 5px;
	}
	
	div#home div#news-home p.date{
	font:normal 11px/28px tahoma,sans serif;
	background:url(../images/puce/file.gif) no-repeat 10px 10px;
	padding:0 0 0 25px;
	color:#a8afb7;
	}
	
	div#home div#demenagerseul-home div.lower{
	padding:0 0 18px 0;
	}
	
	

/* __________ Articles.php  */
div#articles {
width:974px;
margin:10px auto;
}

div#articles .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

/* __________ Article.php  */
div#article {
width:974px;
margin:10px auto;
}

div#article .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

/* __________ Contact.php  */
div#contact {
width:974px;
margin:10px auto;
}

div#contact .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

div#contact .visuel-contact{
background:url(../images/fond/contact.jpg) no-repeat 514px 11px;
}

div#contact label.lbleft{
float:left;
padding:0 10px 0 0;
text-align:right;
width:200px;
}

div#contact input.text {
border:1px solid #CCCCCC;
margin:0;
padding:0 3px;
width:280px;
}

div#contact select{
border:1px solid #CCCCCC;
font-size:11px;
margin:0;
}

div#contact textarea {
border:1px solid #CCCCCC;
padding:0 3px;
width:280px;
}

div#contact p.conformement {
color:#888;
font-size:11px;
line-height:14px;
padding:10px 0 0;
text-align:justify;
}


/* __________ Mentions.php  */
div#mentions {
width:974px;
margin:10px auto;
}

	div#mentions .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}

/* __________ Offers.php  */
div#offers {
width:974px;
margin:10px auto;
}

div#offers .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

div#offers table{
border:1px solid #dee4ea;
}

div#offers table.annonces{
width:900px;
margin:20px auto;
}

div#offers thead th{
background:#f6f8fb url(../images/fond/bg3.gif) repeat-x center bottom;
padding:8px 10px;
text-align:left;
text-transform:uppercase;
color:#687a92;
}

div#offers td{
padding:6px 10px;
text-align:left;
}

div#offers tr.classic td{
background:#f6f8fb;
}

div#offers tr.altern td{
background:#eef2f6;
}

div#offers td.date{
color:#a4b5c7;
}

div#offers td.liste{
color:#425977;
}

div#offers td.liste a{
color:#425977;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
}

div#offers td.liste a:hover{
color:#E74F12;
}

div#offers td.ref{
color:#a4b5c7;
}

div#searching{
height:49px;
background:url(../images/fond/bg2.gif) no-repeat 250px 0;
position:relative;
}
	
		div#searching label{
		color:#fff;
		position:absolute;
		top:15px;
		left:277px;
		font-weight:bold;
		}
	
		div#searching input.text{
		border:none;
		width:197px;
		height:15px;
		background:url(../images/fond/inputtext3.gif) no-repeat 0 0;
		margin:0 10px 0 0;
		font:normal 11px/15px tahoma,sans serif;
		color:#fff;
		padding:2px 5px;
		position:absolute;
		top:15px;
		left:353px;
		}
		
		div#searching input.search{
		border:none;
		width:86px;
		height:19px;
		background:url(../images/bt/rech.gif) no-repeat 0 0;
		padding:0;
		margin:0;
		position:absolute;
		top:15px;
		left:575px;
		}
		
/* __________ Offer.php  */
div#offer {
width:974px;
margin:10px auto;
}

div#offer .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

div#offer h3{
text-align:center;
font-size:22px;
text-transform:capitalize;
color:#425977;
padding:15px 0 10px 0;
}

div#offer p.ref{
text-align:right;
color:#425977;
border-bottom:2px solid #425977;
}

div#offer p.date{
font:normal 11px/18px tahoma,sans serif;
background:url(../images/puce/file.gif) no-repeat 0 5px;
padding:0 0 0 15px;
color:#a8afb7;
border-top:2px solid #bec9d4;
}

div#offer p.place{
font-weight:bold;
}

div#offer p.desc{
padding:20px 0 20px 0;
}

div#offer p.bt{
text-align:center;
padding:20px 0;
}


/* __________ Cv.php  */
div#cv {
width:974px;
margin:10px auto;
}

	div#cv .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
	div#cv h3{
	text-align:center;
	font-size:22px;
	text-transform:capitalize;
	color:#425977;
	padding:15px 0 10px 0;
	}
	
	div#cv p.ref{
	text-align:right;
	color:#425977;
	border-bottom:2px solid #425977;
	}
	
	div#cv p.ref a{
	color:#425977;
	text-decoration:none;
	font-weight:bold;
	}
	
	div#cv p.ref a:hover{
	color:#e74f12;
	}
	
	div#cv form{
	width:525px;
	}
	
	div#cv input,
	div#cv select{
	font: normal 12px/18px "Trebuchet MS",sans-serif ;
	}

	div#cv label.lbleft {
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:200px;
	}

	div#cv input.text{
	border:1px solid #CFCBC2;
	color:#000000;
	padding:0 3px;
	width:271px;
	}
	
	div#cv select{
	border:1px solid #CFCBC2;
	color:#000000;
	}

	div#cv fieldset{
	background:#f7f6f5;
	border:1px solid #CFCBC2;
	}
	
	div#cv legend{
	font: bold 16px/18px "Trebuchet MS",sans-serif;
	color:#e74f12;
	padding:0 3px;
	margin:0 10px;
	}
	
	div#cv .motiv-letter span{
	font:italic normal 12px/18px "Trebuchet MS",sans-serif;
	color:#a2a298;
	padding:0 0 0 210px;
	}
	
	div#cv .cv-letter span{
	font:italic normal 12px/18px "Trebuchet MS",sans-serif;
	color:#a2a298;
	padding:0 0 0 210px;
	}
	
/* __________ Content.php  */
div.format {
width:974px;
margin:10px auto;
}

div.format .lowerleft{
width:934px;
padding:15px 20px;
min-height:420px;
}

/* __________ Profile.php  */
div#profile {
width:974px;
margin:10px auto;
}

	div#profile .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
	div#profile form{
	width:525px;
	}
	
	div#profile input,
	div#profile select{
	font: normal 12px/18px "Trebuchet MS",sans-serif ;
	}

	div#profile label.lbleft {
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:200px;
	}

	div#profile input.text{
	border:1px solid #CFCBC2;
	color:#000000;
	padding:0 3px;
	width:271px;
	}
	
	div#profile select{
	border:1px solid #CFCBC2;
	color:#000000;
	}

	div#profile fieldset{
	background:#f7f6f5;
	border:1px solid #CFCBC2;
	}
	
	div#profile legend{
	font: bold 16px/18px "Trebuchet MS",sans-serif;
	color:#e74f12;
	padding:0 3px;
	margin:0 10px;
	}
	
/* __________ Register.php  */
div#register {
width:974px;
margin:10px auto;
}

	div#register .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
	div#register .visuel-register{
	background:url(../images/fond/register.jpg) no-repeat 538px 82px;
	}
	
	div#register form{
	width:525px;
	}
	
	div#register input,
	div#register select{
	font: normal 12px/18px "Trebuchet MS",sans-serif ;
	}

	div#register label.lbleft {
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:200px;
	}

	div#register input.text{
	border:1px solid #CFCBC2;
	color:#000000;
	padding:0 3px;
	width:271px;
	}
	
	div#register select{
	border:1px solid #CFCBC2;
	color:#000000;
	}

	div#register fieldset{
	background:#f7f6f5;
	border:1px solid #CFCBC2;
	}
	
	div#register legend{
	font: bold 16px/18px "Trebuchet MS",sans-serif;
	color:#e74f12;
	padding:0 3px;
	margin:0 10px;
	}

/* __________ Newsletter.php  */
div#newsletter {
width:974px;
margin:10px auto;
}

	div#newsletter .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
	div#newsletter form{
	width:525px;
	}
	
	div#newsletter input{
	font: normal 12px/18px "Trebuchet MS",sans-serif ;
	}

	div#newsletter label.lbleft {
	float:left;
	margin:0 10px 0 0;
	text-align:right;
	width:132px;
	}

	div#newsletter input.text{
	border:1px solid #CFCBC2;
	color:#000000;
	padding:0 3px;
	width:271px;
	}

	div#newsletter fieldset{
	background:#f7f6f5;
	border:1px solid #CFCBC2;
	}
	
	div#newsletter legend{
	font: bold 16px/18px "Trebuchet MS",sans-serif;
	color:#e74f12;
	padding:0 3px;
	margin:0 10px;
	}
	
	div#newsletter ul.radio{
	padding:0 0 0 137px;
	}
	
/* __________ Map.php  */
div#googlemap {
width:974px;
margin:10px auto;
}

	div#googlemap .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}

    div #map{
	width:550px;
	height:450px;
	margin:10px 0;
	}
	
	div .divMapSideBar{
	position:absolute;
	top:0;
	left:570px;
	height:450px; 
	width:350px;
	overflow:auto;
	}
	
	div .divMapSideBarOver,
	div .divMapSideBarOut,
	div .divMapSideBarSelected{
	cursor:pointer;
	padding:15px 20px;
	margin-bottom:10px;
	}
	
	div .divMapSideBarOver{
	background:#eef2f6 url(../images/fond/map_03.jpg) no-repeat bottom right;
	border:1px solid #dee4ea;
	color:#425977;
	}
	
	div .divMapSideBarOut{
	border:1px solid #dee4ea;
	background:#f6f8fb url(../images/fond/map_02.jpg) no-repeat bottom right;
	color:#425977;
	}
	
	div .divMapSideBarSelected{ 
	background:#032955 url(../images/fond/map_01.jpg) no-repeat bottom right;
	border:1px solid #dee4ea;
	color:#fff;
	}
	
	div .map_info_titre{
	font-weight: bold;
	}
	
	.tips-services{
	cursor:pointer;
	}
	
	.services-tip{
	background:#fff;
	font-weight:bold;
	padding:5px;
	z-index:50;
	}
	
/* __________ Calculvolume.php  */
div#calculervolume {
width:974px;
margin:10px auto;
}

div#calculervolume .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#calculervolume .absolute {
position:absolute;
top:223px;
}

div#calculervolume #items{
width:530px;
overflow:auto;
}

div#calculervolume #cart{
width:375px;
height:290px;
background-color:#fff;
overflow:auto;
position:relative;
}

div#calculervolume div#container-cart{
width:375px;
height:325px;
}

div#calculervolume div#container-cart .info{
font-weight:bold;
color:#fff;
background:url(../images/fond/bg_top_02.gif) no-repeat 0 0;
font-size:16px;
text-align:center;
padding:10px 3px;
}

div#calculervolume div#container-cart a.bt img{
display:block;
}

div#calculervolume #cart .info_2{
font-weight:bold;
text-align:center;
padding:5px 3px;
}

div#calculervolume .item {
float:left;
position:relative;
margin:10px;
}

.item {
width:150px;
height:175px;
background-color:#fff;
background-repeat:no-repeat;
background-position: center center;
cursor:move;
}

div#calculervolume #cart .item {
width:104px;
height:125px;
margin: 5px;
background-position: middle center;
border-width: 1px;
cursor: default;
border:1px solid #f1dabe;
}

.item span {
position: absolute;
bottom: 0;
left: 0;
font-size: 0.8em;
font-weight: bold;
width: 100%;
text-align: center;
background:#fff;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

div#calculervolume .tab-menu{
width:850px;
overflow:auto;
padding:0 10px;
}

div#calculervolume .tab-menu *{
display:block;
text-decoration:none;
}

div#calculervolume .tab-menu li{
float:left;
background:url(../images/menu/left_02.gif) no-repeat 0 -25px;
margin:0 1px;
padding:0;
}

div#calculervolume .tab-menu li a {
font-weight:bold;
color:#909090;
background:url(../images/menu/right_02.gif) no-repeat right bottom;
line-height:25px;
padding:0 10px;
}

div#calculervolume .tab-menu li a:hover {
color:#002b57;
}

div#calculervolume .tab-menu li.tab-selected { 
background:url(../images/menu/left_02.gif) no-repeat 0 0;
}

div#calculervolume .tab-menu li.tab-selected a { 
background:url(../images/menu/right_02.gif) no-repeat right top;
color:#fff;
}

div#calculervolume .tab-menu li.tab-selected a:hover { 
color:#fff;
}

div#calculervolume .tab-wrapper{
background:#f1ebe0 url(../images/fond/bg_top_01.gif) no-repeat 0 0;
min-height:400px;
}

div#calculervolume .tab-wrapper .tab-ajax-loading {
background:url(../images/fond/ajaxloader.gif) no-repeat center 100px;
padding:100px;
}

div#calculervolume div.calculVolume_6 .item{
position:relative;
width:150px;
height:175px;
left:178px;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
cursor:move;
}

div#calculervolume label.lbleft {
float:left;
padding:0 10px 0 0;
text-align:right;
width:190px;
font-weight:bold;
}

div#calculervolume input.text {
border:1px solid #CCCCCC;
margin:0;
padding:0 3px;
width:120px;
}

/* __________ Reservation.php  */
div#reservation {
width:974px;
margin:10px auto;
}

div#reservation .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#reservation p.adr {
float:left;
padding:10px 50px 20px 30px;
}

div#reservation div.typebox{
width:931px;
height:210px;
position:relative;
margin:0 auto;
background:url(../images/fond/reservation_01.gif) no-repeat 0 0;
}

div#reservation div.typebox div.calculvolume{
position:absolute;
top:0;
left:725px;
width:204px;
height:36px;
}

div#reservation div.typebox div.calculvolume a{
display:block;
background:url(../images/fond/calculvolume.gif) no-repeat 25px 4px;
padding:10px 0 4px 59px;
}

div#reservation div.typebox h3{
color:#fff;
font-size:24px;
line-height:46px;
font-weight:bold;
text-align:right;
padding-right:20px;
}

div#reservation div.typebox ul{
text-align:right;
padding-right:10px;
padding-top:5px;
}

div#reservation div.typebox ul li{ 
background:none; 
padding:0; 
}

div#reservation div.typebox a{
text-decoration:none;
font-weight:bold;
}


div#reservation div.typebox div.type_n01{
width:292px;
height:151px;
position:absolute;
top:45px;
left:15px;
background:url(../images/fond/reservation_01.jpg) no-repeat 0 0;
}

div#reservation div.typebox div.type_n02{
width:292px;
height:151px;
position:absolute;
top:45px;
left:320px;
background:url(../images/fond/reservation_02.jpg) no-repeat 0 0;
}

div#reservation div.typebox div.type_n03{
width:292px;
height:151px;
position:absolute;
top:45px;
left:624px;
background:url(../images/fond/reservation_03.jpg) no-repeat 0 0;
}

div#reservation div.knowvolume{
width:931px;
height:72px;
position:relative;
margin:0 auto;
background:url(../images/fond/reservation_02.gif) no-repeat 0 0;
}

div#reservation div.knowvolume input.text{
position:absolute;
top:22px;
left:497px;
font-weight:bold;
width:123px;
font-size:16px;
}

div#reservation div.knowvolume input.submit{
position:absolute;
top:26px;
left:679px;
}

div#reservation .ou{
text-align:center;
font-size:30px;
font-weight:bold;
line-height:30px;
color:#4e729d;
}


/* __________ Reservation2.php  */
div#reservation2 {
width:974px;
margin:10px auto;
}

div#reservation2 .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#reservation2 p.adr {
padding:10px 50px 20px 30px;
}

div#reservation2 div.reservdate {
width:931px;
height:60px;
margin:0 auto;
background:url(../images/fond/reservation_03.gif) no-repeat 0 0;
position:relative;
}

	div#reservation2 div.reservdate div.selectdate {
	width:129px;
	height:26px;
	position:absolute;
	top:18px;
	left:335px;
	background:#fff;
	border:1px solid #153d6e;
	}
	
		div#reservation2 div.reservdate div.selectdate input.text{
		width:125px;
		height:23px;
		border:none;
		background:none;
		font-weight:bold;
		font-size:15px;
		position:absolute;
		top:2px;
		left:10px;
		}
		
		div#reservation2 div.reservdate div.selectdate button.calendar{
		position:absolute;
		top:3px;
		left:105px;
		margin:0;
		padding:0;
		}
		
	div#reservation2 div.reservdate div.selecttype {
	width:auto;
	height:24px;
	position:absolute;
	top:18px;
	left:714px;
	background:#fff;
	border:1px solid #153d6e;
	}
	
		div#reservation2 div.reservdate div.selecttype select {
		border:0;
		padding:1px;
		font-weight:bold;
		font-size:15px;
		}
		
	div#reservation2 div.reservdate input.valid {
	background:url(../images/bt/rech_02.gif) no-repeat 0 0;
	border:0;
	width:23px;
	height:20px;
	position:absolute;
	top:22px;
	left:893px;
	padding:0;
	cursor:pointer;
	}
		

div#reservation2 div.boxresult{
overflow:auto;
}

div#reservation2 div.boxresult p.datelocation{
font-size:16px;
font-weight:bold;
text-align:center;
}

div#reservation2 div.mainbox{
width:289px;
height:248px;
/*background:url(../images/fond/reservation2_01.gif) no-repeat 0 0;*/
background:url(../images/fond/reservation2_03.gif) no-repeat 0 0;
float:left;
padding:0 0 0 28px;
position:relative;
}

div#reservation2 div.mainbox h4{
position:absolute;
top:6px;
left:43px;
color:#79b505;
}

div#reservation2 div.boxsup h4{
position:absolute;
top:6px;
left:70px;
color:#e95b1a;
}

div#reservation2 div.mainbox p.boxname,
div#reservation2 div.boxsup p.boxname{
position:absolute;
top:37px;
left:28px;
font-size:18px;
color:#fff;
font-weight:bold;
}

div#reservation2 div.mainbox p.boxnumb,
div#reservation2 div.boxsup p.boxnumb{
position:absolute;
top:72px;
left:28px;
color:#a7a7a7;
font-size:14px;
font-weight:bold;
}

div#reservation2 div.mainbox p.boxspec,
div#reservation2 div.boxsup p.boxspec{
position:absolute;
top:99px;
left:28px;
background:url(../images/fond/point1px.gif) repeat-x scroll left top;
width:262px;
padding-top:8px;
}

div#reservation2 div.mainbox p.boxvolume,
div#reservation2 div.boxsup p.boxvolume{
position:absolute;
top:37px;
left:157px;
font-size:18px;
color:#fff;
font-weight:bold;
width:135px;
text-align:right;
}

div#reservation2 div.mainbox p.boxprice,
div#reservation2 div.boxsup p.boxprice{
position:absolute;
top:72px;
left:157px;
color:#e95b1a;
font-size:14px;
font-weight:bold;
width:135px;
text-align:right;
}

div#reservation2 div.mainbox p.bt,
div#reservation2 div.boxsup p.bt{
position:absolute;
top:180px;
left:61px;
}

div#reservation2 div.boxinf{
width:289px;
height:248px;
background:url(../images/fond/reservation2_02.gif) no-repeat 0 26px;
float:left;
padding:0 0 0 15px;
position:relative;
}

div#reservation2 div.boxinf h4{
position:absolute;
top:6px;
left:65px;
color:#e95b1a;
}

div#reservation2 div.boxinf p.boxname{
position:absolute;
top:37px;
left:15px;
font-size:18px;
color:#fff;
font-weight:bold;
}

div#reservation2 div.boxinf p.boxnumb{
position:absolute;
top:72px;
left:15px;
color:#a7a7a7;
font-size:14px;
font-weight:bold;
}

div#reservation2 div.boxinf p.boxspec{
position:absolute;
top:99px;
left:15px;
background:url(../images/fond/point1px.gif) repeat-x scroll left top;
width:262px;
padding-top:8px;
}

div#reservation2 div.boxinf p.boxvolume{
position:absolute;
top:37px;
left:144px;
font-size:18px;
color:#fff;
font-weight:bold;
width:135px;
text-align:right;
}

div#reservation2 div.boxinf p.boxprice{
position:absolute;
top:72px;
left:144px;
color:#e95b1a;
font-size:14px;
font-weight:bold;
width:135px;
text-align:right;
}

div#reservation2 div.boxinf p.bt{
position:absolute;
top:180px;
left:48px;
}

div#reservation2 div.boxsup{
width:276px;
height:248px;
background:url(../images/fond/reservation2_02.gif) no-repeat 13px 26px;
float:left;
padding:0 0 0 28px;
position:relative;
}

/* __________ Registerorconnect.php  */
div#registerorconnect {
width:974px;
margin:10px auto;
}

div#registerorconnect .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#registerorconnect div.connect{
width:237px;
height:145px;
background:url(../images/fond/registorconnect_01.gif) no-repeat 0 0;
position:relative;
float:left;
left:73px;
}
		
	div#registerorconnect div.connect label.t-1{
	font:normal 11px/14px tahoma,sans serif;
	color:#fff;
	position:absolute;
	top:66px;
	left:15px;
	font-weight:bold;
	}
	
	div#registerorconnect div.connect label.t-2{
	font:normal 11px/14px tahoma,sans serif;
	color:#fff;
	position:absolute;
	top:91px;
	left:15px;
	font-weight:bold;
	}

	div#registerorconnect div.connect input.text{
	border:none;
	width:97px;
	height:15px;
	background:url(../images/fond/inputtext1.gif) no-repeat 0 0;
	font:normal 11px/15px tahoma,sans serif;
	color:#fff;
	padding:2px 5px;
	position:absolute;
	top:64px;
	left:114px;
	}
	
	div#registerorconnect div.connect input.mdp {
	border:none;
	width:97px;
	height:15px;
	background:url(../images/fond/inputtext1.gif) no-repeat 0 0;
	font:normal 11px/15px tahoma,sans serif;
	color:#fff;
	padding:2px 5px;
	position:absolute;
	top:89px;
	left:114px;
	}
	
	div#registerorconnect div.connect input.ok{
	border:none;
	width:19px;
	height:19px;
	background:url(../images/fond/inputok.gif) no-repeat 0 0;
	padding:0;
	margin:0;
	position:absolute;
	top:118px;
	left:201px;
	}
	
div#registerorconnect div.newcustomer{
width:271px;
height:105px;
background:url(../images/fond/registorconnect_01.jpg) no-repeat 0 0;
position:relative;		
float:left;
left:135px;
padding:40px 200px 0 16px;
}

div#registerorconnect p.bt{
text-align:center;
color:#e74f12;
padding:10px 0 0 0;
}

div#registerorconnect p.bt a{
color:#e74f12;
font-size:18px;
}

div#registerorconnect p.bt a:hover{
font-weight:bold;
}

div#registerorconnect div.errormessages{
height:110px;
}

/* __________ Recapitulatif.php  */
div#recapitulatif {
width:974px;
margin:10px auto;
}

div#recapitulatif .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#recapitulatif p.adr {
padding:10px 50px 20px 30px;
}

div#recapitulatif p.datelocation{
font-size:16px;
font-weight:bold;
text-align:center;
}

div#recapitulatif div.mainbox-container{
width:620px;
margin:0 auto;
height:300px;
overflow:hidden;
}

div#recapitulatif div.mainbox{
width:289px;
height:248px;
background:url(../images/fond/reservation2_02.gif) no-repeat 13px 26px;
padding:0 0 0 28px;
position:relative;
margin:0 auto;
}

div#recapitulatif div.cadena{
float:left;
padding:26px 0 0 0;
}

div#recapitulatif div.mainbox h4{
position:absolute;
top:6px;
left:43px;
color:#e95b1a;
}

div#recapitulatif div.mainbox p.boxname{
position:absolute;
top:37px;
left:28px;
font-size:18px;
color:#fff;
font-weight:bold;
}

div#recapitulatif div.mainbox p.boxnumb{
position:absolute;
top:72px;
left:28px;
color:#a7a7a7;
font-size:14px;
font-weight:bold;
}

div#recapitulatif div.mainbox p.boxspec{
position:absolute;
top:99px;
left:28px;
background:url(../images/fond/point1px.gif) repeat-x scroll left top;
width:262px;
padding-top:8px;
}

div#recapitulatif div.mainbox p.boxvolume{
position:absolute;
top:37px;
left:157px;
font-size:18px;
color:#fff;
font-weight:bold;
width:135px;
text-align:right;
}

div#recapitulatif div.mainbox p.boxprice{
position:absolute;
top:72px;
left:157px;
color:#e95b1a;
font-size:14px;
font-weight:bold;
width:135px;
text-align:right;
}

div#recapitulatif div.mainbox p.bt{
position:absolute;
top:180px;
left:73px;
}

/* __________ Historique.php  */
div#historique{
width:974px;
margin:10px auto;
}

	div#historique .lowerleft{
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
div#historique div.box {
border:2px solid #f4a040;
}

div#historique div.box p {
padding:0 10px;
}

div#historique div.box p.payed {
float:right;
margin:0;
color:#fff;
font-weight:bold;
font-size:20px;
line-height:26px;
}

div#historique div.box p.title {
margin:0;
background:#e95717 url(../images/fond/bg_01.gif) repeat-x 0 0;
color:#fff;
font-weight:bold;
font-size:20px;
line-height:26px;
}

div#historique table.hist {
border:1px solid #D1CFCF;
width:100%;
}

div#historique table.hist th,
div#historique table.hist td { 
padding:2px 4px; 
}

div#historique table.hist td{
border:1px solid #dcd6d3;
background:#f9f9f9;
}

div#historique table.hist th { 
background:#ebebeb url(../images/fond/bg_07.gif) repeat-x 0 0; 
border:1px solid #d1cfcf; 
border-bottom:0; 
border-top:0; 
font-size:.9em; 
white-space:nowrap; 
text-align:left; 
color:#696969; 
}





/* __________ Faq.php  */
div#faq {
width:974px;
margin:10px auto;
}

div#faq .lowerleft {
width:934px;
padding:15px 20px;
min-height:420px;
}

div#faq h2{
margin-bottom:5px;
}

div#faq div.question {
background:#ECF1F4 none repeat scroll 0 0;
border-color:#F6F8FA #DBE0E3 #DBE0E3 #F6F8FA;
border-style:solid;
border-width:1px;
color:#697D8A;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:2px 5px;
}

div#faq div.answer {
padding:0 10px;
}

div#faq div.answer p{
margin:0;
padding:5px;
}

div#faq div.active {
background:#e95717 url(../images/fond/bg_01.gif) repeat-x scroll 0 0;
border-color:#ffd7bb;
border-style:solid;
border-width:1px;
color:#FFFFFF;
}

div#faq div.catalogcategories ul li{
background:url(../images/puce/fl_orange_02.gif) no-repeat 0 10px;
padding:5px 0 5px 16px;
}

div#faq div.catalogcategories ul li a{
font-size:16px;
font-weight:bold;
text-decoration:none;
}

/* __________ Materiel.php  */
div#materiel {
width:915px;
margin:10px auto;
}

	div#materiel .lowerleft {
	width:934px;
	padding:15px 20px;
	min-height:420px;
	}
	
		div#materiel table.list-prod {
		width:98%;
		margin:10px auto;
		}
		
			div#materiel table.list-prod td {
			width:50%;
			border:1px solid #e8e8e8;
			vertical-align:top;
			}
			
				div#materiel table.prod {
				width:100%;
				}
			
					div#materiel table.prod td {
					width:auto;
					border:0;
					padding:10px;
					height:200px;
					}
					
					div#materiel table.prod td.img {
					width:30%;
					vertical-align:middle;
					text-align:center;
					}
					
						div#materiel p.title{
						background:#e95717 url(../images/fond/bg_01.gif) repeat-x 0 0;
						color:#fff;
						font-size:18px;
						font-weight:bold;
						line-height:22px;
						cursor:pointer;
						padding:5px 10px;
						}
						
						div#materiel p.titl{
						color:#e95717;
						font-weight:bold;
						font-size:13px;
						}
						
						div#materiel p.prix{
						color:#e95717;
						font-weight:bold;
						font-size:13px;
						}
						
						div#materiel p.size{
						color:#999;
						font-size:11px;
						
						}

/* __________ Pages éditables.php  */

div.plus_01 h3{
font-size:24px;
color:#e85216;
}

div.c-1{
width:449px;
height:120px;
position:absolute;
top:31px;
left:-419px;
background:url(../images/fond/bg_08.gif) no-repeat 0 0;
padding:10px 30px 10px 10px;
}

div.c-2{
width:449px;
height:120px;
position:absolute;
top:217px;
left:-419px;
background:url(../images/fond/bg_08.gif) no-repeat 0 0;
padding:10px 30px 10px 10px;
}

div.c-3{
width:449px;
height:120px;
position:absolute;
top:195px;
left:0;
background:url(../images/fond/bg_09.gif) no-repeat 0 0;
padding:10px 30px 10px 10px;
}

div.c-4{
width:449px;
height:120px;
position:absolute;
top:195px;
left:-20px;
background:url(../images/fond/bg_09.gif) no-repeat 0 0;
padding:10px 30px 10px 10px;
}

/* ========================================================================
 * Classes générales
 * ========================================================================*/

.denied ul li               { color:#C4000C; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; background:none; }
ul.message li               { color:#C4000C; font-weight:bold; list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; }
.clear                      { clear:both; }
.nodisplay                  { display:none; }
.center                     { text-align:center; }
.italic			            { font-style:italic; }
.bold			            { font-weight:bold; }
.bita			            { font-style:italic; font-weight:bold; }
.fl_right                   { float:right; }
.right                      { text-align:right; }

ul.puce-1 li                { background:url(../images/puce/fl_orange.gif) no-repeat 0 7px; padding: 0 0 0 10px; }


/* ========================================================================
 * IE Patchs (PNG fix, hasLayout triggers, etc.)
 * ========================================================================*/
 
/* prechargement des images souhaitées*/

div#preload_01 { background: url(../images/fond/map_01.jpg) no-repeat bottom right; }
div#preload_02 { background: url(../images/fond/map_02.jpg) no-repeat bottom right; }
div#preload_03 { background: url(../images/fond/map_03.jpg) no-repeat bottom right; }
 
 /* chemin de fer dans le processus de commande */

.fildariane { background: url(../images/fond/chemin.gif) no-repeat center top; width:931px;height:59px; padding-top:15px; text-align:center; }
.fildariane p { text-align:center; }