html, body {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    background-color:#D9D9D9;
    text-align:center;
}

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#box 
{
	display: none;
	 position: absolute;
     width: 500px;        /* selon la largeur voulue */
               margin-left: -250px; /* moitie de width */
               left: 50%;           /* constant, toujours 50% */
               height: 350px;       /* selon la quantite de texte */
               margin-top: -175px;   /* moitie de height */
               top: 50%;            /* constant, toujours 50% */
	

	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: hidden;
}

#box_de
{
	display: none;
	 position: absolute;
     width: 500px;        /* selon la largeur voulue */
               margin-left: -250px; /* moitie de width */
               left: 50%;           /* constant, toujours 50% */
               height: 350px;       /* selon la quantite de texte */
               margin-top: -175px;   /* moitie de height */
               top: 50%;            /* constant, toujours 50% */
	

	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: hidden;
}

#box_it 
{
	display: none;
	 position: absolute;
     width: 500px;        /* selon la largeur voulue */
               margin-left: -250px; /* moitie de width */
               left: 50%;           /* constant, toujours 50% */
               height: 350px;       /* selon la quantite de texte */
               margin-top: -175px;   /* moitie de height */
               top: 50%;            /* constant, toujours 50% */
	

	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: hidden;
}

#boxheader
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	padding-top:2px;
	padding-left:8px;
	margin:0;
	margin-right:20px;
	border-bottom:1px solid black;
	background-color: #060;
	color:white;
	text-align:center;
}

#boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(images/close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
}

#boxcontent
{
	position:absolute;
	top:23px;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}




