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-top:16px;
color:#DDDDDD;
font-weight:normal;
}

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

}
.main2{

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

}

#bas{
font-size:9px; color:#666; padding:0 30px 0 30px; text-align:justify;

}


#pub{
float:right; width:16%; text-align:center;
}
.contenu{

position:absolute;

width:600px;
right:15%;
	height:580px;
	margin-top:12px;

	}

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

	float:right;
	margin:6px;
	padding-top:6px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	height:150px;
	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;
}



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


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