/* 3emeVie CSS */
@import url('innervariante.css');

body {
 margin:0px;
 padding:0px;
 background:#DEE2F1 url(images/background.gif) repeat-x top;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000
}

a { color:#008CC9; text-decoration:underline; }
a:hover { color:#008CC9; text-decoration:none }

#header {
 width:1000px;
 background:#F2F2FA url(images/header.gif) no-repeat top left;
 overflow:hidden;
 margin:0px auto;
 padding:0px;
}

#logo {
 margin:0px 0px 0px 49px;
 padding:0px;
 float:left
}

#header #description {
 width:600px;
 float:left;
 margin:30px 0px 0px 100px;
 text-align:right;
 line-height:20px;
}

#header h1.home {
 color:#004D80;
 width:445px;
 text-align:center;
 font-size:26px;
 float:left;
 margin:50px 0px 0px 220px;
 padding:0px;
}

#header h1 span { color:#008CC9 }

/*-- Homepage  --*/
div.home {
 width:990px;
 margin:0px auto;
 padding:0px;
 clear:both
}

#blue {
 float:left;
 width:470px;
 margin:2px 0px 0px 0px;
 padding:0px 0px 10px 0px;
 background:url(images/blue-background.jpg) no-repeat bottom right;
 overflow:hidden
}

#blue h2 {
 background:url(images/home-blue-h2.jpg) no-repeat top left;
 overflow:hidden;
 margin:0px;
 padding:13px 0px 21px 60px;
}

#blue h3 {
 color:#008CC9;
 font-size:11px;
 text-transform:uppercase;
 background:url(images/arrow-h3-home.gif) no-repeat top left;
 margin:0px 0px 0px 45px;
 padding:0px 0px 0px 20px;
}

#blue h4 {
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF;
 clear:both;
 margin:2px 0px 0px 48px;
 padding:0px;
}

html>body #blue h4 { margin-top:10px }

#blue img.maisons {
 float:left;
 margin:2px 10px 0px 42px;
 padding:0px;
}

#blue p {
 margin:0px;
 padding:10px 10px 0px 0px;
}

#blue table { width:420px; margin:2px 0px 8px 28px; padding:0px; }
#blue table td { text-align:right; padding:1px 0px 0px 0px; }
#blue div.name { width:50px; float:left; text-align:left; background:url(images/form-arrow.gif) no-repeat left; padding:0px 0px 0px 8px; margin:0px 0px 0px 10px; }
#blue input { border:1px solid #909090; width:120px; }
#blue select { width:90%; text-align:left; border:1px solid #909090 }
#blue input.valider { border:0px; width:auto}
#blue form { margin:0px; padding:0px }

html>body #blue div.name { margin:0px 0px 0px 18px}

#blue ul {
 margin:20px 0px 11px 38px;
 padding:0px;
 list-style:none;
 clear:both;
}

#blue ul li {
 margin:5px 0px 0px 0px;
 padding:0px 0px 0px 20px;
 background:url(images/arrows-orange.gif) no-repeat left;
 color:#DAEBFB;
 text-transform:uppercase;
 font-weight:bold
}

#blue ul li a {
 color:#DAEBFB;
text-decoration:none;
}

#blue ul li a:hover {
 color:#cccccc;
}

#map {
 float:left;
 width:492px;
 height:346px;
 background:url(images/map.jpg) no-repeat top left;
 margin:2px 0px 0px 0px;
 padding:0px;
}

#map h5 {
 margin:0px;
 padding:0px 0px 0px 0px;
 font-size:12px;
 color:#3E3F3F;
 text-transform:uppercase
}

#map ul {
 width:121px;
 float:right;
 margin:10px 8px 0px 0px;
 padding:0px;
 list-style:none;
}

#map ul ul {
 margin:0px;
 padding:0px 0px 15px 0px;
 float:none;
 background:url(images/map-menu-background.gif) no-repeat top left;
}

#map ul li.forum {
 display:block
}

#map ul li.forum a {
 width:121px;
 background:url(images/forum-menu.gif) no-repeat top left;
 color:#3E3F3F;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 text-align:center;
 margin:0px;
 padding:10px 0px 8px 0px;
 display:block
}

