/* CSS Document */
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;

	height: 100%;
	width: 100%;
	background-color: #dee2e4;
	}

input{
	font: normal 11px Arial, Helvetica, sans-serif;

}
p.spip {
	margin-top: 0px;

}
p.pagination {
	text-align: center;

}
.spip_surligne { 
	color: #FFFFFF;
	background: #660000;
	}
	
a img { 
	border: 0px;
	}

.spip_documents {  }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 7px; margin-bottom: 7px; }
.spip_documents_right { float: right; margin-left: 7px; margin-bottom: 7px; }
.spip_doc_titre {  }

	
#container {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	position: relative;

	}	
#header{
	background: url(maquette/bandeau.jpg);
	width: 850px;
	height: 202px;
	padding-top: 0px;

}
.clear{
	clear:both;
	display:block;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#contenu{
	margin-top: 0px;
	width: 805px;
	height: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(maquette/fond.jpg);
	padding-left: 25px;
	padding-right: 20px;


}


#gauche{
	width: 160px;
	float : left;
	position: relative;

	}


#main{
	width: 644px;
	float : right;
	position: relative;
	

	}
	
#conteneur{
	width: 600px;

}

a:link, a:visited, a:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5cb6e5;
	text-decoration: none;
	}
	
a:hover { 
	font-weight: normal;
	color: #5cb6e5;
	text-decoration: underline;
	}
		
a img { 
	border: 0px;
	}
	
a.retour:link { 
	color: #666666;
	text-decoration: none;
	}
	
 a.retour:visited {  
	color: #666666;
	text-decoration: none;
	}
	
 a.retour:hover  { 
	color: #666666;
	text-decoration: underline;
	}
	
 a.retour:active {
	color: #666666;
	text-decoration: none;
	}
	
	
	

 a.zinc:link { 
	color: #000000;
	text-decoration: none;
	}
	
 a.zinc:visited {  
	color: #000000;
	text-decoration: none;
	}
	
 a.zinc:hover  { 
	color: #3399cc;
	text-decoration: none;
	}
	
 a.zinc:active {
	color: #3399cc;
	text-decoration: none;
	}

 a.zincroll:link,  a.zincroll:visited,  a.zincroll:hover,  a.zincroll:active{  
	color: #3399cc;
	text-decoration: none;
	 }



 a.experim:link { 
	color: #000000;
	text-decoration: none;

	}
 a.experim:visited {  
	color: #000000;
	text-decoration: none;
	}
 a.experim:hover  { 
	color: #990099;
	text-decoration: none;
	}
	
 a.experim:active {
	color: #990099;
	text-decoration: none;
	}

 a.experimroll:link,  a.experimroll:visited,  a.experimroll:hover,  a.experimroll:active{  
	color: #990099;
	text-decoration: none;
	 }
	 

 a.prod:link { 
	color: #000000;
	text-decoration: none;

	}
 a.prod:visited {  
	color: #000000;
	text-decoration: none;
	}
 a.prod:hover  { 
	color: #669900;
	text-decoration: none;
	}
	
 a.prod:active {
	color: #669900;
	text-decoration: none;
	}

 a.prodroll:link,  a.prodroll:visited,  a.prodroll:hover,  a.prodroll:active{  
	color: #669900;
	text-decoration: none;
	 }




 a.centre:link { 
	color: #000000;
	text-decoration: none;

	}
 a.centre:visited {  
	color: #000000;
	text-decoration: none;
	}
 a.centre:hover  { 
	color: #ff9900;
	text-decoration: none;
	}
	
 a.centre:active {
	color: #ff9900;
	text-decoration: none;
	}

 a.centreroll:link,  a.centreroll:visited,  a.centreroll:hover,  a.centreroll:active{  
	color: #ff9900;
	text-decoration: none;
	 }	 
	 


 a.critique:link { 
	
	color: #000000;
	text-decoration: none;

	}
 a.critique:visited {  
	
	color: #000000;
	text-decoration: none;
	}
 a.critique:hover  { 
	
	color: #cc3300;
	text-decoration: none;
	}
	
 a.critique:active {
	
	color: #cc3300;
	text-decoration: none;
	}

 a.critiqueroll:link,  a.critiqueroll:visited,  a.critiqueroll:hover,  a.critiqueroll:active{  
	color: #cc3300;
	text-decoration: none;
	 }



