/* CSS Document */		

html {	height:100%;	}

body {
	width: 75%; 
	min-width: 750px;
	height: 100%;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:0px;
	position: relative;
	background-color:#DDE6D7;
	padding-bottom: 0px;
	}	
	
.constr {
	z-index: 3 ;
	position: absolute;
	position:fixed;
	width: 12%;
	height: auto;
	top: 30px;
	left:2px;
	clear:none;
	}
	
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||| MENUS ||||||||||||||||||||||||||||||||||||||||||||||| 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/	
	
.menu {
	z-index: 3 ;
	position: relative;
	position:fixed;
	width: 185px;
	height: auto; 	
	top: 80px;
	margin-top:12px;
	margin-left: 8px;
	color: #FFFFFF;
	background-color: none;
	padding-top:2px;
	padding-bottom:4px;
	border: none;
	}
	
.menu_ar {
	z-index: 2 ;
	float:right;
	position:absolute;
/*	top: expression(documentElement.scrollTop+0); */
	width: 185px;
	top:12px;
	right:0px;
	margin-right:8px;	
	height:auto;
	margin-top: 80px;
	background-color: none;
	padding-top:2px;
	padding-bottom:3px;
	border: none;
	clear:none;
	}
	
.boitemenu , .boitem , .boitear {
	z-index: 3 ;
	position: relative;
	width: 185px;
	height: auto; 
	margin-top: -1px;
	background-color: none;
	padding-top:3px;
	padding-bottom:3px;
	border-top: 1px  #B17761 solid ;
	border-bottom: 1px #B17761 solid ;
	}
	
.boitem { background: transparent 	
	padding-bottom:3px;
/* 
	URL(IMG/menu/book_bg.gif) no-repeat ; 
	background-position: top right ; 
*/
} 
.boitear { 
	background: transparent 
	padding-bottom:6px;
/*
	URL(IMG/menu/book_bg_ar.gif) no-repeat ; 
	background-position: top left ; 
*/
} 
	
