body {
behavior: url(./templates/frontoffice/frontINHES/css/csshover.htc);
margin: 0;
padding: 0;
background: white;				/* couleur blanche						*/
}

body, table, td {
font: 12px Verdana,Tahoma,Arial,sans-serif;
color:#000000;					/* noir									*/
}

form {
margin:0;
padding:0;
}

a {
color:#000000;					/* noir									*/
text-decoration: none;			/* les liens ne sont pas soulignes		*/
}

a:hover {						/* AU PASSAGE SOURIS 					*/
color: #004275;					/* texte en bleu marine 				*/
/*text-decoration: underline;	/* soulignement							*/
}

a img {
border:0;
}

h2 {
color: #A6B4C6;					/* gris clair menu						*/
text-decoration: underline;		/* soulignement							*/
font-weight: bold;				/* texte en gras						*/
font-size: 25px;				/* taille caracteres					*/
}

table {
padding:0px;
border:1px solid #0077BE;
border-collapse:collapse;
}

td {
padding:4px;
}

/* 								GENERIQUE 								*/
/*======================================================================*/
/* 								SPECIFIQUE								*/

#site {							/* ELEMENTS DE BASE DU SITE				*/
background: #FFFFFF;			/* couleur de base du site : blanc		*/
width: 990px;					/* 1024px - ascenseur					*/
/*margin: 0 auto;*/				/* marge haut&bas et droite/gauche=auto */
/* a voir selon cadrage et taille ecran (resolution)					*/ 
}

#gauche {						/* PARTIE GAUCHE DU SITE				*/
float:left;						/* accroche gauche						*/
width: 161px;					/* taille du logo : oblig. avec float	*/
}

#marianneINHES {					/* Marianne								*/
width: 100px;					/* taille réelle image					*/
margin:auto;					/* centrage auto						*/
display: block;					/* comportement block (avec margin)		*/
margin-top:15px;				/* espacement au dessus					*/
}

#gauche1 {						/* Menu gauche supérieur				*/
padding-bottom: 15px;
padding-top: 15px;				/* ajout blanc apres le logo			*/
clear: both;					/* force le retour a la ligne			*/
}

#gauche1  a {						/* Lien menu							*/
display: block;					/* comportement dessus-dessous			*/
width: 117px;					/* largeur bouton						*/
/*height: 15px;					/* hauteur bouton						*/
border-right: 1px solid #004275;/* relief								*/
border-bottom: 1px solid #004275;
background-color: #96ACC0;		/* couleur fond gris 					*/
margin: 3px auto;				/* centrage horizontal (car block)		*/
text-align: center;				/* texte du bouton centré				*/
padding: 2px;					/* marge interieure						*/
color: white;					/* texte en blanc						*/
}

#gauche1  a:hover {				/* Lien menu survolé					*/
color:#004275;					/* texte en bleu marine					*/
}

.gauche2 {						/* Menu gauche inférieur				*/
padding: 5px;					/* ajout blanc autour					*/
/*clear: both;					/* force le retour a la ligne			*/
border: 1px solid #CCD4DE;		/* bordure gris clair					*/
margin: 3px;
}

.gauche2  div {					/* Puce menu							*/
float: left;					/* alignement gauche					*/
width: 15px;					/* cf margin-left de #gauche2 a			*/
padding-top: 2px;				/* marge pour decalage carre			*/
}

.gauche2  a {						/* Lien menu							*/
display: block;					/* comportement dessus-dessous			*/
padding: 2px;					/* marge interieure						*/
color: #004275;					/* texte en bleu marine					*/
margin-left: 15px;				/* decalage pour laisser la place a puce*/
text-decoration: underline;		/* texte du lien souligné				*/
font-weight:bold;				/* texte en gras				-->		*/
}

.gauche2  a:hover {				/* Lien menu survolé					*/
color:#004275;					/* texte en bleu marine					*/
}

#logoINHES {						/* Logo INHES							*/
margin-top: 20px;				/* ajustement de l'alignement 			*/
margin-left: 2px;				/* du nouveau logo INHESJ				*/
display: block;					/* comportement block (avec margin)		*/
}

#droite {						/* PARTIE DROITE DU SITE				*/
/*margin-left: 161px;			/* correspond aux 161px de #gauche		*/
overflow:auto;					/* occupation place restante au lieu de */
								/* 161px ci-dessus (margin-left)		*/
}

#menudroite {					/* menu a droite						*/
float: right;					/* alignement a droite					*/
width: 149px;					/* largeur idem boutons	144 + 2x2 + 1	*/
								/* padding 2px 2 fois + border-right 1px*/
}

#MAJ {							/* date de MAJ du site					*/
color:#004275;					/* texte en vleu marine					*/
font-size: 10px;				/* hauteur caracteres					*/
text-align: right;				/* texte a droite						*/
/*margin-top: 10px;				/* espacement avant						*/
margin-bottom: 10px;			/* espacement apres						*/
padding-right: 5px;				/* ajout après déplacement a gauche		*/
}

