* {
			margin: 0px; 
			padding-left: 0px;
			padding-top:0px;
			/*border : solid green 1px;*/
		}
		BODY {
			MARGIN: 0px;
			FONT: 11px/11px "Trebuchet MS", helvetica, sans-serif;
			HEIGHT: 100%;
			background-color:#D3D3D3;
		}
		DIV#conteneur {
			MIN-HEIGHT: 100%;
			MARGIN: 0px auto;
			text-align: left;
			WIDTH: 827px;
		}
		DIV#header {
			/*Julie : 25/03/2007 - background-image: url(../images/header.gif);*/
			background-repeat:  no-repeat;
			background-position: center;
			WIDTH: 827px;
			HEIGHT: 135px;
		}
		DIV#header2 {
			cursor:hand;
			background-image: url(../images/header2.gif);
			background-repeat:  no-repeat;
			background-position: center;
			WIDTH: 827px;
			HEIGHT: 135px;
		}
	
		div#txtheader {
			color: #009dc2;
			font-weight: 800;
			line-height: 14px;
			text-align: right;
			float: right;
			padding-right: 15px;
			padding-top: 70px;
			padding-bottom: 3px;
		}
		div#txtheader2 {
			color: #009dc2;
			font-weight: 800;
			line-height: 14px;
			text-align: right; 
		/*	float: right; mise en commentaire Vincent 20070313: inutile? */
			padding-right: 15px; 
			padding-top: 85px;
			padding-bottom: 3px;
			text-decoration: none; 
		}
		.taillep { 
			font-size: 13px;
			text-decoration: none; 
		}
		.tailleg { 
			font-size: 15px;
			text-decoration: none; 
		}
		/* Ajoute par Vincent (20070326) pour supprimer le soulignement du texte à côté du logo */
		a {
			text-decoration: none;
		}
		
		DIV#contenutop {
			BACKGROUND: url(../images/contenu_top.gif) no-repeat  50%;
			WIDTH: 827px;
			HEIGHT: 15px;
		}
		DIV#contenumilieu {
			BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
			WIDTH: 827px;
			HEIGHT: 331px;
		}
		DIV#contenumilieu_allonge {
			BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
			WIDTH: 827px;
			HEIGHT: 600px; /* version avec les 2 encadres des demandes publiques sur la page d'accueil */
		}
		DIV#contenumilieupar {
			BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
			WIDTH: 827px;
			HEIGHT: 436px;
		}
		DIV#contenumilieupro {
			BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
			WIDTH: 827px;
			HEIGHT: 450px;
		}
		DIV#titreparticuliers {
			PADDING-TOP: 2px;
			HEIGHT: 50px;
			}
		DIV#titrepros {
			PADDING-TOP: 2px;
			HEIGHT: 40px;
		}
		DIV#txtpartiuliers {
			PADDING-LEFT: 2px;
			PADDING-TOP: 5px;
			/*display:inline; /*Ajout obligatoire pour que les espace particuliers et pros soit alignés avec l'espace à droite*/
		}
		DIV#txtpartiuliers a {
			COLOR: #009dc2;	
		}
		DIV#txtpros {
			PADDING-LEFT: 2px;
			PADDING-TOP: 5px;
		}
		DIV#btnparticuliers {
			PADDING-LEFT: 180px;
			FONT-SIZE: 10px;
			BACKGROUND: url(../images/btn_particuliers.gif) no-repeat right 50%;
			WIDTH: 83px; COLOR: #fff;
			PADDING-TOP: 0px;
			FONT-FAMILY: Arial, sans-serif;
			HEIGHT: 20px;
		}
		div#btnparticuliers a {
			text-decoration: none;
			color: white;
		}
		div#btnparticuliers a:hover { 
			color: #000;
		}
	
		DIV#btnpros {
			PADDING-LEFT: 180px;
			FONT-SIZE: 10px;
			BACKGROUND: url(../images/btn_pros.gif) no-repeat right 50%;
			WIDTH: 83px; COLOR: #fff;
			PADDING-TOP: 2px;
			FONT-FAMILY: Arial, sans-serif;
			HEIGHT: 22px;
		}
		div#btnpros a {
			text-decoration: none;
			color: white;
		}
		div#btnpros a:hover { 
			color: #000;
		}
		
		DIV#titrepros {
			PADDING-TOP: 2px;
			HEIGHT: 40px;
		}
		DIV#titredemo { 
			color: #6a6a6a; 
			line-height: 12px; 
			PADDING-LEFT: 2px; 
			PADDING-TOP: 45px;
			WIDTH: 396px;
		}
	   .titredemo2 {
			color: #585858; 
			font-size: 11px; 
			font-weight: 800;
			WIDTH: 396px;
			/*border: solid blue 1px;*/
	   }
	   .sstitredemopar {
			color: #009dc2; 
			font-size: 11px; 
			font-weight: 800; 
			padding-top: 12px;
			WIDTH: 396px;
	   }
	    .sstitredemopro {
			color: #006077; 
			font-size: 11px; 
			font-weight: 800; 
			padding-top: 12px;
	   }
	   .txtdemo {
			color: #6A6A6A; 
			font-size: 11px; 
			font-weight: 400; 
	   }
		.gauche {
			FLOAT: left;
		}
		/* Sur la page d'accueil: les 2 sous-zones de gauche: particuliers et pro: */
		DIV#particuliers {
			PADDING-LEFT: 30px;
			padding-top: 0px; /* pour eviter que sous IE6 le trait bleu passe sous l'image */
			BACKGROUND: url(../images/particuliers_fond.gif) no-repeat 50%;
			WIDTH: 280px;
			COLOR: #009dc2;
			HEIGHT: 121px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		DIV#pro {
			float: left;
			PADDING-LEFT: 30px; 
			BACKGROUND: url(../images/pros_fond.gif) no-repeat 50%;
			WIDTH: 280px; 
			COLOR: #006077;
			PADDING-TOP: 19px;
			margin-top: 0px;
			HEIGHT: 121px;
			margin-bottom: 0px;
		}
		
		.demo {
			display:inline; /* necessaire pour compenser dans IE5.x-6.0 un bug de double marge d'un flottant */
			/*margin-top: 4px;*/
			/*margin-top: 0px;*/
			margin-left: -3px;
			BACKGROUND: url(../images/img.jpg) no-repeat;
			WIDTH: 504px;
			HEIGHT: 252px;
			float: left;
		}
		.demo_sans_image {
			display:inline; /* necessaire pour compenser dans IE5.x-6.0 un bug de double marge d'un flottant */
			margin-left: -3px;
			WIDTH: 504px;
			HEIGHT: 252px;
			float: left;
		}
		.demoligne { 
			color: #616161; 
		    padding-right: 15px;
			margin-top: 125px; 
			margin-right: 15px; 
			float: right 
		}
		.demoligne a  { 
			color: #616161; 
		}
		
		/** La zone de tags, sur la page d'accueil **/
		/*div#tags {	
			BACKGROUND: url("../images/tags.gif") no-repeat 50%;
			float: left; 
			margin-left: 15px; 
			display:inline; /* necessaire pour compenser dans IE5.x-6.0 un bug de double marge d'un flottant */
			/*padding-left: 0px;
			margin-top: 0px;
			padding-top: 0px;
			WIDTH: 797px;
			FONT-FAMILY: Arial, sans-serif;
			HEIGHT: 68px;
		}	
		.tags1  { color: #585858; font-size: 16px; height: 20px; font-weight: bold; margin-top: 15px; margin-left: 15px; float: left   }
		.tags2  { color: #585858; font-size: 13px; height: 20px; font-weight: bold; margin-top: 15px; margin-left: 15px; float: left   }
		.tags3  { color: #585858; font-size: 11px; height: 20px; font-weight: bold; margin-top: 15px; margin-left: 15px; float: left   }
	*/
		/* Début: Modifié par Vincent, 20070330, à PSE */
		DIV#tags {
			FLOAT: left; 
			DISPLAY: inline; 
			MARGIN-TOP: 0px; 
			MARGIN-LEFT: 15px; 
			PADDING-TOP: 0px; 
			PADDING-LEFT: 0px; 
			BACKGROUND: url(../images/tags.gif) no-repeat 50% 50%; 
			WIDTH: 797px; 
			FONT-FAMILY: Arial, sans-serif; 
			HEIGHT: 68px;
		}
		h1, h2, h3{
			FONT-WEIGHT: bold; 
			PADDING-TOP: 6px; 
			PADDING-BOTTOM: 4px; 
			MARGIN-LEFT: 12px;  
			FLOAT: left; 
			COLOR: #787878; 
			display:inline; /* nécessaire sinon les tags ne sont pas alignés entre ie et firefox */
		}
		h1 A, h2 A, h3 A {
			TEXT-DECORATION: none;
			COLOR: #787878; 
		}
		h1 {
			FONT-SIZE: 16px; 
		}
		h2 {
			FONT-SIZE: 13px; 
		}
		h3 {
			FONT-SIZE: 11px; 
		} 
		/* Fin: Modifié par Vincent, 20070330, à PSE */
		
		
		
		DIV#demoparticuliers {
			PADDING-LEFT: 30px;
			padding-top: 2px; /* pour éviter que sous IE6 le trait bleu passe sous l'image */
			WIDTH: 426px;
			background-image: url(../images/demo_part.gif); 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 50% ; 
			HEIGHT: 239px; 
			margin-top: 0;
		}
		DIV#demopros {
			PADDING-LEFT: 30px;
			padding-top: 2px; /* pour éviter que sous IE6 le trait bleu passe sous l'image */
			WIDTH: 426px;
			background-image: url(../images/demo_pro.gif); 
			background-repeat: no-repeat; 
			background-attachment: scroll; 
			background-position: 50% ;
			HEIGHT: 254px;
			margin-top: 0;
		}
	
		DIV#temoignages {
			float: left;
			PADDING-LEFT: 15px; 
			BACKGROUND: url(../images/temoignages.gif) no-repeat 100%;
			COLOR: #006077;
			PADDING-TOP: 14px;
			margin-top: 0px;
			width: 426px;
			HEIGHT: 90px;
			color: #6a6a6a; line-height: 12px;
		}
		.titretemoignagespar {
			color: #009dc2;
			padding-top: 30px;
			padding-left: 15px;
			WIDTH: 396px;
		}
		.temoignagespar {
			margin-left: 15px;
			WIDTH: 396px;
		}
		
		.titretemoignagespro {
			color: #006077;
			padding-top: 30px;
			padding-left: 15px;
		}
		.titretemoignagespro a {
			color: #006077;
			text-decoration: none;	
		}
		.temoignagespro {
			margin-left: 15px;
			WIDTH: 396px;
		}
		
		div#imagepar{
			float: left;
			PADDING-LEFT: 15px;
			BACKGROUND: url(../images/imgparticuliers.jpg) no-repeat 100%;
			width: 426px;
			HEIGHT: 90px;
		}
		div#imagepro{
			float: left;
			PADDING-LEFT: 30px; 
			BACKGROUND: url(../images/imgpros.jpg) no-repeat 50%;
			width: 426px;
			HEIGHT: 90px;
		}
		div#formpar {
			margin-top: -344px;
			/*margin-left: -5px;
			padding-left: 0px;*/
			padding-left: 0px;
			margin-left: 10px;
			BACKGROUND: url(../images/formparticuliers.gif)  no-repeat 0% 0%;
			WIDTH: 360px;
			HEIGHT: 434px;
			float: left;  
			/*border:solid green 1px;*/
		}
		/* Pour l'indicateur d'avance sur le formulaire des particuliers */
		/*.indicateur_d_avancement{
			float: left;
			padding-left: 550px;
			padding-top: 22px;
			BACKGROUND: url(../images/en_attente.gif) no-repeat 95%;
			height: 20px;
		    display: none; 
		}*/
		div#formpro {
			margin-top: -359px;
			margin-left: -5px;
			BACKGROUND: url(../images/formpros.gif) left no-repeat 100%;
			WIDTH: 360px;
			HEIGHT: 450px;
			float: left;
		}
		.sstitreformpar {
			color: #009dc2;
			font-size: 11px;
			font-weight: 800;
			/*padding-top: 11px; */
			margin-top: 54px;
			padding-left: 18px;
	   	}
	 	.sstitreformpro {
			color: #006077; 
			font-size: 11px; 
			font-weight: 800; 
			padding-top: 11px; 
			padding-left: 14px;
	  	}
	   	.sstitre2form { 
		   color: #616161; 
		   font-weight: 700;
		   text-transform: uppercase;
	    }
	    .espaceform {
	   		padding-top: 8px;
	   	}
	   	.espaceformapresouavantselect{
		   	padding-top: 10px;
	    }
	   	.espaceformentreselect{
		   	padding-top: 12px;
	    }
	
		label { 
			color: #616161;
			font-family:"trebuchet ms", sans-serif; 
			font-weight:normal; 
			/* pour etre aligne avec le sous-titre de chaque partie du formulaire, 
			   il faut que ce padding-left soit le meme que celui du div#formun */
			padding-left: 18px; 
		}
		
		input {
			margin-top: -12px;
			margin-left:110px;
			margin-bottom:0.1px;
			float: left;
			height: 14px;
			border:1px solid #B3B3B3;
			font-family:"trebuchet ms",sans-serif;
			font-size: 11px;			
			color:#616161;
			/*order:solid green 1px;*/
		}
		select {
			margin-top: -14px;
			margin-left:110px;
			margin-bottom:0px;
			float: left;
			padding-top: -3px;
			padding-left: -3px;
			height: 18px;
			width: 211px;
			border:1px solid #B3B3B3;
			font-family:"trebuchet ms",sans-serif;
			font-size: 11px;			
			color:#616161;
		}
		option { 
			/*padding-top: -1px;
			padding-left: 3px; */
			font-family:"trebuchet ms",sans-serif;
			font-size: 11px;			
			color:#616161;
		}
	/*	textarea{ 
			margin-top: -12px; 
			margin-left:110px; 
			margin-bottom:-2px; 
			float: left; 
			border:solid 1px #b3b3b3; 
			font-family:"trebuchet ms", sans-serif; 
			color:#616161; 
			font-size: 11px; 
			line-height: 12px;
			width: 208px;
			height: 54px;
			overflow:auto; */  /* Modifié par Julie pour que l'ascenseur ne s'affiche que quand la zone de texte est trop grande */ 
	/*	} */
		.textarea_particuliers_et_professionnels{ 
			margin-top: -12px; 
			margin-left:110px; 
			margin-bottom:-2px; 
			float: left; 
			border:solid 1px #b3b3b3; 
			font-family:"trebuchet ms", sans-serif; 
			color:#616161; 
			font-size: 11px; 
			line-height: 12px;
			width: 208px;
			height: 54px;
			overflow:auto;  /* Modifié par Julie pour que l'ascenseur ne s'affiche que quand la zone de texte est trop grande */ 
		}
		.textarea_reponse_a_une_demande{
			width: 328px;
			height: 104px;
		}
		div#spe {
			margin-top: -10px;
		}
		div#hint{
			cursor:hand;
			float: left;
			margin-left: 8px;
			margin-top: -12px;
			margin-bottom: -2px;
			BACKGROUND: url(../images/hint_petit.gif) no-repeat 50%;
			WIDTH: 20px;
			HEIGHT: 20px;
		}

		div#txtbtnpar { 
			
			border: 0; 
			margin-top: 6px;
			float: left;
			padding-top: -5px;  
			padding-left: 45px;
			margin-left: 0px;   
			/*margin-left: 52px;  padding-left: 104px;*/
			/* width: 270px; */
			width: 330px;
			/*padding-left: 33px;*/
			BACKGROUND: url(../images/btn_rechercher.gif) no-repeat 50%; 
			/*WIDTH: 210px; */
			HEIGHT: 19px;
			/*
			border: 0; 
			margin-top: 6px; 
			float: right; 
			padding-top: -5px; 
			margin-right: -36px;   
			*/
			/*padding-left: 104px;*/
			
			/*padding-right: 33px;*/
			/*BACKGROUND: url(../images/btn_rechercher.gif) no-repeat 50%; 
			/*WIDTH: 210px; */
			/*width: 210px;
			HEIGHT: 19px;*/
		}
		
		div#txtbtnpro { 
			border: 0; 
			margin-top: 15px; 
			float: left; 
			padding-top: -5px; 
			padding-left: 30px;
			margin-left: 0px;   
			BACKGROUND: url(../images/btn_savoirplus.gif) no-repeat 50%; 
			WIDTH: 337px; 
			HEIGHT: 23px;
		}
		.nombtn {
		   /* float: left; */
		    /*margin-left: -16px;*/
			font-size: 10px; 
			font-family: Arial, sans-serif; 
			color: white; 
		  /*  margin-left: 0px; */
			padding-left: 65px; /* added by vincent */
			padding-top: 1px;
			/*margin-right: 31px;*/
		}
		.nombtn2 {
			font-size: 10px; 
			font-family: Arial, sans-serif; 
			color: white; 
			padding-left: 8px;
			padding-top: 2px;
		}

		.nombtn a{ color: white;text-decoration: none; }
		.nombtn a:hover{ color: black; text-decoration: none; }
		
		.nombtn2 a{ color: white;text-decoration: none; }
		.nombtn2 a:hover{ color: #cccccc; text-decoration: none; }
		
		.demoligne  { 
			color: #616161; 
			margin-top: 125px; 
			margin-right: 15px; 
			float: right 
		}
		
		div#formun {
			BACKGROUND: url(../images/partform_un.gif) no-repeat 50%;
			WIDTH: 330px;
			HEIGHT: 16px;
			padding-left: 0px;
			margin-left: 5px;
			margin-top: 1px;
			padding-top:8px;
			margin-bottom: 2px;
		}
		
		.txtconclu {
			color: #585858; font-size: 11px; font-weight: 800; padding-left: 12px; padding-top: 20px;
		}
		DIV#contenubas {
			BACKGROUND: url("../images/contenu_bas.gif") no-repeat 50%;
			margin-top: -1px;
			WIDTH: 827px;
			HEIGHT: 15px;
		}
		DIV#footertop {
			BACKGROUND: url(../images/contenu_top.gif) no-repeat  50%;
		 /*	Vincent (20070312): on utilise le contenu_top.png car le footer_top.png a un bord
		    en dessous de l'image 
		    BACKGROUND: url(../images/footer_top.png) no-repeat; 
		 */
			WIDTH: 827px;
			HEIGHT: 26px;
			margin-top: 5px;
		}
		DIV#footerbas { 
			BACKGROUND: url(../images/contenu_milieu.gif) repeat-y center 50%; 
			WIDTH: 827px; 
			margin-top: -6px;
			/*height: 24px;*/
			height: 40px;
		}
		DIV#footerfin { 
			BACKGROUND: url(../images/contenu_bas2.gif) no-repeat  50%;
			WIDTH: 827px; 
			height: 14px;
			margin-top: -2px;
		}
	    
		DIV#baspage {
			text-align: center;
			padding-left: 0px;
			padding-top:0px;
			margin-top: 6px;
			/*margin-bottom:0px;*/
			margin-left: 0px;
			color: #A1A1A1;
			width: 100%;
			/*display:inline;*/
        }
		
		#navcontainer ul{
			text-align: left;
			padding-left: 10px; 
			padding-right: 10px;
			margin-top: 0;
			/* cancels gap caused by top padding in Opera 7.54 */
			margin-left: 0;
			color: #616161;
			width: 100%;
			
			/* fixes Firefox 0.9.3 */
		}

		#navcontainer ul li {
			display: inline;
			padding-left: 0;
			padding-right: 0;
			padding-bottom: 5px;
			/* matches link padding except for left and right */
			padding-top: 5px;
		}
		
		#navcontainer ul li a {
			padding-left: 7px;
			padding-right: 7px;
			color: #616161;
			text-decoration: none;
		}
		
		#navcontainer ul li a:hover	{ 
			color: black; 
		}


		/* ********** Pour les infos bulle du site - 26 mars 2007 ********** */
		DIV#infoBulle {
			font-family: "Trebuchet MS", helvetica, sans-serif;
			font-size : 10px;
			color: white; 
			width:200px;
			background-position: '0% 0%';
			background-color:#009dc2;
			text-align: justify;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
