/* 
CSS Sheet
created by: Decroux Fabien
M. Ducret SA - Tous droits réservés
*/

/*========================== General ==========================*/

body {
margin: 0 0 15px 0;
padding:0;
font-family: Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size: .8em;
line-height: 1.6em;
color: #404040;
background: #f3f3f3 url(../images/body-bg.png) top left repeat-x;
}

h1 {
text-indent: -5000px;
font-size: 1px;
line-height: 1px;
text-decoration: none;
}

h2 {
margin: .5em 0 .7em 0;
padding: 0;
font-size: 1.6em;
font-weight: normal;
color:#333;
}

h3 {
margin: 1.4em 0 0 0;
padding: 0;
font-size: 1.1em;
line-height: 1.2em;
font-weight: normal;
color:#3965c8;
}

h3 span {
color: #6d9c07;
}

h3.underlined {
padding-bottom:4px;
background:url(../images/hr3.png) left bottom no-repeat;
}

a {
color:#3F3F3F;
text-decoration: none;
}

a:visited {
color:#3F3F3F;
text-decoration: none;
}

a:hover, a:focus {
text-decoration: underline;
color:#000;
}

ul, li {
margin: 0;
padding: 0;
line-height:1.3em;
}

ul {
margin:5px 0 0 17px;
}

img {
padding:0;
border: 0 none;
}

blockquote {
margin: 20px 0 0 0;
padding: 0 0 10px 0;
background: url(../images/icon_quote.gif) no-repeat left 2px;
}

.quote {
margin: 0;
padding: 0;
}

.quote dt, dd {
padding: 0 0 0 30px;
margin: 0;
}

.quote em {
padding: 0;
margin: 0;
color: #999;
font-style: normal;
}

label {
float:left;
width:8em;
text-align:right;
padding-right:18px;
color:#9BB50C;
}

textarea {
width:73%;
height:15em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #aaa;
padding:3px;
}

textarea.fullsize {
width:98%;
height:10em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #aaa;
padding:3px;
}

input.textfield {
width:73%;
background:#fff;
border:1px solid #aaa;
padding:3px;
}

input.textfield:focus, textarea:focus {
background:#F5FFDC;
}

.hide {
position:absolute;
text-indent: -5000px;
font-size: 0px;
line-height: 1px;
text-decoration: none;
}

.crumbs {
float:left;
padding:15px 0 0 0;
margin:0 0 0 35px;
font-size:1em;
display:inline;
}

.crumbs a {
text-decoration:underline;
}

.clear {
clear:both;
margin:0;
padding:0;
}

#shadow {
clear: both;
margin: 0 auto;
width: 775px;
height: 9px;
background: url(../images/shadow.png) left top no-repeat;
font-size: 1px;
}

/*========================== Accessibility ==========================*/

#accessibility {
position: relative;
width: 775px;
margin: 0 auto;
text-align:left;
height:1.6em;
padding:0;
}

#accessibility ul {
position: absolute;
padding: 0;
margin:0;
top:3px;
right:2px;
display:inline;
list-style-type:none;
}

#accessibility li {
float: left;
padding: 0;
margin:0;
text-indent: 5px;
}

#accessibility a {
color:#666;
font-size:0.85em;
}

#accessibility a:hover {
text-decoration:underline;
color:#333;
}

/*========================== Header ==========================*/

#header {
position:relative;
padding:0;
margin:0 auto;
width:775px;
height:151px;
background:url(../images/header.png) no-repeat;
}

a#link-home {
position: absolute;
left: 30px;
top: 25px;
width: 230px;
height: 100px;
}

/*========================== Main Menu ==========================*/

#menu {
position: relative;
width: 775px;
height: 53px;
margin: 0 auto;
text-align:left;
background: url(../images/fondmenu.png) left top no-repeat;
}

#menu ul {
position: absolute;
padding: 0;
margin:0;
top: 13px;
right:21px;
width: 505px;
height: 35px;
list-style: none;
background: yellow;
background: transparent url(../images/menu.png) left top no-repeat;
}

#menu li {
float: left;
padding: 0;
margin:0;
text-indent: 50px;
}

