BODY,html{
	font-family : "verdana";
	
	color:#FFFFFF;
	background-color: #000000;
	font-size: 10px;
	/*text-align: center;*/
height: 100%;
width: 100%;

}
BODY,h1,h2,h3{
padding:0;
margin:0;
}
.bandeau-haut{
vertical-align:middle;
color:#222222;
	background-color:#000000;
	height:80px;
	padding:0;

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

.main{

	background-image: url(images/fond.gif);
	background-color: #e2dddc;


	height:669px;

}

/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gbox.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}

.contenu{

	position:absolute;
	width:77%;
	left:2%;
	height:619px;
	}

.conteneur-radioblog{

background-image: url(images/fond-vignettes.gif);
	background-repeat: no-repeat;
	
	float:left;
	/*margin:6px;*/
	margin: 14px 6px -6px 6px;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	height:92px;
	width:140px;
	background-position: top;
	}
	

.logo{
float: left;
margin-right:20px;
  }
  
  .texte{

  }
  

.conteneur-radio{
margin-left: auto;
margin-right: auto;

height:100%;
min-height:100%;
width:474px;
background-color:#333333;
border: 1px solid #555555;

}

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

h2, h3,h4{
font-size:9px;
font-weight:normal;
display: inline;


}
.pied{
float: right;
	margin-top: 3px;
	padding: 2px;
	background-color: #EFEFEF;
	text-align: right;
}
/* LIENS */
a:link, a:visited, a:hover, a:active, a:focus   {  
	color: #777777;
text-decoration:none }

  .conteneur-clip a{	color:#333333!important;}
    .conteneur-clip a:hover{	color:#ffd800!important;}

.bouton a{
color:#FFFFFF;
}