/* ********** Pour la page de remerciement des pros - 27 mars 2007 ********** */
/* Dans la zone de contenu milieu, le texte peut-être plus espacé en modifiant 'line-height' par exemple à 1.1em; */
.demoligne_aere {
	display: inline;
	MARGIN-TOP: 125px; 
	FLOAT: left; 
	COLOR: #616161; 
	margin-left: 10px;
	margin-right: 3px;
	line-height:1em;
}
.milieu_droit_pour_reponse_a_une_demande {
	MARGIN-TOP: 10px; 
	/*FLOAT: left; */
	COLOR: #616161; 
	margin-left: 15px;
	line-height:1em;
}
.demoligne_aere_apres_update_ajax {
	MARGIN-TOP: 0px; 
	FLOAT: left; 
	COLOR: #616161; 
	margin-left: 15px;
	line-height:1em;
}
/* La colonne de gauche pour la page des PROS pour les remercier d'avoir rempli le formulaire */
DIV#colonne_gauche_complete {
	float: left;
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 38px; 
	BACKGROUND: url("../images/colonne_gauche_pro.png") no-repeat 50% 50%;
	WIDTH: 270px; 
	COLOR: #009dc2; 
	PADDING-TOP: 2px; 
	HEIGHT: 252px;
}
/* La hauteur (plus petite) de la zone de contenu, pour la page des PROS pour les remercier d'avoir rempli le formulaire */
DIV#contenumilieu_remerciementjesouhaiteensavoirplus {
	BACKGROUND: url("../images/contenu_milieu.gif") repeat-y 50% 50%; 
	WIDTH: 827px; 
	HEIGHT: 260px;
}
/* Un groupe de ligne composé d'une image des 3 boulons + du texte à côté */
.puce_d_une_ligne {
	line-height:1.1em;
	MARGIN-TOP: 14px; 
	PADDING-TOP: 7px; 
	PADDING-BOTTOM: 1px; 
	BACKGROUND: url("../images/puce_carutil.png") no-repeat ;	
	FONT-SIZE: 12px; 
	width: 216px;
	height: 36px;
	FLOAT: left; 
	MARGIN-LEFT: -15px; 
	PADDING-LEFT: 50px;
	COLOR: #585858;
	display:inline; /*Necessaire pour que les puces soient au même endroit entre ie et firefox*/
}
.puce_d_une_ligne a{
	line-height:1.1em;
	COLOR: #006077;
	text-decoration: underline;	
}
/* ********** Fin page de remerciement des Pros (27 mars 2007) ********** */


