@font-face {
  font-family: "menu font";
  src: url("fonts/UbuntuTitling-Bold-webfont.ttf");
}

            
a { color: #6D6F72; text-decoration: underline;}
a { color: #9A9A9B; }
                     
@font-face {
  font-family: "menu font";
  src: url("fonts/UbuntuTitling-Bold-webfont.ttf");
}  

a { color: #6D6F72; text-decoration: underline;}
a { color: #9A9A9B; }
html, body {  height: auto; min-height: 1000px; width:100%; margin:auto; margin-top: 0; font:13px/1.231 arial,helvetica,clean,sans-serif; background-color: #2f4d73; color:#6D6F72; }
h2 { color:#000000; font-weight:bold; font-size: 16px!important;  border-bottom: 1px solid #DDD; padding-bottom:10px; margin-bottom:20px; }
h3 { padding:4px; background: #F8F2E5; color:#000000; font-weight:bold; font-size:14px; border: 1px solid #DDD; border-bottom:none; }
p {  margin: 4px 0px; text-align: justify; margin:5px 0px; }
a{ color:#6D6F72; text-decoration: underline; }
a:hover{ color: #9A9A9B;}
.top-round { -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;  
}
.menu-link { color: #1B619B; font-size: 115% !important; text-decoration: none;}
.box { font-family: "menu font"; margin-left: 100px;}
#container { width: 960px; margin:0px auto; background: #FFFFFF; border-left:1px solid #ccc; border-right:1px solid #ccc; -webkit-box-shadow: 0px 0px 20px #F8F2E5; -moz-box-shadow: 0px 0px 20px #F8F2E5; box-shadow: 0px 0px 20px #F8F2E5;  }
#header { position: relative;  }
#right-menu { position: absolute; padding: 10px; right:20px; font-size: 10px; } /*width:250px; */
#logo { border: none; font-size:25px;height: 354px; color:#1B619B; font-family: LogoFont; clear:both; background:url('/laatf/tpl/images/entete.jpg') no-repeat; }
/* #logo span.box  { border:1px solid #CCC; -moz-border-radius: 5px; border-radius: 5px;  }*/
#menu-container a { font-family: "menu font"; }
#menu-container {  color:#FFFFFF; padding:2px; background: #053f87;}
#menu-container a:link, #menu-container a:visited { color:#fad368; text-decoration: none; font-size:15px; padding:6px 8px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
#menu-container a.current { background:#000; color:FFF; }
#menu-container a:hover, #menu-container a:active, #menu-container a.current:hover, #menu-container a.current:active { background:#ffffff; -moz-border-radius: 5px; border-radius: 5px;  }
#short-quote-form { float:left; margin:10px 0px 0px 12px; width:232px; }
form { border:1px solid #DDD;  }
fieldset { padding:5px; }
label { display:block; margin:15px 0px 2px 0px; }
select { padding:2px; height:24px; }
input[type=text] { padding:2px; height:24px; }
button { display:block; font-weight:bold; background:#D75A20; color:#FFFFFF; padding:3px 6px; -moz-border-radius: 5px; border-radius: 5px; border:2px solid #ffb08b; cursor: pointer; float:right; margin-right: 6px; }
.navigation-container { padding:5px 0px; background:#F8F2E5; margin-top: 10px;   }
#content { padding:4px; }
#footer { text-align:center; margin-top:20px; padding: 10px 0px 20px 0px; border-top: 1px dotted #ccc; color:#AAA; clear:both; }
#footer a { color:#9A9A9B }
#box-newsletter h3, #box-newsletter .navigation-container { background: #D3E0EA;}
#homme_tout_faire { width: 960px; height:30px; background-color: #ffffff;}
#homme_tout_faire span { font-family: "menu font"; float: right; margin-right: 30px; font-size: 200%; width: 400px; color: #F8F2E5; }
.why-us { float:left; width:230px; margin:10px;  }
.why-us ul { padding:0px 0px 10px 10px; }
.why-us ul li { padding:5px 0 5px 30px; background:#FFFFFF url('../images/sprite.png') no-repeat; background-position:0px -20px; border-bottom: 1px dashed #DDD; }
.about-us { float:left; width:400px; margin:10px; }