html,body{

   width:100%;
   margin:0px;

}

body{
   font-family:  times new roman , times, verdana, helvetica, tahoma, lucida, arial, sans-serif;
   background: url(images/fond.jpg) #941158;
   color:#000;
}


#overall{

	border:1px solid #b0b0b0;
	width:1000px;
	margin:0 auto;
	 background: #fff;
	font-size:14pt;

}

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

.tinyfont{
	font-size:0.87em;
}

.pinkfont{
	color:#941158 ;
	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:#941158;
   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:#941158;
   text-decoration:none;
}




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

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

.subBtn b{
	border: 1px solid #e8e8e8;
	padding: 2px ;
  	font-weight: bold;
  	color:#fff;
	background: #996699 url(images/buttons/btn_gradient_purple_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:#941158;
	font-size:0.7em;
	padding:10px 3px;
	margin-left:10px;
	background:url(images/puce2.gif) no-repeat left #fff ;
	text-indent : 15px;
}

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

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

 #btmbar{
	clear:both;
	color:#fff;
	font-size:0.9em;
	padding:3px;
	text-align:center;
	
}

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

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




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






/* ####################################### 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:#941158;
	font-size:1.5em;
	font-weight:normal;
	margin:5px 0px;
}

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



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

#main a:hover{
	color:#941158;
	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:195px;
	background-color:#fff;
	margin:0px;
	border-left:0px solid #52544d ;
	padding:0px;

}


#colD .entete{
	
	background:url(images/colD/ligne_h.gif) center repeat-x;
	font-weight:bold;
	
}

#colD .entete div.label{

	width:150px;
	line-height:21px;
	background:url(images/entete_label_bg.jpg) bottom repeat-x #8f8f8f;
	color:#fff;
	font-family : times, helvetica, arial, verdana;
	font-size:1.1em;
	letter-spacing:1px;
	overflow:hidden;

}

#colD .entete a:visited,#colD .entete a:active,#colD .entete a:link{
	display:block;
	color:#fff;
	text-decoration:none;
}

#colD .entete a:hover{
	color:#941158;
	text-decoration:none;
}

#colD .postit{
	background:#e8e8e8;

}