BODY,html{
font-family : "verdana";
color:#DDDDDD;
background-color: #222222;
font-size: 10px;
height: 100%;
width: 100%;

}
BODY,h1,h2,h3{
padding:0;
margin:0;
}
.bandeau-haut{
vertical-align:middle;

	background-color:#222222;
	height:56px;
	background-repeat: repeat-x;
	
}
.texte-bandeau-haut{
padding:8px;
color:#DDDDDD;
font-weight:normal;
}

.main{

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

}
.main2{


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

}
.contenu{

position:absolute;
left:39%;
height:619px;
}

.conteneur-clip{
	background-image: url(images/fond-vignettes.gif);
	background-repeat: no-repeat;
	float:left;
	margin:8px;
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	height:150px;
	width:172px;
	background-position: top;
	}
	
	.plus{

	float:left;
	margin:8px;
	padding-top:6px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	height:160px;
	width:172px;
	background-position: top;
	}
.logo{
float: left;
margin-right:20px;
  }

h1{
	
	font-weight:bold;
	text-align:left;
	font-size: 10px;
	display:inline;
	
	
	
}
h2,h3{
margin:0;
padding:0;
font-weight:normal;
	font-size: 9px;
	display:inline;
}


/* LIENS */
a:link, a:visited, a:hover, a:active, a:focus   {  
	color: #555555;
text-decoration:none } 


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