.tabcenter{
   margin-left:auto;
   margin-right:auto;
}

html{color:#000;background:#FFF;}


input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{padding: 5px 2px 5px 2px;text-align:center;}
#ft{height:20px;padding: 1px 1px 1px 8px;background:#888;clear:both; bottom: 0;}
#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:center;width:57.69em;*width:56.25em;min-width:750px;}
#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;min-height: 740px;}.yui-b{_position:static;}
#yui-main .yui-b{position:static;background:#EEEEEE;padding:5px}
#yui-main{width:100%;background:#AAAAAA;position-left:50%}
.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}
#yui-main .yui-b{float:none;width:auto;}


#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
#hd {height:120px; clear:both; border: 1px solid black;  vertical-align:middle; background-image: url("bandeau2010.jpg"); BACKGROUND-REPEAT: repeat-x ; background-position: 0% 0%; }
#bd {border: 1px solid black; }
#FULLMDN {height:100%}

/* ----------------------------------- */





body {behavior: url(csshover.htc); list-style-position:inside; }
div#menu {width: 120px;
font-family: verdana, arial, sans-serif;
font-size: x-small;
text-align: center;
color: black;}

/* fond blanc pour le menu */
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 140px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */
div#menu li.sousmenu {background: url(d.gif) 100% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 140px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:124px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}


div#fullscreen{
    display:block; position:absolute;top:0;left:0;width:100%;
    margin:auto;
    height:100%;
  }




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
font-weight: bold;
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}