/**********************************************************
		RESET
**********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body {line-height:1.5;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;}table, td, th {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:"";}blockquote, q {quotes:"" "";}a img {border:none;}
a, input, button { outline: none; -moz-outline-width: 0; }
/**********************************************************
		COMMON STYLES
**********************************************************/
strong {font-weight:bold;}
em, dfn {font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
body { text-align: center; }


.large { font-size: 1.25em; line-height: 1.7; }
.larger { font-size: 1.5em; line-height: 1.7; }
img.right { float: right; margin: 0 0 1em 1em; }
img.left { float: left; margin: 0 1em 1em 0; }
.align-center { text-align: center;}
.align-right { text-align: right;}
.quiet { color: #666;}
.image-replaced {
	display:block;
	text-indent:-9999px;
	background:no-repeat 0 0;
	overflow:hidden;
	height: 0;
	font-size: 1em;
}

.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/**********************************************************
		TYPOGRAPHY
**********************************************************/
#wrapper {
	text-align: left;
}
body {
	font: 75%/1.5em arial, 'Helvetica Neue', Helvetica, verdana, sans-serif;
	margin-bottom: 10px;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
a {
	color: #222;
}
a:hover {
	text-decoration: none;
}
p {
	line-height: 1.5;
	margin-bottom: 1em;
}

/**********************************************************
		HEADER
**********************************************************/
#header {
	position: relative;
	height: 90px;
	margin-bottom: 10px;
	border-bottom: 4px solid #97BF0C;
}
.layout-espacepro #header { border-color: #9C1072 }
.layout-espacepro #footer { background: #9C1072 url(../img/footer-violet-left.png) no-repeat; }
.layout-espacepro #footer #lien-corpo a { background-image: url(../img/footer-logo-violet.png); }
.layout-faq #header { border-color: #F29431 }
.layout-faq #footer { background: #F29431 url(../img/footer-orange-left.png) no-repeat; }
.layout-faq #footer #lien-corpo a { background-image: url(../img/footer-logo-orange.png); }
h1#logo {
	float: left;
	
	margin-top: 23px;
	width: 410px;
	height: 67px;
	background: url('../img/logo.png') no-repeat;
}

h1#logo a {
	margin-right: 6px;
	display: block;
	width: 410px;
	height: 0;
	font-size: 1em;
	padding-top: 67px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/logo.png') no-repeat;
}
#header h2 {
	width: 350px;
	height: 0;
	font-size: 1em;
	padding-top: 27px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/baseline.png') no-repeat;
	margin-top: 0;
	position: absolute;
	left: 424px;
	top: 23px;
}
#navlinks {
	float:left;
	padding: 0;
	margin: 59px 0 0 0;
	height: 31px;
	width: 543px;
}

#navlinks li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}

	#navlinks li a {
		position: relative;
		padding: 31px 0 0 0;
		margin: 0;
		height: 0;
		width: 230px;
		float: left;
		display:block;
		background: url('../img/navlinks.png') no-repeat;
		font-size: 1em;
		overflow: hidden;
		text-decoration: none;
	}
		#navlinks li a.navitem {
			text-indent: -2000px;
		}
		#navlinks li#n2 a { background-position: -230px 0px; width: 229px;}
		#navlinks li#n3 a { background-position: -459px 0px; width: 84px;}

	/* 	#navlinks li#na a:hover { background-position: 0px -23px;}
			#navlinks li#nb a:hover { background-position: -139px -23px; }
			#navlinks li#nc a:hover { background-position: -256px -23px;} */
/**********************************************************
		CONTENT
**********************************************************/
#content {
	padding-bottom: 20px;
}
#content p {
	padding: 0 15px;
}


/**********************************************************
		FORMS
**********************************************************/
	form {
		margin-bottom: 2em;
	}
	label {
		color: #858585;
		float: left;
		margin-right: 20px;
		text-align: right;
		width: 145px;
		padding-top: 2px;
	}
	.required label {
		color: white;
	}
	form p {
		clear: both;
		margin: 17px 0 0 0;
		float: left;
	}
	input:focus,
	textarea:focus {
		color: #2C2B2B;
		background-color: white;
	}
	input.disabled, textarea.disabled {
		background-color: #d2d2d2;
		color: #989797;
	}
	input {
		float: left;
		border: 2px solid #F29431;
		height: 17px;
		padding: 5px;
		width: 250px;
		color: #636262;
		font: normal 14px Arial, 'Helvetica Neue', sans-serif;
	}
	textarea {
		border: 1px solid white;
		font: normal 12px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
		padding: 5px;
		color: #636262;
		width: 250px;
		float: left;
		height: 150px;
	}
	form p#message-line {
		height: auto;
		margin-bottom: 0;
	}
	form p.submit {
		clear: both;
		height: auto;
		padding-top: 0;
	}
	form p.submit input {
		border: 0;
		float: none;
		width: 262px;
		margin-left: 165px;
		height: 30px;
		margin-top: 0;
		padding: 0;
		cursor: pointer;
	}
	form p.submit input:hover {
		background-color: #e2e2e0;
	}
	input.error {
		border-color: #B43F2D;
	}
	form p.error label {
		padding-top: 2px;
	}
	form p.error label.error {
		color: #A29A9A;
		font-weight: normal;
		font-size: 0.75em;
		line-height: 17px;
		padding-top: 0;
	}
	form p.error {
		margin-top: 0;
	}
	
