BODY,html{

	font-family : "verdana";

	



	background-color: #000000;



	background-repeat: repeat;

	background-position: left bottom;

	font-size: 10px;



height: 100%;

width: 100%;



}

BODY,h1,h2,h3{

padding:0;

margin:0;

}

.bandeau-haut{

vertical-align:middle;



	background-color:#222222;

	height:60px;

	padding:0;



	

}

.texte-bandeau-haut{

padding:10px;

color:#aaaaaa;

font-weight:normal;

}



.main{



	background-image: url(images/fond.jpg);

	background-color: #010207;

	background-repeat: no-repeat;

	background-position: left bottom;

	height:730px;



}





.ref{

font-size:8px; 

color:#010207;



}



.contenu{

position:absolute;

left:34%;

width:46%;

right:120px;

	height:619px;

	}



.conteneur-clip{

	color:#FFFFFF;

	background-image: url(images/fond-vignettes.gif);

	background-repeat: no-repeat;

	float:right;

	margin:6px;
margin-bottom:4px;
	padding-top:6px;

	text-align:center;

	font-weight:bold;

	height:162px;

	width:174px;

	background-position: top;

	}

	

.logo{

float: left;

margin-right:20px;

  }



h1{

	

	font-weight:bold;

	text-align: left;

	font-size: 10px;

	display:inline;

	


}

h2,h3{

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: #555555;

text-decoration:none }





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

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