/*==============================================================================*/
/*==============================================================================*/
/* EQUANCE by Jean-Michel BENECH.08/2005 http://e-jmb.net faîtes moi une visite */
/* Css Conçue pour le site internet Public de la société EQUANCE | Montpl. 2005 */
/*==============================================================================*/
/*==============================================================================*/

/* En avant !!! :) */

body, html {
	/* Positionnement général */
	margin: 0;
	padding:0;
	/* Descripteur des scrolls bars pour MSIE*/
	scrollbar-face-color: #bb0000;
    scrollbar-highlight-color: #c45b4d;
    scrollbar-shadow-color: #bc6516;
    scrollbar-3dlight-color: #555555;
    scrollbar-arrow-color:  #f3c165;
    scrollbar-track-color: Maroon;
    scrollbar-darkshadow-color: #333333;
	/* Couleur de fond général */
	background: Maroon;
	/* Alignement général de la structure */
	text-align: center;
	}

/* Polices de caractères générales */
body, html, p, td, li, #menu ul ul li, input, select, textarea, h1, h2, h3 { 
	font-family: frutiger, verdana, arial, helvetica, geneva, sans-serif;
	}
	
/* Caratéristiques Gémérales des liens - ancres */
a { color: #B38147; text-decoration: none;}
a:link { color: #B38147; }				/* ancre statique */
a:visited { color: #805933; }			/* ancre visité */
a:hover { color:#E7768C; }				/* ancre survolé */
a:active { color:#E7768C; }				/* ancre actif-courant */
a img { border: none; }					/* ancre sur images */

/*==============================================================================*/
/*=======================DESCRIPTIF DU LAYOUT DE PAGE===========================*/
/*==============================================================================*/

/* Conteneur général ==> niveau supérieur */
#rap {
	margin: 0 auto;						/* marge latérale automatique nulle */
	padding: 0;							/* marge verticale nulle */
	width: 750px;						/* largeur du container en pixels */	
	/* spécial pour MSIE : gère l'héritage */
	voice-family: "\"}\""; 
	voice-family: inherit; 
	/* ne pas enlever la surcharge ci-dessous : IMERATIF pour MSIE 5/6 */
	width: 750px; 
	}
	
/*==============================================================================*/
/*=============================HEADERS : HAUT DE PAGE===========================*/
/*==============================================================================*/
/* Section concernant les headers du site : contient logo et bandeau sup 
+ un subheader pour loger le site map et autres éléments de menu souhaités
dans la limite de la place disponible ! :)) */

/* REZ-AJUST n'est pas encore implémenté. il contiendra simplement une image
dont la hauteur sera ajustée en fonction de la résolution écran du visiteur
et lui permettant de visualiser la première page dans les meilleures conditions */
#rezajust {
}

/* Bandeau logo 1ere tranche*/
#header {
	background: url(headersup1_01.jpg) Maroon; /* gère la première tranche du bandeau sup */
	text-align: left;
	padding: 8px 2px 2px 655px;
	margin:0;
	height: 61px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 61px;
	}

/*NE PAS MODIFIER ICI */
/* switche off l'affichage du logo contenu dans le header en mode normal*/
/* les règles d'affichage de ce logo ne concernent que le média: print */
#logo {
	display: none;
}


/* Bandeau 2eme tranche*/
#subheader {
	background: url(headersup1_02.jpg) Maroon; /* gère la deuxième tranche du bandeau sup */
	text-align: left;
	margin: 0;
	height: 34px;
	padding: 0 5px 0 15px;
	text-decoration: none;
	font-size: .6em;
	color: #F9F5E7;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 34px;
	}

/* Caractéristiques des liens du header */
#header a, #header a:visited, #header a:hover {
	text-decoration: none;
    font-style: bold;
	font-size: .7em;
	font-color: #dbbc73;
	}

/*==============================================================================*/
/*========================CONTENT : MILIEU DE PAGE HORIZ========================*/
/*==============================================================================*/
/* Content est le constructeur général du milieu de page, il contient le menu de
navigation gauche, la partie destinée au contenu au centre et enfin la section menu
droit contenant les infos annexes. */

/* div principal centre */
#content {
	background: url(fondtexte1.gif) repeat-y #F9F5E7;
	text-align: left;
	width: 750px;			/* Largeur d'ecran basée sur une vision en 800x600 */
	float: left;
	color: #666;
	clear:both;				/* surclasse les héritages des divs supérieurs */
	min-height: 250px; 	/*garantit layout consistant en hauteur sur Firefox, Mozilla, Opera */
	
	/* spécial pour MSIE6 : gère l'héritage */
	voice-family: "\"}\""; 
	voice-family: inherit;
	/* ne pas enlever la surcharge ci-dessous : IMERATIF pour MSIE 5/6 */
	height: relative;	/* garantit un layout fluide en hauteur pour la page sur IE5/IE6 */
	}

