/*
http://www.questionnement.be

CSS developped by Serge Rappaille ; http://www.create2.be

*/

/* ------------------ LE QUESTIONNEMENT ------------------ */

.formule {
	margin-top: 20px;
	margin-bottom: 20px;
}
#lst-membres th, 
#lst-membres caption,
.showLight th, 
.showLight caption,
.invisible,
label {
	display: none;
	visibility: hidden;	
}

#lst-membres table, td {
	margin: 0;
	padding: 0;
	text-align: left ;
	vertical-align: top;
}

table.liste {
	border: 0;
	margin: 0;
	padding: 0;
}

table.liste td {
	margin: 0;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}

table.agenda, 
table.agenda th,
table.agenda td,
table.agenda thead,
table.agenda tfoot,
table.agenda tbody {
	font: 11px georgia, times, serif;
	margin: 0;
	padding: 2px;
	border:1px solid #D0C7B6;
	border-collapse:collapse;
	margin-left: 0px;
	margin-right: 0px;
}

table.agenda th {
	font-weight: bold;
}

.imgZoomParution {
	float: right ;
	vertical-align: top;
	padding: 0 0 0 10px;
	border: 0;
}


.top {
	text-align: left ;
	vertical-align: top;
}


#menus fieldset {
	border-color: #7D0606;
	border: 0;
	background-color: #7D0606;
}

#texte fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.transparent {
	border: 0;
 	background-image:  url("images/papier.jpg");
}

body {
	margin: 0 auto;
	padding: 0;
 	background-image:  url("images/fond.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #333333;
	font: 11px georgia, times, serif;
	color: #333333;
	text-align: center;
}

	
p, #texte li {
	font-size: 11px;
	margin: 0 0 10px 0;	
	text-align: justify;
}

#texte li.plan {
	list-style-type: none;
	background-image: url("images/ico-page.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 8px 0 0 0;	
}

.alerte {
	font-weight: bold;
	font-size: 11px;
	color: #990000;
}

.alignDroite {
	text-align: right;	
}


.forcerHauteur {
	float: left;
	width: 0;
	height: 600px;
}

/* ------------------ CORRECTION DE LA TAILLE DES TEXTES DANS : IE/WIN ------------------ */

/* \ */ * html body p li { font-size: 11px } /* */

	
a {
	color: #c50;
	text-decoration: none;
	border-bottom: 1px solid #dca;
}
	
a:visited {
	/* color: #a86; */
	color: #c50;
	border: none;
}
	
a:hover	{
	color: #000;
	border-bottom: 1px solid #333331;
}

.accesskey {
	text-decoration: underline;	
}
	
acronym {
	cursor: help;
	font-style: normal;
	border: none;
}

/* ------------------ TITRES ------------------ */
	
h1 {
	color: #333333;
}

#texte h1 {
	font-size: 20px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

	
h2 {
	font-size: 16px;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
	
h2 span {
	display: none;
	visibility: hidden;
}

#texte h2 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
}

#texte h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	color: #922;
	margin: 0 0 10px 0;
	padding: 0;
}

/* ------------------ STRUCTURE DU DOCUMENT ------------------ */

#page {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 860px; /* 750px */
	background-image:  url("images/corps.jpg");
	background-position: center;	
}
	
#texte {
	float: left;
	padding-left : 33px;
	padding-right : 27px;	
	width: 530px; /* 420px */
	padding-bottom: 40px;
}

/*
* html #texte {
	height: 700px;
}
*/


.signature {
	text-align: right;
}
	
#bandeau {
	width: 860px; /* 750px */
	height: 250px;
	background: #000 url("images/bandeau.jpg") no-repeat;
}

#corps {
	width: 860px; /* 750px */
}

#outils {
	border: 0px;
	width: 50px;
	position: absolute;
	margin-top: 7px;	
	margin-left: 488px; /* 378 px */

}

.ico, #outils a:hover {
	border: 0;
	margin-left: 4px;
	text-decoration: none;
}

#bandeau h1, 
#bandeau p,
.invisible {
	display: none;
	visibility: hidden;
}

	
#menus {
	float: right;
	padding-left : 26px;
	padding-right : 26px;	
	width: 210px;
	margin: 0px;
}
	

.ligne {
	width: 530px; /* 420px */
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/* ------------------ MENUS ------------------ */
	
#menus h2 {
	width: 210px;
	height: 25px;
	margin: 20px 0 0 0;
	padding: 0;
}
	
#menus p,
#menus li {
	font: 11px tahoma, verdana, sans-serif;
	color: #efece3;
	text-indent: 0;
}
	
#menus ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #A11414;
	background: #7D0606 
}
	
#menus li {
	color: #000;
	border-bottom: 1px solid #A11414;
	line-height: 14px;
	padding: 14px 17px;
}
	
#lst-membres ul {
	border: 0;
	padding: 0 14px 7px 14px;
}

#lst-membres li {
	padding: 8px 0;
	border: 0;
	color: #CB8361;
	text-align: justify;
}

#menus #lst-membres li a {
	display: inline;
	padding-left: 17px;
	margin: 0;
}
	
#menus #lst-membres li a:hover {
	background-position: -295px 60%;
}
	
.decallage {
	padding-top: 14px ! important ;
}	
	
