/** feuille de style pour http://estb.orgabuild.fr - éricj - 2009 **/

/*=== GÉNÉRALITÉS ====================================================*/
*{margin: 0; padding: 0;}
html {width: 100%;background: #999 url("img/slash.png");}
body { width: 970px;margin: 10px auto;background: #F7F8F9;border: 2px solid #FFF;color: #18391E;font: normal .77em "Liberation Sans", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;}
a:link, a:visited {color: #00F;}
a:hover {color: #F00;}
img {border: none;}
p {line-height: 1.4em; padding: 5px 0 0 0;}
ul {list-style-type: none; padding: 0 0 0 20px;}
.left {float: left;}
.right {float: right;}
.clearer {clear: both; visibility: hidden;}
p.separator {background: url("img/separator.gif") no-repeat 50% 50%;}
span.estb {font: bold 1.2em "Times New Roman", Times, serif; color: #008080;}

/*== EN-TÊTE ==========================================================*/
#top {height: 150px;background: #729ECD url("img/ciel3.jpg") no-repeat 0% 100%;}
#top #header {text-align: center;}
#top #header h1 {font: 1.6em "Liberation Serif","Times New Roman", Times, serif;color: #FCFCDA;letter-spacing: .4em;}
#menu ul {width: 100%;margin: 0 auto;padding: 5px 0;text-align: center;background: url("img/menu_bg2.jpg") repeat-x top left;}
#menu ul li {display: inline;padding: 5px 5px;font-size: 1.1em;color: #FCFCDA;}
#menu ul li a:link, #menu ul li a:visited {padding: 3px 5px 4px 5px;color: #FCFCDA;text-decoration: none;letter-spacing: 0.08em;font-weight: bold;font-variant: small-caps;font-size: 1.1em;}
#menu ul li a:hover {padding: 3px 5px 4px 5px;color: #FFF;background: url("img/menu-hover-pattern.png");}
#menu ul li.active {padding: 4px 5px 6px 5px;color: #B0EC0C;background: #F7F8F9 url("img/menu-hover-pattern.png");}

/*=== CONTENU ===========================================================*/
#content {margin: 5px;padding: 10px;border: 1px solid #E9E6E0;background: #FFF;}
#content #logo {width: 600px;margin: 0 auto;}
#content p {text-align: justify;}
#content h2 {text-align: right;padding: 0 30px 0 0;font-size: 1.2em;color: #BE0C0C;}
#content #blockleft {width: 700px;float: left;padding: 20px 0 0 10px;}
#content #blockleft #estbcard {width: 380px;float: right;}
#content #blockleft #map {padding: 10px 0 0 10px;}
#content #blockleft span.lnkctcpgpres a {font-weight: bold;color: #1170FF;text-decoration: none;}
#content #blockright {width: 200px;height: 380px;float: right;}
#content #blockright #photos ul {clear: both;margin: 20px 0 0 10px;list-style-type: none;}
#content #blockright #photos li {padding: 0 0 5px 5px;}
#content #blockright #photos p {text-align: right;padding: 0 30px 0 0;font-size: .9em;}
#content #moyens {background: url("img/tabledessin.jpg") no-repeat 2% 50%;}
#content .moyens {width: 400px;margin: 0 0 0 400px;}
#content #missions {background: url("img/icons/missions.png") no-repeat 20px bottom;}
#content .missions {width: 400px;margin: 0 0 0 400px;}

/*=== RÉALISATIONS =======================================================*/
#content #realisations table {width:96%;margin:20px auto;}
#content #realisations th {background:#8181AB;color:#FFF;}
#content #realisations td {border:1px solid #CDE;border-collapse:collapsed;padding:0 10px;background:#EFF;}
#content #realisations td.realnom {font-weight:bold;font-family:"Liberation Sans", sans-serif;background:#EEE;color:#333;}
#content #realisations td.realnom:hover {background:#EFF;}
#content #realisations td.realdesc {font-family:"Liberation Serif", serif;}
#content #realisations td.realdesc:hover {background:#FFF;}

/*=== ARM0IRES ===========================================================*/

#content #armoires {min-height:500px;padding: 10px 0 0 0;}
#content #armoires #armoireusage h4 {text-align:right;margin:20px 50px 0 0;}
#content #armoires #armoireusage p {padding:0 50px 0 0;text-align:right;}
#content #diaporama {width:400px;float:left;margin:20px 0 0 20px;}
#content #armoire_flow {background:#BE0C0C;border:3px solid #EDEDED;}
#content #armoires table {float:right;margin:40px 50px 0 0;border:1px solid #CCC;border-collapse:collapsed;}
#content #armoires table th {background:#8181AB;color:#FFF;}
#content #armoires table td.urltogo {width:350px;}
#content #armoires table td.urltogo a:link, table td.urltogo a:visited {display:block;background:#EFF;text-align:right;text-decoration:none;font:bold 1em "Liberation Sans";color:#18391E;padding:0 10px 0 0;}
#content #armoires table td.urltogo a:hover {background:#FFF;}

/*=== CONTACT ============================================================*/
#contact #contactform {width: 40%;float: right;padding: 0 50px 0 30px;border-left: 1px dotted #C3C4C5;}
#contact #contactform fieldset {border: none;}
#contact input {border: 1px solid #CDD;}
#contact textarea {background: #FFF;color: #555;border: 1px solid #CDD;background: url("img/icons/plumered.png") no-repeat 95% 95%;}
#contact #contactmessage {width: 40%;height: 350px;margin: 10px 0 0 20px;padding: 30px 0 0 10px;background: url("img/icons/contact.png") no-repeat bottom left;}
#contact #contactmessage ul {list-style-type: square;}
#contact p.separator {background: url("img/separator.gif") no-repeat 20% bottom;}
#contact p.messagelegalpagecontact {color: #666;line-height: 1em;padding: 0 80px 0 0;}

/*== PIED DE PAGE ==========================================================*/
#footer {height: 172px;clear: both;color: #7373A1;background: #232221 url("img/footer_bg.jpg") repeat-x top left;}
#footer ul {list-style-type: none;}
#footer #footer_r {width: 300px;height: 100px;float: right;}
#footer #footer_r ul {padding: 0 20px 0 0;text-align: right;}
#footer #footer_l {width: 300px;height:100px;float: left;}
#footer #footer_l ul#estb-liste {color: #B6B7B8;padding: 0 0 0 5px;}
#footer #footer_l ul#estb-liste li {font-weight: bold;font-size: 1.1em;color: #FCFCDA;font-variant: small-caps;letter-spacing: .1em;}
#footer #footer_c {height: 80px;padding: 5px 0 0 10px;text-align: center;background: url("img/estb-logo-full-x600-dark-small-bg.png") no-repeat 50% 100%;}
#footer #footer_r, #footer #footer_l, #footer #footer_c p {margin: 55px 0 0 10px;padding: 0 0 0 10px;font-size: .82em ;}
#footer p.subfooter {clear: both;text-align: center;font-size: .7em;color: #BBB;}
#footer a:link, #footer a:visited {color: #B5B5D6; text-decoration: none;}
#footer a:hover {color: #FFF;}

/*=== That's All, Folks ======================================== rcjc@rcjc.fr === )°J°){°\\\ ===*/