/* css inspiré de CSS-GARDEN */

/* elements de base */
body {
	font: 10px/normal verdana, arial, sans-serif;
	background:   transparent url(images/css/ArrierePlan.gif) repeat top;
}

#body_fond {	/* pour l'ombre portée de part et d'autre de la page */
	background: transparent url(images/css/fond_site_fsi2.jpg) repeat-y top;
}
/* pas utilisé
.body_tile {
	background: transparent url(images/fond2.gif) no-repeat fixed top;
}
*/
#bord {	/* pour l'illustration du diagendiagne */
	background: transparent url(images/css/diagendiagne.gif) no-repeat;
	margin-top: -27px; margin-left: -125px;
	height: 212px; width: 125px;
	padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
	float: right;
	z-index: 150;
}

p {margin-top: 0px;}
/* gérer les 5 possibilités :link, :visited, :hover, :active, :focus  */
a {
	text-decoration:none;
	color:#9E2715;
	font-weight:bolder;
}
a:hover{
	color: #CC0000;
	border: 0px;
}
img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*
.img a:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
*/
/* gestion des erreurs dans les forms */
.fielderror { color: red; }
.fieldoblig { color: blue;}
.fieldreq { color: #9e2715; }

.exposant {
	vertical-align: 4px;
	font-size: 0.7em;
}
.indice {
	vertical-align: -3px;
	font-size: 0.7em;
}
.acronym {
	text-decoration: underline;
	cursor: help;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
}
th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
}
h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 }
h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
 }
h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 }
h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 }
h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 }
.hidd {
	visibility: hidden;
	height: 1px;
	z-index: -99;
	overflow: hidden;
}
/*  ---------------------------------------------------------------------------------------------------- */

/* ensuite viennent les classes -------------------------------------------------------------------------*/
/* voir ce qui est en cours dans la gestion de la messagerie */
.FormChamp,
.FormChampMaj {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #CCCCCC;
	line-height: normal;
	background-color: #F5F5F5;
 }
.FormChampMaj {
	text-transform: uppercase;
 }
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
 }
.encadre {
	border:2px solid #9E2715;
	margin: 2px;
	padding: 5px;
	}
.attention {
	color:#FF0000;
	font-weight: bold;
	text-decoration: underline;
	}
.float_gauche {
	float:left;
	margin-right: 5px;
}

.float_droite {
	float:right;
	margin-left: 5px;
}

.surligné {
	background-color: #FFFF33;
}

.bulle {
	background-color:#FFFFCC;
	text-align: center;
	border: 1px solid #666;
	position: absolute;
	display:none;
	font-size:11px;
}
/* -------------------------------- ensuite les balises ID ---------------------------------------------------*/
#page{
	position: relative;
	background: transparent url(images/css/FondPageColDroite.jpg) repeat-y top;
/*	background-image:   url(/images/css/FondPageColDroite.jpg);
	background-repeat: repeat-y;
	background-color: transparent;
*/
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
 }

#container {
	background:   url("images/css/Entete.jpg") no-repeat 0px 0px;
	padding-top: 212px;
 }

#menu {
	height: 15px;
	width: 620px;
	position: absolute;
	top: 105px;
	color: #FFFFFF;
	left: 145px;
	z-index: 1;
 }

#login {
	height: 55px;
	width: 135px;
	position: absolute;
	top: 120px;
	color: #FFFFFF;
	left: 5px;
 }

#login a {
	color:#FFFFFF;
	font-stretch:expanded;
	font-weight: bold;
}
#login a:hover{
	text-decoration: underline;
}

#login h1 {
 font: bold 120% Arial,sans-serif;
 }

#login li {
	list-style-type: square;
}



/* link container - C'EST pour placer et illustrer la Colonne GAUCHE  */
#linkList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:  #F4E2C9 url("images/css/ColGauche.jpg") repeat-y;
	float: left;
	width: 140px;
	/*	padding-left:8px; */
 }
/* link container du texte dans la colonne gauche */
#linkList2{
	width:130px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#linkList ul{list-style-type:none;padding:0;margin:0;}
#linkList li {	color:#A59573;	font-size:9px;	padding-left:10px;	border-bottom:1px solid #C2B6A1;	border-left:6px solid #CEBA92; }
#linkList li:hover{	border-left:6px solid #9AA2A3;	background:#CDC3AF;}
#linkList li a{	letter-spacing:0px;	color:#867758;	display:inline;	border-bottom:none;	font-family: verdana, arial, sans-serif;
	font-style: normal;	font-weight: normal;	font-variant: normal;}
#linkList li a:hover {color:#9E2715;}
#linkList a.encadre{display:inline;letter-spacing:-1px;margin-left:0px;font:normal 9px/10px verdana, arial,sans-serif;color:#A59573;}
#linkList a.encadre:hover{color:#786F5D;border-bottom:1px solid #786F5D;}

#linkList h3.visiteur span, 
#linkList h3.proprio span, 
#linkList h3.investiss span {display:none}	/* ce qui cache le texte ! */

#lvisiteur{margin-top:20px;}
	#linkList div#lvisiteur {text-align: left;}
	#linkList div#lvisiteur li {line-height:1.50em;}
/*	#linkList div#lvisiteur li {line-height:2.05em;}	*/
	#visiteur ul li a{display:block;font-weight:bold;margin-right:10px;margin-left:0px;}
/*	#lvisiteur ul li a:hover{color:#9E2715;}	*/

