body {
	color:#9e0e40;
	background-color:#efeeee;
	font-size:11pt;
	font-family:"Comic Sans MS","Lucida Sans Unicode","Times New Roman",Arial,Verdana,Tahoma;
	margin:25px;
}

a, a:link, a:visited {color:#6E6E6E;text-decoration:none; cursor:pointer;}
a:hover {color:#9e0e40;}
*:focus { outline: none; }

h1, h2 { text-align: center; }
h3 { font-size:20px; }

img {
	border: 0;
	vertical-align: middle;
	text-align: center;
}

p {
	text-align: justify;
	text-indent: 40px;
}

textarea {
	background-color:#9e0e40;
	font-family: "Comic Sans MS",tahoma,verdana,"times new roman";
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	border: 0;
}

.css_haut {
	position: fixed;
	top: 1px;
	left: 1px;
	height: 105px;
	width: 100%;
	min-width:800px;
	border: 0 #efeeee hidden;
	white-space:nowrap;
}

.css_gauche {
	overflow: auto;
	position: absolute;
	top: 105px;
	bottom: 0px;
	width: 160px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
	border: 0 #efeeee none;
	font-size: 9pt;
/*	transition-property:left;
	-moz-transition-property: left; // Firefox 4
	-webkit-transition-property:left; // Safari and Chrome
	-o-transition-property:left; // Opera
	transition-duration: 1s;
	-webkit-transition-duration: 1s; // Safari
	transition-delay: 1s;
	-webkit-transition-delay: 1s; // Safari
*/
}

.css_sommaire_ar {
	direction:rtl;
	overflow: auto;
	position: absolute;
	top: 105px;
	bottom: 0px;
	width: 160px;
	right:10px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
	border: 0 #efeeee none;
	font-size: 9pt;
/*	transition-property:left;
	-moz-transition-property: left; // Firefox 4
	-webkit-transition-property:left; // Safari and Chrome
	-o-transition-property:left; // Opera
	transition-duration: 1s;
	-webkit-transition-duration: 1s; // Safari
	transition-delay: 1s;
	-webkit-transition-delay: 1s; // Safari
*/
}

.css_droite {
	border: 0 #efeeee hidden;
	position: absolute;
	left: 195px;
	right: 0;
	top:105px;
	bottom: 25px;
	margin-right:5px;
	margin-top: 0px;
/* 	min-width:700px; */
}
.css_droite_ar {
	direction:rtl;
	border: 0 #efeeee hidden;
	position: absolute;
	right: 180px;
	left: 0;
	top:105px;
	bottom: 25px;
	margin-right:5px;
	margin-top: 0px;
/* 	min-width:700px; */
}
.css_bas {
	position: fixed;
	right: 0px;
	left: 195px;
	bottom: 5px;
	height: 20px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-top: 1px #333333 solid;
	font-size: 12px;
}
.css_bas_ar {
	position: fixed;
	left: 0px;
	right: 195px;
	bottom: 5px;
	height: 20px;
	margin-bottom: 0px;
	margin-right: 3px;
	border-top: 1px #333333 solid;
	font-size: 12px;
}

.css_iframe
{
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-color: #efeeee;
}

.css_iframe_ar
{
	overflow:auto;
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-color: #efeeee;
}

.css_center { text-align:center; }
.css_center table { margin: 0 auto;  }
.css_nowrap { white-space: nowrap; }

.CentrerVertical {
    display: table-cell;
    vertical-align: middle;
    left:0px;
    top:0px;
}

.Ligne {
	display: table-row;
	text-align: center;
	vertical-align: bottom;
}

.Travaux, .Travaux a, .Travaux div, .Travaux img {
	cursor:url(/icones/travaux.png),url(/icones/travaux.png),default;
}


.arabe {
	font-size:14pt;
	direction:rtl;
}


.MenuPrincipal { position:relative; }
.MenuPrincipal:hover { background-color: #C0C0C0; }

.MenuPrincipal .sous_menu {
	display:none;
	position:absolute;
	background-color: #C0C0C0;
	right:0px;
	top:-12px;
	text-align:left;
	padding:2px 0px 2px 0px;
	list-style-type:none;
	z-index:101;
}

.MenuPrincipal:hover .sous_menu { display:block; }
.MenuPrincipal:hover .sous_menu li { padding: 0px 5px; text-align:center;}
.MenuPrincipal .sous_menu li:hover { color:white; background-color: #9e0e40; }

.MenuPrincipal .sous_menu_ar { 
	display:none; 
	position:absolute; 
	background-color: #C0C0C0;
	left:0px; top:-12px; 
	padding:2px 0px 2px 0px;
	list-style-type:none;
	z-index:101;
}

.MenuPrincipal:hover .sous_menu_ar { display:block; }
.MenuPrincipal:hover .sous_menu_ar li { padding: 0px 5px; text-align:center;}
.MenuPrincipal .sous_menu_ar li:hover { color:white; 	background-color: #9e0e40; }

.css_bas ul ,.css_bas_ar ul {
	width:100%;
	list-style-type:none;
	display:table;
	position:relative;
	left:-10px;
	white-space:nowrap;
	margin:0px;
}

.css_bas ul li,.css_bas_ar ul li {
	display:inline;
	white-space:nowrap;
	position:relative;
	display: table-cell;
	padding:2px 5px 0px 5px;
}

.css_bas ul li a:hover, .css_bas_ar ul li a:hover {
	color:white;
	background-color: #666666;
}