/* CSS Document */
	body
{
	
   behavior: url(http://www.tutofr.com/csshover.htc);
   background :#F7F7F7 url(http://www.tutofr.com/bg.gif) repeat-x; 
 }
 #boss {
  width:expression(document.body.clientWidth > 950 ? "950px" : "auto");
  margin:auto;
  max-width: 950px;
  border:1px solid #333333;
  background-color:#FFFFFF;
  }

#header {
	background :url(http://www.tutofr.com/header_bg.png) repeat-x;
	height:108px;
	border-bottom:1px solid #000000;
	}
	
#hearderimg {
	position: absolute;
	top:10px;
	}
#annonce {
	text-align:center;
	font-weight:bold;
	background: #99CC00;
	border:1px solid #006600;
	padding:4px;
	position: absolute;
	top:25px;
	margin-left:400px;
	}
	
#annonce:hover {
	background: #FFCC00;
	}
#annonce a {
	text-decoration:none;
	}
#annonce a:hover{
	text-decoration: underline;
	}
#pubtop {
	position: relative;
	background-color: #FF3300;
	top:-15px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	height:15px;
	}

#rech {
display:none;
	}
    
/*----------------MENU-----------------*/
div#menu {float:left;margin: -16px 10px 10px -1px;}
div#menu a {color:#000000}
div#menu ul {padding: 0; width: 110px; border:1px solid; margin:0px; background: white}
/* fond sous menu*/ 
div#menu li:hover {background: #EBD}
div#menu li.sousmenu:hover {background: #EBB;}
/* flech style bordur */ 
div#menu li.sousmenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
/* Bloc 1*/ 
div#menu ul.niveau1 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:94px;}
/* Bloc 2 */
div#menu ul ul {position: absolute; top: -1px; left: 110px; display:none; width:230px}
div#menu ul.niveau2 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:214px;}
/* Bloc 2 BIS*/             
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; width:100px;}      
div#menu ul.niveau2bis li a {width: 100px;}
/* Bloc 3 */
div#menu ul ul ul  {position: absolute; top: -1px; left: 230px; display:none; width:140px}
div#menu ul.niveau3 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:124px;}
/*block*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
/* couleur bordure*/ 
div#menu ul li a:hover {border-left-color: #FF6600;}
div#menu ul ul li a:hover {border-left-color: #009966;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}
	PRE { font-family: "Courier New", Courier, monospace; }
    TD  { font-Family: Verdana, Arial, Helvetica, sans-serif; }
    P   { font-Family: Verdana, Arial, Helvetica, sans-serif; }
    A:link    { text-decoration: none; color: #0000CC; }
    A:visited { text-decoration: none; color: #0000CC; }
    A:hover   { text-decoration: underline; color: #0000FF; }
    A:active  { text-decoration: underline; color: #0000FF; }
	H1 {font-size: x-large;}
	.indexfaq IMG { border:0px}
	.indexfaq P {font-family: "Times New Roman", Times, serif}