/* Commun */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:85%;
	}
	
#haut {
	height:140px;
	}
	
	#haut-gauche {
		background:url(img/fd-haut-gauche.gif) no-repeat left;
		height:140px;
		float:left;
		width:150px;
		}
		
		#haut-gauche ul {
			padding:41px 0 0 9px;
			margin:0;
			}
			
		#haut-gauche li {
			margin-bottom:15px;
			}
			
		#mesure, #conseil, #pedagogie, #mesure-active, #conseil-active, #pedagogie-active {
			display:block;
			width:107px;
			height:0;
			padding:20px 0 0 0;
			overflow:hidden;
			background:url(img/mesure.gif) no-repeat;
			}
				#mesure-active {background:url(img/mesure-active.gif) no-repeat;}
			#conseil {background:url(img/conseil.gif) no-repeat;}
				#conseil-active {background:url(img/conseil-active.gif) no-repeat;}
			#pedagogie {background:url(img/pedagogie.gif) no-repeat;}
				#pedagogie-active {background:url(img/pedagogie-active.gif) no-repeat;}
		
		#logo {
			display:block;
			width:280px;
			height:0;
			padding:79px 0 0 0;
			overflow:hidden;
			background:url(img/logo-qualimetrie.gif) no-repeat top left;
			position:relative;
			top:30px;
			left:30px;
			}
	
	#haut-milieu {
		width:auto;
		float:left;
		height:140px;
		}
	
	#haut-droite {
		width:150px;
		height:140px;
		float:right;
		}
		
		#haut-droite ul  {
			background:url(img/fd-haut-droite-ul.gif) repeat-y left top;
			padding:0 0 0 35px;
			margin:15px 15px 0 0;
			}
		
		#haut-droite li {
			list-style-image:url(img/haut-droite-puce.gif);
			}
			
			#entreprise, #references, #entreprise-active, #references-active {
				color:#666;
				text-decoration:none;
				font-size:13px;
				font-weight:bold;
				}
				
				#entreprise-active, #references-active {
					color:#C80063;
					font-style:italic;
					}
		
/* Home */

#contenu {

	}

#contenu-gauche {
	width:150px;
	height:380px;
	float:left;
	background:url(img/fd-contenu-gauche.gif) no-repeat left top;
	clear:none;
	}
	
		#anim {
		z-index:0;
		position:absolute;
		top:378px;
		}
		
		#refs {
		z-index:0;
		position:absolute;
		top:500px;
		}
	
#contenu-centre {
	float:left;
	padding:0 0 0 30px;
	clear:none;
	width:80%;
	}

	
	#contenu-centre a {
		text-decoration:underline;
		color:#000000;
		}
		
		#contenu-centre a:hover {
			text-decoration:none;
			color:#D21F70;
			}
	
#contenu-droite {
	float:left;
	width:40%;
	}
	
h1 {
	margin:0;
	padding:0;
	color:#000;
	font-size:150%;
	font-weight:bold;
	}

#routine {
	margin:22px 0 40px 40px;
	}
	
	.home {
		padding:0 40px 5px 0;
		}

		strong {
			color:#C80063;
			}
	
#bas {
	width:100%;
	background:url(img/fd-bas2.gif) repeat-x bottom;
	clear:left;
	display:block;
	height:72px;
	float:left;
	z-index:3;
	position:fixed;
	bottom:0;
	background-color:#FFF;
	}
	
	#bas-gauche {
		float:left;
		z-index:3;
		background:url(img/fd-bas1.gif) no-repeat right bottom;
		width:195px;
		background-color:#6600FF;
		height:72px;
		}
		
		
		#bas-gauche a.text {
			position:relative;
			top:15px;
			left:10px;
			color:#D21F70;
			text-decoration:none;
			}
			
			#bas-gauche a.text:hover {
				text-decoration:underline;
				}
				
			#bas-gauche a.image {
				position:relative;
				top:20px;
				left:5px;
				}
			
	#menu-bas {
		float:right;
		background:url(img/fd-bas3.gif) no-repeat right bottom;
		height:72px;
		width:724px;
		}
	
	#menu-bas ul, #menu-bas li {
		list-style-type:none;
		float:left;
		margin:0;
		padding:0;
		}
		
		#menu-bas ul {
			padding-top:44px;
			padding-left:228px;
			}
			
		#menu-bas li {
			text-align:center;
			}
		
		#client, #enqueteur, #rejoignez  {
			display:block;
			color:#FFF;
			text-decoration:none;
			background:url(img/puce-bas.gif) no-repeat right;
			padding-right:10px;
			}
			
			#client, #client-active {width:125px;}
			#enqueteur, #enqueteur-active {width:170px;}
			#rejoignez, #rejoignez-active {width:170px; background:none;}
			
			#client-active, #enqueteur-active, #rejoignez-active {
				display:block;
				color:#FFFFFF;
				text-decoration:none;
				font-weight:bold;
				}
			
			#menu-bas li a:hover {text-decoration:underline;}
			