#recherche{						/* zone de recherche spécifique			*/
color:#004275;					/* texte en bleu marine					*/
font-size: 10px;				/* hauteur caracteres					*/
font-weight: bold;				/* texte en gras						*/
text-align: right;				/* cadrage texte a droite				*/
padding-right: 5px;				/* ajout après déplacement a gauche		*/
}

#lettre{						/* zone de saisie lettre INHES			*/
color:#004275;					/* texte en bleu marine					*/
font-size: 10px;				/* hauteur caracteres					*/
font-weight: bold;				/* texte en gras						*/
text-align: right;				/* cadrage texte a droite				*/
}

#lettre fieldset{					/* champs de saisie						*/
border: 0;						/* suppression encadrements				*/
padding:0;						/* spécifiques au fieldset				*/
margin: 0;						/* 										*/
}

#droite1 {						/* Menu droite supérieur				*/
padding-top: 15px;				/* ajout blanc apres le logo			*/
padding-bottom: 15px;			/* et apres idem						*/
}

#droite1  a {						/* Lien menu : boutons					*/
clear: both;					/* RAZ positionnement complet			*/
margin-top: 3px;				/* espacement avant						*/
display: block;					/* comportement dessus-dessous			*/
width: 144px;					/* largeur bouton						*/
/*height: 30px;					/* hauteur bouton a ne pas fixer 		*/
border-right: 1px solid #004275;/* relief a droite et en bas			*/
border-bottom: 1px solid #004275;
background-color: #96ACC0;		/* couleur fond gris 					*/
text-align: center;				/* texte du bouton centré				*/
padding: 2px;					/* marge interieure						*/
color: white;					/* texte en blanc						*/
}

#droite1  a:hover {				/* Lien menu survolé					*/
color:#004275;					/* texte en bleu marine					*/
}

#champRecherche {				/* champ de saisie pour recherche		*/
border: 1px solid #004275;		/* cadre								*/
width: 147px;					/* taille idem boutons	(149 - 2)		*/
} 

#boutonRecherche {				/* bouton de saisie pour recherche		*/
color:#004275;					/* texte en bleu marine					*/
font-size: 9px;					/* texte de 9px							*/
font-weight: bold;				/* texte en gras						*/
text-align: center;				/* texte centre dans le bouton			*/
background-color: #CCD4DE;		/* couleur fond gris 					*/
border: 0px;					/* pas de bordure						*/
padding: 0px;					/* pas d'entourage						*/
margin-top: 5px;				/* marge au dessus du bouton			*/
cursor: pointer;				/* forme de main au passage souris		*/
}

#champLettre {					/* champ de saisie pour lettre INHES	*/
border: 1px solid #004275;		/* cadre								*/
width: 147px;					/* taille idem boutons	(149 - 2)		*/
} 

#boutonLettre {					/* bouton de saisie pour lettre INHES	*/
color:#004275;					/* texte en bleu marine					*/
font-size: 10px;				/* texte de 10px						*/
font-weight: bold;				/* texte en gras						*/
text-align: center;				/* texte centre dans le bouton			*/
background-color: #CCD4DE;		/* couleur fond gris 					*/
border: 0px;					/* pas de bordure						*/
padding: 0px;					/* pas d'entourage						*/
margin-top: 5px;				/* marge au dessus du bouton			*/
cursor: pointer;				/* forme de main au passage souris		*/
}

#entete {
}

#menuderoulant{					/* Menu déroulant (6 menus)				*/
margin-top:2px;					/* marge extérieure (ligne blanche)		*/
background-color:#CCD4DE;		/* gris menu							*/
height:49px;					/* hauteur du menu (niveau 1)			*/
}

#menuderoulant ul {				/* Les <ul> du menuderoulant			*/
padding: 0px; 
margin: 0px;
}

#menuderoulant ul li {				/* Les <li> contenus dans <ul> du menud.*/
position: relative; 
list-style: none; 
background-color:#CCD4DE;		/* gris menu							*/
}

#menuderoulant a {				/* Liens du menu déroulant				*/
color: #004275;					/* texte en bleu marine					*/
font-size: 11px;				/* taille caracteres					*/
font: times;					/* typologie caractères spécifiques		*/
font-weight: bold;				/* texte en gras						*/
text-decoration: none;			/* pas de souligné, etc... 				*/
display:block;					/* posit. les uns sous les autres		*/
width:108px;					/* largeur - padding					*/
padding:2px;					/* entourage du texte					*/
height:45px;					/* hauteur								*/
text-align:center;				/* centrage du texte					*/
}

#menuderoulant .niveau2 a {		/* Liens de niveau2 du menu	deroulant	*/
font-size: 11px;				/* taille caracteres					*/
font-weight: normal;			/* suppression gras						*/
}

#menuderoulant .niveau1 ul {		/* les <ul> de niveau1 de menuderoulant	*/
border-top:1px solid #004275;	/* haut, droite, gauche encadrés		*/
border-left:1px solid #004275;
border-right:1px solid #004275;
}

