html,body{

   width:100%;
   margin:0px;

}

body{
   font-family:  helvetica,verdana, tahoma, lucida, arial, sans-serif;
   background:url(images/background.gif) #fff;
   color:#000;
}


#overall{

	border:1px solid #b0b0b0;
	width:1000px;
	margin:0 auto;
	 background: #fff;


}

.spacer{clear:both;visibility:hidden;}

.tinyfont{
	font-size:0.87em;
}

.bluefont{
	color:#1e5c90 ;
	font-weight:bold;
}

.greyfont{
	color:#999 ;
	font-weight:bold;
}

select{
font-size:8pt;
}

.arrowlinks a:visited,.arrowlinks a:link,.arrowlinks a:active{
   background-image:url(images/redarrow.gif);
   background-repeat:no-repeat;
   background-position:left center;
   padding-left:10px;
   line-height:20px;
   font-size:0.87em;
   color:#1e5c90;
   text-decoration:none;
}
.arrowlinks a:hover{
   background-image:url(images/redarrow.gif);
   background-repeat:no-repeat;
   background-position:left center;
   font-size:0.87em;
   color:#1e5c90;
   text-decoration:none;
}

.elus{
	
	padding:1px;
	border-left:1px solid #c9d6e9;
	background:url(images/design/postit_grey.jpg) bottom right no-repeat #f4f5f9;
	height:100%;
}

.elus:hover{
	border-left:1px solid #f4bc80;
	background:url(images/design/postit_orange.jpg) bottom right no-repeat #f3ddc3;

}

.pageperso{
	padding:3px;
	border:1px solid #c9d6e9;
	background:/*url(images/design/postit_grey.jpg) bottom right no-repeat */#f4f5f9;

}

.pageperso_icone{
	padding:3px;
	border:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url(images/design/postit_grey.jpg) bottom right no-repeat #f4f5f9;


}

/* ####################################### BOUTONS ######################################### */

.subBtn, .subBtn_green, .subBtn_blue {
	text-align: center;
}

.subBtn b{
	border: 1px solid #D70;
	padding: 2px ;
  	font-weight: bold;
  	color:#fff;
	background: #F90 url(images/buttons/btn_gradient_orange_1x23.png) top repeat-x;
	
	}

.subBtn_green b{
	text-align: center;
	border: 1px solid #336600;
	padding: 2px ;
  	font-weight: bold;
  	color:#fff;
	background: #336600 url(images/buttons/btn_gradient_green_1x23.png) top repeat-x;
	}

.subBtn_blue b{

	text-align: center;
	border: 0px solid #294e99;
	padding: 2px ;
  	font-weight: bold;
  	color:#fff;
	background: #294e99 url(images/buttons/btn_gradient_blue_1x23.png) top repeat-x;
	}

.button{
	font-size:0.9em;
	font-weight:bold;
}



/* ####################################### HEADER BANNIERE ... ########################################### */

#banniere{

	background:/*url(images/banniere1.jpg) left top no-repeat */#fff;
	height:140px;
	overflow:hidden;

	
}


#menuH{
	/*background:url(images/menuH/menuH_bg.gif) repeat-x #ef9403;*/
	font-size:0.7em;
	font-weight:bold;
	float:left;
	width:100%;
	clear:both;
	
}

#navbar{
	clear:both;
	color:#1e5c90;
	font-size:0.7em;
	padding:3px;
	background:url(images/puce1.gif) no-repeat left #fff ;
	text-indent : 10px;
}

#navbar a:link,#navbar a:active, #navbar a:visited{
	color:#1e5c90;
	text-decoration:underline;
}

#navbar a:hover{
	color:#1e5c90;
	text-decoration:none;
}

 #btmbar{
	clear:both;
	color:#000;
	font-size:0.7em;
	padding:3px;
}

#btmbar a:link,#btmbar a:active, #btmbar a:visited{
	color:#1e5c90;
	text-decoration:none;
}

#btmbar a:hover{
	color:#1e5c90;
	text-decoration:underline;
}




.cadre{
  background-color: #f4f5f9;  /* Modif PHD 24/10/2007 22h30 */
	border:1px solid #c0c0c0 ;
	padding:5px;
	margin:1px;
}




/* ####################################### COLISTIERS ICONES ########################################### */

.colistiers_overall{
    position:absolute;

   
    width:100%;
     z-index:1;

}

.colistiericone{
   position:absolute;
   
   /*width:50px;
   height:80px;*/
   text-align:center;
   /*border:1px solid #000;
   background:#fff;*/
   padding:2px;
   z-index:1;

}

.colistiericone_hover{

   background:#fff;
   border:1px solid #000;

   
   
}


.colistiericone a:link, .colistiericone a:active,.colistiericone a:visited{
   
   text-decoration:none;
   font-size:10px;
   color:#000;

}

/* ####################################### TABLEAUX ########################################### */

.tabpointilles{}


.tabpointilles td{
     background:url(images/pointilles.gif) top repeat-x;

}

