*{   
   padding: 0;   
   margin:0;   
   font-family:Verdana, Geneva, sans-serif;
   font-size:12px;
}   

body{
	background-color:#5081ae;
}


/*******************************************/
/* GENERICS    *****************************/
/*******************************************/
.float{float:left;}   
.clear{clear: both;}   
ul{list-style-type:none;}

.main-menu{
	font-size:9pt;		
	font-weight:bold;
	color:#4d4d4d;	
}
.sub-menu{
	font-size:7pt;		
	font-weight:bold;
	color:#4d4d4d;	
}
.big-btn{
	color:white;
	font-size:12pt;
	font-weight:bold;	
}
.title{
	font-size:12pt;		
	font-weight:bold;
	color:#4d4d4d;	
}

.copyright
{
	font-size:8pt;		
}

.box-grey
{
    border:1px solid #bbbbbb;
    background-color:#eeeeee;
    padding:10px;
    margin:10px 0 10px 0;
}

/*******************************************/
/* SQUELETTE    ****************************/
/*******************************************/
#container {   
	position:relative;
    width:1000px;   
    margin: auto;  
	background-color:#FFF; 
}   
#header {   
    background-image:url('../images/header.jpg');
	background-color:#999999;   
    height: 225px;   
}
#sidebar_left{text-align: left;}   
#sidebar_right{background-color:#CCCCCC;}   

#footer {   
	position:relative;
	background-image:url('../images/footer.jpg');
	background-color:#999999;   
    text-align:left;   
	height:150px;
}  

#slogan{position:absolute;right:25px;top:45px;}
#logo{padding-top:10px;padding-left:30px;}

#tree{
    position:fixed;
	background-image:url('../images/background.jpg');
	height:700px;
	width:600px;
	bottom:0px;
	left:-250px;
	z-index:-1;
}
#grass{
    position:fixed;
	bottom:0px;
	width:100%;
	height:700px;
	background-image:url('../images/background-repeat.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:-2;
}

/*******************************************/
/* MENU TOP     ****************************/
/*******************************************/
#top-button-bar{position:absolute;top:0px;right:10px;}
#top-button-bar ul{padding:0;margin:0;list-style-type:none;}
#top-button-bar li{
	margin-left:10px;
	float:left; /*pour IE*/	
}
#top-button-bar li .mod-languages
{
    padding:3px 10px 5px 10px;
    background-color:#4D4D4D;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-left-radius:5px;
 	-webkit-border-bottom-right-radius:5px;	
}
#top-button-bar li a{
	display:block;
	float:left;   
	color:#FFF;
	text-decoration:none;
	text-align:center;	
	background-color:#4D4D4D;
	padding:3px 10px 5px 10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-left-radius:5px;
 	-webkit-border-bottom-right-radius:5px;	
}
#top-button-bar ul li a:hover {
 background-color:#D3D3D3;
} 

/*******************************************/
/* MENU PRINCIPAL **************************/
/*******************************************/
#main-menu-bar{
	position:absolute;
	top:70px;
	right:0px;
	background-image:url(../images/main-menu-bar.png);
	width:634px;
	height:65px;
	line-height:35px;
}
#main-menu-bar ul{padding:0;list-style-type:none;}
#main-menu-bar li{
	float:left; /*pour IE*/
	vertical-align:middle;
}
#main-menu-bar li a{
	display:block;
	float:left;   
	color:#FFF;
	text-decoration:none;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 8px;
}
#main-menu-bar ul li a:hover {background-color:#a3d5f8;} 

#menu0 a:hover{width:35px;background-image:url(../images/house_hover.png);}
#menu0 a{width:35px;background-color:#00000;}
#menu1 a{width:148px;background-color:#00000;}
#menu2 a{width:148px;background-color:#00000;}
#menu3 a{width:140px;background-color:#00000;}
#menu4 a{width:123px;background-color:#00000;}

