/* 1 - 2 - 3 */
body {
background-color:#00AE36; 
/* background-color:#BDBBBC; 
background-color:#FFFFFF;*/
} 
#page{background:url(images/1/page.jpg) repeat-y top center ;}
#head{background:url(images/1/head.jpg) no-repeat bottom right ;}
#footer{background:url(images/1/foot.jpg) no-repeat center bottom;}


/* GENERAL */
body {font:normal 12px "arial"; color:#555;margin:0px;align:center;}

a {color:#000; font-weight:normal;}
a:hover {text-decoration: none;color:#000;}
img#puce {margin:0px 0px 0px 0px;border:0px;}
.clearboth{clear:both; margin:3px 0px; }
#logo{border:#FF6600 0px solid;float:left;
	width:150px; height:120px;cursor:pointer;margin:0px;
	position:absolute; top:20px; left:13px;
}
H3, H3 a , H4 , H4 a {text-decoration:none; color: #000; background-color:#E3F3E3; font:bold 11px Helvetica; text-align:left; padding:2px 5px}	



/* CADRES */
#page{
	border:#EEEEEE 0px solid;
	position:relative;
	width:772px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}

#head{
	border:#FF6600 0px solid;
	width:772px;height:139px;margin:0px;
}
#barre{
	width:759px;height:97px;margin:0px;
	background:url(images/barre.jpg) no-repeat 9px top ;
	text-align:left;
}

.home, .homeTop{position:absolute;left:57px; width:75px;height:17px;margin:63px 0px 0px 0px ;}
.home{background:url(images/iicf_off.jpg) no-repeat top right ;}
.homeTop{background:url(images/iicf_on.jpg) no-repeat top right ;}

#baner{position:absolute;left:168px; margin:48px 0px 0px 0px ; }
#visites{position:absolute;right:50px; top:200px;font:bold 16px "arial";color:#00AC36;}

.bar_nav{position:relative; color:#888; position:absolute; height:32px;
	margin:20px 0px 0px 150px; padding:0px;	font:bold 11px verdana ;
}
.bar_nav a {text-decoration: none;color:#888; display:compact; font-size:12px;	margin:0px; padding:6px; }
.bar_nav a:hover {text-decoration: none;color:#000;}	
form#rech{position:absolute;right:15px;margin:13px 0px 0px 0px; padding:0px;}

input#rech {
	width:137px;margin:0px;padding:3px; border:none;
	background: url(images/rech.gif) no-repeat bottom left!important;
	background-attachment:fixed; 
	
}

input#ok {width:29px; height:16px;margin:0px;padding:0px; background: url(images/ok.gif) no-repeat bottom right;border:none;}


#centre_int{margin:0;padding:0;}
	#gauche{
		background:url(images/menu.jpg) repeat-y 9px top  ;
		border:#fffccc 0px solid;
		width:151px;
		float:left;
		padding:0px; margin:0px;
	}			
	#banav{
		background:url(images/banav.jpg) repeat-y 9px top  ;
		width:151px;height:26px;
		padding:0px; margin:0px;
	}		
	#droite{
		border:#fccc00 0px solid;
		width:605px;
		float:right;margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; font-size:11px;
	}	

/* ----------------            Menu           ------------------------	*/
#nav_menu {width:140px;margin-left:9px}
#rub {vertical-align:top; font:bold 11px verdana; margin:1px 0px; padding:0px 0px; }
#rub a {
	display: block; margin:0px 0px 1px 0px; padding:3px 10px; 
	background:url(images/separateur.jpg) no-repeat bottom left;
	color:#555; text-decoration:none
}
#rub a:hover {color: #000; text-decoration:none;
background:#00AC36 url(images/separateur.jpg) no-repeat bottom left;
}

H1#rub a{color:#333; font:bold 12px arial ;margin:0px;padding:3px 0px 2px 5px;}  

/*  ----------- Log form on nav--------------*/

#Form_Home {color:#444; margin:0px 0px 0px 0px;padding:3px; width:115px;background-color:#ccc; border:#cccccf 2px inset; }
#Form_Home input{width:110px;margin:0px;background: url(images/login.gif) no-repeat bottom right; }
#chk_admin{border:#FFFF66 1px solid;background-color:#66FFFF}
#Form_Home a {color:#ffffff;text-decoration: none;}
#Form_Home a:hover {text-decoration: underline;color: #00AC36;}
#Form_Home h1{font:bold 11px "Helvetica,Arial,sans-serif"; background: url(images/separateur.jpg) no-repeat bottom left;margin:0px;padding-bottom:5px;}
#Form_Home h2{font:normal 11px "Helvetica,Arial,sans-serif"; margin:0px}
input#valider {width:58px; height:16px;margin:0px;padding:0px; background: url(images/valider.gif) no-repeat bottom right;border:none;}



/* CONTENU ACCUEIL*/
		#accueil, #milieu{
			border:#fffccc 0px solid;background: url(images/fondIICF.JPG) repeat-y top center;
			float:left;
			padding:0px; margin:0px;
			text-align:justify;width:400px;
			border: 0px #EEEE00 solid;
		}	
#edito{text-align:justify; color:#000; margin: 10px; font:bold 12px "arial";}	
#pinup{text-align:center;}
#filieres{
	border:#EEE 1px outset;
	width:360px;margin:0px;
	background-color:#EEF3EE;
	text-align:left;
}
#filieres h1{font:bold 12px "Helvetica,Arial,sans-serif"; margin:2px; color:#000000;}

.fil{
	border:#66FF00 0px solid;
	width:175px;margin:2px;
	cursor:pointer;
}

#fil h1{font:bold 11px "Helvetica,Arial,sans-serif"; margin:0px}

