/* CSS RESET */
body{padding:0;margin:0;font:12px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

/* ************ */
body{
	background: #ebebeb;
}

#bgfleches{
	position: absolute;
	right: 5%;
	top: 30px;
	background: url(bgbody.gif) no-repeat;
	width: 100px;
	height: 100px;
	z-index: -1;
}

#header, #wrapper, #content, #footer{
	width: 880px;
	margin: 0 auto;
}

#wrapper{
	background: #fff;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#header{
	padding-top: 15px;
	background: url(logo.gif) 10px 10px no-repeat;
	height: 75px;
}

#header a#linklogo{
	float: left;
	display:block;
	width: 350px;
	height: 80px;
	
}
#left{
	width: 560px;
	float: left;
}

#sub a, #sub a:visited{
	color: #e52b38;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-left: 15px;
}
#sub a:hover{
	text-decoration: underline;
}
* html ul#submenu{
	margin-left: -115px;
	margin-top: -55px;
}
* +html ul#submenu{
	margin-left: -115px;
	margin-top: -55px;
}
ul#submenu{
	position: absolute;
	top: 42px;
	z-index: 200;
	background: #fff;
	padding: 5px;
	border: 1px solid #CCC;
}
li ul#submenu{
	display: none;
}
li ul#submenu:hover{
	display: block;
}
ul#submenu a, ul#submenu a:visited{
	color: #e52b38;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
ul#submenu a:hover{
	text-decoration: underline;
}

#logoevo{
	margin-left: 780px;
	margin-top: -10px;
	position: absolute;
}

#boutons{
	position: relative;
	margin-left: 745px;
	width: 356px;
	height: 63px;
	margin-top: 60px;
}
a#btndevis{
	float: left;
	display: block;
	width: 100px;
	height: 63px;
	background: url(boutons.gif) no-repeat;
}
a#btnrappel{
	margin-left: 130px;
	display: block;
	width: 200px;
	height: 63px;
	background: url(boutons.gif) -110px 0px no-repeat;
}
* html a#btnrappel{
	margin-top: -13px;
}
* +html a#btnrappel{
	margin-left: 130px;
	display: block;
	width: 200px;
	height: 63px;
	margin-top: -13px;
	background: url(boutons.gif) -110px 0px no-repeat;
}

a#btndevis:hover{	background-position: 0px -61px;}
a#btnrappel:hover{	background-position: -110px -61px;}
* html .lavaLamp li a{
	margin: auto 2px;
}

a#demenagerpratique{
	display: block;
	position: absolute;
	width: 200px;
	height: 64px;
	background: url(demenagerpratique.jpg) no-repeat;
	z-index: 10000;
	margin-top: 590px;
	margin-left: 640px;
}

.lavaLamp {
	margin-top: 5px;
    position: absolute;
    float: left;
    height: 52px; 
    padding: 0px;
	margin-left: 15px;
	z-index: 50;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            border-bottom: 2px solid #e52b38;
            width: 9px; height: 25px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                height: 25px;ah ouais
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            font: bold 12px arial, Helvetica, sans-serif;
            color: #e52b38; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 5px;
        }                 


#content{
	margin-top: 0px;
	
}
a.big-link, a.big-link:visited{
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 1px;
	text-align: right;
	margin-right: 25px;
}
.cadre1{
	background: url(large-bg.jpg) no-repeat;
	width: 595px;
	height: 540px;
	float: left;
	padding-left: 25px;
}
#promo{
	margin-left: 28px;
	background: #fff;
	color: #C40000;
	width: 480px;
	padding: 10px;
}
#promo h1{
	margin: 0px !important;
	padding: 0px;
	font-size: 18px !important;
}
#promo a, #promo a:visited{
	color: #C40000 !important;
	text-decoration: underline;
}
#promo a:hover{
	text-decoration: none;
}

.cadre1 h1{
	font: bold 24px Arial, Helvetica, sans-serif;
	color: white;
	margin-top: 8px;
	padding-top: 20px;
	text-align: center;
}
.cadre1 .categories-btn{
	float: left;
	width: 193px;
	height: 98px;
	overflow: hidden;
	margin-top: -20px;
}
.cadre1 .categories-btn a#messageries, .cadre1 .categories-btn a#affraitement, .cadre1 .categories-btn a#stockage{
	background: url(cadre1btns.gif) no-repeat;
	width: 193px;
	height: 98px;
	display:block;
}
.cadre1 .categories-btn a#messageries{background-position: 0px 0px;}
.cadre1 .categories-btn a#affraitement{background-position: -193px 0px;}
.cadre1 .categories-btn a#stockage{background-position: -386px 0px;}

.cadre1 .categories-btn a#messageries:hover{background-position: 0px -103px;}
.cadre1 .categories-btn a#affraitement:hover{background-position: -193px -103px;}
.cadre1 .categories-btn a#stockage:hover{background-position: -386px -103px;}

