/*
Titre			styles.css
Site 			fond-pleiades.ch
Navigateurs 	tous (sauf IE)
Autheur 		V.T. (www.megaphone.ch)
Date création 	17.11.2008
Dernière modif.	17.11.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, 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; }

html>body * a { position:relative }  /*Gets links displaying over a PNG background */ /*html>body n'est pas compris par IE6*/
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

table tr td { padding:0 20px 0 0; }

/* 
TYPO 
*/

h1 { font:24px/24px Arial, Helvetica, sans-serif; margin:0 0 2px 0; color:#666; text-align:left }
h2 { font:normal 20px/22px Arial, Helvetica, sans-serif; padding:16px 0 10px 0; color:#666; text-align:left }
h3 { font:normal 20px/22px Arial, Helvetica, sans-serif; padding:0 0 10px 0; color:#231f20; text-align:left }
h4 { font:normal 16px/20px Arial, Helvetica, sans-serif; padding:10px 0 8px 0; color:#e10000; text-align:left }
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:#231f20 }
input, textarea { font-size:11px; color:#333; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }
img { border:0; padding:0; margin:0; }

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

h1.title { display:block; height:0; width:0; font:normal 1px Arial, verdana, sans-serif; color:#333; text-decoration:none; text-indent:-9999px }
h2.siteDescription { position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px }
h3.home { font:normal 15px/20px Arial, Helvetica, sans-serif; padding:0 0 10px 10px; color:#adadad; text-align:left }

ul#mainNav li a { display:block; height:25px; float:left; padding:37px 10px 0 10px; text-decoration:none; font:normal 22px/22px Impact, Arial Narrow, Arial, Helvetica, sans-serif; color:#adadad; border-right:1px solid white; }
ul#mainNav li a:hover { color:#e10000; text-decoration:none; }
ul#mainNav li a.currentmenu { color:#e10000;  }
ul#mainNav li a.bright { border:none; }

div#leftCol ul li a { text-decoration:none; font:bold 16px/24px Arial, Helvetica, sans-serif; color:#adadad;  }
div#leftCol ul li a:hover { color:#e10000; text-decoration:none; }
div#leftCol ul li a.currentssmenu { color:#e10000; }

div#rightcol a { display:block; font-size:0.9em; margin:0 0 0 10px; padding:0 0 20px 20px; background: transparent url(images/fleche.gif) 0 5px no-repeat;   text-decoration:none; color:#000;  }
div#rightcol a.nomarg { padding:0 0 0 20px; text-decoration:none;  }
div#rightcol a img { margin-top:8px;  }
div#rightcol a img.float { float:right; margin-right:80px; }
div#rightcol a:hover { color:#e10000; text-decoration:none; }

a.none, a.none:link, a.none:visited, a.none:hover, a.none:focus { text-decoration:none; color:#333; }

div#rightcol form { display:block; font-size:0.9em; margin:0 0 0 10px; padding:0 0 20px 20px; background: transparent url(images/fleche.gif) 0 5px no-repeat; text-decoration:none; color:#000;  }

div#footer { font-size:11px; color:#fff }
div#footer a { color:#fff; text-decoration:none }
div#footer a:visited { color:#fff; text-decoration:none }
div#footer a:hover { color:#fff; text-decoration:underline }
div#footer a:focus { color:#fff; text-decoration:underline }

table.enneigement { margin-top:20px; }
table.enneigement tr td { padding:0 30px 3px 0; }
table.enneigement th  { font-weight:bold; font-size:1.2em; color:#666; padding:10px 30px 10px 0; }

table.liens tr td { height:35px; padding:0 15px 10px 0; }

/*
.infoText { display:block; margin-bottom:4px; 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; }
*/

/* 
LAYOUT 
*/
body { background-color: #f7f7f7; text-align:center; }
div#fondgauche {  background: #f7f7f7 url(images/fond_gauche.gif) 0 0 repeat-y; width:1000px; margin:0 auto 0 auto; }
div#fonddroite {  background: transparent url(images/fond_droite.gif) 990px 0 repeat-y; width:1000px; margin:0 auto 0 auto; }
*html div#fondgauche { background:none; width:990px; } /*IE6*/
*html div#fonddroite { background:none; width:990px; } /*IE6*/
div#wrapper {  width:980px; margin:0 auto 0 auto; padding-top:20px; border-left:1px solid white; border-right:1px solid white; text-align:left; }
div#header { height:314px; background-color:#ffffff; }
div#content { position:relative; background-color:#ffffff; }
div#text { margin-left:300px; padding:17px 50px 30px 10px; min-height:237px; }
*html div#text { padding:0px 30px 30px 10px; } /*IE6*/
div#leftCol { position:absolute; top:15px; width:220px; text-align:right; }
div#leftText { position:absolute; top:15px; left:70px; width:150px; text-align:left; }
*html div#leftText { left:-240px; } /*IE6*/
.homeText { display:block; position:absolute; top:-127px; margin-left:220px; width:150px; text-align:left; }
*+html .homeText { margin-left:0; top:20px; } /*IE7*/
*html .homeText { left:0; top:20px;  } /*IE6*/
div#news { width:639px; background:url(images/fond_news.gif) 0 0 repeat-y; }
div#rightcol  { position:absolute; top:15px; left:710px; width:225px; text-align:left; } 
*html div#rightcol { left:420px; } /*IE6*/

ul#specNav { border-left:97px solid #cc9933 }
div#footer { height:35px; padding:15px 0 0 15px; text-align:center; background-color:#C6C6C6;}
ul#mainNav  { position:absolute; top:240px; margin-left:300px; width:680px; height:63px; text-align:center; background:url(images/fond_menu.gif) 0 0 repeat-x; }
ul#mainNav li { display:inline }

/* 
OTHERS 
*/
.logo { margin-top:-10px; }
.left { float:left; position:relative;/*pour IE6*/ margin-right:5px; }
.divright { float:right;position:relative;/*pour IE6*/ width:130px;  margin-left:30px; }
.divright img { margin-top:7px; width:130px; }
.right { float:right; position:relative;/*pour IE6*/ margin-left:10px; }
.an { display:block; float:left; position:relative;/*pour IE6*/margin:2px 7px 2px 0; font:normal 32px/32px Impact, Arial Narrow, Arial, Helvetica, sans-serif; color:#adadad; }
.infonews { float:left; width:200px; margin: 2px 3px 0 10px; }
*html .infonews { width:195px; } /*IE6*/

.boldText { font-weight:bold }
.underlineText, a.underlineText { text-decoration:underline }
.uppercaseText { text-transform: uppercase }
.small { font-size:smaller; }
.clearing { clear:both }
fieldset { padding:0 0 10px 0 }
.imgPlan { vertical-align:middle }

/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
	cursor:pointer;
}
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; height:15px; color: #333; background-color: #fff; width:200px; margin:0 0 0 0; }

.radio {
	padding-top:3px;
}

.formbutton {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #e10000;
	padding:2px;
	margin: 10px 0 0 0;
	cursor:pointer;
}

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;
	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;
	background-color: #fff ;
	width: 250px;
	margin-bottom:10px;
}
form#archivesSearchForm .formfield { width:120px; }
form#archivesSearchForm .formbutton { margin:0; padding:0; font-size:11px; }