html, body {
	background-color: #ffffff;
	font-family: Verdana;
	font-size: small;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
}
a img {border-style: none;}

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}
#contint {
	width: 800px;
	height:680;
	margin: 0 auto;
	text-align: left;
    position: relative; 
    voice-family: "\"}\"";
    voice-family: inherit;
}
#flashdiv {
	position: absolute; display:block; top:0; left:0; margin:0;
	height:680;
	width:50px;
	left: 2px;
}
#casque {
	position:absolute; top:0;
    height:99px;
	width:230px;
	right: 70px;
}
#taupes {
	position: absolute; top: 23px;
	left: 60px;
	width: 207px;
	padding:0;
	}
#francais {
	width:160px;
	position:relative;
	float:left;
	top:0px;
	left: 185px;

}
#deutsch {
	width:80px;
	height:187px;
	position:relative;
	float:left;
	top:13px;
	left: 27px;
}
#english {
	width:216px;
	height:99px;
	position:relative;
	float:left;
	top:3px;
	padding-right:10px;
	left: 313px;
}
#conteneur {
	width: 964px;
	margin: 0 auto;
	text-align: left;
    position: relative; 
    voice-family: "\"}\"";
    voice-family: inherit;
}
html>body #conteneur {height: auto;}
#banniere {
	position: absolute;	right: 0; top: 0;
	height: 72px; width:772px;
	margin-top: 3px;
	margin-right: 2px;
	border-top: 1px solid #000000;	border-bottom: 1px solid #000000;}