.tagline{
	margin-top: 215px;
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: white;
	width: 560px;
	margin-left: 5px;
	padding-bottom: 15px;
}
.cadre1 p{
	margin-top: 0px;
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: white;
	width: 560px;
	margin-left: 5px;
}
.cadre2-1, .cadre2-2{
	float: left;
	width: 257px;
	height: 233px;
	margin-left: 2px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: white;
	padding-top: 15px;
}
.cadre2-1{
	margin-top: 2px;
	height: 520px;
}
.cadre2-2{
	margin-top: 64px;
}

a.savoirplus, a.devisindex{
	font-size: 11px;
	text-decoration: none;
	color: #ffc1c1;
	display: block;
	width: 203px;
	background: #b92829 url(arrow.png) no-repeat;
	background-position: 205px 31px;
	padding-left: 5px;
	padding-right:10px;
	padding-top: 5px; padding-bottom: 5px;
	margin-bottom: 15px;
}
a.savoirplus h1, a.devisindex h1{
	color: #fff;
}
a.savoirplus:hover, a.devisindex:hover{
	background: #d32e2f url(arrow.png) no-repeat;
	background-position: 205px 31px;
}
.indexlinks{
	margin-top: 300px;
	margin-left: 18px;
}


.cadre2-1{background:url(demenagement-bg2.jpg) no-repeat;}
.cadre2-2{background:url(ada-bg.jpg) no-repeat;}
.cadre2-1 h2, .cadre2-2 h2{font: bold 24px Arial, Helvetica, sans-serif;text-align: center;margin-top: 10px;}
* html .cadre2-1 h2, * html .cadre2-2 h2{margin-top: 26px;}
*+html .cadre2-1 h2, *+html .cadre2-2 h2{margin-top: 26px;}
.cadre2-1 p, .cadre2-2 p{display: block;width: 250px;margin-top:0px; margin-bottom:5px; margin-left:20px;}
.cadre2-1 .big-link, .cadre2-2 .big-link{margin-top: 127px;}


.cadre1 a:hover#messagerie .hovered{
	background: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
}
* html .cadre1 .hovered, * html .cadre2-1 .hovered, * html .cadre2-2 .hovered{
	margin-left: 19px;
	cursor: pointer;
}
*+html .cadre1 .hovered, *+html .cadre2-1 .hovered, *+html .cadre2-2 .hovered {margin-left: 19px;cursor: pointer;}
.cadre1 .hovered{
	margin-left: 20px;
	margin-top: 20px;
	position: absolute;
	display: block;
	width: 578px;
	height: 415px;
	background: #000;
	opacity: .1;
	filter:alpha(opacity=10);
}

.cadre2-1 a:hover#demenagement .hovered{
	background: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
}

.cadre2-1 .hovered{
	margin-left: 20px;
	margin-top: 2px;
	position: absolute;
	display: block;
	width: 215px;
	height: 190px;
	background: #000;
	opacity: .1;
	filter:alpha(opacity=10);
}
.cadre2-2 a:hover#ada .hovered{
	background: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
}

.cadre2-2 .hovered{
	margin-left: 20px;
	margin-top: 2px;
	position: absolute;
	display: block;
	width: 216px;
	height: 190px;
	background: #000;
	opacity: .1;
	filter:alpha(opacity=10);
}


/* ---- Pages ---- */

#page{
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: white;
	float: left;
	background: url(page-bg.jpg) repeat-y;
	width: 560px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#page-top{
	background: url(page-top-bg.jpg) no-repeat;
	width: 560px;
	height: 17px;
}
#page-bottom{
	background: url(page-bottom-bg.jpg) no-repeat;
	width: 560px;
	height: 17px;
}
	#page h2{
		font: bold 20px Arial, Helvetica, sans-serif;
		margin-top: 10px;
		margin-left: 25px;
		float: left;
	}
	#page .soustitre{
		font: bold 18px Arial, Helvetica, sans-serif;
		display: block;
		margin-top: 12px;
		color: #CCC;
	}
	#page p{
		margin-top: 10px;
		margin-left: 25px;
		margin-right: 25px;
		text-align: justify;
	}
	#page h1{
		font: bold 16px Arial, Helvetica, sans-serif;
		margin-top: 10px;
		margin-left: 25px;
	}
	#page ul{
		margin-left: 25px;
		margin-right: 25px;
	}
	#page li{
		line-height: 24px;
	}
	#deviscont{
		margin-top: 10px;
		margin-left: 150px;
	}
	#deviscont textarea{
		width: 480px;
	}
	#deviscont input.submit{
		width: 100px;
		margin-left: 220px;
	}
	#page a, #page a:visited{
		color: #fff;
		font-weight: bold;
	}
	#page a:hover{
		color: #FF8C8F;
	}
	
