/* CSS Document */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }
/* Mise en page générale */
html {background: #fff url(../images/fond-adifco.png) repeat-x;text-align:center;}
body {width:980px;margin:0 auto;text-align:justify;padding:30px 0;font:normal 12px Arial, Helvetica, sans-serif;}
a {color:#0e8294;font-weight:bold;}
/* 1.- Menu
------------ */
#menu {position:relative;height:100px;width:100%;background:url(../images/accroche-adifco.png) repeat-x 0% 100%;}
#logo, #barreMenu, #searchform, #accroche, #contactTop {position:absolute; width: 820px;}
/* Logo
------- */
#logo {top:-3px;left:0;width:115px;height:47px;}
/* Barre menu
------------- */
#barreMenu {left:190px;height:40px;font-weight:bold;}
#barreMenu li {display:inline;float:left;width:140px;height:40px;padding:10px 0 0 10px;border-left:2px solid #bca5a5}
#barreMenu li a {color: #0e8294;padding:0;text-decoration:none;}
#barreMenu li a:hover, #barreMenu li a.actuelle {color: #bca5a5;}
/* Accroche
----------- */
#accroche {top:70px;left:0;color:#0e8294;font-size:16px;height:30px;}
#accroche h1, #accroche h2 {display:inline}
/* contactTop
------------- */
a#contactTop, a#contactTop:hover {
display:block;top:54px;left:860px;height:39px;width:108px;background:url(../images/contactTop.png) 0 0 no-repeat;
color:#5b5b5b;font-size:11px;font-weight:bold;text-decoration:none;line-height:39px;text-align:center;padding:0 0 0 15px;}
a#contactTop:hover {background:url(../images/contactTop.png) 0 -39px no-repeat;color:#fff}
/* Extra titre accueil
------------- */
#extra {font-size:34px;}
/* 2.- Message
-------------- */
#message {width:100%;height:341px;margin-top:25px;background:url(../images/message-base.png) repeat-x; border:1px solid #d0d0d0;}
#messageImg {width:600px; height:341px;float:left}
#messageTxt {width:350px; height:341px;margin:40px 0 0 10px;float:left;display:inline;text-align:center;}
#messageTxt h3 {font: normal 21px/200% Verdana, Arial, Helvetica, sans-serif;color:#0e8294;font-weight:normal;}
#messageTxt h3 b {font-style:normal}
a#messageDevis, a#messageDevis:hover {margin:30px auto 0 auto;display:block;width:210px;height:50px;
background:url(../images/message-devis.png) 0 0 no-repeat;
line-height:48px;color:#fff;font-size:18px;text-decoration:none;}
a#messageDevis:hover {color:#0e8294;background:url(../images/message-devis.png) 0 -50px no-repeat}
/* 4.- Barre Blog
----------------- */
#barreBlog {clear:both;position:relative;margin:30px auto 0 auto;height:60px;width:980px;background:url(../images/societe-adifco.png) 0 0 no-repeat;}
#societe h3, #societe p, #services h3, #services p, #blog {position:absolute;font-weight:bold;font-size:11px }
#societe h3, #services h3 {font-size:16px }
#blog {font-size:21px;font-weight:normal }
#societe h3, #societe h3 a, #societe p a, #services h3, #services h3 a, #services p a, #blog a {color:#5b5b5b;text-decoration:none;}
#societe h3 {top:10px;left:55px}
#societe p {top:10px;left:275px}
#services h3 {top:30px;left:80px}
#services p {top:33px;left:275px}
#blog {top:18px;left:852px}
/* 5.- Fiches
------------- */
.fiches {width:980px; overflow:hidden;margin-top:30px}
.fiches dd {width:320px;margin:0 10px 0 0;float:left;display:inline;background:#fff url(../images/fiche-adifco.png) 0 0 no-repeat;padding-bottom:20px;}
.fiches dd.dernier {margin-right:0}
.fiches h3 {padding:30px 20px 20px 20px;font-size:16px;color:#0e8294;}
.fiches p {padding:20px 20px 0px 20px;color:#5b5b5b;line-height:150%}
/* g.- Pages communes
--------------------- */
div.texteLibre#detail p {margin:5px 10px 5px 0;padding-bottom:0px}
div.texteLibre#detail h2 {padding:52px 0 0 0;margin:0}
div.texteLibre#detail h3.noBord {border:none;color:#aca69a;padding:0;margin:0}
div.texteLibre#detail h4.noBord {border:none;}
div.texteLibre#detail h5 {font-size:14px;font-weight:bold;color:#0E8294;margin:35px 0 5px 0;border:1px solid #dfdfdf;padding:5px;background:url(../images/cellule-grise.png) 0 0}
div.texteLibre#detail dl {width:100%;text-align:justify;}
div.texteLibre#detail dt {margin:20px 20px 10px 20px;}
div.texteLibre#detail dd {font:normal 12px/1.5 Arial, Helvetica, sans-serif;padding:10px 10px 10px 40px;height: 1%;margin: 0 20px 0 20px;}
div.texteLibre#detail dt.noMH {margin-top:0}
div.texteLibre#detail ul ul li {list-style-image:none;list-style-type:disc;}
/* Outils
--------- */
.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clear30 {clear:both;height:30px;}
hr {height:1%;clear:left;color:#eee;margin:20px 0 0 0;background:#eee;border-color:#0e8294;}
#packs dd img.plus{display:inline;padding:0;margin:0;float:none;}
#packs .plus {text-decoration:none;border-bottom:none;}
img.left {padding: 5px 10px 10px 0;float:left;}
.center {text-align:center;}
.alignLeft{text-align:left;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.mono {font-family:"Courier New", Courier, monospace;}
span.mono {color:#0E8294;}
img.fl {float:left;clear:left;}
img.flpack{float:left;clear:left;padding:25px 10px 0 0 }
pre {text-align:center;border:1px solid #dfdfdf;padding:5px;background:url(../images/cellule-grise.png) 0 0;margin:20px 0;padding:20px;}
.bk {clear:both;background:#fff url(../images/hr.gif) 100% 0 no-repeat; height:35px;width:100% }
.Style1 {font-size: 12px}