html { width: 100%; height: 100%; margin: 0; padding: 0; }

body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3c3a3f; }

table { font-size: 1em; }

h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset { padding: 0; margin: 0; }

p { margin: 0.5em 0; padding: 0; }

ul li { list-style-type: none; }

a { color: #3c3a3f; font-weight: bold; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

img { border: none; }

hr { clear: both; height: 1px; border: none; background-color: #CCC; margin: 0.5em 0; padding: 0; }

input, select, textarea, button { font: normal 11px Arial, Helvetica, sans-serif; padding: 1px; border-width: 1px; }

input[type=checkbox], input[type=radio] { vertical-align: baseline; margin: 0.1em 0.5em 0 0.2em; }

textarea { resize: none; }

.contenu { width: 930px; margin: 0 auto; padding: 0 0 1em 0; }

.clear, .clr { clear: both; }

p { margin: 1em 0; }

.small { color: #999; }

.bold { font-weight: bold; }

.entete { margin: 3em 0; width: 100%; height: 180px; background: url(/images/pole_nord/header-separator.png) no-repeat 300px 0; }
.entete h1 { width: 276px; height: 137px; float: left; text-indent: -2000px; outline: none; background: url(/images/pole_nord/logo-pole-nord.png) no-repeat 0 0; }
.entete h2 { float: left; display: inline; width: 498px; height: 50px; margin: 0 0 0 4em; text-indent: -2000px; background: url(/images/pole_nord/accroche.png) no-repeat 0 0; }

.menu { float: right; margin: 3em 0 0 2em; background: url(/images/pole_nord/menu-left.png) no-repeat 0 0; }
.menu ul { float: left; width: 590px; height: 38px; background: url(/images/pole_nord/menu-right.png) no-repeat 100% 0; padding: 0 0 0 40px; }
.menu ul li { display: inline; }
.menu ul li.active a { color: #9BD1E2; text-decoration: none; }
.menu ul li a { display: block; height: 38px; line-height: 38px; float: left; font-size: 1.2em; font-weight: bold; color: #FFF; text-decoration: none; padding: 0 1em; outline: none; background: url(/images/pole_nord/menu-separator.png) no-repeat 100% 50%; }
.menu ul li a:hover { color: #9BD1E2; text-decoration: none; }

.textes-top { width: 755px; margin: 0 auto; height: 10px; background: url(/images/pole_nord/main-top.gif) no-repeat 0 0; }

.textes-bottom { width: 755px; margin: 0 auto; height: 25px; background: url(/images/pole_nord/main-bottom.gif) no-repeat 0 0; }

.textes { width: 675px; margin: 0 auto; padding: 20px 39px; background: #F5F5F5; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; min-height: 142px; }


.textes h3 { height: 50px; text-indent: -2000px; margin: 1em 0; }
.textes h3.contact { background: url(/images/pole_nord/head-contact.gif) no-repeat 0 0; }
.textes h3.objet { background: url(/images/pole_nord/head-objet.gif) no-repeat 0 0; }
.textes h3.membres { background: url(/images/pole_nord/head-membres.gif) no-repeat 0 0; }
.textes h3.denomination { background: url(/images/pole_nord/head-denomination.gif) no-repeat 0 0; }

span.spacer { display: block; height: 20px; border: none; margin: 2em 0 1em 0; background: url(/images/pole_nord/separator.gif) no-repeat 50% 0; }

.textes ol, .textes ul { margin: 0.2em 0; }
.textes ol li { padding: 0.2em 0; margin: 0.5em 0; list-style-position: inside; }
.textes ul li { font-weight: bold; list-style-position: inside; list-style-type: disc; margin: 0.5em 0; padding-left: 2em; padding: 0.2em 0; }
.textes p.col-left { float: left; width: 30%; margin: 0 0 0 8em; line-height: 1.8em; }
.textes p.col-right { float: right; width: 30%; margin: 0 8em 0 0; background: url(/images/pole_nord/icon-email.gif) no-repeat 50% 0; padding: 7em 0 0 0; text-align: center; line-height: 1.6em; position: relative; top: -2em; }

.copyright { width: 755px; height: 23px; line-height: 23px; margin: 0 auto; background: url(/images/pole_nord/footer-left.png) no-repeat 0 0; font-size: 0.95em; }

.copyright-right { padding: 0 0.5em; height: 23px; background: url(/images/pole_nord/footer-right.png) no-repeat 100% 0; }

.copyright p { color: #FFF; text-align: center; margin: 0; }

.simple-form th { text-align: left; }

.block.reseaux-sociaux { float: right; text-align: center; margin-top: -88px; }
.block.reseaux-sociaux ul { display: inline; }
.block.reseaux-sociaux ul li { display: inline; }

.block2block { width: 755px; margin: 0 auto; }

.block.facebook { width: 375px; overflow: hidden; float: left; border-bottom: 1px solid #94A3C4; height: 210px; }

.block.twitter { width: 375px; overflow: hidden; float: right; border: 1px solid #94A3C4; height: 209px; background-color: #ECEFF5; }

.twtr-timeline { height: 122px !important; }