/* ********** Pour la page de FAQ - 27 mars 2007 ********** */

/*Englobe l'ensemble de la zone des question de la FAQ*/
.faq {
	margin-left: -3px;
	BACKGROUND: url(../images/espace_faq.png) no-repeat;
	WIDTH: 504px;
	HEIGHT: 252px;
	float: left;
	display:inline;
}

/*Englobe le text de la FAQ lié aux professionnels*/
.faqlignepro  { 
	color: #616161; 
    padding-left: 10px;
	/*margin-left: 10px;*/
	margin-top: 6px; 
	/*float: left ;*/
	line-height:1.5em;
}

.faqlignepro a{ color: #616161;text-decoration: none; }
.faqlignepro a:hover{ color: #006077; font-weight:bold; text-decoration: none; }

/*Englobe le text de la FAQ lié aux particuliers*/
.faqlignepar  { 
	color: #616161; 
    padding-left: 10px;
	/*margin-left: 10px;*/
    margin-top: 6px; 
	/*margin-right: 10px; */
	/*float: left ;*/
	line-height:1.5em;
}

.faqlignepar a{ color: #616161;text-decoration: none; }
.faqlignepar a:hover{ color: #009dc2; font-weight:bold; text-decoration: none; }

/*Numéros liés aux questions des particuliers*/
.numfaqpar {
	color: #009dc2; 
	font-size: 11px; 
	font-weight: 800; 
	margin-left: 10px;
}

/*Numéros liés aux questions des professionnels*/
.numfaqpro {
	color: #006077;
	font-size: 11px; 
	font-weight: 800; 
	margin-left: 10px;
}

/*Titres des professionnels*/
DIV#titrefaqpro { 
	color: #006077; 
	FONT: 15px/15px "Trebuchet MS", helvetica, sans-serif;
	FONT-WEIGHT: bold;
	line-height: 16px; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 10px;
}

/*Titres des particuliers*/
DIV#titrefaqpar { 
	color: #009dc2; 
	FONT: 15px/15px "Trebuchet MS", helvetica, sans-serif;
	FONT-WEIGHT: bold;
	line-height: 16px; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 35px;
}

div#faqslash {
	BACKGROUND: url(../images/zebra_court.png) no-repeat 90%;
	WIDTH: 350px;
	HEIGHT: 20px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: -17px;
}

div#faqrep {
	/*BACKGROUND: url("../images/tags.gif") no-repeat 50%;
	float: left; 
	margin-left: 10px; 
	display:inline; /* necessaire pour compenser dans IE5.x-6.0 un bug de double marge d'un flottant */
	/*padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	WIDTH: 797px;
	FONT-FAMILY: Arial, sans-serif;
	HEIGHT: 68px;*/
	FLOAT: left; 
	DISPLAY: inline; 
	MARGIN-TOP: 0px; 
	MARGIN-LEFT: 15px; 
	PADDING-TOP: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/tags.gif) no-repeat 50% 50%; 
	WIDTH: 797px; 
	FONT-FAMILY: Arial, sans-serif; 
	HEIGHT: 68px;
	display:inline; /* necessaire pour compenser dans IE5.x-6.0 un bug de double marge d'un flottant */
}	

