img {
    border: 0;
}

html, body {
	height: 100%;
	}

body {
    padding:0;
    margin:0;
    background-color: #e2e2e2;
    background-image: url("/sites/templates/images/background.gif");
    background-repeat:repeat-x;
    font-family: arial;
    font-size: 12px;

}

#page {
    position: absolute;
    left: 50%;
    margin-left: -450px;
    padding: 0px;
    top: 0px;
    width: 900px;
}

a, #content a {
    text-decoration: underline;
    color: #880A0B;
}

#menu {
    position: absolute;
    top:31px;
    background-image: url("/sites/templates/images/background_menu.gif");
    background-repeat:no-repeat;
    width: 900px;
    height: 67px;
	}
	
/*MENU*/	
	
ul.topnav {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 47px;
	} 
	
ul.topnav li {
	margin: 0;
	padding: 0;	
	}
	
ul.topnav li a {
    background-image: url("/sites/templates/images/menu_separation.gif");
    background-repeat:no-repeat;	
    background-position:right;
    height: 47px;
    font-size: 14px;
    padding: 0 19px;
    line-height: 47px;
    color: black;
    text-decoration: none;
	}	
	
ul.topnav li.last a {
    background-image:none;
}

ul.topnav li a:hover, ul.topnav li.here a {
    background-image: url("/sites/templates/images/background_menu_hover.gif");
    background-repeat:repeat-x;	
	}
	
ul.topnav li.first a:hover,ul.topnav li.here_first a {
    background-image: url("/sites/templates/images/background_menu_hover_first.gif");
    background-repeat:no-repeat;	
    background-position: left;
	}	
	
/*SOUS MENU*/	
	
ul.topnav2 {
	position:absolute;
	top:47px;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 20px;	
	} 
	
ul.topnav2 li a {
	color:#523f26;
	height:20px;
    font-size: 12px;
    padding: 0 19px;
    line-height: 19px;
    text-decoration: none;
	}
	
ul.topnav2 li a:hover, ul.topnav2 li.here a {
	color:red;
	}	
	
/*HEADER*/				
	
	
#header {
	position: absolute;
	top:98px;
	}
	
#petites_annonces {
	position: absolute;
	top:0px;
	left: 0px;
    background-image: url("/sites/templates/images/petite-annonce.jpg");
    background-repeat:no-repeat;
    width: 167px;
    height: 40px;

	}	
	
#petites_annonces a {
	position: absolute;
	top:13px;
	left: 42px;
	display: block;
	height: 25px;
	width: 135px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	}	
	
#petites_annonces a:hover {
	color: red;
	}		
	
#coordonnee {
	position: absolute;
	top:208px;
    background-image: url("/sites/templates/images/background_under_header.jpg");
    background-repeat:no-repeat;
    height: 73px;
    width: 900px;	
    left: 0px;
	}	
	
#tel, #fax, #mail, #mail a {
	position: absolute;
	font-size: 14px;
	color: #fec004;
	}	
	
#tel {
	top:11px;
	left: 40px;
	}	
	
#fax {
	top:11px;
	left: 186px;
	}	
	
#mail {
	top:40px;
	left:40px;
	width: 400px;	
	}	
	
#content_panel {
	position: absolute;
	top:379px;
	width:900px;
	background-color: white;
	}		
	
#title {
	margin-top:10px;
    background-image: url("/sites/templates/images/background_title.jpg");
    background-repeat:no-repeat;
    height: 48px;
    padding: 7px 20px 0 75px;
	}
	
#title table tr td {
    height: 40px;
   	/*border:1px solid red;*/
	}	
	
#content {
	position:absolute;
	top:55px;
	width: 854px;
	padding: 23px 23px 0px 23px;
	}	
	
#bottom {
	position: absolute;
    background-image: url("/sites/templates/images/background_bottom.gif");
    background-repeat:no-repeat;
    width: 900px;
    height: 38px;	
	visibility: hidden; 
	text-align: center;
	line-height: 30px;
	font-size: 11px;   
	color: gray;  
	}
	
#bottom a {
	    
	}	
	
#background_bottom {
	position: absolute;
	background-color: #fdc211;
    width: 100%;
    height: 38px;	
	visibility: hidden;      
	}		
	
#content .summaryPostOld li {
	padding-bottom:8px;
	font-size: 14px;
	font-weight: bold;
	}
	
#content a#btn {
	display: block;
    background-image: url("/sites/templates/images/btn.gif");
    background-repeat:no-repeat;	
    width: 210px;
    height: 21px;
    text-align: center;
    line-height:21px;
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
	}
	
#content a#btn:hover {
	color: red;
	}	
	
/*PETITE ANNONCE ACCUEIL*/

#offre_emploi {
	width: 245px;
	float: right;
	background-color: #7B1C06;
	}
	
#content #offre_emploi li {
	list-style: none;
	margin: 0; 
	padding: 0;
    background-image: url("/sites/templates/images/puce_blanche.gif");
    background-repeat:no-repeat;
    background-position:left 2px;
    padding-left: 20px;
    padding-bottom: 10px;

	}
	
#offre_emploi #offre_emploi_content {
	width: 212px;
	padding: 10px;
    padding-left: 23px;
	}
	
#offre_emploi #offre_emploi_content a {
	color:white;
	}	
	
#offre_emploi #offre_emploi_content a:hover {
	color:gray;
	}				
	
.obligatoire {
	color: red;
	}	
	
#content #btn_offre_emploi {
	display: block;
	width: 198px;
	height: 21px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: white;
	text-align: center;
    background-image: url("/sites/templates/images/offre-emploi-accueil.gif");
    background-repeat:no-repeat;
    line-height: 21px;
	}				
	
/*MISE EN PAGE*/	
	
h1 {
	font-size: 18px;
	color:#2d2c2c;
	margin: 0;
	padding: 0;
	}
	
h2 {
	color: #880A0B;
	background-color: #dddddd;
	padding: 2px;
	}
	
h3 {
	color: #E2A21E;
	}			
	
	
	
#content li {
	list-style: none;
	margin: 0; 
	padding: 0;
    background-image: url("/sites/templates/images/puce.gif");
    background-repeat:no-repeat;
    padding-left: 15px;
	}					
	
	
	
	
	
	