#menu li a {
display: block;
height: 35px;
text-decoration: none;
line-height: 35px;
color: #C6C1A3;
}

#menu a {
width: 108px;
}

#menu a#home, #menu a#home_on {
width: 37px;
}

#menu a#language, #menu a#language_on {
width: 36px;
}

#menu li a span {
position: absolute;
left: -5000px;
}

#menu li a:hover 				{background: transparent url(../images/menu.png) top left no-repeat;}
#menu a#home:hover 				{background-position:0px -35px;color: #6882c3;}
#menu a#presentation:hover 		{background-position:-37px -35px;color: #6882c3;}
#menu a#moving:hover 			{background-position:-145px -35px;color: #8fab10;}
#menu a#chantiers:hover 		{background-position:-253px -35px;color: #ffc326;}
#menu a#contact:hover 			{background-position:-361px -35px;color: #ffc326;}
#menu a#language:hover 			{background-position:-469px -35px;color: #ffc326;}

/* Button is selected */

#menu li a#home_on 				{background: transparent url(../images/menu.png) top left no-repeat; background-position: 0px -35px; cursor:default; color: #6882c3;}
#menu li a#presentation_on		{background: transparent url(../images/menu.png) top left no-repeat; background-position: -37px -35px; cursor:default; color: #6882c3;}
#menu li a#moving_on			{background: transparent url(../images/menu.png) top left no-repeat; background-position:-145px -35px; cursor:default; color: #6882c3;}
#menu li a#chantiers_on 		{background: transparent url(../images/menu.png) top left no-repeat; background-position:-253px -35px; cursor:default; color: #6882c3;}
#menu li a#contact_on 			{background: transparent url(../images/menu.png) top left no-repeat; background-position:-361px -35px; cursor:default; color: #6882c3;}
#menu li a#language_on 			{background: transparent url(../images/menu.png) top left no-repeat; background-position:-469px -35px; cursor:default; color: #6882c3;}

/*========================== Menu Right ==========================*/

#menu_right							{float:right; width:180px; margin: 40px 15px 0 0;display: inline; }
#menu_right ul						{font-size:1em; list-style-type:none; margin: 0 0 2em 0;}
#menu_right li						{background:url(../images/h2_bg.gif) bottom repeat-x;}
#menu_right a						{background:url(../images/arrow_grey.gif) left no-repeat; text-decoration:none; color:#666;  display:block; padding:0 0 2px 20px; width:160px; line-height: 2.5em;}
#menu_right a:hover					{background:url(../images/arrow_blue.gif) left no-repeat; color:#1280b8;}
#menu_right a.menu_on				{background:url(../images/arrow_blue.gif) left no-repeat; color:#1280b8; cursor:default;}

/*========================== mainBody ==========================*/

#mainBody {
margin:0 auto;
width:775px;
background: url(../images/fond_col.png) left top repeat-y;
}

/* home ----------------------------------------------- */
.home #mainBody {
background: url(../images/fond.png) left top repeat-y;
}

.home h3 {
margin:5px 0 0 0;
font-size:1.4em;
}

.home .img_relocation {
float:right;
margin: 10px 45px 5px 0;
}

.home ul {
margin: 5px 0 0 0;
}

.home p {
margin: 0 0 3px 0;
}

.home #welcome a {
color: #6d9c07;
padding-left:20px;
text-decoration: none;
background: url(../images/blue_arrow.gif) left no-repeat;
}

.home #welcome a:hover, .home #welcome a:hover {
background: #fffae4;
background: #fffae4 url(../images/blue_arrow.gif) left no-repeat;
}

.home #welcome {
float:left;
padding:0;
margin:15px 0 10px 33px;
width:400px;
display: inline;
}

.home #welcome h2 {
line-height:0.7em;
}

.home #welcome p {
line-height:1.8em;
}

.home #movingA, #chantiersA {
float:left;
margin: 0 0 15px 33px;
padding:0;
width:400px;
display: inline;
}

.home #movingA p, .home #chantiersA p {
margin-top:27px;
line-height:1.5em;
display:inline;
}

.home #movingA h3 a, .home #chantiersA h3 a {
color:#3965c8;
}