.txtfaqrep {
	color: #616161; 
	font-size: 11px; 
	font-weight: 400; 
	margin-top: 5px;
	MARGIN-LEFT: 20px;  
	line-height:1.5em;
}
.txtfaqrep a{
	COLOR: #006077;
	text-decoration: underline;	
}

/* ********** Fin page de FAQ (27 mars 2007) ********** */

/* ********** Pour la page de CGU - 27 mars 2007 ********** */
DIV#contenumilieucgu {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
	HEIGHT: 1280px;
}

.txtcgu { 
	BACKGROUND: url(../images/cgu.png) no-repeat 5% 0%;
	color: #006077; 
	FONT: 11px/11px "Trebuchet MS", helvetica, sans-serif;
	line-height: 16px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT 20px; 
	PADDING-TOP: 30px;
	line-height:1.5em;
	WIDTH: 780px;
	HEIGHT: 1260px;
}

.txtcgu a{
	COLOR: #006077;
	text-decoration: underline;	
}

/* ********** Fin page de CGU (27 mars 2007) ********** */


/* ********** Pour la page de Recommander : jesouhaiteensavoirplus - 30 mars 2007 ********** */
DIV#btnrecommander {
	PADDING-LEFT: 180px;
	FONT-SIZE: 10px;
	BACKGROUND: url(../images/btn_pros.gif) no-repeat right 50%;
	WIDTH: 83px; COLOR: #fff;
	PADDING-TOP: 0px;
	MARGIN-TOP: -3px;
	FONT-FAMILY: Arial, sans-serif;
	HEIGHT: 20px;
}