* html h1#banniere {top: 0px;}
#menu_horizontal,#OuSuiJe {
	position: absolute;	
	left:190px;
    width: 593px; 
	height:27px;
	padding-left: 14px;
	line-height: 27px;
	vertical-align: middle;	
	border-bottom: 1px solid #000000;
	z-index:6;
}
.menu_h {background-color: #666666;top: 77px;}
.menu_h a {text-decoration: underline;	color: #F6E1B3;}
.menu_h a:hover {text-decoration: none;}
.OuSuiJe {background-color: #cfd0d2;color: #ACACAC;top: 105px;color: #333; font-size: 0.85em;}
.OuSuiJe a {text-decoration: underline;}
.OuSuiJe a:hover {color: #f3f3f3;	text-decoration: underline;}
.OuSuiJe .select {color: #f3f3f3;}
#gauche {
	position: absolute; display:block;	left:0; margin:0;
	width:190px; height:868px;
	background-image: url(../../images/css/background_menug.gif);
	z-index: 10;}
#gauche a.info {text-decoration: none; color: #FFFFCC; }
#gauche a.info span {display: none;}
#gauche a.info:hover,a.info:focus,a.info:active {background: none; /* correction d'un bug IE */}
#gauche a.info:hover span,a.info:focus span,a.info:active span {
	display: inline; position: absolute; z-index: 500;margin:35px 0 0 1px;
	width: 475px;background: #7fffdb;text-align: left;color: #000000;padding: 5px;
}
.ongletOuvertCorps {background-image: url(../../images/css/background_menug.gif); display:block;}
.ongletOuvertCorps h1 {color: #900;font-size: .9em;font-weight: bold;margin: 0 0 0 6px;}
.ongletOuvertCorps ul {margin:0 2px 0 3px;padding: 0 0 10px 22px;list-style-image: url(../../images/css/puce-fleche-900.gif);}
.ongletOuvertCorps li a {color: #000504;text-decoration: none;font-weight: normal;font-size: 11px;}
.ongletOuvertCorps li a:hover {color: #002584;text-decoration: underline;}
.ongletOuvertCorps li a.select {color: #002584;text-decoration: none;}
#droite {
	position: absolute; display:block;
	width:166px; height: 792px;	
	background-image: url(../../images/css/background_menud.gif);
	right: 2px;
	top: 77px;
	padding-right: 0px;
}

#news{
	position: absolute; display:block;
	top: 371px;
	width:139px; height: 300px;
	left: 805px;/* pour IE 12 et FireFox 19 */
	display: inline;
	
}
#pied {
	width: 100%;
	clear:both;
	height: 1.8em;
	position:relative;
	background-color: #999999;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 0;
	text-align:left;
	top: 870px;
}

#pied a {color: #333333;font-size: .9em; text-decoration: none;	text-align: left;}
#pied a:hover {color: #993333;	text-decoration: underline;}
#pied img {float : right; margin : 0 0 0.5em 2em;}
div#pied span.copyright {float: left; margin-left: .6em;line-height: 1.2em;}
div#pied span.contact {float: right;margin-right: .6em;line-height: 1.2em;}


#centre {
	position: absolute;
	background-color: #fdfff4;
	top: 133px;
	left: 191px;
	width: 607px;
	z-index:5;
	height: 710px;
	padding: 0;
	overflow:auto;
	font-family: Verdana;
	letter-spacing: 0;
	word-spacing: normal;
}
#centre .slogan_blink, .slogan {font-size: medium;font-weight: bold;text-align: center;color: #000000;}
#centre .slogan_blink {text-decoration: blink;}
#centre .adresse {font-size: .9em;line-height: 1.2em;font-weight: bold;text-align: center;color: #000000;}	
#centre p {color: #000000;text-decoration: none;line-height: 1.4em;font-size: 0.9em;font-weight: 400;margin: 0 12px 0 12px; text-indent:0px; text-align:justify;}
#centre p a {color: #0000FF; }
#centre p a:hover {text-decoration: underline;	color: #222; background-color: #F6E1B3;}
#centre .img_g {float:left; padding: 10px 10px 10px 2px;}
#centre .img_d {float:right; padding: 10px 5px 10px 10px;}
#centre .img_c {float:inherit; padding: 10px 10px 10px 10px;}
#centre h1,h2,h3,h4,h5 {padding:0; margin-left: 12px;display: block;}
#centre h1 {line-height: 1.7em; font-size: 1.4em; font-weight: bold; background-position: top left;  color: #900; border-bottom: 1px solid #900;}
#centre h2 {line-height: 1.4em; font-size: 1.1em; font-weight: bold; 
	background-position: top left; 	padding: 0 0 5px 0; color: #000000; border-bottom: 1px solid #DBD4C2;}
#centre h3 {line-height: 1.5em; font-size: 1em; font-weight: bold; 	color: #900;}
#centre h4 {font-size: 11px; font-weight: bold; color: #744E2A;}

#centre ul {margin: 0 10px 0 0;padding: 0 0 0 36px; list-style: none; list-style-image: none;}
#centre ul li a, #centre ul li a:visited {color: blue;}
#centre ul li a:hover {color: #df573d; }
#centre ul li img {vertical-align: middle;}
#centre ul.liste,#centre  li, a {padding:0px ; margin:0px}
#centre .liste a {text-decoration:none} 
#centre .liste a:hover {color: #444}
#centre .li_cercle, .li_disque,  .li_carre {padding: .2em 0  .2em  1em;} 
#centre .li_disque {list-style-type:disc;}
#centre .li_cercle {list-style-type:circle;}
#centre .li_carre {list-style-type:square;}
#centre .li01 a,#centre .li_01 a:visited {padding:0 .1em 0 1.2em;
background: url("../../images/css/puce-4-c_990000.gif") 0 4px no-repeat;} 
#centre .li01 a:hover {color: #df573d; padding-right: .6em;
 background: url("../../images/css/puce-4-c_990000.gif") 0 4px no-repeat;}
#centre .li02 {  /* définitions spécifiques à la liste 3 */
background:url("../../images/css/puce-flecheh-444.gif") no-repeat left ; 
list-style-type: disc; 
padding: 1.2em 0 1em 2.1em} 
#centre .li02 a {padding:.2em .1em .2em 2.1em;}
#centre .li03 {list-style-type: none; padding: .2em 0 0 2.1em;} 
#centre .li03 a {padding:.2em .1em .2em 2.1em} 
#centre .li03 IMG {vertical-align: middle;}
#centre .listeachoix {position: absolute; top: 1px; right:15px;}
#centre .rightalign  { text-align:right;}
#centre .centeralign { text-align: center; }
#centre li.listeRegion {list-style-image: url("../../images/css/puce-4-c_413428.gif");
	margin: 0; padding: 0 0 15px 0;	font-size: .9em;line-height: 1.2em;}
#centre table a:hover {text-decoration: underline;	color: #222; background-color: #dbd4c2;}
#centre table a {color:#222;}
#centre SLIDESTEXT {border: 1px solid #000; margin: 2em 0 0 0;}