/*******************************************/
/* MENU SECONDAIRE *************************/
/*******************************************/
#sub-menu-bar{
	position:absolute;
	top:105px;
	right:0px;
	width:610px;
	height:30px;
	line-height:30px;
}
#sub-menu-bar ul{
	padding:0;
	list-style-type:none;
}
#sub-menu-bar li{
	float:left; /*pour IE*/
	vertical-align:middle;
}
#sub-menu-bar li a{
	display:block;
	float:left;   
	color:#4d4d4d;
	text-decoration:none;
	text-align:left;
	margin:0px;
	padding:0px 10px 0px 10px;
}
#sub-menu-bar ul li a:hover {
	text-decoration:underline;
} 

.sub-menu-sep{
	float:left;
	border-right:1px solid #4d4d4d;
	margin-top:8px;
	height:15px;
	width:1px;
}

/*******************************************/
/* BARRE DE RECHERCHE **********************/
/*******************************************/
#search-bar{
	position:absolute;
	top:150px;
	right:25px;
	background-image:url(../images/search-bar.png);
	width:950px;
	height:61px;
	line-height:61px;
}
#search-bar div{
	float:left;
	margin-left:60px;
	margin-right:20px;
	color:white;
}
#search-button{
	position:absolute;
	top:0px;
	right:20px;
	width:142px;
	height:61px;
	padding-left:20px;
}
.search-text{
	color:white;
	font-size:10pt;
	font-weight:bold;
}
.search-textbox{
	float:left;
	color:black;
	padding:4px;
	margin-top:14px;
	width:315px;
	border:4px solid #F76B00;
	border-radius:5px;
}

.search-select
{
    margin-left:10px;
    padding:4px;   
    margin-top:15px;
    width:93px;
}

.search-textbox-ac{
	color:black;
	padding:4px;
	margin-top:15px;
	width:283px;
}

#search-bar #search-rubrique-autocomplete
{
    margin-left:0;
    margin-right:0;
}

.ui-autocomplete
{
    height:300px;
    overflow:auto;
}

.search_btn
{
    border:none;
    background:none;
    color:White;
    cursor:pointer;
    width:170px;
    height:60px;
    text-align:left;
    padding-left:10px;
    font-size:14pt;
    font-weight:bold;
}

.search_btn:hover
{
    color:#f76b00;
}

/*******************************************/
/* ZONE DE PUBLICITE ***********************/
/*******************************************/
#pub-zone-top{
	width:728px;
	height:100%;	
    margin: auto;   
    max-height:180px;
    min-height:90px;
}
#pub-zone-right{
	position:absolute;
	top: 70px;
	right:-150px;
	width:120px;
	height:600px;
	border:1px dashed #000;
	background-color:#FFF;
    margin: auto;   
    display:none;
}

/*******************************************/
/* BOUTON Boutique & Annuaire **************/
/*******************************************/
#btn-boutique{
	position:absolute;
	left:-20px;
	background-image:url(../images/btn-boutique.png);
	background-repeat:no-repeat;
	width:134px;
	height:54px;
	line-height:54px;
	border:0;
}
#btn-boutique a{
	display:block;
	height:54px;
	width:124px;
	text-align:right;
	vertical-align:middle;
	text-decoration:none;
	color:White;
	border:0;
}
#btn-boutique a:hover{text-decoration:underline;}

#btn-annuaire{
	position:absolute;
	right:-20px;
	background-image:url(../images/btn-annuaire.png);
	background-repeat:no-repeat;
	width:134px;
	height:54px;
	line-height:54px;
	border:0;

}
#btn-annuaire a{
	display:block;
	height:54px;
	width:124px;
	text-align:left;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	color:white;
	border:0;
}
#btn-annuaire a:hover{text-decoration:underline;}