#map ul li.emploi {
 display:block
}

#map ul li.emploi a {
 width:121px;
 background:url(images/empoli-menu.gif) no-repeat top left;
 color:#3E3F3F;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 text-align:center;
 margin:0px;
 padding:10px 0px 11px 0px;
 display:block
}

#map ul li ul li {
 margin:5px 0px 0px 0px;
 padding:0px 0px 0px 15px;
 color:#537DC6;
}

#map img {
 float:right;
 margin:0px;
 padding:0px;
}

#purple {
 float:left;
 width:472px;
 background:url(images/pink-background.gif) no-repeat bottom right;
 overflow:hidden;
 margin:5px 0px 0px 0px;
 padding:0px 0px 7px 0px;
}

#purple h2 {
 margin:0px;
 padding:15px 0px 11px 45px;
 background:#0000FF url(images/home-pink-h2.gif) no-repeat top left;
}

#purple h3 {
 color:#000000;
 font-size:12px;
 background:url(images/arrows-orange.gif) no-repeat left;
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 20px;
 text-transform:uppercase;
 float:left
}

#purple img.float {
 float:left;
 margin:0px 10px 0px 25px;
}

#purple p {
 margin:0px;
 padding:0px 10px 20px 0px;
}

#purple a {
 color:#D22700;
 text-decoration:none;
 font-weight:bold
}

#purple a:hover {
 color:#D22700;
 text-decoration:underline;
}

#purple a.link {
 background:url(images/purple-link.gif) no-repeat top left;
 margin:0px;
 padding:8px 65px 7px 25px;
 text-transform:uppercase;
 color:#ffffff;
 width:231px;
}

#purple a.link:hover {
 color:#FFFFFF;
 text-decoration:none
}

#darkpurple {
 float:left;
 width:494px;
 height:176px;
 background:url(images/purple-dark.gif) no-repeat top left;
 overflow:hidden;
 margin:6px 0px 0px 0px;
 padding:0px;
}

#darkpurple ul {
 width:240px;
 float:left;
 margin:0px 0px 0px 20px;
 padding:0px;
 list-style:none;
}

#darkpurple ul li {
 background:url(images/square-arrow.gif) no-repeat left;
 margin:0px 0px 0px 3px;
 padding:5px 0px 5px 17px;
 border-bottom:1px dashed #B5B5B5
 width:100px;
}

#darkpurple ul li.first {
 margin:50px 0px 0px 0px;
 padding:0px;
 background:none;
 border:0px;
}

#darkpurple h3 {
 color:#3E3F3F;
 font-size:12px;
 text-transform:uppercase;
 margin:0px 0px 15px 0px;
 padding:0px 0px 0px 20px;
 background:url(images/arrows-orange.gif) no-repeat left;
 text-align:left;
}

#darkpurple form h3 {
 margin:50px 0px 15px 20px;
}

#darkpurple form {
 width:170px;
 float:left;
 margin:0px 0px 0px 0px;
 padding:0px;
 text-align:right
 border:solid 5px #FF0000;
}
#title {
	position: absolute;
	margin-top: 319px;
	margin-left: 121px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

html>body #darkpurple form { margin:0px 0px 0px 0px; }

#darkpurple select {
 border:1px solid #7F9DB9;
 text-align:left;
 padding:1px 0px 1px 3px;
 width:150px;
 margin:0px 0px 3px 0px;
}

.footer {
 clear:both;
 margin:0px;
 padding:7px 0px 10px 0px;
 text-align:center;
 color:#627EAF;
}

.footer a {
 color:#627EAF;
 text-decoration:none;
}

.footer a:hover {
 color:#627EAF;
 text-decoration:underline;
}

.listing ul {
 margin:20px 0px 11px 38px;
 padding:0px;
 list-style:none;
 clear:both;
}

.listing ul li {
 margin:5px 0px 0px 0px;
 padding:0px 0px 0px 20px;
 background:url(images/arrows-orange.gif) no-repeat left;
 color:#DAEBFB;
 text-transform:uppercase;
 font-weight:bold
}

.listing ul li a {
 color:#DAEBFB;
text-decoration:none;
}

.listing ul li a:hover {
 color:#cccccc;
}