body {
	margin:0;
	padding:0;
	color:#000;
	font: normal 80%/1em Verdana, Arial, sans-serif;
	background:#789878 url("../design/fond.png");
} 
  
#content{
	position:absolute;
	left: 50%; 
	width: 780px;
	margin-left: -385px; /* moitié de la largeur */
	margin-top:10px;
	border:1px solid #336633;
	background:#CCCCCC url("../design/fond_contenu.png");
}

.erreur{
	width:800px;
	margin:5px;
}

.replacement{
	border:none;
	margin:0;
	padding:0;
}

/*####################

			Eléments natifs

##################### */


h1{
	background:  url("../design/titres/fond_h1.png") bottom repeat-x;
	font-size:1.5em;
	color:#336633;
	margin:0 0 10px 0;
	padding-bottom:4px;
}

h2{
	background:  url("../design/titres/fond_h2.png") bottom repeat-x;
	font-size:1.2em;
	color:#336633;
	margin:10px 0 5px 5px;
	padding-bottom:2px;
}

h3{
	background:  url("../design/titres/fond_h2.png") bottom repeat-x;
	font-size:1em;
	color:#666666;
	margin:10px 0 2px 10px;
	padding-bottom:2px;
}

p{
	margin:5px 0 5px 10px;
	padding:0;
}


form{
	margin:0;
	padding:0;
}
	
input, select, textarea{
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url("../design/fond_contenu.png");
}

label{
	cursor:pointer;
}

/*####################

			Images

##################### */

img{
	border: 1px solid #CCC;
	padding: 2px;
	background-color:#FFFFFF;
}

#contenu img{
	margin-left:10px;
}

.droite{
	float:right;
	margin:5px 0 5px 5px;
}

.gauche{
	float:left;
	margin:5px 5px 10px 5px;
}

.img_seule{
	margin:0;
	padding:0;
	border:none;
}
/*####################

			Header

##################### */

#header a{
	display:block;
	width:350px;
	height:60px;
}

#header span{
	display:none;
}


#header{
	height:66px;
	background: #336633 url("../design/header.jpg") no-repeat left top;
}

#evitement{
	position:absolute;
	top:0;
	right:0;
	width:380px;
	text-align: right;
}

#evitement ul{
	margin: 0;
	padding: 0 5px 2px 0;
}

#evitement li {
	list-style-type: none;
	font-size: 0.8em;
	padding: 0;
	margin:0;
	display: inline;
	color:#FFFFFF;
	line-height:1.5em;
}

#evitement li a {
	color:#FFFFFF;
	text-decoration:none;
}

#evitement li a:hover{
	border-bottom:1px solid white;
}

#printable{
	display:none;
}
/*####################

			Menu onglets

##################### */

#onglets {
	height:28px;
	width:100%;
	background: #EAEAD0 url("../design/onglets/bg.png") repeat-x bottom;
	line-height:normal;
	font-size: 0.85em;
}
#onglets ul {
	margin:0;
	padding:5px 10px 0;
	list-style:none;
}
#onglets li {
	float:left;
	background:url("../design/onglets/right.png") no-repeat right top;
	margin:0;
	padding:0 5px 0 0;
}
#onglets a {
	float:left;
	display:block;
	background:url("../design/onglets/left.png") no-repeat left top;
	padding:5px 7px 4px 20px;
	text-decoration:none;
	font-weight:bold;
	color:#693;
}
	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	#onglets a {float:none;}
	/* End IE5-Mac hack */
#onglets a:hover {
	color:#060;
	text-decoration:underline;
}
#onglets #current {
	background-image:url("../design/onglets/right_on.png");
}
#onglets #current a {
	background-image:url("../design/onglets/left_on.png");
	color:#060;
	padding-bottom:5px;
}

/*####################

			Menus verticaux

##################### */

#menu{
	/*position:absolute;
	left:0;
	top:90px;
	*/
	float:left;
	font-size:0.8em;
	width:142px;
	margin-top:15px;
}

#menu a{
	color:#333;
	text-decoration:none;
}


#menu a:hover{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}


#menu dl {
	width: 142px;
}

#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	color:#333;
}

#menu dl {
	background:  url("../design/menu/bas.png") bottom left no-repeat;
	padding-bottom: 3px;
	margin-bottom:8px;
}

#menu dt {
	height: 25px;
	background:  url("../design/menu/haut.png") top left no-repeat;
	font-weight: bold;
	text-align: center;
	color:#FFF;
	padding-top:5px;
	font-size:1.1em;
}

#menu dt a{
	color:#FFF;
	text-decoration:none;
}

#menu dt a:hover{
	color:#FFF;
	border-bottom:1px solid #FFF;
}

#menu dd {
	padding: 0 0 5px 5px;
	background:  url("../design/menu/tranche.png") top left repeat-y;
	text-align:left;
}

#menu li {
	list-style:none;
	padding:1px;
}

#menu input{
	width:110px;
	margin:2px;
}

	/*#### Module Navigation #### */
	
	#menu .fleche li{
		list-style: disc url("../design/menu/arrow_box.png") ;
		margin-left:20px;
	}
		
	/*#### Module Actu #### */
	
	#menu .actu dd{
		padding-right:5px;
	}
	
	#menu .actu a{
		display:block;
		text-align:right;
		margin-right:5px;
		text-decoration:none;
		margin-top:2px;
	}
	
	#menu .actu a:hover{
		color:#336633;
		text-decoration:underline;
	}
	
	#menu .actu strong{
		display:block;
	}
	

