body {background:url(../images/body-fd.jpg) 0% 0% repeat-x; margin-top:20px; 
font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
form {margin: 0 0 0 0;}

/********** DECOUPE **************/
div#brand {float: left; width: 770px; border-bottom: 1px solid #e8e8e8; background:#fff;}
div#content {width: 770px; margin:auto; padding:30px;}
div#primary_content { float:left; width: 470px; padding: 10px 20px 0px 20px; margin: 0px 0 0 0;}
div#secondary_content { float:right; width: 220px; padding: 15px 20px 0px 20px;}
div#footer {width: 750px; background: #eae9e9; padding: 10px 0 10px 20px; margin-top: 20px; .margin-top: 40px;}


/******** typos génériques ************/
h1 {font-size: 1.6em; margin: 0; padding: 0;}
h2 {font-size: 1.4em; margin: 0; padding: 0;}
h3 {font-size: 1.2em; margin: 0; padding: 0;}
h4 {font-size: 1.1em; font-weight: bold;}
h5 {font-size: 1em; font-weight: bold; margin: 3px 0 3px 0;}
p {color: #666; line-height: 1.1em; margin: 0; padding: 0;}
img {border: 0;}

a.voirplus {display: block; color: #b50101; font-weight: bold; background: url(../images/puce_faxvirtuel.gif) 0px 0px no-repeat; 
padding: 0px 0 0 25px; margin-top: 10px;}
a.voirplus:hover {text-decoration: none;}

.rouge { color:#bc0202; }

A.rouge { text-decoration:none; }
A.rouge:link { text-decoration:none; }
A.rouge:visited { text-decoration:none; }
A.rouge:hover { text-decoration:underline; }

.bold {font-weight: bold;}
.caps {text-transform:uppercase;}
.espaceimage {margin-bottom: 20px;}
.packspaces {margin-right: 12px; margin-top: 10px;}
.topspace {margin-top: 10px;}

/**** brand ************/
div#brand ul {margin:0; padding:0; float: right;}
div#brand ul li {float: left; list-style: none; display: inline; background: url(../images/fax_nav-fd-left.gif) 5px 5px no-repeat; 
padding: 5px 0px 0px 10px;}
div#brand ul li a {float: left; font-size: 0.85em; color: #fff; font-weight: bold; text-decoration: none; 
background:url(../images/fax_nav-fd-right.gif) 100% 0% no-repeat; padding: 5px 8px 5px 8px;}
div#brand ul li a:hover {color:#c81012;}
div#brand ul li.on {background: url(../images/fax_nav-fd-left_on.gif) 5px 5px no-repeat;}
div#brand ul li.on a {color: #c81012; background:url(../images/fax_nav-fd-right_on.gif) 100% 0% no-repeat;}

div#brand p {float: right; color: #666; font-size: 0.8em; margin:0; padding:0;}
div#brand p a {color: #666; text-decoration: none; padding: 2px 6px 2px 6px;}

div#brand img#logo {float: left; margin: 8px 0px 0px 0px;}


/*** primary content ****/
div.contentL {float: left; width: 430px; background: #fff; margin: 10px 0 15px 0; padding: 10px 20px 10px 20px;}
div.contentL p {padding: 5px 0px 0px 0;}
div.contentL ul {color: #666; margin: 0;}
div.contentL p a {color: #f60; background: none; margin: 0; padding: 0;}
div.contentL p a:hover { text-decoration: none;}

/*** secondary content ****/
div#secondary_content h4 {width: 200px; font-size: 0.9em; padding: 10px 10px 10px 15px; background: url(../images/Fax_ils_en_parlent_titre_fd.gif) 0% 0% no-repeat; margin: 15px 0 0 0;}
div#secondary_content img.packspaces {margin-right: 12px; margin-top: 10px;}
div#secondary_content h3 {line-height: 1em; margin-top:20px;}

div.rubspecial { width: 200px; background:url(../images/fond_rubright.gif) 0% 100% no-repeat; border-top: 1px solid #c9c9c9; margin: 0 0 20px 0;  padding: 0px 10px 5px 15px;}
div.rubspecial p {font-size: 0.85em; padding: 10px 0px 5px 0px;}
div.rubspecial p img {float: left; padding: 0 10px 0 0;} 
div.rubspecial ul {margin: 0; padding: 10px 0px 5px 0px;}
div.rubspecial ul li {margin: 0; padding: 0; list-style: none; background: url(../images/puce-carre.gif) 0 7px no-repeat; padding: 0 0 8px 10px; font-size: 0.85em; color: #666;}
div.rubspecial a {font-size: 0.85em; display: block; color: #f60; font-weight: bold;
padding: 0px; margin: 0px 0 5px 0px;}
div.rubspecial a:hover {text-decoration: none;}

div.pavesecupayer { width: 200px; border: 1px solid #c9c9c9; margin: 20px 0 20px 0;  padding: 0px 10px 5px 15px;}
div.pavesecupayer img {padding-left: 30px;}
/******* footer *********/
div#footer ul {font-size: 0.9em; color: #6a6a6a; margin: 0 0 5px 0; padding: 0; text-align: center;}
div#footer ul li {display: inline; list-style: none; padding: 0 8px 0 0; margin: 0; }
div#footer ul li a {color: #6a6a6a; text-decoration: none; padding: 0 8px 0 0; margin: 0; }
div#footer ul li a:hover {text-decoration: underline;}
div#footer p.mentions { text-align: center;font-size: 0.9em; color: #999;}


a.telecharger {
 display: block;
 margin: 5px 0 0 0;
 background: url(../images/icon_telecharger.gif) 0% 2px no-repeat;
 padding: 5px 0 0 25px;
 color: #ff6d00;
 text-decoration: none;
}
a.telecharger:hover {color: #333;}



form.inscription {margin: 0; padding: 0; float: left; width: 140px;}
form.inscription input {font-size: 0.8em; color: #666; width: 105px; height: 12px; border: 1px solid #9b9b9b; margin: 5px 0 0 0; padding: 2px 0 2px 5px; float: left;}
form.inscription input.bt {font-size: 0.9em; width: 22px; height: 18px; color: #fff; float: left; font-weight: bold; background: #9b9b9b; margin: 5px 0 5px 3px; padding: 0 0 4px 0; float: left;}