/*
Titre			styles_home.css
Site 			amalthee.ch, page home
Navigateurs 	tous (sauf IE)
Autheur 		V.T. (www.megaphone.ch)
Date création 	11.05.2010
Dernière modif.	11.05.2010
*/

h2 { font:bold 17px/17px Arial, Helvetica, sans-serif; padding:0px 0 5px 0; color:#c21a10; text-align:left; }
h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {  color:#c21a10; text-decoration:none; }

div#main { background:none; }

div#gris { height:95px; padding:16px 0 14px 0; line-height:16px; background: #f2f0f0 url(http://www.amalthee.ch/images/fond_home.gif) 0 0 repeat-x; }
div#blanc { height:140px; padding:20px 0 0 0; line-height:16px; background:url(http://www.amalthee.ch/images/fond_bas.jpg) left bottom no-repeat; }

div#gris div { height:109px; float:left;font-size:12px; line-height:14px; }
div#blanc div { height:140px; float:left;  }
div#gris img { float:left; margin-right:5px; }

div#gris div h2 { margin-top:1px; }

div#gris div.gauche { width:310px; padding-left:15px; background:url(http://www.amalthee.ch/images/coin_gauche.gif) left bottom no-repeat; }
div#gris div.milieu { width:310px; padding-left:20px; }
div#gris div.droite { width:315px; padding-left:15px; padding-right:15px; background:url(http://www.amalthee.ch/images/coin_droite.gif) right bottom no-repeat; }

div#blanc div.gauche { width:180px; padding:20px 0 0 150px; }
div#blanc div.milieu { width:280px; padding:20px 20px 0 30px; }
div#blanc div.droite { width:285px; height:120px; color:#ffffff; padding:20px 15px 0 25px; background:url(http://www.amalthee.ch/images/fond_vert.gif) right bottom no-repeat; overflow:auto; }

div#blanc div h2 { font-size:13px; }
div#blanc div.droite h2 { font-size:17px; color:#ffffff; }

ul.liensrouges { position:absolute; margin-top:225px; margin-left:300px; height:13px; }
ul.liensrouges li { display:inline; }
ul.liensrouges li a { dsplay:block; height:13px; padding-left:17px; background:url(http://www.amalthee.ch/images/puce.png) left center no-repeat; text-decoration:none; font-weight:bold; color:#c21a10; vertical-align:top; }
ul.liensrouges li a:hover, ul.liensrouges li a:focus { text-decoration:underline; }

/*ul.liens { position:absolute; margin-top:360px; z-index:100; }*/

div#droite { margin-top:0; }
div#droite.moyen { margin-top:-122px;margin-left:25px; }
div#gauche.moyen { position:absolute;top:257px; }
div#texte { padding-top:0; margin-top:0; font-size:12px; }
div#content { width:610px;/*680*/ padding-top:0; margin-top:0; }
div#content.moyen { width:500px; margin-left:250px; padding-top:0; margin-top:0; }
div#content.moyen div#texte { font-size:13px; }