/**********************************************************
		FOOTER
**********************************************************/
#footer {
	position: relative;
	clear: both;
	height: 28px;
	padding-top: 10px;
	background: #97BF0C url('../img/footer-green-left.png') no-repeat;
	color: white;
	padding-left: 20px;
}
#footer a {
	color: white;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	float: left;
	display: inline;
	margin-right: 15px;
}
#footer ul li#lien-corpo {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
	display: block;
	width: 140px;
	height: 38px;
}

#lien-corpo a {
	display: block;
	width: 140px;
	height: 0;
	font-size: 1em;
	padding-top: 38px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/footer-logo.png') no-repeat;
}



/* LAYOUTS */
.layout-index #content { width: 660px; }
.layout-index #sidebar { width: 240px; margin-right: 30px;}
#multimodal-menu {
	list-style-type: none;
	margin: 0;
	float: left;
	width: 260px;
	position: relative;
	z-index: 3;
}
.layout-index #multimodal {
	clear: both;
	width: 660px;
	position: relative;
}
/* multimodal */
.layout-index #multimodal-menu li {
	margin: 0 0 5px 0;
	width: 260px;
	line-height: 1em;
}
.layout-index #multimodal-menu li a {
	display: block;
	width: 260px;
	height: 0;
	font-size: 1em;
	padding-top: 45px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/multimodal.png') no-repeat;
	cursor: help;
}
.layout-index #multimodal-menu li#m2 a { background-position: 0px -45px ;}
.layout-index #multimodal-menu li#m3 a { background-position: 0px -90px ;}


.layout-index #multimodal-menu li#m1 a:hover,
.layout-index #multimodal-menu li#m1.active a { background-position: -260px 0px; }

.layout-index #multimodal-menu li#m2 a:hover,
.layout-index #multimodal-menu li#m2.active a { background-position: -260px -45px; }

.layout-index #multimodal-menu li#m3 a:hover,
.layout-index #multimodal-menu li#m3.active a { background-position: -260px -90px; }


#multimodal-content {
	background-color: #F9E4F1;
	width: 399px;
	height: 204px;
	border: 1px solid #9B1072;
	float: left;
	margin-left: -1px;
	z-index: 2;
	position: relative;
}
.layout-index #choix-du-jour { background: url('../img/bigbisou.jpg') bottom right no-repeat; }
.layout-index #confirmation-de-passage { background: url('../img/sexylivreur.jpg') bottom right no-repeat; }
.layout-index #livraison-mains-propres { background: url('../img/mainspropres.jpg') bottom right no-repeat; }


.layout-index #multimodal-content p { width: 200px; margin-bottom: 0; }
#multimodal-content .panel {
	display: none;
	padding: 20px 10px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
* html .layout-index #multimodal-content .panel {
	width: 379px;
	height: 174px;
}
#multimodal-content .panel.active {
	display: block;
}

a#lien-professionnels {
	clear: both;
	float: right;
	display: block;
	width: 340px;
	height: 0;
	font-size: 1em;
	padding-top: 18px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/lien-professionnel.png') no-repeat;
}
#rendez-vous {
	position: relative;
	margin-bottom: 35px;
	height: 125px;
	border-bottom: 1px solid #F29431;
	background: url('../img/ibook-femme.jpg') bottom right no-repeat;
}
	#rendez-vous #trouver-numero {
		font-size: 0.9em;
		color: #F29431;
		position: absolute;
		display: block;
		right: 0;
		bottom: -17px;
	}
	#rendez-vous h1 {
		width: 410px;
		height: 0;
		font-size: 1em;
		padding-top: 20px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('../img/title-prenez-rendez-vous.png') no-repeat;
	}
	#rendez-vous-inner {
		padding-left: 55px;
		padding-top: 25px;
	}
	#rendez-vous small {
		color: #999999;
		margin-left: 8px;
		font-size: 0.9em;
	}
	form p.submit, form p.input {
		float: left;
		clear: none;
		width: 250px;
	}
	p.submit { width: 90px;}
	
	form p.submit input {
		padding: 0;
		width: 84px;
		border: 0;
		height: 32px;
		margin: 0;
	}
