html {height:100%}

body {
	margin:0;
	text-align:center;
	padding:0;
	height:100%;
	}

#page {
	margin:0 auto;
	position:relative;
	width:960px;
	text-align:left;
	padding:0;
	background-image:url(img/filets.gif);
	background-position:center 30px;
	background-repeat:no-repeat;
	border:none;
	}
	
	
hr {clear:both}

.nettoyeur { clear: both; margin: 0; padding: 0; border:none ; height: 1px; line-height: 1px; font-size: 1px; color: white; visibility:hidden}



.filet {  clear: both; margin: 0; padding: 0; border:none ; height: 1px; line-height: 1px; font-size: 1px; color: white;
	background-image:url(img/filets.gif);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin: 0 0 40px 0;
	padding:0 0 20px 0;	
}

.filet_de_1 {  clear: both; margin: 0; padding: 0; border:none ; height: 1px; line-height: 1px; font-size: 1px; color: white;
	background-image:url(img/filets_de_1.gif);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin: 0 0 40px 0;
	padding:0 0 20px 0;	
}



/*   -------------- B L O C    P R I N C I P A U X          */
	
	
#container {
	background-image:url(img/filets.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin: 0 0 40px 0;
	padding:0 0 20px 0;
	width:960px;
	}
	
#contain4, #contain3, #contain2, #contain1 {
	margin:20px 10px 0 10px;
	padding:0;
	display:block;
	}
	
#contain4 {}

#contain3 {
	width:700px; float:left;}

#contain2 {
	width:460px; float:left;}
	
#contain1 {
	width:220px; float:left;}

#contain1b { /* pour page projet */
	margin:0 10px 0 10px;
	padding:0;
	display:block;
	width:220px; float:left;
}



/*   -------------- S O M M A I R E   
*/

#bando { margin:0; padding:20px 0 0 0; margin:0; height:66px;}
	
.vignettes img { margin-bottom:10px}

#pied {
	background-color:#0066FF;
	margin:10px 10px 0 10px;
	padding:5px 5px 20px 5px;
	position: relative;
	bottom: 0; left: 0;
	width:930px
	}

/*   -------------- P O P U P   
*/

#popup {
	 position: absolute;
	 position: fixed;
	 top: 0; left: 0;
	 z-index: 90; 
	 width: 100%; height: 100%;
	 margin:0;
	 padding:0;
	 border:0;
	 background-image: url(img/stripe_bleu2.gif);
	 }
	 
#popup #contentpopup {height:100%; text-align:left;}
#popup #contentpopup table {height:100%}
#popup #contentpopup table td { border:0 solid black;
	background-color:#003366;
	opacity:0.7;
	}
#popup #contentpopup table td.blanc { background-color:white; opacity:1;}
#popup #contentpopup table h1 {color: #FFFFFF;  opacity:1;}
#popup #contentpopup table td:hover {background-color: #FFFFFF; opacity:1}
#popup #contentpopup table td:hover.blanc {background-color:#003366; opacity:0.7
}