.home #movingA span , .home #chantiersA span {
float:left;
margin:2px 0 3px 0;
color:#555;
font-weight:bold;
font-size:0.85em;
text-transform:uppercase;
width:400px;
}

.home #movingA img, .home #chantiersA img {
float:left;
margin:4px 10px 0 0;
display: inline; 
}

.home #services {
float:right;
margin:5px 30px 0 0;
padding-bottom:20px;
width:247px;
background: white url(../images/quotation.png) bottom right no-repeat;
display: inline; 
}

.home #services li {
margin: 4px 0 5px 0;
padding-left: 20px;
line-height: 1.2em;
background: url(../images/puce.png) left top no-repeat;
list-style-type: none;
}

.home #and {
float:right;
margin:15px 45px 0 0;
width:265px;
display: inline; 
}

.home #and li {
margin: 4px 0 5px 18px;
line-height: 1.2em;
list-style-type: square;
}

/* content ------------- */
#content {
float:left;
padding:0;
margin:10px 0 15px 33px;
width:510px;
display: inline; 
}

#content img {
float:left;
margin: 10px 30px 10px 0;
}

#content a {
color: #6d9c07;
text-decoration: none;
}

#content a:hover {
background: #fffae4;
}

#content table {
margin:0;
padding:10px 0 0 0;
border:0;
}

#mainBody #content table tr {
height:110px;
}

#content table tr td img {
float:none;
margin:0;
padding:0 25px 0 0;
}

#content table td.td1 {
text-align:center;
vertical-align:top;
}

#content table td.td2 {
float:left;
width:100%;
}

#mainBody #content table tr.tr_title {
height:40px;
vertical-align:top;
}

#content table td.td_title {
font-size:1.2em;
font-weight:bold;
color:#666;
}

/* devis-demenagement ----------------------------------------------- */
.devis-demenagement form {
margin-top:200px;
}

/* devis-demenagement---------------------------- */
.devis-demenagement form {
margin-top:20px;
}

/* direction----------------------------------------------- */
.direction #content table 	h3 {
margin-top:2px;
}

.direction #content table 	p {
line-height:1.4em;
}

/* affiliations-------------------------------------------- */
.affiliations #content table 	h3 {
margin-top:2px;
}

.affiliations #content table 	p {
line-height:1.4em;
}

/* satisfactions-------------------------------------------- */
.satisfactions #content table 	h3 {
margin-top:2px;
}

.satisfactions #content table 	p {
line-height:1.4em;
}

/* garde-meubles-genève-suisse-------------------------------------------- */
.garde-meubles-genève-suisse h3 {
clear:both;
}

.garde-meubles-genève-suisse #content img {
margin-bottom:20px;
}

/* demenagement-geneve-suisse  --------------- */
.demenagement-geneve-suisse #content li {
line-height:1.6em;
}

.demenagement-international #content li {
line-height:1.6em;
}

/* plan-acces  ------------------------------------------ */
.plan-acces {
margin: 0 40px 0 0;
}

.plan-acces #content img {
margin: 20px 40px 20px 0;
}

/* histoire-entreprise  ------------------------------------------ */
.histoire-entreprise #content img {
margin: 7px 20px 10px 0;
}

/* questions-frequemment-posees -------------- */
.questions-frequemment-posees #content p {
margin-top:0.4em;
}

/* plan-du-site -------------- */
.plan-du-site #content ul ul {
padding:10px 0 0 35px;
}

.plan-du-site #content h3 a {
margin: 1.4em 0 0 0;
padding: 0;
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
color:#3965c8;
}

.plan-du-site #mainBody {
background: url(../images/fond.png) left top repeat-y;
}


/*========================== Footer ==========================*/

#footer {
margin: 0 auto;
padding:8px 0 8px 0;
width: 775px;
font-size: 0.85em;
text-align: center;
color:#555;
background: url(../images/footer.png) left bottom no-repeat;
}

#footer p {
position:relative;
padding:0 0 2px 0;
line-height:1.4em;
margin:0;
}

#footer a {
color:#555;
text-decoration:none;
}

#footer a:hover {
color:#000;
}