/* Entreprise */

.entreprise-h2 {
	margin:0;
	padding:0 0 0 16px;
	background:url(img/fd-entreprise-h2.gif) no-repeat left;
	display:block;
	color:#D21F70;
	font-size:110%;
	}
	
#titre-entreprise {
	margin:0 0 40px 0;
	position:relative;
	left:180px;
	}
	
.normal {
	padding:0 20px 0 0;
	}
	
.medaillon {
	padding:0 0 0 105px;

	display:block;
	min-height:90px;
	margin:0 0 20px 0;
	}
	
/* Pedagogie */

.pedagogie-h2 {
	margin:0;
	padding:0 0 0 16px;
	background:url(img/fd-pedagogie-h2.gif) no-repeat left;
	display:block;
	color:#D21F70;
	font-size:110%;
	}
	
#titre-pedagogie {
	position:relative;
	left:180px;
	margin:20px 0 0 0;
	}
	
/* Conseil */

.big {
	font-weight:bold;
	size:95%;
	}
	
.conseil-h2 {
	font-size:130%;
	font-weight:bold;
	}
	
#conseil-h3-1, #conseil-h3-2, #conseil-h3-3, #conseil-h3-4, #conseil-h3-5 {
	font-weight:bold;
	color:#D21F70;
	font-size:130%;
	padding:0 0 0 28px;
	}
	
	#conseil-h3-1 {background:url(img/conseil-puce1.gif) no-repeat left;}
	#conseil-h3-2 {background:url(img/conseil-puce2.gif) no-repeat left;}
	#conseil-h3-3 {background:url(img/conseil-puce3.gif) no-repeat left;}
	#conseil-h3-4 {background:url(img/conseil-puce4.gif) no-repeat left;}
	
#conseil-ul {
padding:0 0 0 20px;
	}
	
	#conseil-ul li {
		list-style-image:url(img/conseil-puce-bas.gif);
		padding:0 0 0 11px;
		}
		
/* Mesure */

.mesure-h2 {
	margin:0;
	padding:0 0 0 16px;
	background:url(img/fd-mesure-h2.gif) no-repeat left;
	display:block;
	color:#D21F70;
	font-size:110%;
	}
	
#titre-mesure {
	position:relative;
	left:150px;
	margin:20px 0 20px 0;
	}
	
#encart-mesurez {
	width:163px;
	background:url(img/fd-encart-mesurez.gif) repeat-y top;
	display:block;
	}
	
	#encart-mesurez ul {
		padding:15px 0 0 25px;
		width:130px;
		margin:0;
		}
		
	#encart-mesurez li {
		list-style-image:url(img/puce-encart-mesurez.gif);
		padding:0;
		font-size:90%;
		margin:0 0 15px 0;
		}
	
/* References */

.references-h2 {
	margin:0;
	padding:0 0 0 16px;
	background:url(img/fd-references-h2.gif) no-repeat left top;
	display:block;
	color:#D21F70;
	font-size:110%;
	}
	
.small {
	font-size:80%;
	}

/* Contact */

.inter {
	background:url(img/fd-tableau.gif) repeat-y center top;
	}
	
.titre-contact {
	font-size:110%;
	font-weight:bold;
	color:#D21F70;
	}
	
.field-big {
	width:300px;
	}

/* Rejoignez */

#fiches {
	width:350px;
	background:url(img/fd-fiches-metiers.gif) repeat-y top;
	display:block;
	}
	
.fiche-p {
	width:300px;
	display:none;
	float:none;
	clear:both;
	text-align:left;
	padding-left:10px;
	}
	
#rejoignez-ul {
	margin:0;
	padding:15px 0 0 60px;
}

	#rejoignez-ul li {
		list-style-image:url(img/puce-emploi.gif);
		padding:0 0 0 10px;
		margin:0;
		}
		
		#rejoignez-ul li a {
			color:#000;
			font-size:95%;
			font-weight:bold;
			}
			
	#rejoindre-annonce {
		width:320px;
		padding:15px;
		background-color:#DBDADF;
		display:block;
		margin:10px 0 5px 0;
		}
		
select {
	font-size:90%;
	width:310px;
	margin:0 10px 0 10px;
	}
	
.rejoindre-h3 {
	color:#C50063;
	font-weight:bold;
	font-size:110%;
	margin:5px 0 5px 0;
}

.img-fiche {
	margin-right:10px;
	}