/*
Titre			styles.css
Site 			amalthee.ch
Navigateurs 	tous (sauf IE)
Autheur 		V.T. (www.megaphone.ch)
Date création 	07.04.2010
Dernière modif.	08.04.2010
*/

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

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 3px 5px 3px; }

/* 
TYPO 
*/

h1 { font:normal 19px/26px Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#fff; background-color:#b8301a; text-align:left; padding-left:30px; }
h2 { font:normal 18px/22px Arial, Helvetica, sans-serif; padding:5px 0 5px 0; color:#33312f; text-align:left; }
h3 { font:bold 16px/16px Arial, Helvetica, sans-serif; padding:0 0 5px 0; color:#e0160a; text-align:left; }
h4 { font:bold 13px/16px Arial, Helvetica, sans-serif; padding:10px 0 5px 0; color:#33312f; text-align:left }
p { margin:2px 0 10px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family: Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label { font-size:12px; line-height:18px; color:#33312f; }
input, textarea { font-size:11px; color:#33312f; padding:2px }
blockquote { font:11px/18px Arial, Helvetica, sans-serif bold }
img, a img { border:none; padding:0; margin:0; }

hr { line-height:1px; height:1px; border:none; margin-top:10px; color:#cccccc; background-color:#cccccc; }

ul li { list-style-type:disc; margin:0 0 0 25px; padding: 3px 0 3px 0; }
ul li ul li { list-style-type:circle; margin:0 0 0 25px; padding: 2px 0 2px 0;}

th { display:none; }

a { color:#e0160a; text-decoration:underline }
a:visited { color:#e0160a; text-decoration:underline }
a:hover { color:#e0160a; text-decoration:underline }
a:focus { color:#e0160a; 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 }
h2.annee { font-weight:bold; margin-top:10px; }
h3 a, h3 a:link, h3 a:hover, h3 a:focus, h3 a:active, h3 a:visited { text-decoration:none; }

div#sousmenuhaut { font-size:11px; }
div#footer { font-size:11px; color:#b1b1b1;text-decoration:none; }
div#footer a:link { color: #b1b1b1; text-decoration:none;}
div#footer a:active { color: #b1b1b1;text-decoration:none; }
div#footer a:visited { color: #b1b1b1; text-decoration:none;}
div#footer a:hover { color:#9e9e9e;  text-decoration:underline;}
div#footer div#lang a, div#footer div#lang a:link, div#footer div#lang a:active, div#footer div#lang a:visited { color:#666; text-decoration:none; }
div#footer div#lang a:hover { color:#666; text-decoration:underline; }



/* 
LAYOUT 
*/
body { background:#ffffff url(http://www.amalthee.ch/images/fond_header.gif) 0 0 repeat-x; text-align:center; }
div#accessibility { display:none; }
div#main { width:1000px; margin:0 auto 0 auto; text-align:left; background:url(http://www.amalthee.ch/images/fond_droite.gif) 770px 100px no-repeat; }
div#header { width:1000px; height:90px; background:url(http://www.amalthee.ch/images/fond_menu.png) center bottom no-repeat; text-align:left; }
div#content { float:left;width:505px;text-align:justify; /*margin-left:220px;margin-right:245px;*/ padding:38px 0 10px 0; }
div#gauche { float:left; margin-left:0; width:250px; }
div#clients {  width:210px; height:60px; background-color:#e8e6e6; margin:2px 0 0 0; padding:10px 20px 20px 20px;line-height:18px; }
div#droite { float:left; margin-top:44px; margin-left:20px;/*margin-left:530px;*/ width:220px; text-align:left; }
div#texte { margin:20px 5px 10px 30px; font-size:13px; }
div#footer { width:960px; height:28px; text-align:left; background:#f9f7f7 url(http://www.amalthee.ch/images/fond_footer.gif) 0 0 no-repeat; margin:10px 0 0 0;padding:10px 25px 0 15px; }
div#lang { float:right; color:#666; }

/*
MENU ET SOUS-MENU
*/
ul#menu { position:absolute; top:37px; width:750px; height:37px; line-height:37px; text-align:left; margin-left:250px; }
ul#menu li { list-style-type:none; float:left; height:34px; line-height:34px; padding:3px 0 0 0; margin:0; }
ul#menu li a { padding:0 7px 0 7px; }
ul#menu li a:link { text-decoration:none; color:#666666; }
ul#menu li a:active { text-decoration:none; color:#666666; }
ul#menu li a:visited { text-decoration:none; color:#666666; }
ul#menu li a:hover { text-decoration:none; color:#666666; }
ul#menu li:hover { text-decoration:none; color:#666666; background:#f9f7f7 url(http://www.amalthee.ch/images/onglet.png) 0 0 repeat-x; }
ul#menu li a.currentmenu { color:#666666; font-weight:bold;}

ul#menu li div.sousmenuhaut { display:none; }
ul#menu li:hover div.sousmenuhaut { display:block; position:absolute; top:33px; left:0; height:20px; line-height:20px; text-align:center; }
ul#menu li:hover div.sousmenuhaut a { display:inline; height:20px; text-align:center; }
ul#menu li:hover div.sousmenuhaut a:link { text-decoration:none; color:#666666; }
ul#menu li:hover div.sousmenuhaut a:active { text-decoration:none; color:#666666; }
ul#menu li:hover div.sousmenuhaut a:visited { text-decoration:none; color:#666666; }
ul#menu li:hover div.sousmenuhaut a:hover { text-decoration:none; color:#9e9e9e; }
ul#menu li:hover div.sousmenuhaut a.currentsousmenu { color:#666666; font-weight:bold;}

ul#menu li:hover div.unfr { left:0px; }
ul#menu li:hover div.deuxfr { left:79px; }
ul#menu li:hover div.quatrefr { width:786px; }
ul#menu li:hover div.cinqfr { left:277px; }
ul#menu li:hover div.huitfr { left:558px; }
ul#menu li:hover div.neuffr { left:630px; }
ul#menu li:hover div.unde { left:0px; }
ul#menu li:hover div.deuxde { left:77px; }
ul#menu li:hover div.quatrede { left:227px; }
ul#menu li:hover div.cinqde { left:293px; }
ul#menu li:hover div.huitde { left:560px; }
ul#menu li:hover div.neufde { left:660px; }

ul#sousmenu { min-height:170px; color:#333; margin:12px 0 0 0; padding:0; }	
ul#sousmenu li { list-style-type:none; margin:0 0 7px 0; padding:0; }
ul#sousmenu a:link { color: #333; text-decoration:none; }
ul#sousmenu a:active { color: #333; text-decoration:none; }
ul#sousmenu a:visited { color: #333; text-decoration:none; }
ul#sousmenu a:hover { text-decoration:none; color:#999; }
ul#sousmenu a.currentsousmenu { font-weight:bold; }

ul#sousmenu li ul { margin:5px 0 15px 10px; }
ul#sousmenu li ul li { margin:0; padding:2px 0 2px 0; }

ul.liens {  margin:15px 0 10px 20px; }
ul.liens li { list-style-image:url(http://www.amalthee.ch/images/puce.png); height:13px; line-height:13px; }
ul.liens li a { text-decoration:none; font-weight:bold; color:#c21a10; vertical-align:top; }
ul.liens li a:hover, ul.liens li a:focus { text-decoration:underline; }

/* 
OTHERS 
*/
.transparent { position:absolute; margin-top:0; margin-left:220px; }
#logo { margin:8px 0 0 40px;  }
.titregris { font-size:22px;font-weight:normal; color:#ffffff;line-height:28px; }
.imgLeft { float:left;margin-right:5px; }
.imgGallery { float:left; margin:0 5px 5px 0; }
.boldText { font-weight:bold }
.underlineText, a.underlineText { text-decoration:underline }
.uppercaseText { text-transform: uppercase }
.small { font-size:11px; }
.clearing { clear:both; }
.clearleft { clear:left; }
.indice { vertical-align: sub; font-size: smaller; }
.exposant { vertical-align: super; font-size: smaller; }
fieldset { padding:0 0 10px 0 }
.imgPlan { vertical-align:middle }
.tableau tr td { vertical-align:top; text-align:top; padding-bottom:10px;}
/*
Formulaires
*/ 

form p { margin: 0.5em 0; padding: 0; }
form p label { float: left;	width: 200px; text-align: left;	}
label { margin:0 0 0 5px; padding: 0 0.5em 0 0; line-height:22px; vertical-align: middle; color: #333; }

fieldset { margin:5px 0 20px 0; padding:5px 5px 5px 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; color: #333; background-color: #fff; width:200px; height:14px; margin:0 0 0 0; font-size:11px; line-height:14px; }
.court { width:120px; }

form.motrecherche label { margin:0 3px 0 0; padding:0; }
form.motrecherche select { margin:0 3px 0 0; padding:0; }

form label.labelradio  { width:400px; }

.radio { vertical-align:middle; }

.formbutton { border: #B2B2B2 1px solid; color: #3C3C3C; margin-left:110px; }
.formbuttonmotre { border: #B2B2B2 1px solid; color: #3C3C3C; font-size:11px; padding: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;
	background-color: #fff ;
	margin:0;
	width: 70px;
}
.textarea { border: #B2B2B2 1px solid; }
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: 200px;
	margin-bottom:10px;
}