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: none;
	}

body a {
	color: #0033CC;
	}
	
body a:hover {
	text-decoration:none;
	color: #000066;
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	}

#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-----------------*/
body {behavior: url(csshover.htc);}
div#menu {
	width: 100px;
	font-family: Arial;
	font-size: 9pt;
	color: #009; 
	text-align:left;
	
}

/* fond blanc pour le menu */ 
div#menu a {color:#e2f4f7;}
div#menu ul {padding: 5; width: 150px; border:0,5px solid; margin:5px; background: white; top:100px;}

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

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

div#menu ul li {position:relative; list-style: none; border-bottom:1px dotted;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; 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: 5px solid #f4c379; width:84px}
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: #973d0b;
	font-size: 8pt;
}
div#menu ul ul li a:hover {border-left-color: #973d0b;}
div#menu ul ul ul li a:hover {border-left-color: #973d0b;}

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

#titre {
	border:1px solid  #000099;
	margin: 3px 15px 5px 125px;
	background: #FFCC33;
	text-align:left;
	}
	
#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:none;
	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:none;
	text-align:center;
	color: #000066;
	font-family: Arial;
	}
	
.clearer {
	clear:both;
	}
	
.copy {
	font-size: x-small;
	font-weight: bold;
	text-align:left;
	}
	
#en {
	font-weight:bold;
	width:400px;
	margin: auto;
	padding:3px;
	text-align:left;
	background: #FF3300;
	border:1px solid #0033CC;}