#menus li a {
	display: block;
	border: none;
	color: #f4f0e6;
	font-weight: bold;
	margin-left: -12px;
	padding-left: 12px;
	background:  url("images/arrow.gif") no-repeat 0 60%;
}
	
#menus li a:hover {
	color: #ec9;
	background-position: -300px 60%;
}
	
#menus li a.c {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	color: #000;
	font-weight: normal;
}
	
#menus li a.c:hover {
	color: #6e2308;
}
	
#menus #lst-aide li {
	padding: 8px 0;
}

#menus #lst-aide li a {
	background: transparent url("images/bullet.gif") no-repeat 5px 60%;
	display: inline;
	padding-left: 17px;
	margin: 0;
}
	
#menus #lst-aide li a:hover {
	background-position: -295px 60%;
}
	
#lst-menu li {
	color: #CB8361;
}

/* ------------------ IMAGES ------------------ */

.minicover {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	border: 0;
} 

.ouvrage, .parution {
	clear: both;
	height: auto;
	border: 0px;
	padding: 0px;
	margin-bottom: 10px;
}



h2.menu { background: transparent url("images/h3-menu.png") no-repeat;}
h2.membres { background: transparent url("images/h3-membres.png") no-repeat; }
h2.aide { background: transparent url("images/h3-aide.png") no-repeat; }

/* ------------------ FORMULAIRE DE SAISIE POUR LES MEMBRES ------------------ */

#menus .champ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #CB8361;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 12px;
	margin-left: 12px;
	padding:2px;
	color:white;
	background:  url("images/champ.png");
	background-repeat: repeat-x;
}

#menus .champ2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #CB8361;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	margin-top: 12px;
	margin-left: 12px;
	padding:2px;
	color: #333333;

}

#texte .champ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #CB8361;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	padding:2px;
	color: #333333;
	background:  url("images/f-champ.png") no-repeat;
}



#menus .valider-safari
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 12px;
	border: 1px solid #CB8361;
	color: #fff2e1;
	background-color: #7D0606;
}

#texte .commander-safari,
#texte .confirmer-safari,
#texte .retour-safari,
#texte .valider-safari,
#texte .suivants-safari,
#texte .precedents-safari,
#texte .recommencer-safari,
#texte .rechercher-safari
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #CB8361;
	color: #fff2e1;
	background-color: #7D0606;
}

#menus .formulaire {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #A11414;
	background: #7D0606 /* url("images/list-bg.png") */;
}

#menus .valider {
	background: url("images/b-valider.png") no-repeat;
	margin-top: 12px;
	margin-left: 12px;
	width : 70px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .valider {
	background: url("images/b-valider-2.png") no-repeat;
	width : 70px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .commander {
	background: url("images/b-commander.png") no-repeat;
	width : 105px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .confirmer {
	background: url("images/b-confirmer.png") no-repeat;
	width : 92px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .suivants {
	background: url("images/b-suivants.png") no-repeat;
	width : 79px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .precedents {
	background: url("images/b-precedents.png") no-repeat;
	width : 96px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .recommencer {
	background: url("images/b-recommencer.png") no-repeat;
	width : 114px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .rechercher {
	background: url("images/b-rechercher.png") no-repeat;
	width : 94px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

#texte .retour {
	background: url("images/b-retour.png") no-repeat;
	width : 67px;
	height: 31px;
	border: 0;
	cursor:pointer;
}

/* ------------------ COPYRIGHT ------------------ */

#check {
	color: #616161;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	padding-top: 4px;
	width: 750px;
	clear: both;
}	


#basDePage {
	margin: 30px 0 0 30px;
	font: bold 9px tahoma, verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

#basDePage a
	{
	background: #cb9;
	padding: 2px 5px;
	color: #edb;
	border: none;
	margin: 0;
}
	
#basDePage a:hover
	{
	background: #000;
	border: none;
}

.copyright {
	clear: both;
	color: #616161;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	padding-top: 4px;
	width: 860px; /*750px */
	background: #000;
	border-bottom: 8px solid #000;
}	

.copyright a:active,
.copyright a:visited,
.copyright a:link {
	color: #616161;
}	

.copyright a:hover {
	color: white;
}	

/* ------------------ TABLEAUX ------------------ */

table.annuaire {
	/* background-color: #E6E6E6; */
	border: 0;
	border-collapse:collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
	padding: 0px;
	margin: 5px 0px 15px 0px;
}

table.annuaire tr {
	margin: 0px;
	padding: 0px;
}

table.annuaire th {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #7D0606;
	/* background-color: #6AC006; */
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	/* padding: 2px; */
	border-bottom: 1px dotted black;

}


table.annuaire td {
	margin: 0px;
	padding: 2px;
	border: 0px;
	vertical-align: top;
}

table.annuaire td.soustitre {
	text-align: left;	
	padding: 8px 0 4px 0;
}

table.annuaire td.right {
	text-align: right;	
	padding: 4px 8px 8px 0px
}

table.annuaire td.left {
	text-align: left;	
	padding: 4px 0 8px 8px
}

table.annuaire thead,
table.annuaire tfoot,
table.annuaire tbody {
	/* */

}

/* ------------------ FIN DU CSS ------------------ */