/*
Titre			styles.css
Site 			hommes.ch
Navigateurs 	tous (sauf IE 6)
Autheur 		C.R. (www.megaphone.ch)
Date création 	15.09.2009
Dernière modif.	16.10.2009
*/


/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
*/
*, 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, th, var { font-style:normal; font-weight:normal } /*ne pas mettre em et strong dans cette ligne VT*/
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 } 
a { outline:none } 
a img { border:none } 


/* 
TYPO 
*/
h1 { font:normal 18px/22px Arial, Helvetica, sans-serif; color:#333; text-align:left }
h2 { font:normal 14px/24px Georgia, serif; color:#999; text-align:left; padding:2px 0 10px 0 }
h2.bigTitle { font-size:22px; padding:2px 0 10px 0 }
h3 { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#333; text-align:left }
h4 { font:italic 13px/20px Verdana, Helvetica, sans-serif; color:#333; text-align:left }
p { margin:0.5em 0 1em 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Helvetica, sans-serif }
body, p, li, dt, dd, label, span { font-size:11px; line-height:16px; color:#333 }
input, textarea { font-size:11px; color:#333; padding:2px }
blockquote { font:11px/18px Verdana, Helvetica, sans-serif bold }

a { color:#666; text-decoration:underline }
a:visited { color:#666; text-decoration:underline }
a:hover { color:#d92919; text-decoration:underline }
a:focus { color:#d92919; text-decoration:underline }

h1.title { text-indent:-9999px }
h1.title a { display:block; width:130px; height:100px; font:normal 20px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;  }
h1.title a:hover { color:#333 }
h2.siteDescription { position:absolute; top:400px; left:0px; width:200px; /*height:96px;*/ text-indent:-9999px }

ul.standardList, ol.standardList { margin:0.5em 0 1em 0 }
ul.standardList li { list-style: disc inside; margin-left:1em; padding:; }
ol.standardList li { list-style: outside; list-style-type:decimal; margin-left:1.5em; padding:0.2em 0 0.4em 0; }

ul.homeActuList { margin:0 0 1em 0 }
ul.homeActuList li { padding:0 0 1.8em 0 }

div#footer { font-size:10px; color:#999 }

.more { font-size:11px; font-weight:normal; font-style:normal; color:#bb001a; text-decoration:underline; padding-left:1em }
.boldText { font-weight:bold }
.underlineText, a.underlineText { text-decoration:underline }
.uppercaseText { text-transform: uppercase }
.smallText { font-size:10px; }
.normalText { font-size:11px; color:#333; font-weight:normal; font-style:normal }
.date_info { display:block; padding:0 0 0.6em 0; font-size:12px; color:#333; font-weight:normal; font-style:normal }
.red { color:#d92919; }
.error { color:#d92919; }
.newsletterText { font-size:15px; }
.proverbeTitle { padding:0 1em 0 1em; font-size:12px; line-height:20px; background-color:#ccc; color:#fff; }

/* 
LAYOUT 
*/
body { background-color:#f9f9f9; text-align:left }
div#wrapper { position:absolute; top:0px; left:0px; width:900px; background:url('images/template/bg_motif.png') top left no-repeat fixed }

div#header { position:fixed; top:30px; left:54px; height:100px; background:url('images/template/logo_forumdeshommes.png') top left no-repeat }

#illustration { position:fixed; top:145px; left:649px;  }
#facebook { position:fixed; top:355px; left:70px;  }

div#content { width:480px; margin:130px 0 0 180px; }
div#content div.content_top { width:474px; height:15px; background:url('images/template/page_top.png') top left no-repeat }
div#content div.content_text { padding:0 40px 0 28px; width:414px; min-height:300px; background:url('images/template/page_bg.png') top left repeat-y; text-align:justify }
div#content div.content_bottom { width:474px; height:22px; background:url('images/template/page_bottom.png') top left no-repeat }

ul#menu { position:fixed; top:150px; left:0px; text-align:right; }

div#newsletterBox { position:fixed; top:340px; left:649px; width:180px; height:62px; padding:10px 10px 0 10px; background:url('images/template/newsletter_bg.png') top left no-repeat }

div#proverbe { position:absolute; top:30px; right:50px; width:300px; height:20px; padding:0; margin:0; background-color:transparent; font:italic 11px/15px Verdana, Trebuchet MS, sans-serif; color:#999; text-align:right }

div#footer { margin:0 0 10px 200px; }


/*
MENU
*/
ul#menu li { border-bottom:1px dotted #ec948c }
ul#menu li a { display:block; width:165px; padding:0 20px 0 0; background-color:transparent; color:#fff; text-decoration:none; font:normal 11px/20px Verdana, Trebuchet MS, sans-serif; }
ul#menu li a:hover { color:#fff; font-weight:bold; background-color:#c40c22; text-decoration:none }
ul#menu li a.currentMenu { color:#fff; font-weight:bold; background-color:#c40c22 }

/*
TEXTE DEFILANT
*/

/* div contenant le tout 
.gnb { position:absolute; top:100px; left:190px; width:450px; height:20px; padding:0; margin:0; background-color: transparent; }
.tickercontainer { background: transparent; width: 450px; height: 23px; margin:0; padding: 0; overflow: hidden; }
.tickercontainer .mask { position: relative; left: 0px; top: 5px; width: 450px; overflow: hidden; }
div.newsticker { position: relative; left: 450px; font: italic 7px/10px Verdana, Trebuchet MS, sans-serif; list-style-type: none; margin: 0; padding: 0; }
div.newsticker span { float: left; padding: 0; background: transparent; white-space: nowrap; margin: 0 100px 0 0; color:#999 }
*/	

/* 
OTHERS 
*/
.clearing { clear:both }
.imgToLeft { float:left; margin:0.2em 1em 0.7em 0.1em }

/*
Formulaires
*/ 
label { margin:0; padding:0 0.4em 0 0; vertical-align:middle; font-size:10px; color:#333; cursor:pointer; }
form p { margin:0.2em 0; padding:0; }
.submitButton { padding-left:100px }
form p label { float:left;	width:100px; text-align:right; padding: }

fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}
select {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color: #fff ;
	margin:0 0 0 5px;
	/*width: 250px;*/
}
textarea {
	border-right:#ccc 1px solid;
	border-top:#ccc 1px solid;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	font-size:12px;
	color:#333;
	font-family:Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color:#f9f9f9;
	width:250px;
	margin-bottom:10px;
}
textarea:hover, textarea:focus { background-color:#fff; }
.radio {
	padding-top:3px;
}
.formfield { border-right:#CCC 1px solid; border-top:#ccc 1px solid; border-left:#999 1px solid; border-bottom:#999 1px solid; font-family:Verdana,Helvetica,sans-serif; height:12px; font-size:10px; color:#333; background-color:#f9f9f9; width:140px; margin:0; }
.formfield:hover, .formfield:focus { background-color:#fff; }
.formbutton { font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:11px; color:#fff; background-color:#999; padding:0 2px 0 2px; margin:0 0 0 0; border:none; cursor:pointer; }
.formbutton:hover, .formbutton:focus { background-color:#d92919; }

form#newsletterForm { padding:10px 10px 5px 10px; line-height:1.3em }
form#newsletterForm label { display:none }

/* 
En dernier 
*/
body { background:#f9f9f9 url('images/template/background.gif') top left repeat-x fixed }