#content blockquote p { border-top: 1px solid #E7768C;
	border-right-width: 0;
	border-bottom: 1px solid #E7768C;
	border-left-width: 0;
	font-size: .7em;
	padding: 5px; margin: 8px 10px 8px 40px;
	width: 350px;
	
	/* spécial pour MSIE6 : gère l'héritage */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 300px;
	}

#content p {
	font-size: .7em;
	width: 380px;
	margin: 1.5em 0 1.5em 0;
	}


/* Div lmenu : outil de navigation gauche */
/* lmenu decrit le conteneur de navigation */
#lmenu {
	background: transparent;
	text-align: left;
	width: 140px;
	margin: 0;
	padding: 0;
	float: left;
	}

/* lmenu ul décrit le niveau supérieur de liste : 1er block */
/* l'incrément est paramétré ici */
#lmenu ul {
	list-style-type: none;
	width: 136px;
	margin: 1px 1px 1px 1px ;
	padding: 0;
	border-color:#b9a894;
	border-style: solid;
	border-width: 0 0 0 0;
	/* setting de largeur pour IE5+ */
	width: 100%;
	/* spécial pour IE5 : héritage */
	voice-family: "\"}\""; 
	voice-family: inherit;
	padding: 0 0.6em;
	width: 90%}

/* Ruse de sioux :) */
html>body #lmenu ul {
	width: 95%} /* Fix pour MSIE6 */

	
/* lmenu ul a décrit les paramètres généraux d'ancre de liste */
#lmenu ul a {
	text-decoration: none;
	outline: none;
	font-weight: bold;
	}

#lmenu ul a.courant {
	color: #eaa626;
		}

#lmenu ul a.subcourant {
	color: #ea3c22;
	}

#lmenu ul a.subsubcourant {
	color: #ea3c22; 
	}
	
#lmenu ul a:hover {
	font-weight: bold;
	color: #b30000;
	}
	
/* lmenu ul li décrit les éléments de premier niveau de liste */
#lmenu ul li {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #785a3c;
	border-top: solid 1px #b9a894;
	line-height: 15px;
	}

/* lmenu ul li a décrit les ancres de premier niveau de liste */
#lmenu ul li a {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #785a3c;
	}

/* Supprime la bordure supérieure dans les listes emboîtées */
/* ne conserve que celle de premier niveau */ 
#lmenu ul ul li {
	border:0;
}

/* le div de classe POST est le conteneur principal des éléments d'information */
/* situé au centre la page : storytitle, storycontent, etc... */

.post {
	width: 380px;
	padding: 10px 0px 15px 25px;
	float: left;
	margin: 0;
	}
	
h2 {
	background-color:#d3bd8f;
	color:Maroon;
	width: 380px;
	font-size: 0.9em;
	margin: 0 ;
	padding: 2px 0 2px 10px ;
	}
	
h3 {
	color:#909090;
	font-size: .5em;
	margin: 5px 0 0 0;
	}
	
ol, li { margin-left: 15px}
	
.storycontent ul {	
	list-style-type: none;
	margin: 10px;
	padding: 0;	
	font-size: .7em;
	}

.storycontent ul li {
	list-style-image: url(bullet.gif);
	margin-left: 20px;
	}

.storycontent ol {
	margin-left: 10px;
	margin-right: 20px;
	padding: 0;	
	font-size: .7em;
	}
	
.storycontent {
	font-size: 1.0em;
	text-align: justify;
	width: 380px;
	margin: 10px 0 0 0;
	}

.storycontent p {
	padding: 0 0 0 10px ;}
	
.storycontent a {
	font-weight: bold;}
	
#content post.storycontent.p.rouge {color : lime}	

/* LE MENU DROIT COMMENCE ICI */	

#menu {
	width: 160px;
	margin-left: -160px;
	float: right;
	background: transparent;
	font-family: frutiger, verdana, arial, helvetica, geneva, sans-serif;
	text-align: left;
	}
	
#menu ul {
	color: #612000;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0 8px;
	}
	
#menu ul li {
	font-weight: bold;
	font-size: .7em;
	margin: 5px 0px 5px 0px;
	border-bottom:#AFA37C 1px dashed;
	}

#menu a:hover {
	font-weight: bold;
	color:#bf0000;
	 }
	 
#menu ul ul {
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	}
	
#menu ul ul li {
	background: none;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#menu input {
	background-color: #fff;
	border: 1px solid #6E4646;
	font-size: .7em;
	font-weight: normal;
	}