#lproprio{margin-top:20px;}
#linvestiss{margin-top:20px;}

/* balises du corps de texte standard dans une page standard */
#supportingText {
	text-align: justify;
	margin:0;
	padding-right: 15px;
	width: 600px;
	float: left;
	padding-left: 10px;
 }
#supportingText h1 {
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 1em;
 }
#supportingText h2 {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 0.5em;
 }
#supportingText h3 {
	font-size: 116%;
 }
#supportingText h4 {
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
 }

#footer {
	background: url("images/css/PiedPage.jpg");
	color:#FFFFFF;
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 20px;
	clear: both;
	line-height: 43px;
 }
#footer a{
	color:#F4E2C9;
	font-weight: bolder;
 }
#footer a:hover{
	background:#ccc;
	color: #CC0000;
	font-weight: bolder;
 }

/*  ---------------- */


/* autres balises div disponibles pour agrémenter les pages: bannière - intro - preambule -  quicksummary - */

#banniere {
	background-color: #525E6F;
	height: 60px;
	width: 468px;
	position: absolute;
	left: 164px;
	top: 130px;
	color: #FFFFFF;
	z-index: 0;
/*	margin-left:164px; */
 }
/* une balise pour mettre une intro de page */
#intro{
	width: 400px;
	border: thick outset #9E2715;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 10px 10px 25px 100px;
	height: auto;
	background-color: #F4E2C9;
 }
#intro h1 {
	font-size: 16px;
	color: #525E6F;
	padding-bottom: 15px;
 }
#intro p {
	margin-left: 10px;
 }


	/* une balise pour un sommaire propre à la page */
#quickSummary{
	background-image: url("images/css/SNOOPY.GIF");
	font-size: 12px;
/*	line-height: 16px;	*/
	background-color: #F7E6D2;
/*	background-position: left top;	*/
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 50px;	/* utile si il y a une image en fond ....	*/
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
/*	margin-left: 150px;	*/
	margin-bottom: 10px;
/*	margin-right: 10px;
	height: 100px;
	width: 300px;	*/
}
			/* CODE A REVOIR 
#quickSummary p.p1 span {}
#quickSummary p.p2 span {
	position:absolute;
	padding-top:288px;
	margin-left:270px;
	font: normal 9px/13pt verdana, arial,sans-serif;
	color:#6F5C35;
	left: -26px;
	top: 74px;
	height: -141px;
	width: 407px;
}
#quickSummary p.p2 span a{color:#6F5C35;font-weight:bold;border:none;}
#quickSummary p.p2 span a:hover{color:#976717;border-bottom:1px solid #976717; }
			 FIN CODE A REVOIR */


#extraDiv1{
	width:170px;
	height:170px;
	background:   url(images/PaveExtraDiv1.gif);
	color: #FFFFFF;
	left: 640px;
	top: 50px;
	position: absolute;
}
#extraDiv1 p {
	margin-top: 20px;
	margin-left: 20px;
}
#extraDiv1 img {
	width:145px;
	height:100px;
	cursor: pointer;
	margin-left: 12px;
}
/*  ----------------------------------------------------------------------- */


/* ICI pour faire les ZONGLETS !!!! --------------------------------------------------------------------*/
/* nouvel essai A PEU PRES PROPRE !!! */
#tabnav {
	color: #293A42;
	padding: 0px 0px 20px;
	border-bottom: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	height: 10px;
	vertical-align: middle;
	line-height: normal;
	clear: both;
	}
#tabnav ul {
	padding-left:0px;
	margin: 10px 0px 0px 5px;
	float: left;
}
#tabnav li {
	display: inline;
	list-style-type: none;
	float: left;
	width: 100px;
	padding-bottom: 5px;
}
#tabnav a, #tabnav a:visited {
	color: #CC0000;
	font-weight: bold;
}
#tabnav a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.tabnav_inactif {
	color: #FFFFFF;
	text-decoration: line-through;
}
.tabnav p {
	margin: 0px;
	line-height: 10px;
}
/*
#tabnav li.active a, #tabnav li.active a:visited {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	}
*/
	
/* essai avec une image d'onglet en dessous ?? dur dur !!!
#tabnav {
	list-style-type: Aucune;
	padding-bottom: 48px;
	background-image: url(/tmp/Onglet_sous.gif);
	background-repeat: repeat-x;
	background-color: #FFFAF3;
	width: 600px;
	margin: 0px;
	border: 1px solid #FF0000;
}
ul#tabnav {
	font: 10px verdana, arial, sans-serif;
	margin: 50px 0 50 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #00FF00;
}
ul#tabnav li, ul#tabnav li.active {
	padding: 5px 0px 0px 5px;
	width: 93px;
	display: block;
	color: #CCCCCC;
	list-style-type: disc;
	float: left;
}
ul#tabnav li.active {
	font-weight: bold;
	color: #9E2715;
	background-image: url(/tmp/Onglet.gif);
	background-repeat: no-repeat;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #9E2715;
	list-style-type: Aucune;
}
ul#tabnav li.active a {
	color: #525E6F;
	list-style-type: Aucune;
}
*/
.num_or {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #CC321C;
	font-weight: bold;
}
.tags_pied {
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.tags_pied h1 {
	font-size: 12px;
	font-style: normal;
	color: ffffff;
	font-weight: normal;
}
.tags_pied h2 {
	font-size: 11px;
	color: ffffff;
	font-style: normal;
	font-weight: normal;
}
.tags_pied p {
	color: ffffff;
}