/* STYLE GENEASERVICE*/
/* CSS Document */

/* GENERAL */
	html, body { height:100%}
	body {
	  margin: 0 0 0 0 ;
	  padding: 0 0 0 0; 
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  color: black;
	  background-color:#99CC33;
	  font-size:1em;
	
	}
	:link { color: #00C; background: transparent }
	:visited { color: #609; background: transparent }
	a:active { color: #C00; background: transparent }
	a:hover { color: #660033; background: transparent }
	
/*	a:link img, a:visited img { border-style: none } /* no border on img links */
	
	
	h1, h2, h3, h4, h5, h6 { text-align: left }
	h1, h2, h3 { color: #999966; }
	h1 { font-size: 1.4em ; font-weight:bold ; margin:0.2em 0em 0.2em 0em }
	h2 { font-size: 1.4em ; font-weight:normal; margin:0.2em 0em 0.1em 0em}
	h3 { font-size: 1.2em ; font-weight:normal; margin:0.5em 0em 0.1em 0em }
	h4 { font: bold 1em ; margin:0.2em 0em 0.2em 0em }
	h5 { font: italic 1em }
	h6 { font: small-caps 1em}
	h2 { margin-top: 0.6em; margin-bottom: 0.6em}
	
	p { font-size:1em;
	  margin-top: 0.6em;
	  margin-bottom: 0.6em;
	}
	
	hr { clear:both ; visibility:hidden}

	em { font-style:italic ; font-size:0.9em}
	strong{ font-weight:normal; text-decoration:underline}
	
	a.titre {color: #999966; text-decoration:none; }
/* BANDEAU DU HAUT */
	div.haut{
		position:absolute; top:0; left:0 ;
		padding:0 0 0 0 ; margin:0 0 0 0 ;
		background-color: #999966;
		border-top: 1px solid #99CC33;
		background-image: url(../images/img_charte/genea_r1_c4.gif);
		background-repeat:no-repeat;
		background-position: right top;
		width:100%;
	/*	height:2.3em; soit 38px*/
		z-index:1;
	}
	div.haut #logo{
		position:relative; top:0; left:0 ;
		padding:0 0 0 0 ; margin:0 0 0 0 ;
		z-index:2;
	}
	div.haut #logo a {
		margin-top:0; margin-bottom:0;
	}
	div.haut img { border-style: none }
	div.haut h1 {
		position:absolute; top:13px; left:210px ;
		margin:0 0 0 0;
		color:#FFFFFF; 
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		z-index:2;
	}
	div.haut a {
		color:#FFFFFF; 
		text-decoration:none;
	}

/* FOND */
	div.fond{
		position:relative; top:0; left:1%;
		padding:0 0 0 0 ; margin:0 0 0 0 ;
		width:98%; 
		background-color:#FFFFFF;
		background-image: url(../images/img_charte/genea_r2_c4.gif);
		background-repeat:repeat-y;
		background-position: right top;	
		z-index:1;
	}
/* forcer la hauteur des petites pages*/
	div.hauteur{float:left; height:450px}	

/*MENU NAVIGATION*/
	div.menu_top{
		position:absolute; top:38px; left:0;
		margin: 0 0 0 0;
		width:100%;
		z-index:2;
		font-size:0.9em;
		font-weight:bold;
		color:#00C; background-color:#999966;
		background-image: url(../images/img_charte/genea_r2_c4.gif);
		background-repeat:repeat-y;
		background-position: right top;	
	}
	div.menu_top ul {
		height:100%; margin:10px 0 0 0; 
		padding-left:0; 
		font-size:1em;
	}
	div.menu_top li {
		float:left; margin:0 5px 0 0;
		list-style:none;
		line-height:1.5em;
		text-align:center;
	}
	div.menu_top  a, div.menu_top a:link, div.menu_top  a:visited {
		display:block;
		height:1.5em;
		text-decoration: none;	font-weight:bold; color: #005A9C;
		background: #99CC33;
		padding:0 10px 0 8px;
		width:6em;
		background-image: url(../images/img_charte/ombre.gif);
		background-repeat:repeat-y;
		background-position: right top;	
	
	}
	div.menu_top ul a:hover {
		background: #660033;
		color: #fff; text-decoration: underline;
		background-image: url(../images/img_charte/ombre.gif);
		background-repeat:repeat-y;
		background-position: right top;	
	}
	div.menu_top .menu_select{background-color:#FFFFFF}
	
	/* Affichage différent du menu sélecionné */
		body.rechercheSection li#menu_recherche a,
		body.assistanceSection li#menu_assistance a,
		body.archiveSection li#menu_archive a,
		body.histoireSection li#menu_histoire a,
		body.entraideSection li#menu_entraide a
		{
			background-color:white;
			color:#660033;
		}
	
	div.menu_top #menu_identite  a, div.menu_top #menu_identite a:link, div.menu_top #menu_identite  a:visited {
		display:block;
		height:1.5em;
		text-decoration: none; color:#FFFF00;
		background: transparent;
		padding:0 25px 0 40px ; 
		font-weight:bold; font-size:0.8em; white-space:nowrap
	}
	div.menu_top #menu_identite  a:hover{
		text-decoration:underline; color: #660033;
	}

/*PANIER*/
	#panier{
		position:absolute; top:5px; right:50px;
		margin: 0 0 0 0; padding: 0.2em 0.2em 0.2em 18px;
		z-index:2;
		font-size:0.9em;
		font-weight:bold;
		border: 1px solid #99CC33;
		background-image:url(../images/img_charte/panier.gif); background-position:center left; background-repeat:no-repeat;
	}
	.panier_vide{ background-color:transparent ; color:white}
	.panier_plein{ background-color:white ; color:black}

/* PIED DE PAGE */
	div.footer{
		position:relative; bottom:0; left:0 ;
		padding:0 0 0 0 ; margin:0 0 0 0 ;
		background-color: #999966;
		background-image: url(../images/img_charte/genea_r3_c2.gif); background-repeat:repeat-x; background-position: left bottom;
		width:100%; height:30px;
		z-index:1;
		color:#333333; font-size:0.7em;
	}
	div.fotter p{ margin-top:0 ; margin-bottom:0
	}
	div.footer #r3_c1{position:absolute; bottom:0; left:0 ;
		z-index:1;
		padding:0 0 0 10px ; margin:0 0 0 0 ; height:25px;
		background-image: url(../images/img_charte/genea_r3_c1.gif); background-repeat:no-repeat; background-position: left bottom
	}
	div.footer #r3_c2{position:absolute; bottom:0; left:0; 		
	padding:0 0 0 150px ; margin:0 0 0 0 ; height:25px;
	}
	div.footer #r3_c4{float:right	}
	div.footer #r3_c3{float:right	}

/* BOUTONS */
.bouton_img {
	background-color : #EFEFEF;
	border-style : outset;
	border-color : #aaaaaa;
	border-width : 2px;
	padding:0.1 em;
    }

input.bouton {
	padding:0 .25em 0 .25em;
    width:auto;
    overflow:visible;}

.cadre{
	background-color: #efefef;
	border-style: ridge; border-width: 2px; border-color:#CCCCCC;
	text-align: center;
	font-size:0.9em
}
.cadre_left{
	background-color: #efefef;
	border-style: ridge; border-width: 2px; border-color:#CCCCCC;
	text-align:left;
	font-size:0.9em
}

/* contenu*/
	div.contenu{
		float:left;
		width:95%;
		margin: 5em 0 0 1%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:1em;
		color:#000000; 
	}

/*Erreur*/
	div.erreur{
		float:left;
		width:95%;
		margin: 5em 0 0 1%;
		padding: 0.2em 0.2em 0.2em 0.2em;
		font-size:1em;
		color:#990000;
		font-weight:bold 
	}
/*message d'erreur*/
.msg{color:#990000; font-weight:bold}
.important{color:#990000; font-weight:normal}
.txt2{ font-style:italic}