html, body {color:#666666;text-decoration:none;}
#lang a, #left a:link, #left a:visited {color:#97141a;text-decoration:none;font-weight: bold;}
a:link, a:visited {color:#97141a;text-decoration:none;}
.lang a, .lang a:link, .lang a:visited {color:#A9A9A9;text-decoration:none;}
.lang a:hover, .lang a:active, .lang a:focus {color:#97141a;outline:none;text-decoration:none;}
h1 {margin:0 0 1em 0;font-size:1.2em;font-weight:bold;color:#000000;text-transform:uppercase;}
h2 {margin:0 0 1em 0;font-size:1.15em;font-weight:bold;color:#000000;text-transform:uppercase;}
h3 {margin:0 0 1em 0;font-size:1.1em;font-weight:bold;color:#000000;}
h4 {margin:0 0 1em 0;font-size:1.05em;font-weight:bold;color:#000000;}
h5 {margin:0 0 1em 0;font-size:1em;font-weight:bold;color:#000000;}
p {margin:0 0 .5em 0;font-size:1em;;}
a:hover, a:active, a:focus {color:#666666;outline:none;text-decoration:none;}

.wrapper {
    width:1000px;
    margin:0 auto;
    text-align:left;
    background:transparent url('../images/body_bg.gif') repeat-y top left;
}
.wrapper-deco {
    overflow:hidden;zoom:1;
    padding:0 13px 13px 13px;
    background:transparent url('../images/bottom_bg.gif') no-repeat left bottom;
}

.vert {
      font-size:12px;
      color:#97141a;
}

#header, #menu, #body, #news-sticker, #footer {background-color:#FFFFFF;}

/***** HEADER ***/
#header {height:65px;font-size:1em;padding-left:35px;background: url('../images/header.jpg') bottom no-repeat;}
#header_intro {margin-left: 10px;height:100px;font-size:1em;padding-left:35px;}
#header_intro h1 {float:right;margin-right:63px;}
#header a, #header a:link, #header a:visited {text-decoration:none;}
#header h1 {float:right;margin-right:396px;}
#header .lang {float:left;margin-top:25px;}
#header .lang li{display:inline;padding-right:8px;text-transform:uppercase;}
#header .lang span{display:none;}
#header .lang .selected a:link, #header .lang .selected a:visited{font-weight:bold;color:#97141a;}


/***** MENU ***/
#menu {padding:5px 0 5px 75px;background-color:#97141a;color:#FFFFFF;}
#menu h1 {margin:0;font-size:13px;text-transform:none;}
#menu h2 {margin:0;font-size:12px;text-transform:none;}
#menu h2 {font-weight:normal;}
#menu, #menu h1, #menu h2, #menu a, #menu a:link, #menu a:visited {color:#FFFFFF;text-decoration:none;}
#menu a:hover, #menu a:active {color:#F2F2F2;text-decoration:underline;}
#menu ul {overflow:hidden;zoom:1;}
#menu li {float:left;display:inline;}
* html #menu li {width:20%;}
#menu h1 {padding-right:45px;}
#menu ul li ul li {height:auto;margin-top:0px;display:block;}
#menu li li {float:none;display:block;padding:0 1em;}
* html #menu li li {width:auto;}
/* menu javascript */
#menu h1.js-h1 {padding-left:1.2em;background:transparent url('../images/menu_list_icon.gif') no-repeat 0 .5em;width:160px}
#menu ul.js-sub {overflow:visible;height:1.5em;}
#menu ul.js-sub li {position:relative;}
#menu ul.js-sub div {position:absolute;top:-22px;left:-5px;padding:0 0 4px 4px;background:transparent url('../images/js-subdiv_bg.png') no-repeat right top;width:194px}
* html #menu ul.js-sub div {background-image:url('../images/js-subdiv_bg.gif');}
#menu ul.js-sub ul {margin:0;padding:0 3px 5px 3px;background:#97141a url('../images/js-subul_bg.gif') no-repeat right top;border:solid 2px #FFFFFF;}
#menu ul.js-sub ul  li{padding:0 10px 3px 5px;}
#menu ul.js-sub ul  li h1{padding:5px 0 7px 0;}

/***** BODY ***/
#body {
 background-color: #ffffff;
}

#content{
               float: left;
               width: 972px;        /* selon la largeur voulue */
               background: url('../images/background_bt.jpg') bottom no-repeat;
               z-index: 10;
               margin-left: 1px;
               padding-bottom: 50px;
               }
#header_left{       float : left;
               width: 409px;        /* selon la largeur voulue */
               margin-left: 75px;
               height: 45px;
               margin-top: 50px; /* moitie de width */
               margin-bottom : 15px;
               padding-right: 10px;
               }
#header_right{       float : left;
               width: 409px;        /* selon la largeur voulue */
               height: 45px;
               margin-top: 50px; /* moitie de width */
               margin-bottom : 15px;
               }
.txtRubrique
            {
            font-size: 14px;
            color: #444444;
            font-family: Arial, Georgia, Century Gothic, Arial;
            font-weight: bold;
            }
.txtTitre
            {
            font-size: 14px;
            color: #666666;
            font-family: Arial, Georgia, Century Gothic, Arial;
            }

.txtGLC
{
     color:#888888;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
}
.txtGLC a {color:#888888;text-decoration:none;}
.txtGLC a:link {color:#888888;text-decoration:none;}
.txtGLC a:visited {color:#888888;text-decoration:none;}
.txtGLC a:hover, a:active, a:focus {color:#97141a;outline:none;text-decoration:none;}

#news_right a {color:#FFFFFF;text-decoration:none;}
#news_right a:link {color:#FFFFFF;text-decoration:none;}
#news_right a:visited {color:#FFFFFF;text-decoration:none;}
#news_right a:hover, #news_right a:active, #news_right a:focus {color:#FFFFFF;outline:none;text-decoration:underline;}

#left{
               float: left;
               width: 392px;
               height: 350px;
               margin-left: 75px; /* moitie de width */
               padding-right: 27px;
               text-align: right;
               }

#image {
               position: absolute;
               valign: top;
               z-index: 1;
}
#liens {
               position: absolute;
               valign: top;
               z-index: 2;
}
#right{
               float: left;
               width: 409px;
               text-align: justify;
               }
#news_left{
               float: left;
               width: 95px;
               text-align: left;
               font-weight: bold;
               margin-left: 75px;
               }
#news_right{
               float: left;
               width: 624px;
               text-align: left;
               }
#footer_left{
               float: left;
               width: 414px;
               text-align: left;
			   margin-left: 75px;
			   margin-top: 26px;
               }
#footer_right{
               float: left;
               width: 416px;
               text-align: right;
			    margin-top: 26px;
               }

/***** NEWS-STICKER ***/
#newsticker {float: left; margin-top: 0px; width: 974px; padding:.5em 0 .5em 0px;background-color:#97141a;color:#FFFFFF;}

/***** FOOTER ***/
#footer {float: left; width: 974px; height: 65px; background: url('../images/footer.jpg') repeat;}



/* tabelle */
.tablehead {
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 color: #20364b;
 background-color: #DCE8DE;
}

INPUT {
     color:black;
     font-size:12px;
     font-family: Arial;
     width: 248px;
}

INPUT.demi1 {
     color:black;
     font-size:12px;
     font-family: Arial;
     width: 55px;
}

INPUT.demi2 {
     color:black;
     font-size:12px;
     font-family: Arial;
     width: 183px;
}

input.bouton {
     color:black;
     font-size:12px;
     font-family: Arial;
     width: 100px;
}

SELECT {
     color:black;
     background-color:#FFFFFF;
     font-size:12px;
     font-family: Arial;
}
input.button {
border:1px;
background-color: #97141a;
font-size: 12px;
color: #FFFFFF;
width: 99px;
border-color: #FFFFFF;}

input.button_news {
border:1px;
background-color: #97141a;
font-size: 12px;
color: #FFFFFF;
width: 99px;
border-color: #FFFFFF;}

#login_left{ float : left;
               text-align: right;
               margin-right: 4px;
               }
               #login_right{ float : left;
               width: 202px;        /* selon la largeur voulue */
               text-align: left;
               }