/* surcharge des classes générales de formulaire INPUT pour le 
traitement du bouton go du form recherche en haut à gauche */
#menu input.red {
	background-color: #aa0000;
	border: 1px solid #6E4646;
	text-align: center;
	font-weight: bold;
	color: white;
	}
	
/* MENU DROIT FINIT ICI */	

#plan a{
	background: transparent;
	font-family: frutiger, verdana, arial, helvetica, geneva, sans-serif;
	text-align: left;
	font-size: 12px;
	margin: 0;
	}

#plan ul{
	margin-left : 0px;
	}
#plan ul li{
	margin-left : 10px;
	}
	
/*CLASSES DE FIN DE PAGE ET UTILITAIRES */

/* BOTTOM contient l'image des pyramides et autres images de bas de page
en surimpression sur le fond  général. Cette composition assure un ajustement
toujours ideal de l'image en fin de menu gauche ou droit ou de milieu de page 
en fonction des contenus. NE DOIT PAS ETRE MODIFIE A PRIORI. */
#bottom {
	background: url(fondtexte1.gif) repeat-y Maroon;
	text-align: left;
	width: 750px;
	float: left;
	color: #666;
	clear:both;
	height: 133px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 750px;
	height: 133px;
	}
	
#attache {
	background:transparent ;
	text-align: left;
	margin:0px;
	padding:0px;
	float: right;
	width: 304px;
	height: 133px;
	/* spécial pour MSIE6 : gère l'héritage */
	voice-family: "\"}\""; 
	voice-family: inherit;
	/* ne pas enlever la surcharge ci-dessous : IMERATIF pour MSIE 5/6 */
	height: 133px;	/* garantit un layout fluide en hauteur pour la page sur IE5/IE6 */
	}

#attache ul {
	color: #612000;
	font-weight: normal;
	font-size: 10px ;
	list-style-type: none;
	margin: 0px;
	padding: 0 8px;
	}

#attache ul li, #attache ul li a {
	background: none;
	/*font-size: 0.75em;*/
	font-weight: normal;
	line-height: 10px;
	padding: 0;
	margin: 0;
	border: 0;
	}

#attache ul li a:hover {
	font-weight: bold;
	color:#df0000;
	 }

#baseline {
	background: url(baseline.gif) repeat-y transparent;
	width: 304px;
	height: 34px;
	margin-bottom : 0px;
	position : relative;
}


/* le paragraphe de classe CREDIT contient le copyright EQUANCE */
.credit {
	background: Maroon;
	width: 750px;
	margin: 0;
	font-size: .5em;
	color:#F9F5E7;
	padding: 0;
	text-align: center;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 750px;
	}
	
.credit a, .credit a:visited { 
	color:#efc034;
	font-size: 1.02em;
	font-weight: bold;
	}
	
.credit a:hover { color:#F9F5E7; }


/* CLASSES UTILITAIRES ET FORMULAIRES */
blockquote { 
	padding: 0; margin: 0px; width:350px;
	}
	
code, p code {
	font-size:.7em;
	color: #666;
	font-family: courier, monospace;
	background: #FFF;
	}
	
abbr, acronym {
	border-bottom: 1px dashed #E7768C;
	}

#contact {
	float: left;
	width: 380px;
	margin: 0 0 0 15px ;
	padding:0 0 0 0 ;
	font-size: 10px;
	line-height:10px;
	}

#contact h2 {
	font-size: 12px;
	width:350;
	}
	
#contact p {
	font-size:10px;
	}

#contact table {
	background: transparent;
	border:1px solid #eadbb9;
	margin: 0 0 0 5px;
	}
#contact table tr td, #contact hr {
	height:10px;
	padding:0;
	margin:0;
	spacing:0;
	}

.pres_doc {
	background: transparent;
	border:0px;
 	padding:0;
	margin: 0 0 0 5px;
  width: 100%;
	font-size:11px;
}
	
.requis {
	width:20px;
	text-align: center;
	text-valign: middle;
	color: red;
	font-weight: bold;
}

.b_radio {
	color: maroon;
	text-align: left;
	font-weight: bold;
}

.label {
	color: maroon;
	font-weight: bold;
	text-align: right;
}

.champ {
	background: transparent;
	text-align: left;
}

#contact input {
	font-weight: normal;
	font-size: 1.0em;
	padding-left: 3px;
	}

#contact textarea {
	background: #fff;
	padding-left: 3px;
	color: #666;
	width: 85%;
	font-size: 1.0em;
	}
	
#contact select {
	border: 1px solid #999;
	background: #e8d8c8;
	padding-left: 3px;
	color: #666;
	}