#tatex-pratique h1 {
	margin-bottom: 12px;
	margin-left: 55px;
	width: 290px;
	height: 0;
	font-size: 1em;
	padding-top: 24px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/title-tatex-at-home-en-pratique.png') no-repeat;
}

.layout-espacepro #content h1.title {
	width: 876px;
	height: 0;
	font-size: 1em;
	padding-top: 28px;
	text-indent: -2000px;
	margin: .5em 0 1.5em;
	overflow: hidden;
	background: url('../img/title-espacepro.png') no-repeat;
}
.layout-espacepro #multimodal {
	width: 940px;

}
.layout-espacepro #multimodal-menu,
.layout-espacepro #multimodal-menu li,
.layout-espacepro #multimodal-menu li a {
	width: 220px;

}
.layout-espacepro #multimodal-menu li a {
	display: block;
	height: 0;
	font-size: 1em;
	padding-top: 110px;
	text-indent: -2000px;
	overflow: hidden;
	margin-bottom: 10px;
	background: url('../img/espacepro.jpg') no-repeat;
	cursor: help;
}

.layout-espacepro #multimodal-menu li#m2 a { background-position: 0px -110px ;}
.layout-espacepro #multimodal-menu li#m3 a { background-position: 0px -220px ;}


.layout-espacepro #multimodal-menu li#m1 a:hover,
.layout-espacepro #multimodal-menu li#m1.active a { background-position: -220px 0px; }

.layout-espacepro #multimodal-menu li#m2 a:hover,
.layout-espacepro #multimodal-menu li#m2.active a { background-position: -220px -110px; }

.layout-espacepro #multimodal-menu li#m3 a:hover,
.layout-espacepro #multimodal-menu li#m3.active a { background-position: -220px -220px; }

.layout-espacepro #multimodal-content {
	background: white;
	width: 719px;
	height: 550px;
}
.layout-espacepro #multimodal-content .panel {
	padding: 20px;
}
#livraison-un-chauffeur,
#livraison-deux-chauffeurs {
	width: 330px;
	float: left;
	display: inline;
}
#livraison-un-chauffeur {
	margin-right: 19px;
}
#content .panel ul li.blank {
	list-style-type: none;
	list-style-image: none;
}
#pour-vos-clients.panel ul  { list-style-image: url(../img/puce-vert.png);}
#pour-vous.panel ul { list-style-image: url(../img/puce-violet.png);}
#les-formules.panel ul { list-style-image: url(../img/puce-orange.png);}

.layout-espacepro .panel h1 {
	margin-bottom: 1.25em;
}

#pour-vous.panel h1 {
	width: 466px;
	height: 0;
	font-size: 1em;
	padding-top: 28px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/espacepro-titles/souplesse.png') no-repeat;
}
#pour-vos-clients.panel h1 {
	width: 705px;
	height: 0;
	font-size: 1em;
	padding-top: 28px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/espacepro-titles/livraison-haute-qualite.png') no-repeat;
}
#livraison-un-chauffeur h1,
#livraison-deux-chauffeurs h1 {
	width: 220px;
	height: 0;
	font-size: 1em;
	padding-top: 44px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/espacepro-titles/deux-chauffeurs.png') top left no-repeat;
}
#livraison-un-chauffeur h1 {
	background-image: url('../img/espacepro-titles/un-chauffeur.png');
	background-position: 0 4px;
}

#les-formules ol {
	list-style-type: none;
	margin: 0;
}
#les-formules ol li {
	clear: both;
}
#les-formules ol li .number {
	float: left;
	display: block;
	width: 6%;
	font-weight: bold;
	font-size: 1.25em;
	color: #F29431;
}
#les-formules ol li .text {
	float: left;
	display: block;
	width: 93%;

}
#content h2 {
	font-size: 1.5em;
	margin-bottom: .75em;
	color: #F29431;
}
#content #pour-vous h2 { color: #9C1072;}
#content #pour-vos-clients h2 { color: #97BF0C;}


.layout-legal #content h1 {
	width: 188px;
	margin-bottom: 1em;
	height: 0;
	font-size: 1em;
	padding-top: 24px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../img/espacepro-titles/legal.png') no-repeat;
}