/*####################

			Contenu

 ##################### */

 
#contenu{
	margin:11px 130px 10px 152px;
	font-size:0.86em;
	line-height:1.5em;
	text-align:justify;
	background-color:#FFFFFF url("../design/fond_contenu.png");
}

#contenu ul{
	margin:5px 0 5px 25px;
}

#contenu li{
	list-style: disc url("../design/fleche.png") ;
}

#contenu li.select{
	list-style: disc url("../design/icones/fleche_select.png") ;
}

#contenu .espace li{
	margin:10px;
}

#contenu .sans{
	list-style:none;
}

#contenu .icone{
	margin:0;
	padding:0;
	border:0;
}

#contenu a{
	color:#336633;
}

#contenu a:hover{
	border-bottom:1px solid #999999;
}

#contenu .img a:hover{
	border-bottom:0;
}

#contenu strong{
	color:#336633;
}

#contenu .plan a:hover{
	border-bottom:0;
}

#contenu .near_photo li{
	margin-left:65px;
}		


#contenu legend{
	font-weight: bolder;
	font-size: 1.1em;
	color:#336633;
}

#contenu fieldset{
	margin: 5px 0 0 25px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width:400px;
}

		/*#### Spécifique actualités #### */
		
		#contenu .actu a{
			color:#999999;
		}
		
		#contenu .lien_actu{
			color:#000;
			text-decoration:none;
		}

		/*#### Spécifique liens #### */
		
		#contenu hr{
			clear:both;
			visibility: hidden;
			margin:0;
			padding:0;
		}
		
		
		/* Navigation entre pages de résultats */
		
		.navigation{	/* Mise en forme du bandeau de titre du tableau */
			padding: .2em .10em;
			text-align:center
		}
		
		.navigation a{
			text-decoration:none;
			padding: 2px 8px;
			margin: 0;
		}
		
		.navigation a:hover{
			background: #edf5ed url("../design/catalogue/tranche-legende.png");
		}
		
		.navigation span{
			visibility:hidden;
			position:absolute;
			width: 100px;
			margin-top:20px;
			margin-left:-50px;
			border:2px solid #fff;
			background:  url("../design/catalogue/tranche-legende.png");
		}
		.navigation a:hover span{
			visibility:visible;
		}
		
		/* Navigation entre pages de résultats  des annonces*/
		.nav_annonces{
			border:1px solid #edf5ed;
			background: #edf5ed;
			clear:both;
		}
	
		/*#### Boite Salariés #### */
		dl.salarie{
			width: 100px;
			height:140px;
			text-align: center;
			padding: 3px 0px;
			margin: 0px 5px ;
			float:left;
		}
		
		.salarie img{
			margin:0px 20px;
		}
		.salarie dd{
			margin: 0;
			padding: 0;
			padding-top:5px;
			font-size:0.9em;
		}
		/*#### Spécifique Catalogues produits #### */
		
		/* Voir CSS catalogue.css */

#contenu .grise{
	font-size:0.9em;
	color:#999999;
}

#contenu .rouge{
	color:#EF2C2C;
}

/*####################

			Formulaire debug

##################### */

#debug legend{
	font-weight: bolder;
	font-size: 1em;
	color:#336633;
}

#debug p{
	font-size: 0.9em;
}

#debug fieldset{
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#debug textarea{
	background:#C4E250;
}
/*####################

			Bloc photos droite

##################### */

#droite{
	/*position:absolute;
	right:0;
	top:90px;
	*/
	float:right;
	width:120px;
	margin-top:15px;
}

#droite .grise{
	font-size:0.9em;
	color:#999999;
}

#droite dl {
	width: 115px;
}

#droite dl, dt, dd{
	margin: 0;
	padding: 0;
}

#droite dl {
	background:  url("../design/droite/bas.png") bottom left no-repeat;
	padding-bottom:5px;
}

#droite dt {
	height: 15px;
	font-weight: bold;
	text-align: center;
	color:#FFF;
	padding-top:5px;
	font-size:0.8em;
	background:  url("../design/droite/haut.png") top left ;
}

#droite dd {
	background:  url("../design/droite/milieu.png") top left repeat-y;
	padding-top:5px;
	font-size:0.9em;
	text-align:center;
}

#droite a{
	display:block;
	color:white;
	text-decoration:none;
	font-size:0.85em;
}

/*####################

			Bloc fixant la hauteur min

##################### */

html>body #contenu {
	height: auto;
	min-height: 620px;
} 

#contenu{
	height:620px;
}

/*####################

			Footer

##################### */

#footer{
	clear:both;
	height:25px;
	background: #426F42  url("../design/footer.png") repeat-x;
	color:#FFFFFF;
	text-align:center;	
	font-size:0.9em;
	margin:0;
	padding:6px 0 0 0;
	height:19px;
}

#footer a{
	text-decoration:none;
	color:#CCCCCC;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer li {
	display:inline;
	margin:10px;
}

#copy{
	text-align:center;
	color:#CCCCCC;
	font-size:0.8em;
	margin:2px;
	height:15px;
}