/************************************************************************
							KAPPUCCINO CSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File 		kappuccino.css
	Model		mk1
	Date		2005-09-28
************************************************************************/


/************************************************************************
STRUCTURE 
************************************************************************/

body{
	background:#993300 url(../image/body_back.gif);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


#header{
	margin:0px;
	padding:0px;
	background-position: center;
}


#container{
	width:760px;
	margin:0px auto;
	padding:0px;
	background:url(../image/container_back.jpg) repeat-y;

}


#footer{
	clear:both;
	width:760px;
	height:104px;
	margin:0px;
	background:url(../image/footer_back.jpg);
	text-align:center;
	padding:0px 0px 0px 0px;
}




.clearing{
	height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: .1em;
}

form{
	margin:0px;
	padding:0px;
}
	form label{
		display:inline;
		float:left;
		width:160px;
		margin:5px 2px 5px 10px;
	}


.optimizer,
.iso88591{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-position: center;
}

.FC *{ text-align:center;}
.FL *{ text-align:left;}
.FR *{ text-align:right;}



/************************************************************************
COLONNE DE HAUT (COLTOP) 
************************************************************************/


#colTop{
	float:right;
	width:490px;
}

	#colTop a, 
	a:link{
		color: #003366;
		text-decoration: underline;
	}
	a:visited{
		text-decoration: underline;
	}
	#colTop a:hover{
		color: #FFCC33;
		text-decoration: underline;
	}
	#colTop a:active,
	a:focus{
		color: #CC3300;
	}
	

/************************************************************************
COLONNE DE GAUCHE (COLLEFT) 
************************************************************************/


#colLeft{
	width:200px;
	float:left;
	text-align:left;
	padding-left:17px;
	background-image: url(../image/colonnes/col_left_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	#colLeft a, 
	a:link{
		color: white;
		text-decoration: none;
	}
	a:visited{
		color: white;
		text-decoration: none;
	}
	#colLeft a:hover{
		color: #CC3300;
		text-decoration: underline;
	}
	#colLeft a:active, 
	a:focus {
		color: #566047;
	}


#colMiddle{
	width:490px;
	float:right;
	margin:0px;
	padding:0px;
	right:30px;

}

#colCenter{
	float:right;
	margin:3px 0px 3px 12px;
	padding:0px;
	width:490px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	margin:0px;
	padding:0px;
	right:30px;

}
	#colCenter a, 
	a:link{
		color: #003366;
		text-decoration: underline;
	}
	a:visited{
		text-decoration: underline;
	}
	#colCenter a:hover{
		color: #CC3300;
		text-decoration: underline;
	}
	#colCenter a:active,
	a:focus{
		color: #566047;
	}
	
	
/************************************************************************
COLONNE DE BAS (COLBOTTOM) 
************************************************************************/

#colBottom{
	float:right;
	margin:10px 20px 10px 0px;
	padding:0px;
	width:505px;
	background-repeat: no-repeat;

}
	#colBottom a, 
	a:link{
		color: #999999;
		text-decoration: underline;
	}
	a:visited{
		color: #999999;
		text-decoration: underline;
	}
	#colBottom a:hover{
		color: #FFCC33;
		text-decoration: underline;
	}
	#colBottom a:active, 
	a:focus {
		color: #CC3300;
	}