* {margin:0;padding:0;}
#html_ind{height:100%}
#body_ind {	background-color:#Fff;-x-system-font:none;color:black;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;font-size:12px;font-size-adjust:none;
font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;margin:0;padding:0;height:100%;color:#4E382B;overflow-x: hidden }


A:link , A:visited , A:active {text-decoration:none;color:#000;outline:none;}
A:hover {	text-decoration:none;color:#cc3366;border:none;outline:none;}


h1,h2{color:#B60063;
font-size:19px;display:inline;text-transform:uppercase;}

b,strong{color:#B60063;font-weight:bold;}

h2{font-size:16px;}

h5{background:none repeat scroll 0 0 #B60063;
color:#FFFFFF;
font-size:18px;padding-left:20px;}

h3{font-size:19px;}

p{text-indent:25px;}
small{font-size:13px;text-decoration:underline;color:#B60063;}

fieldset{padding:4px;margin:10px 0px 16px;}

.ombre {box-shadow: 2px 2px 7px #222222;} 

cite{/*legende*/
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #999999;
float:right;
padding:0 3px;
position:relative;
right:20px;
top:90%;}

img{border:none 0px;}

#charge{
background:transparent url("http://www.webosapiens.fr/image/charge.gif") no-repeat center center;
display:block;
height:50%;width:100%;
left:0;top:0px;
position:absolute;
z-index:40000;
}



#rideau{
background:#fff;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:30000;
display:block;
text-align:center;

color:#cc3366;font-size:14px;
}



#pop_article{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #000000;display:none;height:500px;left:50%;margin-left:-305px;margin-top:-250px;overflow-x:hidden;overflow-y:auto;padding:15px 40px 10px 50px;position:fixed;top:50%;width:580px;z-index:2000;}
#pop_article img{float:right;margin-left:20px;max-width:330px;}

#btferme,#btdeplac{cursor: pointer;height: 25px;position: absolute;top: 4px;z-index:5000;}
#btferme{background: url("http://www.webosapiens.fr/image/bt_c_of.png") no-repeat scroll right top transparent;right: 5px;width: 24px;}
#btdeplac{background: url("http://www.webosapiens.fr/image/bt_m_of.png") no-repeat scroll right top transparent;right: 35px;width: 24px;}
#btferme:hover{background: url("http://www.webosapiens.fr/image/bt_c_on.png") no-repeat scroll right top transparent;right: 5px;width: 24px;}
#btdeplac:hover{background: url("http://www.webosapiens.fr/image/bt_m_on.png") no-repeat scroll right top transparent;right: 35px;width: 24px;}

#zonemilieu{
	position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 1000px; 
  height: 583px; 
  margin-top: -300px; /* moitié de la hauteur */ 
  margin-left: -500px; /* moitié de la largeur */ 
}
 
#zonehorisontal{
  height: 500px;
    position: absolute;
    top: 0px;
    width: 100%;
}



#l1{width:100%;height:186px;background:#fff url("image/bandeau-top2.png") no-repeat top center;z-index:500}

#l2{height:393px;
position:absolute;
top:191px;
width:100%;}

#l3{
background:url("image/bandeau-bot.png") repeat-x scroll center top transparent;
display:block;
height:10px;
position:absolute;
top:577px;
width:100%;
}

#zonecentre{
		position:relative; 
  left: 50%;  
  width: 880px; 
  height: 100% ;
  margin-left: -425px; /* moitié de la largeur */ 
	}
		
	#zone_adresse{
color:#543F31;
font-size:11px;
top:400px;
width:497px;
position:absolute;
	}
	
		#zone_dyna,#zone_fond_dyna{
position:absolute;height:396px;overflow:hidden;z-index:1;width: 870px;
}
	#zone_dyna A:link ,#zone_dyna A:visited ,#zone_dyna A:active {text-decoration:none;display:inline}
#zone_dyna A:hover {	text-decoration:underline;display:inline}

		#zone_fond_dyna{display:none;z-index:2;background:url("http://www.webosapiens.fr/image/charge4.gif") no-repeat scroll center center #D7CDC4;}

	#zone_bouton{color:#FFFFFF;
font-size:15px;
position:relative;
top:170px;
width:100%;
z-index:5000;
text-align:center;}

#zone_signe{   color: #B9A595;
    font-size: 10px;
    left: 400px;
    position: absolute;
    top: 457px;
    width: 556px;
    z-index: 1000;}
#zone_signe A:link ,#zone_signe A:visited ,#zone_signe A:active {text-decoration:none;color:#B9A595}
#zone_signe A:hover {	text-decoration:underline;}





