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: 15px 20px 0px 20px;}
div#secondary_content { float:right; width: 220px; padding: 15px 20px 0px 20px;}
div#footer {width: 750px; background:url(../images/footer-fd.gif) 0% 0% repeat-x; padding: 10px 0 0 20px;}


/******** typos génériques ************/
h1 {font-size: 1.9em; margin: 0;}
h2 {font-size: 1.5em; margin: 0;}
h3 {font-size: 1.4em; margin: 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;}

h5.titreplus {display: block; color: #f60; font-weight: bold; background: url(../images/puce.gif) 0px 0px no-repeat; 
padding: 0px 0 0 25px; margin-top: 20px;}
a.voirplus, a.voirplusleft, a.voirplusright, a.voirplustab {display: block; color: #f60; font-weight: bold; background: url(../images/puce.gif) 0px 0px no-repeat; 
padding: 0px 0 0 25px; margin-top: 10px;}
a.voirplus:hover, a.voirplusleft:hover, a.voirplusright:hover, a.voirplustab:hover {text-decoration: none;}
a.rubspecialpicto {font-size: 0.85em;display: block; color: #f60; font-weight: bold; background: url(../images/picto_clic_transparent.gif) 0px 0px no-repeat; 
padding: 0 0 0 13px; margin: 0 0 5px 0;}
a.rubspecialpicto:hover,  {text-decoration: none;}
a.voirplusleft {float:left;}
a.voirplusright {float:right;}
/*a.rubspecialpicto {float:right;}*/
a.voirpluslist {font-size:.8em}
a.voirplustab {height:15px}

