/*==============================================================================*/
/*==============================================================================*/
/* TIENWEN by Jean-Michel BENECH.08/2005 http://e-jmb.net faîtes moi une visite */
/* Css Conçue pour le site internet TIEN WEN | 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: url(graphik/fondbckgd.gif) repeat black;
	/* 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, cite, textarea, h1, h2, h3 { 
	font-family: 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: 720px;						/* 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: 720px;
	height: relative;
	}
	
/*==============================================================================*/
/*=============================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(../picts/bandeau_sup.jpg) no-repeat black; /* gère la première tranche du bandeau sup */
	text-align: left;
	padding: 0;
	margin:0;
	height: 150px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 150px;
	}

/*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(graphik/bg3.jpg) repeat black; /* gère la deuxième tranche du bandeau sup */
	text-align: left;
	margin: 0;
	height: 20px;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: .7em;
	color: Gray;
	font-weight: bold;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 20px;
	}

/* 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(../picts/fond-tile-beige.jpg) repeat #F9F5E7;
	text-align: left;
	width: 720px;			/* 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 */
	}

#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: 300px;
	
	/* spécial pour MSIE6 : gère l'héritage */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 300px;
	}

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

#content cite {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	width: 360px;
	margin: 1.5em 0 1.5em 0;
	color: Black;
	}

#content em.extra {
	font-size: 2.0em;
	font-weight: bold;
	width: 360px;
	color: gray;
	}

#content em.press {
	font-size: 1.0em;
	font-weight: bold;
	margin: 1.5em 0 1.5em 0;
	width: 360px;
	color: #492e35;
	}
	
#content em.year {
	font-size: 1.0em;
	font-weight: bold;
	width: 360px;
	margin: 1.5em 0 1.5em 0;
	color: Black;
	}


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

#lmenu p.m_image {
	text-align: center;
	color:black;
	width: 140px;
	font-size: 0.6em;
	font-style: italic;
	margin: 0 ;
	padding: 2px 0 2px 10px ;
}

/* 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;
	}

#lmenu ul a.courant {

	color: #ff5604;
	}

#lmenu ul a.subcourant {
	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... */

#expander {

	width: 380px;
	height: relative;
	margin: 10px 0px 10px 10px;
	float: left;
	margin: 0;
}

.post1 {
	width: 380px;
	padding: 10px 0px 15px 25px;
	float: left;
	margin: 0;
	}
	
h2 {
	background-color:#f7c975;
	color:Maroon;
	width: 360px;
	font-size: 0.9em;
	margin: 0 ;
	padding: 2px 0 2px 10px ;
	}
	
h3 {
	color:#400000;
	font-size: .5em;
	margin: 5px 0 0 0;
	}

h4 {
	color:Maroon;
	width: 360px;
	font-size: 0.8em;
	margin: 0 ;
	padding: 2px 0 2px 10px ;
	}
	
ol, li { margin-left: 15px}


.p_image {
	text-align: center;
	color:black;
	width: 360px;
	font-size: 1.2em;
	font-style: italic;
	margin: 0 ;
	padding: 2px 0 2px 10px ;
}

.storycontent ul {
	color: black;
	list-style-type: none;
	margin: 10px;
	padding: 0;	
	font-size: .7em;
	}

.storycontent ul li {
	line-height: 1.8em;
	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: 360px;
	margin: 10px 0 0 0;
	float: left;
	}

.storycontent p {
	width: 360px;
	padding: 0 0 0 10px ;}
	
.storycontent a {
	font-weight: bold;}
	
/* LE MENU DROIT COMMENCE ICI */	

#menu {
	width: 160px;
	margin-left: -160px;
	float: right;
	background: transparent;
	font-family: 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 */	

/*CLASSES DE FIN DE PAGE ET UTILITAIRES */

/* BOTTOM contient l'image de bas de page
en surimpression sur le fond  général.NE DOIT PAS ETRE MODIFIE A PRIORI. */

#bottom {
	background: url(../picts/bandeau_inf.jpg);
	text-align: left;
	width: 720px;
	height: 58px;
	float: left;
	color: #666;
	clear:both;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 720px;
	}


/* le paragraphe de classe CREDIT contient le copyright */
.credit {
	background: black;
	width: 720px;
	margin: 0;
	font-size: .5em;
	color:#F9F5E7;
	padding: 0;
	text-align: center;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 720px;
	}
	
.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;
	}
	
.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;
	}