/* CSS Document */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{font-size:10px; border-collapse:collapse; border-spacing:0}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}



/* BODY HTML*/
/* div#top {height: 0px; margin: 0;} */
HTML {HEIGHT: 100%}
@font-face { font-family: Eurostile;
    font-style:  normal;
	font-weight: 700;
    src: url(EUROSTI1.eot); }
body { margin:0; padding:0; HEIGHT: 100%; color: #FFFFFF; font-family: Eurostile; font-size:20px; background:#000000}

/*fonts.css*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight: normal; font-style: normal }

#global{
position:absolute;
       left: 50%;
	  width:1000px;
margin-left: -500px; /* moitié de la largeur */	
        top: 50%;
	 height:650px;
 margin-top: -325px; /* moitié de la hauteur */
}
div#header {width: 1000px;height:160px;margin: 0 auto 0; position: relative; z-index: 9998; border-bottom:1px solid #cccccc}
#header #top { clear:both; position: relative;width: 1000px;height:120px; margin: 0 auto 0 ; padding: 0; text-align: center}
#header #logo a {position:absolute;left:0px;top:0px;width:200px;height:30px;border:0;display:block;cursor:pointer;background:url(../images/css/default/ie/200x30.gif) no-repeat left top;text-indent:-9999px}
#header #date {position:absolute;left:0px;top:40px;width:200px;height:20px; text-align:center; font-size:15px}
#publicite {  position:absolute; top:0px; right:0px; width:748px; height:90px; z-index:999}
#publicite-logo { position:absolute; width:20px; height:90px; top:0px; left:0px; z-index:1;background:url(../images/css/default/ie/publicite.jpg) no-repeat right bottom}
#publicite-PUB { position:absolute; top:0px; right:0px; width:728px; height:90px; z-index:1}

div#contenu {clear:both; position: relative;width: 1000px;margin: 0 auto 0;  height:330px;padding: 20px 0 0 0;}
div#coulissette {clear:both; position: relative;width: 1000px;margin: 0 auto 0; height:80px}
div#coulissette img {
position: relative;
float: left;
height:80px
}

div#footer {clear:both; position: relative;width: 1000px;margin: 0 auto 0; height:60px; border-top:1px solid #cccccc}
div#footer #logo a {position:absolute; left: 800px; top: 30px; width:200px;height:30px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/css/default/ie/200x30.gif) no-repeat left top;text-indent:-9999px}
div#footer #fr a {position:absolute; left: 0px; bottom: 0px; width:38px;height:25px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/flag/fr.jpg) no-repeat left top;text-indent:-9999px}
div#footer #en a {position:absolute; left: 43px; bottom: 0px; width:38px;height:25px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/flag/en.jpg) no-repeat left top;text-indent:-9999px}
div#footer #cn a {position:absolute; left: 86px; bottom: 0px; width:38px;height:25px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/flag/cn.jpg) no-repeat left top;text-indent:-9999px}


div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 0px;
width: 482px;
height: 330px
}

#middlebox {
position: absolute;
left: 518px;
width: 482px;
height: 330px;
overflow:auto;
font-size:16px;  
}
div#info {
width:460px;
text-align: left;
}
.top{
width:482px;
}

.bottom{
position:absolute;
  right:0px;
  bottom:30px; 
  width:460px;
text-align: right;
font-size:14px;
}

.center{
clear: both;
height: 5%;
vertical-align: middle;
padding: 0;
margin: 0; 
}
div#contenu #up a {position:absolute; left: 480px; top: 10px; width:20px;height:10px;border:0;display:block;z-index:100;cursor:pointer;background:url(../images/up.gif) no-repeat left top;text-indent:-9999px}
div#contenu #down a {position:absolute; left: 480px; top: 325px; width:20px;height:10px;border:0;display:block;z-index:100;cursor:pointer;background:url(../images/down.gif) no-repeat left top;text-indent:-9999px}
div#middlebox #logo a {position:absolute; right: 0px; top: 15px; width:100px;height:45px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/logo.jpg) no-repeat left top;text-indent:-9999px}


#header #menu { clear:both; position: relative;width: 1000px; margin: 0 auto 0 ; padding: 0; text-align: center}
#header #menu li { display: inline; }
#header #menu li a { float: left;  height: 20px; overflow: hidden; text-decoration:none; color:#fff; text-align:center; padding: 0 30px 0 30px; border-left:1px solid white}
#header #menu li a.first { float: left;  height: 20px; overflow: hidden; text-decoration:none; color:#fff; text-align:center; padding: 0 30px 0 30px; border-left:1px solid black}
#header #menu li a:hover { color:red}
a, a:link, a:visited { color:#FFFFFF; text-decoration: underline }
a:hover { color:red}
 h1 { font-weight: bold; font-size:120%; color:#FF0000}
 h2 { width:100%; padding:10px 0 0 0; margin:0 0 10px 0; font-size:100%; color:#FFF; border-bottom:1px solid #FFF}
 h3 { font-weight: bold }
 
/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* IMG */
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
#centre { clear: both; margin: 0px auto; width:100%; text-align: center; }
.left { float: left; margin: 2px 20px 16px 0; }
.right { float: right; margin: 2px 0 16px 20px; }

/* TYPE */

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.sosumi { font-size: 10px !important; color:#76797c; }


.label {float:left;width:150px;background-color:#FFFFFF;margin:0px;padding:0px;height:20px;}
.formulaire {float:left;width:100%;}
.Text_cache{visibility: hidden}
.searchword {color: :#000000;text-decoration: none ;background-color: #FFCC00}
.OBLIGATOIRE {color: red;font-size:120%;font-style:bold}
	 
/* LOGO */
div#top {clear:both; position: relative;width: 900px;margin: 0 auto 0; min-height:10px;}
#global1 {clear:both; position: relative;width: 900px;margin: 0 auto 0; min-height:500px; background:url(../images/css/default/fond.jpg) left top}
#header1 {width: 900px;height:100px;margin: 0 auto 0}
#logo a {position:absolute;left:72px;top:9px;width:900px;height:100px;border:0;display:block;z-index:10;cursor:pointer;background:url(../images/css/default/top.jpg) no-repeat left top;text-indent:-9999px}
div#BarreDeNav { clear:both; position: relative; width: 100%; height:30px; margin: 0 auto 0;background:url(../images/css/default/menu.jpg) left top  }
div#contenu1 {clear:both; position: relative;width: 900px;margin: 0 auto 0;  min-height:500px; background: url(../images/css/default/center.jpg) repeat-y left top}
div#contenu #info1 {padding: 5px 20px 5px 20px; margin:0; position:relative; z-index:1}
div#contenu #info1 #txtcentre {clear:both; position: relative;width: 470px;margin: 0 auto 0; min-height:500px;}
div#footer1 {clear:both; position: relative;width: 900px;margin: 0 auto 0; min-height:40px; background: url(../images/css/default/footer.jpg) no-repeat left top}

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}