/*******************************************/
/* PIED DE PAGE ****************************/
/*******************************************/
#footer-content{position:absolute;padding-left:20px;bottom:0px;}
.footer-block ul{margin-left:10px;}  
.footer-block ul li{list-style:disc;margin-left:5px;}  
.footer-block ul li a{font-size:8pt;color:Black;}  
.footer-block{float:left;padding-left:25px;font-size:8pt;}

.footer-title{
	font-weight:bold;
	font-size:12pt;
	color:#4d4d4d;
	margin-bottom:10px;
}
.footer-text{font-size:8pt;color:#4d4d4d;}
.newsletter-input{
	float:left;
	margin-top:5px;
	padding:5px;
	font-size:12pt;
	color:#4d4d4d;
	border:1px solid #4d4d4d;
	background-color:#D9EAF5;
}
.newsletter-button{
	display:block;
	float:left;   
	margin-top:5px;
	margin-left:10px;
	padding:6px 8px 0px 8px;
	border:1px solid #4d4d4d;
	background-color:#4d4d4d;
	color:#ffffff;
	font-size:8pt;
	font-weight:bold;
	height:22px;
	text-decoration:none;
}
.newsletter-submit:hover{
	background-color:#CCC;
	text-decoration:underline;
}
#copyright{
	background-color:#ffffff;
	bottom:0px;
	width:750px;
	margin:auto;
	text-align:center;
	padding-bottom:5px;
	padding-top:2px;
	font-size:7pt;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-left-radius:10px;
 	-webkit-border-top-right-radius:10px;
}
#copyright a{font-size:7pt;}

/**************************************************/

/* Gestion du champs de recherche */
#suggest_box
{
   position: absolute;
   left:-40px;
   top:91px;
   margin: 0px;
    display:none;
   width: 325px;
   border: 1px solid #969589;
   z-index: 1000;
   background-color:white;
   padding:0px;
}

#suggest_result
{
  margin: 0px;
  text-align:left;
  background-color:white;
  padding:0px;
}

#suggest_text
{
    text-align:right;
    color: #676767;
    font-size:8px;
    font-family:verdana;
    height:10px;
}

#suggest_result table
{
  width: 100%;
  font-size: 11px;
  font-weight: normal;
  color: #004EF5;
  text-decoration: none;
  border: 0px;
  text-align:left;
  background-color:white;
  margin-bottom:7px;
}

#suggest_result tr
{
    padding:0px;
    margin:0px;
    cursor:pointer;
}

#suggest_result td
{
    padding:2px;
    margin:0px;
}

.SuggestRowOver
{
    background-color:#E6F4FF;
    color:black;
}

.newsletter-submit {
    background-color: #4D4D4D;
    border: 1px solid #4D4D4D;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 8pt;
    font-weight: bold;
    height: 28px;
    margin-left: 10px;
    margin-top: 7px;
    padding: 0 8px;
    text-decoration: none;
}

#subMenuPro
{
    background-color:#4D4D4D;
    height:auto;
    width:145px;
    position:absolute;
    top:25px;
    z-index:44;
    display:none;
}

#subMenuPro li a
{
    border-bottom:1px solid #E5E5E5;
    width:125px;
    margin-left:-10px;
    border-radius:0px;
}

.ui-datepicker { width: 5em; padding: .2em .2em 0; display: none; }


#table_register td 
{
    padding-top:10px;
}

#loginBox
{
    position:absolute;
    width:460px;
    height:115px;
    border:1px solid #4D4D4D;
    top:30px;
    left:-119px;
    background-color:#EFEFEF;
    z-index:15;
    border-radius:10px 10px 10px 10px;
    display:none;
    padding-top:15px;
}



.job_content
{
    margin:0 auto;
    padding:15px 15px 15px 15px;
    width:920px;
    height:auto;
    border:1px solid transparent;
    border-radius:10px 10px 0px 0px; 
    background-color:#e6f4ff
}

.job_content_content
{
    width:100%;
    height:auto;
}