a.top {font-size: 11px; color: #ff8f25; text-decoration:none; margin: 0 0 5px 15px; display: block;}
a.top:hover {text-decoration:underline;}

.positionR {float: right; margin-left: 8px;}
.orange {color: #ff6d00;}
.black {color: #000;}
.gris {color: #555;}
.blanc {color: #fff;}
.bold {font-weight: bold;}
.caps {text-transform:uppercase;}
.enteteTab {color: #ec8808; font-size:85%}
.fontSizeTab {font-size:85%}

/**** brand ************/
div#brand ul {margin:0; padding:0; float: right;}
div#brand ul li {float: left; list-style: none; display: inline; background: url(../images/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: #666; font-weight: bold; text-decoration: none; 
background:url(../images/nav-fd-right.gif) 100% 0% no-repeat; padding: 5px 8px 5px 8px;}
div#brand ul li a:hover {color:#fff;}
div#brand ul li.on {background: url(../images/nav-fd-left_on.gif) 5px 5px no-repeat;}
div#brand ul li.on a {color: #fff; background:url(../images/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 p a:hover {background: #d1d1d1;}
div#brand p a.on {background: #d1d1d1;}*/

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

/**** illustration ************/
div#illustration h3 {font-weight: normal; padding: 20px 30px 0 20px;}


/*** primary content ****/
div.contentL {float: left; width: 430px; background: #fff; margin: 0 0 15px 0; padding: 15px 20px 10px 20px;}
div.contentL p {padding: 5px 0px 0px 0;}
div.contentL ul {color: #666;}
div.contentL p a {color: #f60; background: none; margin: 0; padding: 0;}
div.contentL p a.casclient { text-decoration: none;}
div.contentL p a.casclient:hover { text-decoration: underline;}
div.contentL h2 a.title { color: #f60;text-decoration: none;}
div.contentL h2 a.title:hover { color: #f60;text-decoration: underline;}
div.contentL p a:hover { text-decoration: none;}
div.contentL h4 {padding: 8px 0px 0px 0; clear: left;}
div.contentL p, div.contentL h4, div.contentL ul {text-align:justify}

/* secondary_content - rub navigation */
div#secondary_content h3 {width: 210px; font-weight: normal; color: #fff; background:url(../images/SC_navhome-fd-title.gif) 0% 0% no-repeat;  padding: 20px 0px 5px 15px; margin-bottom:1px; }

div#secondary_content ul.menu {width: 210px; margin:0 0 30px 0; padding: 0; font-size: 0.9em; color: #666;} 
div#secondary_content ul.menu li {width: 198px; list-style: none; background:url(../images/SC_nav-rub-fd.gif) 0% 100% repeat-x; padding: 5px 10px 5px 15px; margin:0 0 1px 0; } 
div#secondary_content ul.menu li a {text-decoration: none; color: #666; font-weight: bold;} 
div#secondary_content ul.menu li a:hover {color: #f60;} 
div#secondary_content ul.menu li.on a {color: #f60;} 

div#secondary_content img.bt {margin-bottom: 20px;}

div#secondary_content dl#indexBesoin { margin:0 0 25px 0; padding:0}

/* secondary_content - rubrique spécifique */
div#secondary_content h4 {width: 200px; font-size: 0.9em; margin: 0; border-bottom: 1px solid #b9b9b9; padding: 10px 10px 10px 15px;}
div#secondary_content h4.title_atout_gris {background: #aeaeae url(../images/fond_rubright_title_atout_gris.gif) 0% 0% no-repeat;}
div#secondary_content h4.title_atout_orange {background: #f9800b url(../images/fond_rubright_title_atout_orange.gif) 0% 0% no-repeat;}
div#secondary_content h4.title_services_gris {background: #aeaeae url(../images/fond_rubright_title_services_gris.gif) 0% 0% no-repeat;}
div#secondary_content h4.title_services_orange {background: #f9800b url(../images/fond_rubright_title_services_orange.gif) 0% 0% no-repeat;}
div#secondary_content h4.title_deliverabilite_orange {background: #f9800b url(../images/fond_rubright_title_deliverabilite_orange.gif) 0% 0% no-repeat;}
div#secondary_content h4.titlegris {background:url(../images/fond_rubright_title_sansicon.gif) 0% 0% no-repeat;}
div#secondary_content h4.titleorange {background:url(../images/fond_rubright_title_orange.gif) 0% 0% no-repeat;}

div.rubspecial {width: 200px; background:url(../images/fond_rubright2.gif) 0% 100% no-repeat; margin: 0 0 20px 0;  padding: 0px 10px 5px 15px;}
div.rubspecial2 {width: 200px; background:url(../images/fond_rubright2.gif) 0% 100% no-repeat; margin: 0 0 20px 0;  padding: 0px 10px 5px 15px;}
div.rubspecial3 {width: 200px; background:url(../images/fond_rubright2.gif) 0% 100% no-repeat; margin: 0 0 20px 0;  padding: 0px 10px 5px 15px;}
div.rubspecial p, div.rubspecial2 p {font-size: 0.85em; padding: 10px 0px 5px 0px;}
div.rubspecial3 p {font-size: 0.85em; padding: 10px 0px 5px 0px;}
div.rubspecial ul, div.rubspecial2 ul {margin: 0; padding: 10px 0px 5px 0px;}
div.rubspecial3 ul {margin: 0; padding: 0;}
div.rubspecial ul li, div.rubspecial2 ul li {margin: 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.rubspecial3 ul li {margin: 0; list-style: none; background: url(../images/puce-carre.gif) 0 7px no-repeat; padding: 0 0 0 10px; font-size: 0.85em; color: #666;}
div.rubspecial a, div.rubspecial2 a {font-size: 0.85em; display: block; color: #f60; font-weight: bold;padding: 0px; margin: 0px 0 5px 0px;}
/*div.rubspecial3 a {font-size: 0.85em; display: block; color: #f60; font-weight: bold;padding: 0; margin: 0 0 5px 0;}*/
div.rubspecial a:hover, div.rubspecial2 a:hover, div.rubspecial3 a:hover {text-decoration: none;}
div.rubspecial2 a.voirrubspecial2 {font-size: 0.85em;display: block; color: #f60; font-weight: bold; background: url(../images/puce.gif) 0px 0px no-repeat; padding: 0px 0 0 20px; margin-top:10px}
div.rubspecial2 a.voirrubspecial2:hover {text-decoration: none;}

/*div.titre_audio { width:180px;margin-top:5px; }*/

/******* footer *********/
div#footer ul {font-size: 0.9em; color: #666; 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: #666; 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;}
div#footer p.mentions a {color: #ff8000;}
div#footer p.mentions a:hover { text-decoration: none;}

div.troisblocs {width: 145px; float: left; margin-bottom: 15px;}
div.troisblocs p {font-size: 0.8em;}
div.troisblocs p a {color: #666; text-decoration: none;}
div.troisblocs p a:hover {text-decoration: underline;}
div#blog {background: url(../images/footer-fd-blog.jpg) 0% 0% no-repeat; padding: 20px 25px 20px 80px;}
div#callback {background: url(../images/footer-fd-callback.jpg) 0% 0% no-repeat; padding: 20px 25px 20px 80px;}
div#business {background: url(../images/footer-fd-greenbusiness.jpg) 0% 0% no-repeat; padding: 20px 25px 20px 80px;}
div#inscription_news {background: url(../images/footer-fd-newsletter.jpg) 0% 0% no-repeat; padding: 20px 25px 20px 80px;}

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;}