/*
Titre			styles.css
Site 			horizon9.ch
Navigateurs 	tous (sauf IE)
Autheur 		C.R. (www.megaphone.ch)
Date création 	07.08.2008
Dernière modif.	09.09.2008
*/



/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
Basé sur styleMain.css de www.elliotjaystocks.com 
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

blockquote { margin-left:20px }

/* 
TYPO 
*/

h1.title a { text-indent:-9999px; width:330px; height:140px; position:absolute; top:25px; overflow:hidden; display:block; border:0; }
h1.title a:hover { border:none }
html>body div#header h1.title a { background:url(images/logo_horizon9.png) top left no-repeat } /*'html>body' n'est pas compris par IE6 */

h1 { font:24px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0 0 2px 0; color:#604288 }
h2 { font:italic normal 18px/22px Georgia, 'Times New Roman', Times, serif; padding:18px 0 6px 0; color:#3c725a;  text-align:left; }
h2.latestNewsTitle { font:italic bold 12px/16px Georgia, 'Times New Roman', Times, serif; padding:2px 0 6px 15px; color:#3c725a; }
h2.siteDescription { position:absolute; top:400px; left:0px; width:200px; /*height:96px;*/ text-indent:-9999px }
h3 { font:italic bold 16px/22px Georgia, 'Times New Roman', Times, serif; margin:10px 0 6px 0; color:#604288 }
h4 { font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif; margin:4px 0 2px 0; color:#604288 }

p { margin:2px 0 10px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label { font-size:11px; line-height:17px; color:#604288 }
input, textarea { font-size:11px; color:#604288; padding:2px }
blockquote { font:11px/18px Georgia, 'Times New Roman', Times, serif bold }

a { color:#604288; text-decoration:underline }
a:hover { color:#3c725a; }
h2 a { color:#604288 }


ul.nav li a { display:block; width:120px; text-indent:8px; color:#fff; text-decoration:none; font:normal 11px/19px Verdana, Helvetica, Arial, sans-serif; }
ul.nav li a:hover { color:#fff; font-weight:bold; text-indent:14px; }
ul.nav li a.currentMenu { background-color:#3c725a; text-indent:14px; font:bold 14px/19px Georgia, 'Times New Roman', Times, serif;  }

div#adress p { float:left; width:120px; height:50px; line-height:14px; padding:0 12px 0 0; color:#999; /*margin:0 10px 0 0; border-left:1px solid #999*/ }
div#adress p a { color:#999; text-decoration:underline }
div#adress p a:hover { color:#999; text-decoration:underline }

a.linkBt { background-color:#ccccff; font:normal 10px/28px Verdana, Helvetica, Arial, sans-serif; color:#fff; padding:0em 0.6em 0.1em 0.6em; margin-right:4px; text-decoration:none }
a.linkBt:hover { background-color:#3c725a; text-decoration:none }

a.linkTitle { text-decoration:none; text-align:left }
a.linkTitle:hover { text-decoration:underline }

ul.linksList li { padding:0.4em 0 1em 0 }
ul.homeActuList {  border-left:1px solid #ccc; padding-left:15px; }
ul.homeActuList li { padding:0.4em 0 1em 0 }
ul.standardList li { list-style: disc inside; margin-left:1em }

.infoText { display:block;  margin:10px 0 0 0; color:#999; font:normal small-caps 11px/14px Georgia, 'Times New Roman', Times, serif }

div#motrecherche { color:#666 }
div#motrecherche label { color:#666; cursor:pointer; }
div#motrecherche .formfield { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#604288 }
.formbutton { background-color:#3c725a; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;  }

.pagesNum { font-style:italic; margin-top:6px; }

a.linkMap img { vertical-align:middle }

a.bt_newsletter { display:block; padding: 5px 0 10px 45px; width:140px; background:url(/images/bg_newsletter.jpg) top left no-repeat; line-height:11px; text-decoration:none  }

.error { color:#f00 }

/* LAYOUT */

body { background:#d4d8d9; text-align:left }

div#wrapper { margin:100px auto 10px 7%; }

div#content { margin: 0 auto 0 109px; text-align:left; }
html>body div#content { background:url(images/bg_content.png) top left repeat-y }  /*'html>body' n'est pas compris par IE6 */

div#header { width:310px; margin-left:130px }

div#text { padding:75px 0 20px 30px; width:510px; min-height:250px; text-align:justify }

div#adress { height:50px; margin-top:14px; padding:14px 0 0 0; border-top:1px solid #ccc }

div#copyright { margin: 0 auto 0 109px; padding:30px 0 0 254px; text-align:left; color:#333 }
html>body div#copyright { background: url(images/footer_content.png) top left no-repeat } /*'html>body' n'est pas compris par IE6 */

ul.nav { position: fixed; top:222px/*175px*/; left:7%; width:120px; text-align:left; }
ul.nav li { margin-bottom:1px }
html>body ul.nav li { background: url(images/bg_menu.png) top right repeat-y } /*'html>body' n'est pas compris par IE6 */


/* OTHERS CLASS */

div#motrecherche { float:right; width:200px; margin-left:25px; margin-bottom:5px; padding-left:15px; padding-bottom:5px; border-left:1px solid #ccc; text-align:left }
.rightColHome { float:right; width:260px; margin-left:30px }
.homeFirstText { padding-top:20px }
div#adress p.footerText01 { width:95px }
.clearing { clear:both; }
.warning { color:#f00; font-style:italic }
.imgToRight { float:right; margin: 0 0 14px 14px }

/* En dernier */
body { background:#d4d8d9 url(images/background.jpg) top left no-repeat fixed }