.nombtnRecommander {
	font-size: 10px; 
	font-family: Arial, sans-serif; 
	color: white; 
	padding-left: 22px;
	PADDING-TOP: 0px;
	margin-top:0px;
}

.nombtnRecommander a{ color: white;text-decoration: none; }
.nombtnRecommander a:hover{ color: #cccccc; text-decoration: none; }
		
/* ********** Fin page de jesouhaiteensavoirplus (30 mars 2007) ********** */


/* La hauteur de la zone de contenu pour la page des mentions légales */
DIV#contenumilieu_mentionslegales {
	BACKGROUND: url("../images/contenu_milieu.gif") repeat-y 50% 50%; 
	WIDTH: 827px; 
	HEIGHT: 260px;
}

/************Debut nouvelle page pour les particuliers**************/

.sstitrecontenupar {
	color: #009dc2;
	font-size: 11px;
	font-weight: 800;
	/*padding-top: 11px; */
	margin-top: 10px;
	padding-left: 18px;
}

div#formun2 {
	BACKGROUND: url(../images/partform_un.gif) no-repeat 50%;
	WIDTH: 330px;
	HEIGHT: 16px;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 1px;
	padding-top:12px;
	padding-bottom:6px;
	margin-bottom: 2px;
}

div#txtbtnpar2 { 
	border: 0; 
	margin-top: 10px;
	float: left;
	padding-top: -5px;  
	padding-left: 45px;
	margin-left: 0px;   
	width: 330px;
	BACKGROUND: url(../images/btn_rechercher.gif) no-repeat 50%; 
	HEIGHT: 19px;
}

