BODY,html{
	font-family : "verdana";
	
	color:#FFFFFF;
	background-color: #443923;
	font-size: 10px;

height: 100%;
width: 100%;

}
BODY,h1,h2,h3{
padding:0;
margin:0;
}
h2, h3{
font-weight:normal;
font-size:9px;
display:inline;
}
#liens{
padding-top:4px;
font-size:9px; text-align:center;
color:#222;
}
#liens a{
color:#342c1b;
padding:1px 2px 1px 2px;
margin:0 1px 0 0;
background-color:#342c1b;
color:#eee;
}

.bandeau-haut{
vertical-align:middle;
color:#FFFFFF;
	background-color:#302716;
	height:60px;
	padding:0;

	
}
.texte-bandeau-haut{
padding:10px;
color:#FFFFFF;
font-weight:normal;
}

.main{

	background-image: url(cassie-images/fond.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	height:619px;

}

.contenu{

position:absolute;
right:15%;
width:398px;

margin-top:10px;
	height:540px;

	}

.conteneur-clip{
	color:#FFFFFF;
	background-image: url(cassie-images/fond-vignettes.gif);
	background-repeat: no-repeat;
	float:right;
	margin:12px;
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	height:162px;
	width:174px;
	background-position: top;
	}
	
.logo{
float:left;}


h1{
	
	font-weight:bold;
	text-align: left;
	font-size: 10px;
	display:inline;
	
	
	
}


.pied{
float: right;
	margin-top: 3px;
	padding: 2px;
	background-color: #EFEFEF;
	text-align: right;
}

a:link, a:visited, a:hover, a:active, a:focus   {  
	color: #DDDDDD;
text-decoration:none }

   .conteneur-clip a{color: #FFFFFF!important;}