.boitemenu:hover {	background-color: #B17761; cursor: pointer; } 
.boitem:hover {	background:  #B17761 URL(IMG/menu/book_bg_over.gif) no-repeat ; 
	cursor: default; background-position: top right ; } 
.boitear:hover {	
	background:  #B17761 URL(IMG/menu/book_bg_ar_over.gif) no-repeat ; 
	cursor: default; background-position: top left ; } 

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||| BANDEAU |||||||||||||||||||||||||||||||||||||||||||||| 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.bandeau {	
	z-index: 3 ;
	background: #8b0012 url(IMG/noir.gif) repeat-y;
	position:relative;
	height: 68px;
	width:75%;
	min-width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	top: 0px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;	
	}
	
html>body .bandeau {
	position: fixed;
	}
	
	
	
	
	
.banderecherche {	
	z-index: 5 ;
	position:absolute; 
	/* position:fixed;*/
	height: 29px;
	width:100%;
	min-width: 750px;
	margin-left: 0px;
	margin-right: auto;
	border: none;
	left:auto ;
	top: 40px;
	background-color:#000000;
	display:inline ;
	}	

.ombrebandeau {	
	z-index: 3 ;
	position:absolute; 
	/* position:fixed;*/
	height: 10px;
	width:100%;
	min-width: 750px;
	margin-left: auto;
	margin-right: auto;
	border-left:1px solid #000000;
	border-right:1px solid #000000	;
	border: none;
	top: 69px;
	background: url(IMG/ombre_bas2.png) repeat-x;
	top: expression(documentElement.top+69);
	}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||| CONTENUS |||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.cont {	
	z-index: 1;
	position: relative;
	margin-top: 0px;
	margin-right: -1px;
	top: 0px;
	padding-left: 200px;
	width: auto;	
	min-height: 100%;	
	background: #FFFFFF url(IMG/blanc.gif) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
.contplan {	
	z-index: 1;
	position: relative;
	margin-top: 0px;
	margin-right: -1px;
	top: 0px;
	padding-left: 0px;
	width: auto;	
	min-height: 100%;	
	background: #FFFFFF url(IMG/blanc.gif) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
.cont_ar {	
	z-index: 1;
	position:relative;
	margin-top: 0px;
	margin-right: -1px;
	top: 0px;
	padding-right: 200px;
	width: "100%";
	min-height: 100%;
	overflow: none;
	background: #FFFFFF url(IMG/blanc.gif) repeat-x;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}	
	
.plein {	
	z-index: 1;
	position: relative;
	margin-top: 0px;
	margin-right: -1px;
	top: 0px;
	padding-left: 15px;
	width: auto;
	height: "*";
	min-height: 100%;
	overflow: none;
	background: #FFFFFF url(IMG/blanc.gif) repeat-y;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
.content {
	z-index:2;
	/* position: absolute; */
	position:static;

	padding: 0px ;
	padding-left: 15px;
	padding-right: 15px;
	/* clear: left;	 */
	margin-right:0px;
	}
	
.content_bandeau {
	z-index:2;
	/* position: absolute; */
	
	position:static;
	padding: 0px ;
	padding-left: 15px;
	padding-right: 15px;
	/* clear: left;	 */
	margin-right:0px;
	}
	
.content_menu {
	z-index:3;
	position: relative;
	position:static;
	padding: 0px ;
	padding-left: 10px;
	padding-right: 7px;
	clear: left;	
	}
	
.contbandeau {
	position: absolute;
	position:static;
	height: 85px;
	background: #FFFFFF url(IMG/blanc.gif) repeat-x;
	}	

.retrait {
	padding-left:30px;
	text-align:justify;
	}
	
.retrait_ar {
	padding-right:40px;
	}

#app {
	margin:0 ;
	padding:0;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||| CADRES & BANDEAUX ||||||||||||||||||||||||||||||||||||||||| 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.cadre {
	z-index: 3;
	position:inherit;
	margin-left:0px;
	width:inherit;
	border: 1px dotted #cc0000;
	bottom: 0px;
	padding-top:4px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 8px;

	}
	
.traductions {
	z-index: 3;
	position: relative;
	margin-left:0px;
	border-top: 1px dotted #990000;	
	bottom: 0px;
	}
	
.cadregris {
	z-index: 3;
	position: relative;
	margin-left:0px;
	border: none;
	background-color:  #DDE6D7;
	border: 1px dotted #cc0000;
	bottom: 0px;
	padding:15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom:10px;
	}
	
.titresurbord {
	position:relative;
	bottom: 0.7em;
	min-width: 100%;
	left: -5px;
	margin-left: -5px;
	right:-5px;
	margin-bottom:-15px;	
	}
	
.titre1_fondblanc {
	z-index:3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-variant:small-caps;
	background-color: #FFFFFF;
	color:#cc0000;
	padding: 5px;
	}

.cadreforum {
	z-index: 3;
	position:inherit;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	min-width:400px;
	border: 1px dotted #cc0000;
	background-color:#DDE6D7;
	bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:1.6em;
	padding-bottom:1em;
	font-family: Arial, Sans, sans-serif; 
	font-size:12px;
	}
	
#highlight {
	background-color:none;
	padding:8px;

	}	
	
#highlight:hover {
	background-color:#EEEEEE;
	}
	
	
.upperleft{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color:#CCCCCC;
	background-image : url('IMG/upperleft.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('IMG/upperright.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('IMG/lowerleft.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('IMG/lowerright.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding: 12px 12px 12px 12px;

}


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||| SEPARATEURS |||||||||||||||||||||||||||||||||||||||||||| 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.lignerouge {
	z-index: 1;
	style:dotted;
	position: relative;
	margin-left:0px;
	border-bottom:1px dotted #990000;
	bottom: 8px;
	height: 1px; 
	}
	
.lignedegd {
	z-index: 1;
	position: relative;
	margin-left:0px;
	background-color: #cc0000;
	background: #cc0000 url(IMG/ligne_degd.png) repeat-y;
	bottom: 10px;
	top:0px;
	height: 2px; 
	}
	
.lignedegg {
	z-index: 1;
	position: relative;
	text-align:right;
	margin-left:0px;
	background-color: #cc0000;
	background: #cc0000 url(IMG/ligne_degg.png) repeat-y right;
	bottom: 10px;
	top:0px;
	height: 2px; 
	}

.ligneblanche {
	z-index: 4;
	width:187px;
	position: relative;
	position:static;
	margin-left:-1px;
	margin-top:5px;
	margin-bottom:2px;
	background-color: #FFFFFF;
	bottom: 10px;
	height: 2px; 
	top:0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
.lignemenu {
	z-index: 4;
	width:186px;
	position: relative;
	position:static;
	margin:0px;
	margin-top:5px;
	margin-bottom:2px;
	background-color: #996666;
	bottom: 10px;
	height: 1px; 
	top:0px;
	border: none;
	}

	
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||| PIED DE PAGE |||||||||||||||||||||||||||||||||||||||||||| 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/	
	
.pied {
	z-index: 3;
	position: absolute;
	position:fixed;
	width: 185px;
	height:27px;
	bottom:6px;
	margin-left:8px;
	border-top: 1px solid #B17761;
	border-bottom: 1px solid #B17761;
	}
	
.pied_ar {
	z-index: 2;
	position: absolute;
	position:fixed;
	float:right;
	width: 185px;
	height:27px;
	bottom:6px;
	margin-right:8px;
	border-top: 1px solid #B17761;
	border-bottom: 1px solid #B17761;
	z-index: 2 ;
	float:right;
	position:absolute;
	width: 185px;
	right:0px;
	margin-right:8px;	
	height:auto;
	margin-top: 80px;	
	clear:none;
	}
	
.piedplein {
	z-index: 3;
	position: absolute;
	position:fixed;
	width: 75%;
	min-width:750px;
	height:15px;
	bottom:0px;
	margin-left:0px;	
	background-color:#000000
	}

.sep {
	line-height:4px;
	}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 
||||||||||||||||||||||||||||||||||||||| STYLES DE TEXTE |||||||||||||||||||||||||||||||||||||||||||||| 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.bigtitre {
	font-family: Arial, Sans, sans-serif; 
	font-size: 24px;
	font-weight: bold;
	color:#FFFFFF;
	}
.bigtitre a:link {
	text-decoration: none ;
	color: #FFFFFF;
	}	
.bigtitre a:visited {
	text-decoration: none ;
	color: #FFFFFF;
	}	
.bigtitre a:hover {
	text-decoration: none ;
	color: #DDE6D7;
	}
	
	
	
.texte {
	font-family: Arial, Sans, sans-serif; 
	font-size: 14px;
	text-align: justify;	
	}	
	
.t {
	font-family: Arial, Sans, sans-serif; 
	font-size: 14px;
	}	
	
	
.chapo {
	font-family: Arial, Sans, sans-serif; 
	font-size: 16px;
	text-align: justify;	
	}	
	
a:link {
	text-decoration: none ;
	color: #CC0000;
	}	
a:visited {
	text-decoration: none ;
	color: #660000;
	}	
a:hover {
	text-decoration: none ;
	color: #FF9900;
	}
	



.neuf {
	font-family: Arial, Sans, sans-serif; font-size: 9px;
	text-align: justify;	
	}	
	
	
.date {
	font-family: Arial, Sans, sans-serif; 
	font-size: 10px;
	font-weight:bold;
	color: #000066;
	padding-top: 2px;
	padding-right: 1em;
	}	


	
.petit {
	font-family: Arial, Sans, sans-serif; 
	font-size: 9px;
	color: #B17761;
	padding-top: 2px;
	padding-right: 1em;
	}	
.petit a:link {
	text-decoration: none ;
	color: #B17761;
	}	
.petit a:visited {
	color: #B17761;
	text-decoration: none ;
	}	
.petit a:hover {
	text-decoration: none ;
	color: #FF9900;
	}
	
.moyen {
	font-family: Arial, Sans, sans-serif; 
	font-size: 11px;
	color: #000000;
	padding-top: 2px;
	padding-right: 1em;
	}	
	
.moyen2 {
	font-family: Arial, Sans, sans-serif; 
	font-size: 11px;
	color: #000000;
	padding-top: 2px;

	}	
.moyen a:link {
	text-decoration: none ;
	color: #000000;
	}	
.moyen a:visited {
	color: #000000;
	text-decoration: none ;
	}	
.moyen a:hover {
	text-decoration: none ;
	color: #FF9900;
	}
	
.petitgris {
	font-family: Arial, Sans, sans-serif; 
	font-size: 9px;
	color: #CCCCCC;
	padding-left: 1em;
	padding-top: 2px;
	padding-right: 1em;
	}	
.petitgris a:link {
	text-decoration: none ;
	color: #CCCCCC;
	}	
.petitgris a:visited {
	color: #CCCCCC;
	text-decoration: none ;
	}	
.petitgris a:hover {
	text-decoration: none ;
	color: #FF9900;
	}
	


.titre1 {
	font-family: Arial, Sans, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	padding-top:5px;
	color: #333333;
	}	
.titre1 a:link {
	text-decoration: none;
	font-size: 18px;
	color: #000000;
	margin-bottom:-3px;
	}
.titre1 a:visited {
	text-decoration: none;
	font-size: 18px;
	color: #000000;
	margin-bottom:-3px;
	}
.titre1 a:hover {
	text-decoration: none;
	font-size: 18px;
	color: #666666;
	margin-bottom:-3px;
	}
	

	
.titre_rubrique {
	font-family: Arial, Sans, sans-serif; 
	font-size: 26px;
	font-weight: bold;
	line-height: normal;
	color: #000066;
	font-decoration:underline;
	margin-bottom:-3px;
	}
	
.titre2 {
	font-family: Arial, Sans, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	color: #000000 ;
	}
.titre2 a:link {	text-decoration: none;	color: #000000 ;	}
.titre2 a:visited {		text-decoration: none;	color: #000000 ;	}
.titre2 a:hover {	text-decoration: none;	color:#FF9900;	}	
	
	
	
.titre3 {
	font-family: Arial, Sans, sans-serif; 
	font-size: 16px;
	color: #333333 ;
	}
	
.titre4{
	font-family: Arial, Sans, sans-serif; font-size: 16px;
	text-decoration:none;
	color:#FFFFFF;
	}
	
.titre_plan {
	font-family: Arial, Sans, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000000 ;
	}
.titre_plan a:link {
	text-decoration: none;
	color: #000000 ;
	}
.titre_plan a:visited {
	text-decoration: none;
	color: #000000 ;
	}
.titre_plan a:hover {
	text-decoration: none;
	color:#FF9900;
	text-shadow: 1px 2px 3px grey ;
	}	


	
.blanc {
	font-family: Arial, Sans, sans-serif; font-size: 12px;
	color: #FFFFFF;
	}	
.blanc a:link {
	text-decoration: none ;
	color: #FFFFFF;
	}	
.blanc a:visited {
	color: #FFFFFF;
	text-decoration: none ;
	}	
.blanc a:hover {
	text-decoration: none ;
	color: #FF9900;
	}
	
.menuliste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #300;
	padding-left:7px;
	}	
.menuliste a:link {	text-decoration: none ;	color: #300;	}	
.menuliste a:visited {	color: #300;	text-decoration: none ;	}	
.menuliste a:hover {	text-decoration: none ;	color: #FFF;	}
	
.on {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#300; 
	text-decoration: underline ;
	/*color:#000000;
	background:url(IMG/bgmenu.png) repeat;
	background-position:bottom;
	*/
	padding:0px;
	
	
	
	
	
	
	
	}

.menutitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #300;
	}			
.menutitre a:link {
	text-decoration: none ;
	color: #300;
	}	
.menutitre a:visited {
	color: #300;
	text-decoration: none ;
	}	
.menutitre a:hover {
	text-decoration: none ;
	color: #300;
	}

	
	
.menutitre_ar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #300;
	}			
.menutitre_ar a:link {
	text-decoration: none ;
	color: #300;
	}	
.menutitre_ar a:visited {
	color: #300;
	text-decoration: none ;
	}	
.menutitre_ar a:hover {
	text-decoration: none ;
	color: #300;
	}
	
	
	
.texte:lang(ar) {	font-size: 16px ; }	
.petit:lang(ar) {	font-size: 11px ; }	
.titre1:lang(ar) {	font-size: 20px;}	
.titre1:lang(ar) a:link {	font-size: 22px; }	
.titre1:lang(ar) a:visited {	font-size: 22px; }	
.titre1:lang(ar) a:hover {	font-size: 22px; }	
.titre2:lang(ar) {	font-size: 18px; }
.titre3:lang(ar) {	font-size: 18px; }
.titre_plan:lang(ar) {	font-size: 16px; }
.titre_rubrique:lang(ar) {	font-size: 30px; }
.menuliste:lang(ar) { font-size: 17px; }
.date:lang(ar) { font-size:12px; }
.titre1_fondblanc:lang(ar) { font-size: 18px; }

	
	

ul {
	position:relative;
	margin-left: 0px;
	margin-right:0px;
	margin-top:1em;
	padding-left:0px;
	padding-right:0px;
	min-width:100%;
	list-style-position:outside;
	}

	
li {
	margin-left: 0px;
	margin-top: 0.5em;
	list-style-type: square;
	margin-bottom:0px;
	}
	

dd, dl {	margin-top: 2px; 	}

dt { 	margin-top: 6px;	}

	
p{
	padding: 3px;
	margin: 0px;
	line-height: 1em;
	top:0px;
	bottom:0px;
	
	}
	
a#loupe {
	z-index:4;
	width:20px;
	height:20px;
	background: url(IMG/loupe.gif) no-repeat 0 0; 
	}
	
a#loupe:hover {	background: url(IMG/loupe_over.gif) no-repeat 0 0;	}

img { border: 0;  }

.formulaire_spip fieldset{
	border: 1px solid #000000;
	padding:6px;
	}
	
span {	padding:0px;	margin:0px;	}