DIV#contenumilieupar2 {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
	/*HEIGHT: 436px;*/
	HEIGHT: 518px;
}

DIV#contenuhaut_particulier {
	margin-top: -344px;
	padding-left: 0px;
	margin-left: 10px;
	BACKGROUND: url(../images/particuliersHaut.png) no-repeat 0% 0%;
	WIDTH: 360px;
	HEIGHT:50px;
	float: left;
}

DIV#contenumilieu_particulier {
	margin-top: -294px;
	padding-left: 0px;
	margin-left: 10px;
	BACKGROUND: url(../images/particuliersMilieu.png)  ;
	WIDTH: 360px;
	float: left;
}

DIV#contenubas_particulier {
	/*margin-bottom: 20px;
	padding-left: 0px;
	margin-left: 10px;*/
    /*margin-right: 10px*/
    padding-right:16px;
	BACKGROUND: url(../images/particuliersBas.png) no-repeat 0% 100%;
	WIDTH: 360px;
	HEIGHT:11px;
	float: right;
}
	
/************Fin nouvelle page pour les particuliers**************/

/* ********** Pour la page des partenaires ********** */
DIV#contenumilieupartenaires {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
	HEIGHT: 1250px;
}

.txtpartenaires { 
	BACKGROUND: url(../images/partenaires.png) no-repeat 5% 0%;
	color: #006077; 
	FONT: 11px/11px "Trebuchet MS", helvetica, sans-serif;
	line-height: 16px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT 20px; 
	PADDING-TOP: 30px;
	line-height:1.5em;
	WIDTH: 780px;
	HEIGHT: 1250px;
}

.txtpartenaires a{
	COLOR: #006077;
	text-decoration: underline;	
}

/* ********** Pour la page des partenaires pro ********** */
DIV#contenumilieupartenairespro {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
	HEIGHT: 650px;
}
.txtpartenairespro { 
	BACKGROUND: url(../images/partenaires.png) no-repeat 5% 0%;
	color: #006077; 
	FONT: 11px/11px "Trebuchet MS", helvetica, sans-serif;
	line-height: 16px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT 20px; 
	PADDING-TOP: 30px;
	line-height:1.5em;
	WIDTH: 780px;
	HEIGHT: 460px;
}
.txtpartenairespro a{
	COLOR: #006077;
	text-decoration: underline;	
}
.puce_d_une_ligne_large {
	line-height:1.1em;
	MARGIN-TOP: 14px; 
	PADDING-TOP: 7px; 
	PADDING-BOTTOM: 1px; 
	BACKGROUND: url("../images/puce_carutil.png") no-repeat ;	
	FONT-SIZE: 12px; 
	/*width: 216px;*/
	height: 36px;
	FLOAT: left; 
	MARGIN-LEFT: -15px; 
	PADDING-LEFT: 50px;
	COLOR: #585858;
	display:inline; /*Necessaire pour que les puces soient au même endroit entre ie et firefox*/
}



/* ********** Pour la page des pieces les plus demandees ********** */

DIV#plusdemandees_contenumilieu {
	margin-top: -294px;
	padding-left: 0px;
	padding-bottom:4px;
	margin-left: 10px;
	BACKGROUND: url(../images/particuliersMilieu.png)  ;
	WIDTH: 360px;
	float: left;
}
DIV#plusdemandees_div_engloblante { 
	color: #6a6a6a; 
	line-height: 12px;
	PADDING-LEFT: 2px; 
	PADDING-TOP: 45px;
	WIDTH: 350px;
}
DIV#plusdemandees_div_incluante {
	padding-top: 0px; 
	padding-left: 0px; 
	margin-top: -30px; 
	margin-left: 10px; 
	width: 300px;
}
.plusdemandees_titre {
	color: #585858; 
	font-size: 11px; 
	font-weight: 800;
}
.plusdemandees_sous_titre, .plusdemandees_sous_titre a {
	color: #009dc2; 
	font-size: 11px; 
	font-weight: 800; 
	padding-top: 12px;
	/*WIDTH: 396px;*/
	text-decoration: none;
	/*border : solid green 1px;*/
}
.plusdemandees_texte, .plusdemandees_texte a {
	FONT: 11px/11px "Trebuchet MS", helvetica, sans-serif;
	/*HEIGHT: 100%;*/
	margin-left: 8px;
	text-decoration: none;
	COLOR: #616161; /* gris clair */
}      
.plusdemandees_texte a:hover {
	COLOR: #009dc2; /* bleu carutil */
}
DIV#plusdemandees_contenubas {
    padding-right:16px;
    padding-top:0px;
    margin-top:-5px;
	BACKGROUND: url(../images/particuliersBas.png) no-repeat 0% 100%;
	WIDTH: 360px;
	HEIGHT:11px;
	float: right;
}

