/* CSS Document */

	body{
		background-color:#C0C0C0;
		font-family:verdana, arial, Trebuchet MS;
		font-size:11px;
		color:#000;
		margin:0;
		padding:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	a img{
		border:0;
	}
	
	img{
		border:0;
	}
	
	#flashPhilosophie{
		z-index:1;
	}
	
	#contenu{
		margin:0 auto 0 auto;
		width:770px;
		height:470px;
		background-color:#fff;
	}
	
	#entete{
		width:770px;
		height:106px;
	}
	
	#logo{
		float:left;
		width:351px;
		height:52px;
		padding:19px 32px 0 16px;
	}
	
	#visuel{
		display:none;
	}
	
	#liens{
		display:none;
	}
	
	#liens a{
		font-size:90%;
		color:#000;
		text-decoration:none;
	}
	
	#liens a:hover{
		color:#2A7EDD;
		text-decoration:none;
	}
	
	#contact{
		display:none;
	}
	
	#plan{
		display:none;
	}
	
	#clearEntete{
		clear:both;
		height:1px;
	}
	
	#barreMenu{
		display:none;
	}
	
	
	ul#menu li ul{
		display:none;
	}

	ul#menu li:hover>ul{
		display:block;
	}

	ul#menu{
		margin:0;
		padding:0px;
		list-style:none;
		width:100%;
		z-index:10;
	}

	ul#menu li{
		float:left;
		display:block;
		position:relative;
		padding:0;
		z-index:10;
	}

	ul#menu li a{
		display:block;
		color:#000;
		font-size:100%;
		font-weight:bold;
		text-decoration:none;
		z-index:10;
	}

	ul#menu li a.entete{
		display:block;
		float:left;
		background-color:#F0F0F0;
		height:18px;
		padding:3px 5px 0 40px;
		color:#000;
		font-size:100%;
		text-decoration:none;
		z-index:10;
	}
	
	ul#menu li a.entete:hover{
		text-decoration:none;
	}
	
	ul#menu li a:hover{
		text-decoration:none
	}

	ul#menu ul{
		position:absolute;
		top:21px;
		left:-40px;
		list-style:none;
		margin:0;
		z-index:10;
		width:180px;
	}

	ul#menu ul li{
		position:relative;
		float:none;
		margin:0;
		padding:0;
		_display:inline;
		z-index:10;
	}

	ul#menu ul li a{
		display:block;
		text-decoration:none;
		background-color:#C4C2C2;
		color:#000;
		cursor:pointer;
		z-index:100;
		font-weight:normal;
		text-align:left;
		padding:0 0 2px 15px;
		border-bottom:1px solid #fff;
		width:165px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:7px 5px;
		z-index:10;
	}

	ul#menu ul li a:hover{
		display:block;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:7px 5px;
		background-color:#EBEFFA;
	}
	
	ul#menu ul li a.enAvant{
		display:block;
		text-decoration:none;
		background-color:#C4C2C2;
		color:#186BC8;
		cursor:pointer;
		z-index:100;
		font-weight:bold;
		text-align:left;
		padding:0 0 2px 15px;
		width:165px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:7px 5px;
		z-index:10;
	}

	ul#menu ul li a:hover.enAvant{
		display:block;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:7px 5px;
		background-color:#EBEFFA;
	}
	
	#page{
		width:770px;
		height:344px;
		position:relative;
		z-index:1;
	}
	
	#copyright{
		width:540px;
		height:17px;
		background-color:#C0C0C0;
		padding:3px 0 0 0;
		font-size:90%;
	}
	
	
	/* ------- PAGES SPECIFIQUES ------ */
	
	/* ---- Page Philosophie --- */
	#visuelaGauchePhilosophie{
		float:left;
		width:257px;
	}
	
	#texteDroite{
		float:left;
		width:513px;
	}
	
	h1.professionnalisme{
		margin:14px 0 0 82px;
	}
	
	#colonneGauche{
		margin:23px 0 0 0;
		float:left;
		width:251px;
		font-size:90%;
		font-weight:bold;
	}
	
	#colonneDroite{
		margin:23px 0 0 0;
		float:left;
		width:261px;
	}
	
	#colonneDroite ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#colonneDroite li{
		margin:0 0 17px 0;
		padding:0 0 0 16px;
		background-image:url(images/carre.gif);
		background-repeat:no-repeat;
		background-position:0 2px;
	}
	
	
	/* ---- Page Atouts --- */
	#visuelaGaucheAtouts{
		width:151px;
		padding:27px 4px 0 13px;
		height:279px;
		float:left;
	}
	
	#texteDroiteAtouts{
		width:602px;
		margin:27px 0 0 0;
		height:279px;
		float:left;
	}
	
	h1.atouts{
		width:414px;
		font-family:arial;
		font-size:140%;
		font-weight:bold;
		text-align:right;
		margin:0 0 12px 0;
		padding:0;
		background-image:url(images/rectangle_bleu.gif);
		background-repeat:no-repeat;
		background-position:226px 20px;
	}
	
	#texteDroiteAtouts p{
		margin:0 0 0 0;
		padding:0 0 12px 0;
	}
	
	#clearAtouts{
		clear:both;
		height:1px;
	}
	
	#confianceAtouts{
		margin:0 0 0 33px;
		padding:0;
	}
	
	#carteAtouts{
		position:absolute;
		top:167px;
		left:591px;
		z-index:2px;
	}
	
	
	/* ---- Page Moyens --- */
	
	#moyensTexte{
		width:467px;
		float:left;
	}
	
	#moyensVisuel{
		float:left;
		width:303px;
	}
	
	#moyensRectangle{
		margin:19px 0 0 14px;
	}
	
	#moyensTexte h1{
		margin:9px 0 12px 24px;
		font-family:arial;
		font-size:140%;
		font-weight:bold;
	}
	
	#moyensTexte p{
		margin:0 0 12px 24px;
	}
	
	
	/* ---- Page Reseau --- */
	
	h1.reseauTitre{
		padding:40px 0 0 42px;
		margin:0;
		font-family:arial;
		font-size:140%;
		font-weight:bold;
		width:480px;
	}
	
	#reseauGauche{
		float:left;
		width:480px;
		margin:42px 0 0 0;
		padding:0 0 0 40px;
	}
	
	#reseauGauche p{
		margin:0 0 12px 0;
	}
	
	#reseauRectangle{
		margin:34px 0 0 241px;
	}
	
	#reseauDroite{
		width:250px;
		float:left;
		padding:14px 0 0 0;
	}
	
	#clearReseau{
		clear:both;
		height:1px;
	}
	
	
	/* ---- Page Specialistes --- */
	
	#specialistesGauche{
		width:239px;
		float:left;
	}
	
	#specialistesDroite{
		width:531px;
		float:left;
	}
	
	#specialistesRectangle{
		margin:10px 0 0 9px;
	}
	
	#specialistesDroite h1{
		margin:7px 0 12px 0;
		font-family:arial;
		font-size:140%;
		font-weight:bold;
	}
	
	#specialistesDroite p{
		margin:0 0 12px 44px;
	}
	
	#specialistesDroite ul{
		margin:20px 0 0 28px;
		padding:0;
		list-style:none;
	}
	
	#specialistesDroite li{
		background-image:url(images/carre.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
		padding:0 0 0 16px;
		margin:0 0 23px 0;
	}
	
	
	/* ---- Page Services --- */
	
	#servicesGauche{
		width:392px;
		height:344px;
		float:left;
		padding:0px 5px 0 5px;
	}
	
	#servicesDroite{
		width:368px;
		float:left;
		margin:24px 0 0 0;
	}
	
	#servicesDroite h1{
		margin:0;
		font-family:arial;
		font-size:140%;
		font-weight:bold;
	}
	
	#servicesRectangle{
		margin:25px 0 14px 130px;
	}
	
	#servicesDroite p{
		margin:0 0 12px 0;
	}
	
	
	/* ---- Page Contact ---- */
	
	#contactVisuel{
		float:left;
		width:280px;
		padding:0 0 0 20px;
	}
	
	#contactForm{
		float:left;
		width:450px;
		margin:15px 0 0 20px;
	}
	
	#contactForm p{
		margin:0 0 12px 0;
	}
	
	.pEnAvant{
		margin:0 0 12px 0;
		border:1px solid #EBEFFA;
		padding:4px;
		width:410px;
	}
	
	#contactForm form{
		padding:7px 0 0 0;
	}
	
	#contactForm label{
		display:block;
		float:left;
		width:80px;
		text-align:right;
		margin:0 5px 0 0;
	}
	
	#contactForm input{
		border:1px solid #2A7EDD;
		padding:1px 3px 2px 3px;
		font-family:verdana;
		font-size:11px;
	}
	
	#contactForm textarea{
		border:1px solid #2A7EDD;
		padding:1px 3px 2px 3px;
		font-family:verdana;
		font-size:11px;
	}
	
	.formuInterligne{
		clear:both;
		height:3px;
	}
	
	.asterisque{
		color:#2A7EDD;
		font-weight:bold;
	}
	
	#envoyer{
		margin:5px 0 0 200px;
	}
	
	
	/* ---- Page Nous trouver ---- */
	
	#nousTrouverCarte{
		float:left;
		width:190px;
		height:220px;
		padding:95px 0 0 110px;
		background-image:url(images/fondcarte_france.gif);
		background-repeat:no-repeat;
		background-position:15px 35px;
	}
	
	#utilisationCarte{
		float:left;
		width:430px;
		padding:0 0 0 20px;
		margin:200px 0 0 0;
		font-size:200%;
	}
		
	.nousTrouverTitre{
		font-size:100%;
		color:#2A7EDD;
		font-weight:normal;
		margin:0 0 20px 0;
	}
	
	.nomLieu{
		font-size:110%;
		font-weight:bold;
	}
	
	.nousTrouverInstruction{
		margin:0 0 6px 0;
		font-size:100%;
	}
	
	#nousTrouverVilles{
		float:left;
		width:205px;
		margin:40px 0 0 0;
		padding:0 0 0 20px;
	}
	
	.nousTrouverResultats{
		margin:0;
		padding:0 0 0 10px;
		list-style:none;
	}
	
	.nousTrouverResultats li{
		background-image:url(images/puce2.gif);
		background-position:0 6px;
		background-repeat:no-repeat;
		padding:0 0 0 10px;
		margin:0 0 8px 0;
	}
	
	.nousTrouverResultats li a{
		text-decoration:none;
		color:#2A7EDD;
		font-size:100%;
	}
	
	.nousTrouverResultats li a:hover{
		text-decoration:none;
		color:#E23F0C;
		background-color:#EBEFFA;
	}
	
	.nousTrouverResultats li a.nousTrouverSelectionne{
		text-decoration:none;
		color:#E23F0C;
		background-color:#EBEFFA;
	}
	
	.nousTrouverResultats li a.nousTrouverSelectionne:hover{
		text-decoration:none;
		color:#E23F0C;
		background-color:#EBEFFA;
	}
		
	#nousTrouverNoms{
		float:left;
		width:205px;
		margin:40px 0 0 0;
		padding:0 0 0 20px;
	}
	
	#clearNousTrouver{
		clear:both;
		height:1px;
	}
	
	.prechargement{
		display:none;
	}
	
	/* ---- Page Nous trouver plan---- */
	
	#retourListe{
		display:none;
	}
	
	#retourListe a{
		color:#2A7EDD;
		text-decoration:none;
	}

	#retourListe a:hover{
		text-decoration:none;
		color:#E23F0C;
		background-color:#EBEFFA;
	}
	
	#impression{
		display:none;
	}
	
	#clearRetour{
		clear:both;
		height:20px;
	}
	
	#coordonneesExpert{
		float:left;
		padding:0 20px 5px 20px;
		width:200px;
	}
	
	#coordonneesExpert h1{
		font-family:arial;
		margin:0 0 12px 0;
		padding:1px 5px 0px 0;
		font-size:150%;
		font-weight:bold;
		color:#2A7EDD;
	}
	
	#visuelCabinet{
		float:left;
		width:300px;
	}
	
	#coordonneesExpert a{
		display:none;
	}
	
	#coordonneesExpert a:hover{
		display:none;
	}
	
	#clearCoordonnees{
		clear:both;
		height:40px;
	}
	
	#coordonneesExpertGauche{
		float:left;
		width:242px;
		margin:0 30px 0 0;
	}
	
	.nomExpert{
		font-weight:bold;
		color:#2A7EDD;
	}
	
	#coordonneesExpertDroite{
		clear:both;
		width:150px;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#visuelCabinet img{
		border:1px solid #2A7EDD;
	}
	
	#planAcces{
		width:600px;
		text-align:center;
	}
	
	#piedDePage{
		display:none;
	}
	
	.clearPied{
		display:none;
	}