html{
    margin: 0;
    padding: 0;
    /*text-align: center;*/
    font-size: 62.5%; /*base font-size should be more*/
    }

body{
    background-color: #FFFFFF;
    font-family:arial,  helvetica, lucida, verdana, sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
}
    
#portail{
width: 992px;
margin: 0 auto;
/*height:auto;
background-image:url(../images/bande.gif);
background-repeat:repeat-y;*/
}
/*********************************/
    /* entete */
/*********************************/
#entete
{
    background-image:url(../images/visuel.jpg);
    background-repeat:no-repeat;
    width:992px;
    float:left;
    padding:0;
    margin:0;
    height:195px;
	background-color:#FFFFFF;
}

/* Fix IE Win, hide from IE Mac \*/
* html #entete {
    padding:0;
    margin:0;
    }         
    

div#topentete{   
    float: left;
    width:992px;
	height:15px;
    text-align: center;
	color:#ffffff;
	font-size:11px;
    margin:0;
	background-color:#40702e;
    }

/*hack for IE to close gap between divs*/   
* html div#topentete{
    margin-bottom: 2em;
    }

/*********************************/
    /* fin entete */
/*********************************/

/*********************************/
    /* Onglet */
/*********************************/
div#onglet{   
    float:right;
    width:456x;
	height:30px;
	margin-top:166px;
	margin-right:178px;
	padding:0;
	background:none;
/*	background-color:#FF3333*/
    }

/*hack for IE to close gap between divs*/   
* html div#onglet{
   
    }

div#o_annuaire{   
    float:left;
    width:131px;
	height:30px;
	margin:0;
	padding:0;
	background-image:url(../images/onglet1.gif);
	background-repeat:no-repeat; 
    }	
#o_annuaire a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	line-height:33px;

	margin-left:9px;
	padding:0;
	color:#40702e;
	text-decoration:none;
 } 
#o_annuaire a:hover {
color: #40702e;
text-decoration:underline;
  }  
    
 /*OFFRES EMPLOIS*/ 
div#o_emploi{   
    float:left;
    width:108px;
	height:30px;
	margin:0;
	margin-left:5px;
	padding:0;
	background-image:url(../images/onglet2.gif);
	background-repeat:no-repeat; 
    }	
#o_emploi a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	line-height:33px;
	margin-left:8px;
	padding:0;
	color:#C96314;
	text-decoration:none;
 } 
 
#o_emploi a:hover {
color: #C96314;
text-decoration:underline;
  }  
  
   /*MATERIEL*/ 
div#o_materiel{   
    float:left;
    width:190px;
	height:30px;
	margin:0;
	margin-left:5px;
	padding:0;
	background-image:url(../images/onglet3.gif);
	background-repeat:no-repeat; 
    }	
#o_materiel a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	line-height:33px;
	margin-left:10px;
	padding:0;
	color:#5291FF;
	text-decoration:none;
 } 
#o_materiel a:hover {
color: #5291FF;
text-decoration:underline;
  }  
  
div#fleche1{   
    float:right;
    width:44px;
	height:31px;
	margin-top:5px;
	margin-right:337px;
	padding:0;
	background-image:url(../images/fleche1.gif)
    }  

/*********************************/
    /* fin Onglet */
/*********************************/

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px;
	color: #339900;
	font-weight: bold;
}
.txt1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222222;
}
.txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}


/*********************************/
/*          GAUCHE */
/*********************************/ 
#col_gauche{
	background-image:url(../images/bande_gauche.gif);
	background-repeat:repeat-X;
    height: 900px;
    width: 180px; 
    margin:0;
    padding:0;
    float:left;
	background-color:#A1C237;
    }

/* Fix IE Win, hide from IE Mac \*/
* html #col_gauche {
    height: 900px;
    }      
	
	
#menu_gauche_annuaire{
background-image:url(../images/menu_fd.gif);
background-repeat:no-repeat;
margin-top:16px;
margin-left:17px;
width:146px;
height:250px;
/*border:#8FAF2C solid 2px;*/
}	
	
#menu_gauche_annuaire ul{	
	margin-left:10px;
	padding:0;
	}	

#menu_gauche_annuaire li{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:5px;
	padding:0;
	list-style:none;
}	
#menu_gauche_annuaire li:hover{
	margin-bottom:10px;
	padding:0;
	list-style:none;
}
	
#menu_gauche_annuaire a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
color:#FFFFFF;
font-weight:bold;
line-height:14px;
text-decoration:none;

}
#menu_gauche_annuaire a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#b13905;
}


/*********************************/
/*          FIN GAUCHE */
/*********************************/     
   
/*********************************/
/*          milieu */
/*********************************/     
/*  colonne milieu */  
#col_milieu{
    float:left;    
    width: 612px;
    min-height: 900px;
    height:auto;
    margin-left:10px;
    padding:0;
	background-color:#FFFFFF;
    }

/* Fix IE Win, hide from IE Mac \*/
* html #col_milieu {
   height: 900px;
   float:left;
   margin-left:10px;
   width: 612px;
   } 
   
#annuaire{
   float:left;
   margin-top:10px;
   margin-left:5px;
   width:600px;
   min-height:554px;
   height:554px;
}

#annuaire dl
{
margin:0;
margin-top:10px;
width:50%;
float:left;
}
 
#annuaire dt
{
	background-image:url(../images/visu_cat.gif);
	background-repeat:no-repeat;
	height:22px;
}  
#annuaire dt a
{
	padding-left:30px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#40702e;
	line-height:23px;
	text-decoration:none;
} 