/* ********************* Reponse au demandeur ********************/

DIV#ecrirelareponseaunedemande_contenumilieu {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
}
.ecrirelareponseaunedemande_milieuinterieur {
	COLOR: #616161; 
	margin-left: 15px;
	line-height:1em;
}
.ecrirelareponseaunedemande_input { 
	margin-top: -12px;
	margin-left:165px;
	margin-bottom:0.1px;
	float: left;
	height: 14px;
	border:1px solid #B3B3B3;
	font-family:"trebuchet ms",sans-serif;
	font-size: 11px;			
	color:#616161;
	/*border:solid green 1px;*/
}
div#ecrirelareponseaunedemande_txtbouton { 
	border: 0; 
	margin-top: 15px; 
	padding-top: -5px; 
	padding-left: 30px;
	margin-left: 50px;   
	BACKGROUND: url(../images/btn_reponse_a_une_demande.gif) no-repeat 50%; 
	WIDTH: 190px; 
	HEIGHT: 23px;
}
div#ecrirelareponseaunedemande_milieuinterieur_gauche{
	WIDTH: 380px;
	float:left;
	/*border:solid green 1px;*/
}
.ecrirelareponseaunedemande_milieuinterieur_encadrement_haut{
	BACKGROUND: url(../images/encadre-haut.png) no-repeat  50%;
	WIDTH: 380px;
	HEIGHT: 9px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -4px;
}
.ecrirelareponseaunedemande_milieuinterieur_encadrement_milieu{
	BACKGROUND: url(../images/encadre-milieu.png) repeat-y  50%;
	WIDTH: 380px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.ecrirelareponseaunedemande_milieuinterieur_encadrement_bas{
	BACKGROUND: url(../images/encadre-bas.png) no-repeat  50%;
	WIDTH: 380px;
	HEIGHT: 9px;
	padding-top: 0px;
	margin-top: -4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/* La zone de droite de ecrirelareponseaunedemande: */
div#ecrirelareponseaunedemande_milieuinterieur_droite{
	float:right;
	margin-top: 5px;	
	width: 426px;  /* baisser ce nombre pour decaler davantage vers la droite */
	/*border:solid red 1px;*/
}
div#ecrirelareponseaunedemande_image{
	float: left;
	/* BACKGROUND: url(../images/imgparticuliers.jpg) no-repeat 100%; */
	BACKGROUND: url(../images/engrenage-320x205-arrondi.png) no-repeat 100%;
	/*width: 426px;*/
	width: 345px;
	HEIGHT: 205px;
	/*border:solid green 1px;*/
}
.ecrirelareponseaunedemande_separateurhorizontal {
  clear: both;
}
/* La zone raffraichie par la reponse */
.ecrirelareponseaunedemande_reponse_encadrement {
	/*padding-left: 0px;*/
/*	border:solid green 1px;*/
}
.ecrirelareponseaunedemande_email_input{ 
	margin-top: 0px;
	margin-left:0px;
	margin-bottom:0px;
	/*float: left;*/
	height: 14px;
	border:1px solid #B3B3B3;
	font-family:"trebuchet ms",sans-serif;
	font-size: 11px;			
	color:#616161;
	/*border:solid green 1px;*/
}
.ecrirelareponseaunedemande_email_bt_envoi {
	font-size: 10px; 
	font-family: Arial, sans-serif; 
	color: white; 
	padding-left: 25px;
	padding-top: 2px;
}
.ecrirelareponseaunedemande_email_bt_envoi a{ color: white;text-decoration: none; }
.ecrirelareponseaunedemande_email_bt_envoi a:hover{ color: #cccccc; text-decoration: none; }
DIV#ecrirelareponseaunedemande_email_bt_txtbouton { 
	border: 0; 
	margin-top: 15px; 
	padding-top: -5px; 
	padding-left: 65px;
	margin-left: 170px;   
	BACKGROUND: url("../images/btn_reponse_a_une_demande.gif") no-repeat 50%; 
	WIDTH: 190px; 
	HEIGHT: 23px;
}

/* ********* Specifique pour la page annoncant que la reponse a bien ete envoyee au demandeur *************/
.reponseenvoyeeaudemandeur_surligne {
	text-align: center;
	/*padding-left: 20px;
	padding-right: 20px;*/
	width: 100%;
	background-color: #006077; /* bleu fonce pour les pros */
	border:solid #B3B3B3 1px ; /* gris clair */
	color: white; 
    font-weight: bold ; 
}
.reponseenvoyeeaudemandeur_centreur {
     margin-left: auto;
     margin-right: auto;
     width: 650px; /* largeur obligatoire pour etre centre */
	 /* border:solid blue 1px; */
}
.reponseenvoyeeaudemandeur_visualisation_email_cadre {
	border:solid #B3B3B3 1px ; /* gris clair */
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
    width: 100%; /* meme largeur que celle du centreur */
}
.reponseenvoyeeaudemandeur_visualisation_email_contenu {
	float: right;
	width: 530px;
	padding-right: 25px;
	/*padding-left: 5px;*/
	/* border:solid green 1px; */
}
.reponseenvoyeeaudemandeur_visualisation_email_titre {
	float: left;
	text-align: right;
	width: 65px;
	padding-right: 10px;
	color: #006077; /* bleu fonce pour les pros */
    font-weight: bold ; 
	/*border: solid blue 1px;	*/
}