.devis{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: white;
	float: left;
	background: url(page-bg.jpg) repeat-y;
	width: 570px;
}
.devis-top{
	background: url(page-top-bg.jpg) no-repeat;
	width: 560px;
	height: 17px;
}
.devis-bottom{
	background: url(page-bottom-bg.jpg) no-repeat;
	width: 560px;
	height: 17px;
}
	.devis h2{
		font: bold 20px Arial, Helvetica, sans-serif;
		margin-top: 10px;
		margin-left: 25px;
	margin-bottom: 15px;
		float: left;
	}
	.devis .soustitre{
		font: bold 18px Arial, Helvetica, sans-serif;
		display: block;
		margin-top: 12px;
		color: #CCC;
	}
	.devis p{
		margin-top: 10px;
		margin-left: 25px;
		margin-right: 25px;
	}
	.devis h1{
		margin-top: 10px;
	}

	
h1{
	font: bold 18px Arial, Helvetica, sans-serif;
}
* html #side{
	padding: 0px;
	margin-top: -2px;
}
#side{
	width: 275px;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 10px;
	text-align: justify;
	margin-top: -12px;
	margin-left: 15px;
}
#side p{
	margin-left: 12px;
	text-align: left;
}
	#side h1{
		font: bold 16px Arial, Helvetica, sans-serif;
	}
	#side a, #side h1{
		background: url(button.jpg) no-repeat;
		background-position-y: 0px;
		display: block;
		height: 28px;
		padding-top: 12px;
		padding-left: 35px;
		margin-bottom: 5px;
		margin-left: 5px;
	}
	#side a:hover, a:hover.grosbouton{
		background-position-y: -40px;
	}
	#side a:active, a:active.grosbouton{
		background-position-y: -80px;
	}
	#side a, #side a:visited, #side h1, #sub a{
		color: #e52b38;
		font-weight: bold;
	}

a.grosbouton{
	background: url(bouton2.jpg) no-repeat;
	background-position-y: 0px;
	height: 28px;
	display: block;
	float: left;
	width: 230px;
	margin-top: 0px;
	padding-top: 12px;
	padding-left: 35px;
	margin-left: 0px;
}

/* Contact ---------- */

#contact{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: white;

	margin-left: 15px;
	
}
#contact #bloc-large{
	width: 820px;
	height: 354px;
	float: left;
	background: url(contact-bg.jpg) repeat-x;
}
#contact #bloc-large h1{
	font: bold 18px Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}
#contact #bloc-large-left{
	background: url(contact-left.jpg) no-repeat;
	width: 15px;
	height: 354px;
	float: left;
}
#contact #bloc-large-right{
	background: url(contact-right.jpg) no-repeat;
	width: 15px;
	height: 354px;
	float: left;
}
#print{
	text-align: right;
	margin-right: 35px;
	margin-top: -65px;
	margin-top: 10px\0;
}
#print a, #print a:visited{
	color: #fff;
	background: #e52b38;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #c4c4c4;
}
#print a:hover{
	background: #fff;
	color: #e52b38;
}
.error{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #ffe400;
}
#contact form{
	margin-left: 15px;
	float: left;
}
* html #contact form{
	margin-left: 5px;
}
*+html #contact form{
	margin-left: 10px;
}
* html .form-float{
	margin-left: 15px;
}
* html label{
	margin-left: 15px;
}
label{
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 0px;
}
* html .form-float span{
	margin-left: 15px;
}
*+html .form-float span{
	margin-left: 15px;
}

* +html .form-float{
	margin-left: 15px;
}
*+html select{
	margin-left: 15px;
}

*+html label{
	margin-left: 15px;
}
input, textarea, select{
	font: bold 10px Arial, Helvetica, sans-serif;
	width: 200px;
	color: #8e0002;
	border: 0px solid #ff3638;
	margin-bottom: 5px;
	margin-top: 2px;
	padding: 3px;
	*padding: 1px;
	padding: 1px\0;
}
* html select{
	margin-left: 15px;
}
textarea{
	height: 85px;
}
input.submit{
	width: 206px;
}

#googlemaps{
	float: left;
	width: 570px;
	margin-top: 14px;
	margin-left: 19px;
}
#adresse{
	background: url(contact-bg2.jpg) no-repeat;
	width: 865px;
	height: 144px;
	margin-bottom: 15px;
	margin-top: 45px;
	margin-top: 15px\0;
}
* html .text-left{
	margin-left: 12px;
}
.text-left{
	width: 500px;
	margin-left: 25px;
	padding-top: 25px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: justify;
	float: left;
}

.text-right{
	float: left;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-align: justify;
	width: 280px;
		margin-left: 20px;
	padding-top: 30px;
}

.form-float{
	float: left;
	width: 250px;
	margin-left: 34px;
}

.spacer{
	width: 64px;
	height: 182px;
	float: left;
}
.clear{
	clear: both;
	height: 15px;
}
a.nostyle{
	background: url(arrow.jpg) no-repeat !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-left: 15px !important;
	padding-left: 20px !important;
}
#footer{
margin-top: 40px;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 850px;
	text-align: center;
	padding: 15px;
	color: #666;
}

#footer a, #footer a:visited{
	color: #666;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

table{
	margin-left: 40px;
	border: 1px solid #000;
	border-collapse:collapse;
	width: 800px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
td, th{
	border: 1px solid #000;
	padding: 3px;
}
.tdred{
	color: #F00;
}