.tabpointilles .titres, .tabpointilles .titres td{
   background-color:#d0d0d0;
   font-weight:bold;
   font-size:8pt;
}

.tabpointilles .alt1, .tabpointilles .alt1 td{
	background-color:#f0f0f0;
}

.tabpointilles .alt2, .tabpointilles .alt2 td{
	background-color:#fafafa;
}

.hilight a:link,.hilight a:active,.hilight a:visited{
	position:relative;float:left;width:100%;display:block;text-decoration:none;cursor:pointer;
}

.hilight a:hover {
	background:#ccff99;
	text-decoration:none;
}

.tabpointilles .cat{
	padding:3px;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:1px;
	background:#f0f0f0;
}


/* ####################################### MAIN CONTENT ########################################### */


#main{
	font-size:0.8em;
}

#main h4{
	color:#1e5c90;
	font-size:1.5em;
	font-weight:normal;
	margin:5px 0px;
}

#main h5{
	color:#1e5c90;
	font-size:1.2em;
	font-weight:bold;
	margin:3px 0px;
}
#main h6{
	color:#1e5c90;
	font-size:1.1em;
	font-weight:bold;
	margin:0px 0px;
}



#main a:active,#main a:link,#main a:visited{
	color:#1e5c90;
	text-decoration:none;
}

#main a:hover{
	color:#1e5c90;
	text-decoration:underline;
}

#main .btmlinks{
	font-size:0.87em;
	text-align:right;
}

.smallCat{

	font-size:0.9em;
	color:#999;
	font-style:italic;
	padding:2px;
}

.soustitre{

	font-size:1.3em;
	color:#000;
	font-weight:bold;
	padding:2px;
}

.bigCat{

	font-size:1em;
	color:#999;
	font-weight:bold;
	padding:2px;
}

.hr{
	height:1px;
	margin:3px;
	background-color:#c0c0c0;
	overflow:hidden;
}



/* ####################################### ACCUEIL ########################################### */

#colC{
	float:left;
	width:785px;
	background-color:#fff;
	margin:1px;
	margin-right:15px;
	border:0px solid red;
	

}

#colC li {margin-left:15px;}

#colC .cadre p{

  padding: 4px;               /* Modif PHD 24/10/2007 22h30 */
  /*text-align: justify;*/
}

#colC .cadre img{
  /*background-color: #ffffff;*/
  padding: 4px;               /* Modif PHD 24/10/2007 22h30 */
  border: none;
}

/* ####################################### COLD  ########################################### */

#colD{
	float:left;
	width:192px;
	background-color:#fff;
	margin:0px;
	border-left:0px solid #52544d ;
	padding:1px;

}



.colD_agenda .icon{
	background:url(images/design/icon_agenda.gif) no-repeat top left ;	
	position:absolute;
	width:50px;
	height:50px;
	margin-top:-10px;
}

.colD_actualites .icon{
	background:url(images/design/icon_actualites.gif) no-repeat top left ;	
	position:absolute;
	width:50px;
	height:50px;
	margin-top:-10px;
}

.colD_entete{

	color:#fff;
	background-color:#f6b041;
	
	font-weight:bold;
	padding:3px;
}



.coldD_postit{
	/*background:url(images/design/postit_green.jpg) bottom right no-repeat #d8eb15 ;*/
   background:url(images/design/postit_green.jpg) bottom right no-repeat #b6d683 ;
}

.colD_green{
	/*background-color:#d8eb15;*/
	background-color:#b6d683;
	padding:1px;
	/*border:1px solid #b2da2a;*/

}

.colD_liens{
		
	font-weight:bold;
	
	font-size:1em;
	
	
}

#colD .colD_liens .liens{
	display:block;
	background-color:#f6b041;
	color:#fff;
	padding:2px;
	text-decoration:none;
	padding-left:20px;
	
}
#colD .colD_liens .liens:hover{color:#fff;text-decoration:none;}

 .colD_liens div{
	position:absolute;
	width:30px;
	height:30px;
	margin-top:-10px;
	margin-left:-10px;

}

.colD_liens .icon_box{
	background:url(images/design/icon_box.gif) no-repeat top left ;	
}

.colD_liens .icon_register{
	background:url(images/design/icon_register2.gif) no-repeat top left ;	
}
.colD_liens .icon_contact{
	background:url(images/design/icon_contact.gif) no-repeat top left ;	
}
.colD_liens .icon_don{
	background:url(images/design/icon_don.gif) no-repeat top left ;	
}

.colD_liens .icon_liens{
	background:url(images/design/icon_liens.gif) no-repeat top left ;	
}

.colD_liens .icon_newsletter{
	background:url(images/design/icon_newsletter.gif) no-repeat top left ;	
}


.colD_liens .icon_actualites{
	background:url(images/design/icon_actualites.gif) no-repeat top left ;	
}

#colD .jaime{

  margin-top: 25px;
  text-align: center;
}