body{   
	behavior: url(http://www.tuto-fr.com/csshover.htc);
	background :#F7F7F7 url(http://www.tuto-fr.com/bg.gif) repeat-x; 
	font-family: Arial, Helvetica, sans-serif;
	}

body a{
	text-decoration: underline;
	}

body a {
	color: #0033CC;
	}
	
body a:hover {
	text-decoration:none
	}

#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.tuto-fr.com/fond.png) repeat-x;
	height:119px;
	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;
	}
	
.pubg {
	margin:auto;	
	text-align:center}

#rech {
	float:right;
	position:relative;
	right:3%;
	top:-38px;
	background:#FF3300;
	border:1px #000000 solid;
	padding:4px;
	}
    
/*----------------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:170px}
div#menu ul.niveau3 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:154px;}
/*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;}

div#menu ul li.menufond {
	border-bottom:0px;}

#titre {
	border:1px solid  #000099;
	margin: 3px 15px 5px 125px;
	background: #FFCC33;
	text-align:center;
	}
	
#titre H1 {
	margin:0px;
	}
	
#titre H2 {
	text-decoration:underline;
	margin:0 0 5px 0;
	color: #339900;
	}	
#semisom {
	text-align:right;
	padding-right:3%
	}
	
#introtuto {
	padding:5px;
	margin: 0 5px 3px 115px;
	background:#EEEEEF;
	border:1px solid #CCCCCC;
	}

#introindex {
	padding:5px;
	margin: 0 5px 3px 115px;
	background:#EFF0FF;
	border:1px solid #CCCCCC;
	}
	
.imgintro {
	float:left;
	margin-right:10px;
	}

.warning {
	margin: 10px 5px 0 10px;
	background: #C6E2FF;
	border:1px solid #0033CC;
	padding:10px;
	color:#FF0000;
	font-weight:bold;
	}
	
.note {
	widows:90%;
	background: #FFFFCC;
	border:#FF6600 1px solid;
	padding:1px;
	color: #666666;
	font-weight: bold;
}

.faire {color:#FF6600; font-weight:bold;}

.cadreblanc {
 background:#FFFFFF; 
 border:1px solid #999999; 
 padding:5px;
 font-family: "Courier New", Courier, monospace;
 }

#orga div {
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:10px;
	}
	
#orga div ul {position:inherit;}
#orga div li a { color: #000099; font-weight:bold}
#orga div h3 a {color:#000000;}
.fuck {position: relative}


#sommaire {
	float:left;
	margin:15px 15px 15px 25px;
	}
	
.boxorga {
	float:left;
	margin:15px 0 15px 15px;
	}
	
#tuto {
	background:#339933;
	text-align:center;
	}
	
#tuto h2 {
	margin:0px;
	padding:3px
	}
	
#suite {
	background: #EFF0FF;
	padding:0px 10px 10px 10px;
	border:1px solid #C6E2FF;
	}
	
#suite h1, h2, h3{
	text-decoration:underline;
	}
	
.clearer {
	clear:both;
	}
	
.copy {
	font-size: x-small;
	font-weight: bold;
	text-align:center;
	}
	
#en {
	font-weight:bold;
	width:400px;
	margin: auto;
	padding:3px;
	text-align:center;
	background: #FF3300;
	border:1px solid #0033CC;}