#menuderoulant .niveau1 li {		/* les <li> de niveau1 de menuderoulant	*/
display: block;					/* comportement block: l'un sous l'autre*/
float: left;					/* alignement à partir de la gauche		*/
}

#menuderoulant ul.niveau1 li :hover {/* Survol de <li> de <ul.niveau1>		*/
								/* <ul.niveau1> = <ul class=niveau1>	*/
background-color:#F5F7F7;		/* gris perle							*/
}

#menuderoulant .niveau2 {		/* Menus a partir de niveau2			*/
position: absolute; 			/* positionnement absolu				*/
top: 49px; 						/* décalage haut 45px + 2x2px de padding*/
left: 0px; 						/* pas de decalage à gauche				*/
display: none;					/* RAZ block...							*/
width:110px;					/* largeur 								*/
}

#menuderoulant .niveau2 li {
border-bottom:1px solid #004275;
}

#menuderoulant .niveau2 li a{
height:auto;
text-align:left;
width:106px;					/* largeur - 2x2px						*/
}

#menuderoulant .niveau2  a:hover  {/* passage souris sur <a> de la classe	*/
								/* niveau2 du <div> menuderoulant		*/
color: red;						/* texte en rouge						*/
}

#menuderoulant .niveau3 {		/* Menus a partir de niveau3			*/
position: absolute; 			/* positionnement en absolu				*/
top: -1px; 						/* a cause du border 1px				*/
right: -112px; 					/* largeur et 2 fois 1px de border		*/
width: 110px;					/* largeur 								*/
display: none;					/* RAZ block etc...						*/
}

/* ATTENTION : sous IE, il faut garder les "div#" !!! 					*/
div#menuderoulant ul.niveau1 li.sousmenu:hover ul.niveau2, /* "et" logique	*/
div#menuderoulant ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;					/* affichage sous-menus IE				*/
}

#contenu {
/*margin-right: 161px;			/* correspond aux 161px de #menudroite	*/
								/* pour aligner #contenu de #corps		*/
}

#pagesite  table, td {				/* tableau et td page du site			*/
border:  1px solid white;		/* RAZ									*/
padding: 0px;					/* RAZ									*/
}							

#pagesite  a {					/* liens du site						*/
text-decoration: underline;		/* souligné								*/
color: blue;					/* bleu par defaut						*/
font-size: 12px;				/* taille du texte						*/
}

#pagesite hr {					/* lignes de séparation du site			*/
height: 1px;					/* hauteur								*/
color: #CCD4DE;					/* couleur								*/
font-weight: normal;			/* pas de gras							*/
font-size: 20px;				/* pour espacement						*/
}

#hautpage {
min-height: 549px;				/* hauteur minimum de la page (mozilla)	*/
}

#corps {
min-height: 410px;				/* hauteur minimum du corps (mozilla)	*/
								/* utile pour les menus déroulants		*/
}

#piedpage {
display: block;
margin-top: 5px;				/* marge en haut (avant bandeau)		*/
background-color: #CCD4DE;		/* fond gris							*/
clear:left;						/* IE : raz positionnement gauche		*/
color:#004275;					/* texte en bleu marine					*/
font-size: 13px;				/* texte en n px de haut				*/
line-height: 13px;				/* idem pour ligne						*/
font-family: Times, "Times New Roman", Georgia;
}

#sitemap {						/* Plan du site							*/
font-size:12px;					/* taille catacteres					*/
font-weight:bold;				/* texte en gras						*/
}

#sitemap div{					/* A chaque niveau	(Attention BlancDIV)*/
margin-left:20px;				/* decalage de n pixels					*/
}

#sitemap span {
text-decoration: underline;
}

#sitemap .sitemap_heading1 {
display: block;
font-size:11px;
font-weight:bold;
}

#sitemap .sitemap_heading2 {
font-size:10px;
font-weight:bold;
}

#sitemap .sitemap_heading3 {
font-size:9px;
font-weight:normal;
}

#sitemap .sitemap_heading4 {
font-size:8px;
font-weight:normal;
}

#sitemap a {
display:block;
padding:1px 4px;
}

#sitemap a:hover {
color:#404040;
}

/* ====================== */

.fck_title1 {
font-size:1.5em;
margin-bottom:4px;
}

.fck_title2 {
font-size:1.3em;
margin-bottom:4px;
}

.fck_title3 {
font-size:1.1em;
margin-bottom:4px;
}

.fck_normal {
font: 12px Verdana,Tahoma,Arial,sans-serif;
color: #286ea0;
}

.fck_image_left {
float:left;
margin:5px 5px 5px 0;
}

.fck_image_right {
float:right;
margin:5px 0 5px 5px;
}

.fck_quote {
border: #c0c0c0 1px solid;
padding: 5px;
margin: 5px 0;
color: #808080;
font-family: 'Courier New' , Monospace;
background-color: #fffff0;
}

.fck_ruler {
}