#loco{

}		
		
		#boite_actualite{
			width:201px;
			float:right;
			border: 0px #EEEEEE solid; 
			 margin:0 0px 0 0px ;
		}
		#cadre_actualite{
			background:url(images/actu.jpg) repeat-y top center;
			width:184px;
			padding:0px; margin:0 18px 0 0px ;
			border: 0px #EEEE00 solid; 
		}
		#bas_actualite{
			background:url(images/actu_bas.jpg) no-repeat top center;
			margin:0; width:184px;height:24px;
			border: 0px #EEEEEE solid; 
		}		
#boite_actualite h1{
	font-size:11px;
	letter-spacing:5px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase; text-align:center;
	margin:0px ;padding:4px 0 ;width:184px;height:46px;
	background: url(images/actu_haut.jpg) no-repeat top center;
	
}

#boite_actualite a{ text-decoration:none;}
#boite_actualite a:hover{ text-decoration:none;}

.zoom{
	position:relative;
	border:#fff 1px solid;
	border-bottom:#DDD 1px dotted;
	display: block;width:380px;
	padding:5px; margin:0px;
	text-align:justify;
	color:#666;
}
.zoomTop{
	position:relative;
	border: 1px #CCC solid; 
	color:#000;
	background-color:#EEF3EE;
	display: block;width:380px;
	padding:5px; margin:0px;
	cursor:pointer;
	text-align:justify;
}
h1#titre{
	font-size:12px;
	letter-spacing:5px;
	color:#114422;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:3px 3px 0px 3px ;
}		

H2 {
	position: relative;
	 margin:0px;
	font:bold 12px Helvetica;
}
.cartouche_logo{float:left; margin:0px 5px 0px 0px; }
.zoom H2 {color: #555;}	
.zoomTop H2 {color:#000; }	
	
.tablo{
	padding:2px; margin:0px 8px 0px 8px;width:163px;
	border-bottom:#ccc 1px dotted;
	cursor:pointer;/*
	position:relative;
	border:#eee 1px solid;
	text-align:justify;
	color:#666;*/
}	
.actu{
	position:relative;
	border:#eee 1px solid;
	border-bottom:#ccc 1px dotted;
	display: block;
	padding:2px; margin:0px 8px 0px 8px;width:163px;
	text-align:justify;
	color:#666;
}
.actu H2,.actuTop H2 {color: #555; font:bold 12px Helvetica; text-align:left;}	
.actuTop{
	position:relative;
	border: 1px #ccc solid; 
	background-color:#EEF3EE;
	display: block;	
	padding:2px; margin:0px 8px 0px 8px;width:163px;
	cursor:pointer;
	text-align:justify;
}

.pti_logo{float:left; margin:0 5px 0 0}
#suite a  {color:#00AC36; }
#suite{margin:0px;padding-right:10px; color:#999999;font:bold 11px verdana;text-align:right;background:url(images/suite.gif) no-repeat center right;}


/* PUB  */
.pub{border: 1px #aaa solid; background-color:#eee;padding:5px; margin:auto;cursor:pointer;text-align:center;}
#boite_actualite .pub{width:150px;height:60px;}






#footer{font:normal 11px arial;color:#ddd;
	border:#00ff00 0px solid;
	width:772px;height:69px;
	margin-left:auto; margin-right:auto;
	clear:both;
}
#footer a {color:#ddd; font-weight:normal;text-decoration: none;}
#footer a:hover {text-decoration: none;color:#ccc;}

#copy img {margin:20px 0px 10px 15px; border:0;float:left}
#coord {margin:12px 8px 10px 0px; padding-right:5px;text-align:center;width:630px;float:right}



/* SPIP */

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto;text-align:center; }
span.spip_documents_center { display: block; margin-top:1em; text-align:center; }
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_left img { border:1px solid #000 }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 11px; color:#999; margin-left: auto; margin-right: auto;}
.spip_doc_descriptif { clear: both; font-size: 11px; color:#999; margin-left: auto; margin-right: auto;}

img.spip_logos {margin:5px;border:1px solid #000;}

table.spip tr.row_first { background: #E0F3E0;color:#000; font-weight:bold; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }



/* Style AGENDA*/
.agenda{border: 0px #aaa outset; background-color:#f9f9f9; width:180; margin:0 10px 0 0px ;}
.calendrier-mois	 {font-family: Arial; text-decoration: none; font-size: 12px; font-weight: bold; color: #00AC36; text-align: left}
.lundi	 {font-family: Arial; text-decoration: none; font-size: 10px; font-weight:bold; color: #000;}
.tay             	 {text-decoration: none;padding-bottom: 2px;  font-weight: bold; color: #cc0000}
.weekday             {text-decoration: none;  color: #333 ; padding-bottom: 2px;}
.weekendday          {text-decoration: none; color: #99aa99 ; padding-bottom: 2px;}
.activeday           {text-decoration: none; color: #ff0000}
.outday				 {text-decoration: none;  color: #ff0000}
.activeweekendday    {text-decoration: none;  color: #ff0000}

.jour	 			 {text-decoration: none; color: #00AC36; font-size: 9px;margin:0;padding:0; font-weight: bold}
.jour_selectionne 	 {text-decoration: none; color: #cc0000; font-size: 8px; FONT-WEIGHT: bold}

.today   	a {text-decoration: none;padding-bottom: 2px;  font-weight: bold; color: #cc0000}
.outday	 	a {text-decoration: none;   font-weight: bold; color: #00AC36}
.activeday  a {text-decoration: none;   font-weight: bold; color: #00AC36}
.weekday    a {text-decoration: none;  font-weight: bold; color: #00AC36 ; padding-bottom: 2px;}
.weekendday a {text-decoration: none;  font-weight: bold;	  color: #00AC36}