html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#conteneur{
	position:absolute;
	width: 980px;
	height: 550px;
	left: 50%; 
	top: 50%;
	margin-top: -275px; /* moitié de la hauteur */
	margin-left: -490px; /* moitié de la largeur */
	
	
	overflow:hidden;	
}

div.demoElement {
	width: 80px;
	height: 80px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
}
div.demoElementHeight {
	height: 120px;
}

.myClass {
	width: 300px;
	height: 50px;
	border: 3px dashed black;
	background-color: #C6D880;
	font-size: 20px;
	padding: 20px;
}


#haut{
	width:980px;
	height:150px;
	margin:1px;
}

#logo{
	background-image:url(../img/logo.png);	
	background-color:#FFFFFF;
	border:1px solid #000000;
	width:474px;
	height:148px;
	float:left;
	margin-right:1px;
}

#contenu{
	margin:1px;
	border:1px solid #000000;
	width:976px;
	height:395px;
	background-color:#FFFFFF;	
}

#contenu_admin{
	margin:1px;
	border:1px solid #000000;
	width:976px;
	height:395px;
	background-image:url(../img/fond_admin.png);	
}

input{
	border:1px solid #7f9db9;
}

.grandes_icones{
	height:365px; 
	width:200px; 
	float:left; 
	margin:5px;
}

.grandes_icones :hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#bloc1{
	width:220px; 
	height:320px; 
	float:left; 

	margin:5px; 
	margin-left:25px; 
	margin-top:40px;
	filter:alpha(opacity=80);   
	-moz-opacity: 0.8;   
	opacity: 0.8;	
}

#bloc1:hover{
	filter:alpha(opacity=100);   
	-moz-opacity: 1;   
	opacity: 1;
}

#bloc2{
	width:220px; 
	height:320px; 
	float:left; 

	margin:5px; 
	margin-top:40px;
	filter:alpha(opacity=80);   
	-moz-opacity: 0.80;   
	opacity: 0.80;		
}

#bloc2:hover{
	filter:alpha(opacity=100);   
	-moz-opacity: 1;   
	opacity: 1;
}

#bloc3{
	width:220px; 
	height:320px; 
	float:left; 

	margin:5px; 
	margin-top:40px;
	filter:alpha(opacity=80);   
	-moz-opacity: 0.80;   
	opacity: 0.80;		
}

#bloc3:hover{
	filter:alpha(opacity=100);   
	-moz-opacity: 1;   
	opacity: 1;
}

#bloc4{
	width:220px; 
	height:320px; 
	float:left; 
	
	margin:5px; 
	margin-top:40px;
	filter:alpha(opacity=80);   
	-moz-opacity: 0.80;   
	opacity: 0.80;	
}

#bloc4:hover{
	filter:alpha(opacity=100);   
	-moz-opacity: 1;   
	opacity: 1;
}