#annuaire dt a:hover
{
	padding-left:30px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#40702e;
	line-height:23px;
	text-decoration: underline;
} 

#annuaire dd
{
	padding:0;
	margin:0;
	margin-left:30px;
	margin-bottom:20px;	
	margin-top:10px;
} 	      
	 
#annuaire dd a
{
	padding-left:0;
	margin:0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	color:#555653;	
} 	 

#annuaire dd a:hover
{	color:#b13905;	
	text-decoration: underline overline;
} 

div#affiche_lien{
	position:relative;
    height: auto;
/*	background-color:#cccccc;*/
	margin-top:50px;
	width:95%;
    }
	
div#affiche_lien h1 {    
	font-size: 1.8em;
    margin: 0;    
    padding: 7px;
    padding-top:0;
	padding-bottom: 20px;
    font-weight: bold;
    color: #3d3c3c;
    background-color:#ffffff;
	text-align: left;  
}
#affiche_lien a{
    color: #40702e;
    font-family: arial, verdana, lucida, helvetica, sans-serif;
    font-size: 1.25em;  
    text-decoration:underline;
	text-align:left;
	
    }
#affiche_lien a:hover{
    color: #cc3333;
    font-family: arial, verdana, lucida, helvetica, sans-serif;
    font-size: 1.25em;  
    text-decoration:none;
    }
	
#affiche_lien a.fil{
    color: #333333;
	line-height:25px;
    font-family: arial, verdana, lucida, helvetica, sans-serif;
    font-size: 1em;     
	font-weight: none;
	text-decoration:none;
	text-align:left;
	border-bottom:#40702e dashed 1px;
	
    }
#affiche_lien a.fil:hover{
    color: #40702e;	
    }
	
	
#affiche_lien  ul
{
    text-align: left;    
    margin: 0;      
    padding: 0;
    clear: left;    	
}
#affiche_lien li
{
    margin: 0;
    padding-left: 0.8em;
    padding-bottom: 0.8em;
    padding-top: 0.5em;
	text-align: left;     
/*    list-style: none; */  
	list-style-position:inside;
	border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color:#999999;
	width: auto;
}

#affiche_lien li:hover{
    list-style: none; 
	list-style-position:inside;  
    } 
	     
#googlepub {
/*background-color:#ecf9f2;*/
/*border:#40702e solid 1px;*/
width:85%;
}		 
	
.lien
{
float:left;
padding-left:5px;
width:420px;
}

.vignette
{
float:left;
text-align:left;
width:120px;
}
.ligne
{
clear:left;padding-top:0.3em;padding-bottom:0.3em;border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#999999;
}	 
/*********************************/
/*          FIN milieu */
/*********************************/ 


/*********************************/
/*          droite */
/*********************************/ 
#col_droite{
    background-image:url(../images/bande_droite.gif);
	background-repeat:repeat-x;
    height: 900px;
    width: 180px;
    margin-left:10px;
    padding: 0;
    float:left;
	background-color:#B4CE5F;
    }

/* Fix IE Win, hide from IE Mac \*/
* html #col_droite {
     height: 900px;
    } 
	
	
#recherche{
   float:left;
   margin-top:16px;
   margin-left:17px;
   width:146px;
   height:97px;
   background-image:url(../images/recherche_fd.gif);
}	     
#recherche_txt{
	margin-top:10px;
	margin-left:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom:0;
/*	font-weight:bold;*/
	color:#5B760D;	
}
#recherche_input{
	margin-top:3px;
	margin-left:8px;
	margin-bottom:0;
	height:18px;
	
}
#recherche_input input{
color:#666666;
border: 1px solid #5B760D;
background: #FFFFFF;
size:15px;
}

#recherche_bt{
	margin-top:8px;
	margin-left:56px;		
}


#pub{
   float:left;
   margin-top:36px;
   margin-left:7px;
   width:166px;
   height:217px;
   
}	
/*********************************/
/*          FIN droite */
/*********************************/  


#bas{
	width:600px;
	margin:0;
	min-height:15px;	
	height:15px;
	background-color:#40702e;
}
div#fomulaire 	
{
float: relative;    
height: auto;
margin-top:2em;
margin-left:3em;
padding:2em;
width:425px;
border-style: dotted;
border-width: 1px;
border-color:#999999;
}

div#f_intro
{
float: relative;  
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #222;  
height: auto;
margin-top:1em;
margin-left:2.5em;
padding:8px;
width:450px;
background-color:#f2f2f2;
border-style: dotted;
border-width: 1px;
border-color:#40702e;
text-align:center;

}
	
div#f_ok
{
float: relative;  
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #222;  
height: auto;
margin-top:1em;
margin-left:2.5em;
padding:8px;
width:500px;
background-color:#f2f2f2;
border-style: dotted;
border-width: 1px;
border-color:#40702e;
text-align:center;

}
	
#f_ok a{
    color: #222;
    font-family: arial, verdana, lucida, helvetica, sans-serif;  
    text-decoration:none;
	text-align:left;
	
    }
#f_ok a:hover{
    color: #222;
    font-family: arial, verdana, lucida, helvetica, sans-serif;       
    text-decoration:none;
	text-align:left;
	
    }

.form_box {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #222;
background-color : #ffffff;
border : 1px solid #cccccc;
}
.form_lst {
border : 1px solid #cccccc;
background-color:#f2f2f2;
color : #40702e;
}

.form_txt {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #222;
padding-right: 2em;
      }
.form_lbl {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
color : #222;
text-align:left;
      }