.tdtop{border-right:1px solid #7D5944;vertical-align:top;width:25%;padding-left:5px;}

.hid{display:none;}
.preload{position:absolute;top:0;left:0;width:100%;display:none;}



#inclu_feuille{
background:url("image/bandeau-feuille.png") no-repeat scroll left top transparent;
display:block;
height:270px;
left:50%;
margin-left:444px;
position:absolute;
top:133px;
width:280px;
z-index:10000;}
	

/*page*/

.page_Page{overflow:hidden;color:#000;height:394px;width:870px;background:url("image/inclu_feuille.png") no-repeat scroll right bottom #D7CDC4;}
.page_Page A:link ,.page_Page A:visited ,.page_Page A:active {text-decoration:none;color:green;outline:none;}
.page_Page A:hover {	text-decoration:underline;color:green;border:none;outline:none;display: table-cell;}


.tabletd1{  float:left;overflow: hidden;}
.tabletdx{  float: right;height: 400px;overflow-y: auto;height:363px;margin-top:8px}
				
.nomarge{ margin: -4px 0 0 -13px;}

.articl_on,.articl{
cursor:pointer;
height:112px;
margin-right:10px;
overflow:hidden;
padding:5px;
width:344px;}

.articl img,.articl_on img{float:left;width:111px;margin-right:5px;}

.imgpara{margin:4px;}


#zone_actu{     position: absolute;
    right: 13px;
    top: 394px;
    z-index: 5000;}

fieldset.actu{   background: url("http://www.webosapiens.fr/image/actu.png") no-repeat scroll -3px top #FFCCCB;
    border: 1px solid #611236;
    cursor: pointer;
    height: 16px;
    padding: 24px 3px 3px;
    width: 464px;
}
fieldset.actu h1{
font-size:12px;border:none;margin:0px;display:inline;padding:3px;}
.titreactu{
 background: url("image/titre_actu.png") no-repeat scroll center center #CB3085;
    height: 44px;
    left: -76px;
    position: absolute;
    top: 10px;
    width: 77px;
}



.divson{
display: block;
overflow: hidden;
position: absolute;
right:10px;
top: -164px;
width: 61px;
z-index: 20000;}


#fondu_div{   display: block;
    float: left;
    overflow: hidden;
    position: relative;margin-right:10px}
#fondu_rido{display:block;position:relative;left:0px;width:100%;height:100%;background:#000;z-index:100;}
.fondu_photo{position:absolute;left:0px;top:0px;width:100%;height:100%;display:block;opacity : 0;filter : alpha(opacity=0); }



/*calendrier*/ 

#aj_agenda{    background-color: #FFFFFF;
    border: 1px solid #cb2f85;
    color: #000000;
    display: block;
    font-size: 11px;
    margin: 0 10px 0 -20px;
    position: absolute;
    right: 0;
    bottom:0px;
    width: 170px;}
				
#aj_agenda A:link , #aj_agenda A:visited , #aj_agenda A:active, #aj_agenda_accueil A:link , #aj_agenda_accueil A:visited , #aj_agenda_accueil A:active {text-decoration:none;color:#000;outline:none;display:block}
#aj_agenda A:hover, #aj_agenda_accueil A:hover {	text-decoration:underline;border:none;outline:none;background-color: #fff;display:block}								
				
.calendarTableTop,.calendarTable1 {width:100%;text-align: center; font-size: 10px;;border-spacing:0px}
.calendarTable1 td{vertical-align:middle;padding:1px}

.calendarTop { font-size: 11px; font-style: normal; color: #FFFFFF; font-weight: bold; background-color: #f80;width:100%}

.jourok { width:20; height:20;  background-color: #ffb873;}
.jourokplus { width:20; height:20; background-color: #ffb873;}
.titrejour{ text-align:left;font-size:11px }
.ligneannee{height:20px}

#recherche{   background: #FFFFFF;
    border: 2px solid #B60063;
    border-radius: 10px 10px 10px 10px;
    box-shadow: -2px 5px 5px #555555;
    display: none;
    height: 240px;
    left: 40px;
    padding: 10px;
    position: absolute;
    top: 70px;
    width: 300px;
    z-index: 200000;}
				
				#bt_recherche{     color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    right: 14px;
    top: -19px;
    z-index: 10000;}
#bt_recherche A:link , #bt_recherche A:visited , #bt_rechercheA:active{text-decoration:none;color:#000;outline:none;}
#bt_recherche A:hover{	text-decoration:none;color:#cc3366;border:none;outline:none;}