/* ********* Specifique pour le CATALOGUE - Vincent - 20071122 *************/
.catalogue_contenumilieu_etirable {
	BACKGROUND: url(../images/contenu_milieu.gif) repeat-y 50%;
	WIDTH: 827px;
	/*HEIGHT: 331px;*/
}
.catalogue_tags {
	MARGIN-TOP: 10px; 
	MARGIN-LEFT: 15px; 
	z-index: 1;
	PADDING-TOP: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/tags.gif) no-repeat 50% 50%; 
	WIDTH: 797px; 
	FONT-FAMILY: Arial, sans-serif; 
	HEIGHT: 68px;
}
.catalogue_corps {
  margin-left: 45px;
}
.catalogue_fil_d_ariane {
	padding-top: 20px;
  padding-left: 60px;
  padding-bottom: 20px;
  font-family:"trebuchet ms", sans-serif; 
  color: #AAAAAA;
}
.catalogue_fil_d_ariane_element {
	padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 0px;
  font-family:"trebuchet ms", sans-serif; 
  color: #AAAAAA;
}
.catalogue_introduction {
  padding-top: 10px;
  padding-left: 45px;
  color: #333333;
}
.catalogue_contenu_milieu_td_lien {
  font-family:"trebuchet ms", sans-serif; 
  color: #000000;
}
.catalogue_couche_blanche {
	width:520px;
	height:320px;
/*	z-index:7; */
	background-color:#FFFFFF;
	padding: 10px;
	/* left: 20%;
	top: 8%;
	right: auto;
	bottom: auto; */
	position: absolute;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #666666; 
}
.catalogue_couche_blanche_titre {
  text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009dc2; /* #00529B; bleu trop clair */
	background-color: #F0F0F6;
	height: 30px;
	width: 420px;
	text-indent: 10px;
	line-height: 29px;
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 7px;
	clear: both;
}
.catalogue_couche_blanche_label {
  margin-left: 40px;
  margin-bottom: 7px;
  margin-top: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 15px;
  text-align: right;
  width: 150px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #666666;
  /*border:solid green 1px;*/
}
.catalogue_couche_blanche_label_centre {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 25px;
  text-align: center;
  height: 35px;
  width: 150px;
}

/* ***** Spécifique aux demandes publiques - Vincent 20080702 **/

.titre_paragraphe {
	color: #009dc2;
	font-size: 18px;
	text-align: left;
	/*float: right;*/
	padding-left: 30px;
	padding-top: 18px;
	padding-bottom: 3px;
}
.demandepublique_paragraphe {
  font-size: 12px;
  padding-top: 10px;
}
.demandepublique_introduction {
  padding-top: 10px;
  padding-left: 45px;
  padding-right: 55px;
  margin-right: 0px;
  color: #333333;
  line-height: 16px;
}
.demandepublique_paragraphe a{
  text-decoration:underline;
  color:#009dc2;
  font-weight:bold;
  /* background:url(http://www.carutil.com/pieces-detachees/images/public.gif) bottom left repeat-x; */   
}
.demandepublique_grosbouton_out {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.demandepublique_grosbouton_in, .demandepublique_grosbouton_in a {
  font-size: 16px;
  background:#009dc2;
  color:#ffffff;
  padding-left: 15px;
  padding-right: 15px; 
  line-height:25px;
}
.demandepublique_encadre_table {
  padding-top:331px !important;  /* workaround: cette ligne est pour IE7 et Firefox */;
  padding-top:0px !important!; /* workaround: cette ligne est pour IE7 (écrase la ligne précédente)*/
  padding-top:331px;             /* ligne pour IE6 */
  padding-left:-827px;
}
.demandepublique_encadre {
  margin-top: 10px;
  text-align: left;
  margin-right: 30px;
  margin-bottom: 10px;
  border: #D3D3D3 solid 1px;
}
.demandepublique_encadre_titre {
  font-size: 13px;
  background:#B3B3B3;
  color:#ffffff;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
  line-height:20px;
}
.demandepublique_encadre_ligne a{
  font-size: 12px;
  color:#009dc2;
  line-height:20px;
  padding-left: 10px;
}
.demandepublique_encadre_ligne:hover, .demandepublique_encadre_ligne a:hover{
  font-size: 12px;
  background:#D3D3D3;
  color:#009dc2;
}
.demandepublique_grosbouton_annexe_out {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
  /*margin-right:25px;*/
}
.demandepublique_grosbouton_annexe_in, .demandepublique_grosbouton_annexe_in a {
  font-size: 16px;
  /*background:#D3D3D3;*/
  background:#009dc2;
  color:#ffffff;
  padding-left: 20px;
  padding-right: 20px; 
  line-height:25px;
}
/* Bouton: autre piece auto/autre marque */
.demandepublique_grosbouton_autre_piece_auto_out {
  margin-top: -30px;
  text-align: right;
  margin-bottom: 1px;
  margin-right:25px;
  float:right;
	/* border: solid blue 1px;	*/
}
.demandepublique_grosbouton_autre_piece_auto_in, .demandepublique_grosbouton_autre_piece_auto_in a {
  font-size: 16px;
  /*background:#D3D3D3;*/
  background:#009dc2;
  color:#ffffff;
  padding-left: 20px;
  padding-right: 20px; 
  line-height:25px;
}