/*
Titre			styles.css
Site 			smclausanne.ch
Navigateurs 	tous (sauf IE)
Autheur 		C.R. (www.megaphone.ch)
Date création 	02.09.2008
Dernière modif.	22.10.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 }

* 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 */


/* 
TYPO 
*/

h1 { font:1px/1px Georgia, 'Times New Roman', Times, serif bold; margin:0; padding:0; color:#0d2f85; text-indent:-1000px; }
h2 { font:normal 19px/21px Arial, Helvetica, Times, serif bold; padding:0 0 7px 0; color:#0d2f85;  text-align:left }
h3 { font:normal 17px/22px Arial, Helvetica, sans-serif; margin:10px 0 6px 0; color:#0d2f85 }
h4 { font:bold 13px/18px Arial, Helvetica, sans-serif; margin:10px 0 2px 0; color:#0d2f85 }
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:12px; line-height:18px; color:#0d2f85 }
ul { padding-bottom:10px; }
li { margin:2px 0 2px 0; }
input, textarea { font-size:11px; color:#0d2f85; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }
table { width:100%; margin-bottom:20px; }
table tr td { padding:7px 15px 7px 0px; border-bottom:1px solid #d9d9d9;vertical-align:top; }
table tr th { border-bottom:1px solid #0d2f85;font-style:italic;  }
table.th tr th { border-bottom:1px solid #0d2f85; line-height:1px; height:1px;margin:0;padding:0; }
table tr td img { vertical-align:bottom; }
table tr td.nobr { white-space: nowrap; }

a { color:#0d2f85; text-decoration:underline }
a:visited { color:#0d2f85; text-decoration:underline }
a:hover { color:#0d2f85; text-decoration:underline }
a:focus { color:#0d2f85; text-decoration:underline }
h2 a { color:#0d2f85 }
a.noU {  text-decoration:none;  }
a.noU span { text-decoration:underline }


h1.title { padding:0; margin:0; position:absolute; height:150px; width:400px; z-index:100; }
h1.title a { display:block; height:150px; width:400px;  text-indent:-1000px; color:#062d60; text-decoration:none;  }
p.siteDescription { position:absolute; top:0; left:0px; width:200px; text-indent:-9999px }

div#text ul { margin:2px 0 10px 0;  }
div#text li { list-style: disc outside; margin-left:2em; }

ul#mainNav li a { margin:0 0.8em 0 0.8em; text-decoration:none; font:normal 15px/20px Arial, Helvetica, sans-serif }
ul#mainNav li a:hover { text-decoration:none;  }
ul#mainNav li a.currentMenu { font-weight:bold; }

/*div#leftCol ul#specNav li a { display:block; margin:0 1px 1px 2px; padding-right:5px; color:#0d2f85; text-decoration:none; font:normal 11px/18px Verdana, Helvetica, Arial,sans-serif }*/
ul#specNav li a { margin:0 1px 1px 2px; padding-right:5px; color:#0d2f85; text-decoration:none; font-size:11px; }

div#leftCol ul#specNav li a:hover { color:#0d2f85; font-weight:bold; text-decoration:none }
div#leftCol ul#specNav li a.currentMenu { font-weight:bold; }

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

legend { font-weight:bold; padding:18px 0 6px 0; }

.more { font-size:smaller; text-decoration:underline; padding-left:1em }
.smallText { font-size:smaller; }


/* 
LAYOUT 
*/
body { background-color:#eeeeee; text-align:left }
div#wrapper { margin:0; padding:0 0 2px 0; border-bottom:10px solid #0a2f85; background-color:#fff; text-align:left; }
div#header {  height:204px;}
div#content { position:relative; margin:0; padding:0; width:950px; background: url('images/fond.png') top left repeat-y; }
div#text { margin-left:350px; padding:5px 0 1em 0; min-height:200px; text-align:justify; }
div#leftCol { position:absolute; top:-70px; width:140px; padding:75px 0 0 160px; min-height:170px; background:#f8f6b9 url('images/photo.jpg') top left no-repeat; border-right:1px solid #d9d9d9; }
div#footer { width:950px; padding:1em 0 0 0; text-align:right; }
ul#mainNav  { position:absolute; width:950px; height:110px; padding-top:95px; top:0px; text-align:right;  }
html>body ul#mainNav  { background:transparent url('images/logo.png') 0 -15px no-repeat; } /*html>body n'est pas compris par IE6*/

ul#mainNav li { display:inline }
ul#specNav li { text-align:right }

/* 
OTHERS 
*/
.clearing { clear:both }
.imgBottom { vertical-align:bottom; padding-bottom:2px;}

/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}
fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}
.formfield { border-right: #CCC 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #CCC 1px solid; font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;  height:15px; color: #333; background-color: #fff; width:200px; margin:0 0 0 0; }
.formfieldShort {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #fff;
	width: 120px;
}

.formbutton {
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #bb001a;
	padding:2px;
	margin: 10px 0 0 0;
}

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: #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 ;
	width: 250px;
	margin-bottom:10px;
}