/****************************
* POUR HESGE.CH             *
* AUTEUR : LTI              *
* CREATION : 07.07.2006     *
* MISE A JOUR : 30.11.2007  *
****************************/

body {
	font-family: Georgia, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;}
	
/* Titres */
h1	{
	margin: 0px;
	padding: 0px;}

h2	{
	font-size: 2.0em;
	line-height: 1.4em;
	color: #1975c0;
	font-weight: normal;
	margin: 0px 0px 33px 0px;}

h3	{
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	clear: both;}

h4	{
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 5px 0px;}
	
h5	{
	color: #666;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	text-align: left;}

/*Listes à puces et numérotées*/

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;}
		
ol {
	list-style-type:decimal;
	margin: 5px 0px 5px 40px;
	padding: 0px;}
		
/*Ligne horizontal*/
hr {
	width: 100%;
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
	border: 0px;}
	
/*Liens standards*/
a {
	color: #1975c0;
	text-decoration: none;}

a:hover {
	color: #666;
	text-decoration: underline;}
	
a img {
	border : 0;}
	
/*Sup, sub*/
sup, sub {
	line-height: 1.1em;}
	
/* Body */
body {
	background: #fff url(../img/bg-body.gif) repeat-x;}
	
body.home {
	background: #fff url(../img/bg-body-home.gif) repeat-x;}
	
#lettrine {
	position: absolute;
	top: 3px;
	left: -60px;
	height: 268px;
	width: 296px;
	background: transparent url(../img/lettrine.png) no-repeat;}

#lettrine img {
	display: none;}

/* Positionnement des Divs */
#bandeau, #bandeau-image, #contenu {
	position: relative;
	width: 960px;
	margin: 0px auto;
	clear: both;
	text-align: left;}

/*Toutes les colonnes de gauche*/
#english, #contact, #colonne-gauche, #copyright p {
	float: left;
	width: 240px;}
	
/*Toutes les colonnes de droite*/
#menu, #presentation, #diaporama, #colonne-droite {
	float: right;
	width: 680px;
	margin-left: 40px;}
	
/* ------------------------- BANDEAU ------------------------ */

#bandeau {
	height: 360px;
	color: #fff;}

/*Changement de langues*/
#english {
	margin-top: 326px;
	font-size: 1.0em;
	background: transparent url(../img/bg-lang.png) no-repeat;
	height: 68px;}
	
#english a {
	color: #b2d0e8;}
	
#english a:hover {
	color: #fff;
	text-decoration: none;}
	
#english p {
	margin-top: 24px;
	margin-left: 15px;
	text-align: left;
	font-size: 0.8em;
	word-spacing: 0.5em;
}
	
#english img {
	vertical-align: middle;
	margin-left: 15px;}

/*Menu*/
#menu {
	margin-top: 24px;
	font-size: 1.00em;
	text-transform: uppercase;}
	
#menu ul li {
	display: inline;
	height: 30px;}
	
#menu ul li.on {
	padding: 2px 13px;
	background-color: #1975c0;}
	
#menu ul li a {
	color: #fff;
	padding: 2px 13px;}
	
#menu ul li a:hover {
	background-color: #1975c0;
	text-decoration: none;}
	
#ch #menu ul li {
	margin-right: 35px;}

/*Texte de présentation*/
#presentation {
	margin-top: 50px;
	font-size: 1.15em;
	line-height: 1.5em;
	background: transparent url(../img/rh-logotype.gif) no-repeat;}
	
#en #presentation {
	background: transparent url(../img/rh-logotype-en.gif) no-repeat;}
	
#ch #presentation {
	background: transparent url(../img/rh-logotype-ch.gif) no-repeat;}
	
#presentation h1 {
	height: 41px;}
	
#en #presentation h1 {
	height: 31px;}
	
#presentation h1 img {
	display: none;}

/* ------------------------- BANDEAU-IMAGE ------------------------ */
/* (Diaporama uniquement sur la page d'accueil) */
#bandeau-image {
	height: 360px;
	margin-top: 40px;}
	
/*Contact (sur toutes les pages)*/
#contact {
	margin-top: 60px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #666666;}
	
#contact h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;}
	
#contact p {
	margin: 6px 0px;}
	
#contact a {
	color: #666666;}
	
body.home #contact {
	margin-top: 165px;
	color: #333333;}
	
body.home #contact a {
	color: #333333;}

/*Diaporama*/

#diaporama {
	position: relative;
	height: 321px;
	margin: -1px 0 0;
	background : url(../img/header-bg.png) no-repeat 50% 0;}
	
#diaporama a:link, #diaporama a:visited {
	color : #fff;
	text-decoration : none;}

/* ------------------------- CONTENU ------------------------ */
#contenu {
	margin-top: 60px;}

/* Colonne de gauche */	
#colonne-gauche {
	font-size: 0.9em;
	line-height: 1.1em;
	margin-bottom: 48px;}
	
#colonne-gauche h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
	margin: 5px 0px 15px 0px;}
	
#colonne-gauche ul {
	margin-bottom: 48px;}
	
#colonne-gauche ul li {
	padding: 4px 0px 7px 0px;
	border-bottom: 1px solid #e9e9e9;}
	
#colonne-gauche ul li.premier {
	border-top: 1px solid #e9e9e9;}
	
#colonne-gauche ul li a {
	display: block;
	background: transparent url(../img/ico-link.gif) no-repeat 231px center;}
	
/* Colonne de droite */

#colonne-droite ul {
	list-style: none;
	margin: 0 0 0 7px;
	padding: 0;}
	
#colonne-droite li {
	background-image: url(../img/bullet.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0;}

/* ------------------------- COPYRIGHT ------------------------ */
	
#copyright {
	clear: both;
	height: 44px;}
	
#copyright p {
	height: 44px;
	font-size: 1.0em;
	color: #fff;
	margin: 0px;
	background: transparent url(../img/bg-copyright.gif) repeat-x;
	display: block;}
	
#copyright strong {
	margin: 7px 0px 0px 15px;
	display: block;}
	
body.home #copyright {
	margin-top: 130px;}

/* ------------------------- GALERIE DE PHOTOS ------------------------ */

ul#gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
ul#gallery li {
	display: inline;
	margin: 0 18px 0 0;
	background: none;
	padding: 0px;}
	
ul#gallery li img {
	margin: 0 0 15px 0;
	border: 3px solid #ccc;}
	

/*Affichage général pour les formulaires*/
form { 
	margin: 0px;
	display: inline;}

input {
	font: 0.7em Verdana, sans-serif;
	color: #333;}