a.zincL:link { 
	color: #3399cc;
	text-decoration: none;
	}
	
 a.zincL:visited {  
	color: #3399cc;
	text-decoration: none;
	}
	
 a.zincL:hover  { 
	color: #3399cc;
	text-decoration: underline;
	}
	
 a.zincL:active {
	color: #3399cc;
	text-decoration: none;
	}

 a.zincrollL:link,  a.zincLroll:visited,  a.zincLroll:hover,  a.zincLroll:active{  
	color: #3399cc;
	text-decoration: underline;
	 }



 a.experimL:link { 
	color: #990099;
	text-decoration: none;

	}
 a.experimL:visited {  
	color: #990099;
	text-decoration: none;
	}
 a.experimL:hover  { 
	color: #990099;
	text-decoration: underline;
	}
	
 a.experimL:active {
	color: #990099;
	text-decoration: none;
	}

 a.experimLroll:link,  a.experimLroll:visited,  a.experimLroll:hover,  a.experimLroll:active{  
	color: #990099;
	text-decoration: underline;
	 }
	 

 a.prodL:link { 
	color: #669900;
	text-decoration: none;

	}
 a.prodL:visited {  
	color: #669900;
	text-decoration: none;
	}
 a.prodL:hover  { 
	color: #669900;
	text-decoration: underline;
	}
	
 a.prodL:active {
	color: #669900;
	text-decoration: none;
	}

 a.prodLroll:link,  a.prodLroll:visited,  a.prodLroll:hover,  a.prodLroll:active{  
	color: #669900;
	text-decoration: underline;
	 }




 a.centreL:link { 
	color: #ff9900;
	text-decoration: none;

	}
 a.centreL:visited {  
	color: #ff9900;
	text-decoration: none;
	}
 a.centreL:hover  { 
	color: #ff9900;
	text-decoration: underline;
	}
	
 a.centreL:active {
	color: #ff9900;
	text-decoration: none;
	}

 a.centreLroll:link,  a.centreLroll:visited,  a.centreLroll:hover,  a.centreLroll:active{  
	color: #ff9900;
	text-decoration: underline;
	 }	 
	 


 a.critiqueL:link { 
	color: #cc3300;
	text-decoration: none;

	}
 a.critiqueL:visited {  
	color: #cc3300;
	text-decoration: none;
	}
 a.critiqueL:hover  { 
	color: #cc3300;
	text-decoration: underline;
	}
	
 a.critiqueL:active {
	color: #cc3300;
	text-decoration: none;
	}


	 
	 
	 	 
a.menuFonct:link { 
	color: #000000;
	text-decoration: none;

	}
 a.menuFonct:visited { 
	color: #000000;
	text-decoration: none;
	}
 a.menuFonct:hover  { 
	color: #3399cc;
	text-decoration: none;
	}
	
 a.menuFonct:active {
	color: #3399cc;
	text-decoration: none;
	}

 a.menuFonctroll:link,  a.menuFonctroll:visited,  a.menuFonctroll:hover,  a.menuFonctroll:active{  

	color: #3399cc;
	 }

#logo{
	width: 160px;
	float : left;
	margin-right: 26px;
	margin-left: 0px;
}	


#bandeau{
	float : right;
	width: 662px;
	height: 156px;
	background: url(maquette/zinc-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
	
#menuF{
	left: 187px;
	top: 8px;
	width: 642px;
	position: absolute;
	text-align: right;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;	 
}

#menu{
	left: 187px;
	top: 144px;
	width: 623px;
	height: 40px;
	position: absolute;
	text-align: right;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;	 
	font-weight: normal;
}



.cache	{
	z-index:10;
	position:absolute;
	visibility: hidden;
	border-left: solid 2px #3399cc;
	background-color:#FFFFFF;
	padding-top:0.3em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
}


.barre	{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-left:5px;
	padding-right:5px;
}
	 
	 	 	 
.cadre{
	background: url(img/fond.jpg);
	background-repeat: repeat;
	background-position: center;
	margin: 0px 0;
	padding: 0;
	width: 900px;
	border: 0px;
}

#sites{
	width: 136px;
	margin-bottom: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #5CB6E5; 
}

.siteBloc{
	margin-top: 0px;
	width: 136px;
	height: 97px;
	margin-bottom: 5px;
}

.siteImg{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 136px;
	height: 72px;
}

.siteBlocTitre{
	margin-top: 0px;
	width: 136px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	background-color:#000000;

}

.siteTitre{
	height: 25px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
}

.siteTitreP{
	height: 20px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-weight: normal;
	line-height: 0.75em;
	color: #FFFFFF;
	position: relative;
	
}

#nuage{
	width: 136px;
	margin-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


#milieu{
	margin-top: 0px;
	width: 519px;
	float : left;
	text-align: justify;
	font-size: 0.95em;


}


#archives{
	width: 119px;
	margin-top: 0px;
	float : right;
	text-align: right;

}

#menuBas{
	margin-top: 130px;
	width: 806px;
	height: 30px;
	text-align: right;
}


#bottom{
	margin-top: 0px;
	width: 850px;
	height: 37px;
	margin-bottom:0px;
	padding-top: 0px;
	background-image: url(maquette/bas.jpg);
	background-repeat: no-repeat;
}

#basPage{
	margin-top: 0px;
	width: 850px;
	height: 100px;
	margin-bottom:0px;
}

#titrePage{
	margin-top: 0px;
	margin-bottom: 14px;
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 1.2em;
	font-weight: normal;
}


.zincRub{
	color: #3399cc;
}

.experimRub{
	color: #990099; 
}

.prodRub{
	color: #669900; 
}

.centreRub{
	color: #ff9900; 
}
.critiqueRub{
	color: #cc3300; 
}

.visu{
	margin-top: 4px;
	margin-bottom: 5px;
	font-size: 0.7em;
	color: #666666; 
}

.retourPage{
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
	text-align: right;
	float : right;
}

.texte{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 0.95em;

	}
	

.blocProjet {
	width: 519px;
	height: 97px;
	margin-top: 0px;
	margin-bottom: 5px;

}

.blocImgProjet{
	z-index: 2;

}


.blocTitreProjet{
	z-index: 5;
	margin-top: -22px;
	width: auto;
	height: 22px;
	position: relative; 
}

.titreProjet{
	z-index: 6;
	width: auto;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF; 
	background-color: #000000;


}

#infos{
	margin-top: 0px;
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 90%;

}

#formu{
	margin-top: 0px;
	width: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.ok	{
	font: normal 11px Arial, Helvetica, sans-serif;
	border: solid 1px #3399CC;
	background-color:#FFFFFF;
}

.espaceur	{
	height: 10px;
}

.ps	{
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	font-style : italic; 

}