/*

Feuille de style CSS pour e-toiture
Créé le 19 juin 2007


Sommaire :
0. EXPLICATIONS

1. UTILS

2. CONTAINER
	2.1 Global
	2.2 test1.html et test2.html
	2.3 test3.html et test5.html
	2.4 test4.html
	2.5 Mon choix

*/

/*-------------------------------------------------------------------/
>>>>>>>>>>>>>>>>>>>>>>>>>>> 0. EXPLICATIONS 
/-------------------------------------------------------------------*/

		/*
			Le principe général de la conception de cette feuille de style 
			est d'avoir un div#container avec une classe par maquette différente
			afin de faciliter l'ajout de nouvelle maquette ou pour modifier une maquette existante
			sans risquer de modifier les autres.
			
			C'est une règle générale qui a des exceptions notamment dans la partie >>>>> 2.3 test3 et test5 
			- le titre est identique pour m3 et m4
			- la maquette pour test5.html est liée à la maquette test3.html (m3)

			A part ces regroupements, l'idée est d'utiliser les mêmes classes .text, .pix pour des maquettes différentes afin d'harmoniser 
			le code html d'une maquette à l'autre, les différences étant gérées dans la feuille de style.
			
			Chaque maquette est donc ciblée en utilisant div.m1 pour la maquette 1
			et div.m2 pour la maquette 2, etc.
			
			A l'intérieur de chaque partie, lorsque l'élément est utilisé une seule fois
			un id est utilisée, et lorsque l'élément est réutilisable les classes sont indispensables.
		*/

/*-------------------------------------------------------------------/
>>>>>>>>>>>>>>>>>>>>>>>>>>> 1. UTILS 
/-------------------------------------------------------------------*/

/* Spacer pour "clearer" les float */
div#container .spacer {
	clear: both;
}
div#container .spacer hr {
	display: none;
}
/* Mise en forme des liens */
div#container a {
	text-decoration: none;
}
div#container a:link {
	color: #005495;
}
div#container a:visited {
	color: #005495;
}
div#container a:hover {
	color: #005495;
}
div#container a:active {
	color: #005495;
}

/* Suppression des puces pour les listes */
div#container ol, div#container ul {
	list-style: none;
}

/* Suppression des bordures */
div#container img {
	border: 0 none;
}
/*-------------------------------------------------------------------/
>>>>>>>>>>>>>>>>>>>>>>>>>>> 2. CONTAINER
/-------------------------------------------------------------------*/

/*>>>>> 2.1 Global */
div#container {
	margin-left: 0px;
	margin-top:30px;
	height: auto !important;
	height: auto;
	float: left;
	width: 1024px;
	font-size: 100%;
	overflow: visible;
	
	/*width: 770px;
	height: 100% !important;
	height: 100%;*/
	
	
	/*font-family: Arial, Helvetica, sans-serif;*/
}

	h1#titre {
		margin: 0;
		font-size: 2.20em;
		padding: 1.1em 0 0 0.75em;
		color: #fff;
	}
	div.contents {
		margin-bottom: 1.5em;
		font-size: 1.2em;
		line-height: 1.5em;
		margin-top: 20px;	
		/* rajout */
		overflow: visible;
		height: auto !important;
		height: auto;
	}
	div.texte_large{
	padding-right: 30px;
	}
	div.text p {
		/*font-size: 1.2em;*/
		line-height: 1.3em;
	}
	

/*>>>>> Partie CONNAITRE     ----*/
	div.m1 #titre, div.m4 #titre {
		width: 722px;
		height: 90px;
		background: #fff url(../_images/commun/bg_titre_m3.jpg) no-repeat top left;
	}
	div.m1 #intro {
		color: #005495;
		font-size: 1.5em;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 2em;
		margin-top: 20px;
/*border: red 1px solid;*/
	}
	div.m1 #intro p.encart-right {
		float: right;
		margin-left: 20px;
		width: 130px;
		margin-top: 10px;
	}
	
	div.m1 #intro p {
		margin:0px;
		padding:0 30px 0 0;
	}
			
			/*------------  AJOUTS ------------*/
			div.m1 strong{
				color: #005495;
			}
			/*---------- zone texte sans photo ------*/
			/*div.m1 .intro2 {
				color: #000;
				font-size: 1.3em;
				margin-bottom: 2em;
				margin-top: 20px;
				float: left;
				width:100%;	
					
			}
			div.m1 .intro2 p{
				padding-right: 30px;
				text-align:left;
			}
			div.m1 .intro2 h2 {
				color: #c0521d;
				font-size: 1.3em;
			}
			div.m1 .intro2 img{
				float:left;
				margin-right:20px;
				margin-bottom:5px;
			}*/
			/* 2 PHOTOS PETIT TEXTE GAUCHE---*/
			div.m1 .pix2 {
				float: left;
				width: 260px;
				height: auto;
				margin-right: 20px;
			}
			div.m1 .text2 {
				float: left;
				width: 190px;
			}
			div.m1 .text2 h2 {
				color: #005495;
				margin: 0;
			}
			div.m1 .text2 p {
				margin-top: 0;
			}
			div.m1 #conclusion {
				color: #000;
				font-size: 1.3em;
				padding-right: 30px;
				padding-bottom: 1em;
			}
			/*-----------------------------------*/
		div.m1 .text {
			float: left;
			width: 435px;
			padding-right: 30px;
		}
				
			div.m1 h2 {
				font-size: 1.3em;
			}
			div.m1 .text h2 {
				font-size: 1.3em;
				color: #c0521d;
			}
			
			div.m1 h3{
			font-size: 1.2em;
			color: #005495;
			padding-top: 8px;
			font-weight: normal;	
		}
			div.m1 .text p {
				margin: 1.3em 0;
			}
			div.m1 .text div.encart {
				margin: 1.5em 0;
				clear: both;
			}
				div.m1 .text div.encart img {
					width: 130px;
					/*height: 100%;*/
				}
				div.m1 .text div.encart p.encart-right ,div.m2 .text div.encart p.encart-right{
					float: right;
					margin-left: 20px;
					width: 130px;
					margin-top: 0;
				}
				div.m1 .text div.encart p.encart-right-pro ,div.m2 .text div.encart p.encart-right-pro{
					float: right;
					margin-left: 20px;
					margin-top: 0;
				}
				div.m1 .text div.encart p.encart-right-pro img ,div.m2 .text div.encart p.encart-right-pro img {
					width: 78px;
				}
				
				div.m1 .texte_large div.encart p.encart-right-pro ,div.m2 .texte_large div.encart p.encart-right-pro{
					float: right;
					margin-left: 20px;
					margin-top: 0;
				}
				div.m1 .texte_large div.encart p.encart-right-pro img ,div.m2 .texte_large div.encart p.encart-right-pro img {
					width: 78px;
				}
				
				div.m1 .text div.encart p.encart-left {
					float: left;
					margin-right: 20px;
					width: 130px;
					margin-top: 0;
				}
				div.m1 .text div.encart p.encart-left-pro {
					float: left;
					margin-right: 20px;
					margin-top: 0;
				}
				div.m1 .text div.encart p.encart-left-pro img ,div.m2 .text div.encart p.encart-right-pro img {
					width: 78px;
				}
				div.m1 .texte_large div.encart p.encart-left-pro ,div.m2 .texte_large div.encart p.encart-left-pro{
					float: left;
					margin-right: 20px;
					margin-top: 0;
				}
				div.m1 .texte_large div.encart p.encart-left-pro img ,div.m2 .texte_large div.encart p.encart-left-pro img {
					width: 78px;
				}
				
		div.m1 .pix {
			float: left;
			width: 261px;
			margin-right: 10px;
		}
			div.m1 .pix p {
				margin: 0;
			}
			div.m1 .pix p img {
				overflow: visible;
				width:260px;
				height:230px;
				float:right;
				/*clear: both;*/
			}
			/*div.m1 .pix .visuel p img {
				width: 260px;
				border: #F00 1px solid;
			}*/
/*-----------Partie AMENAGER m3   -----------*/
div.m3 #titre {
			width: 722px;
			height: 90px;
			background: #fff url(../_images/concevoir/bg_titre_m2.jpg) no-repeat top left;
		}
	div.m3 #intro,div.m2 #intro {
		color: #005495;
		font-size: 1.5em;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 2em;
		margin-top: 20px;
}
	div.m3 #intro p, div.m2 #intro p{
		margin:0px;
		padding:0 30px 0 0;
}
		div.m3 .text h2 {
				
				font-size: 1.3em;
				
				color: #c0521d;
			}
		div.m3 .pix {
			float: left;
			width: 260px;
			height: auto;
		}
			div.m3 .pix p {
				margin: 0;
			}
			div.m3 .pix .visuel img {
				width: 260px;
			}
			div.m3 .text div.encart {
				margin: 1.5em 0;
				clear: both;
			}
				div.m3 .text div.encart img {
					width: 130px;
					/*height: 100%;*/
				}
				div.m3 .text div.encart p.encart-right {
					float: right;
					margin-left: 20px;
					width: 130px;
					margin-top: 0;
				}
				div.m3 .text div.encart p.encart-left {
					float: left;
					margin-right: 20px;
					width: 130px;
					margin-top: 0;
				}
		div.m3 h3{
			font-size: 1.3em;
			color: #005495;
			padding: 0;
			font-weight: normal;
		}
		div#haut-poursuivNP {
			width: 373px;
			height: 77px;
			background: transparent url(../_images/amenager/poursuivre.gif) no-repeat top left;
		}
		div#haut-poursuivNew {
			width: 373px;
			height: 77px;
			background: transparent url(../_images/amenager/poursuivreNew.gif) no-repeat top left;
		}
		div#mil-poursuivNP {
			width: 373px;
			background: transparent url(../_images/amenager/fd_poursuivre.gif) repeat-y;
		}
			
		div#bas-poursuivNP {
			margin: 0;
			width: 373px;
			height: 13px;
			background: transparent url(../_images/amenager/bas_poursuivre.gif) no-repeat top left;
		}
		p.poursuivreT {
			padding: 0 0 0 75px;
			margin: 0;
			margin-top: 1em;
			width: 280px;
		}
/*------------- partie CONCEVOIR m2 */
div.m2 #mode_emploiD .texte_base {
	font-size:9pt;
	color:#000;
	font-style:normal;
}
div.m2 #mode_emploiD .texte_base h3 {
	font-size:1.0em;
	color:#FFF;
	padding: 0;
}
div.m2 #mode_emploiD .texte_base strong {
	color:#000;
}
div.m2 #mode_emploiD .texte_base a.orange {
	color:#c0521D;
	text-decoration : none;
}

div.m2 #mode_emploiD .texte_base a.orange:visited{
	text-decoration : none;
	color:#7F7F7F;
}
div.m2 #mode_emploiD a.texte_base{
	text-decoration: none;
}
div.m2 #mode_emploiD a.texte_base:link, a.texte_base:visited, a.texte_base:hover{
	color:#000;
	text-decoration: none;
}
div.m2 #mode_emploiD a.sml_orange {
	color:#c0521D;
	font-size:7pt;
	text-decoration : none;
}
div.m2 #mode_emploiD .noirBold{
	font-size:0.8em;
	color: #000;
	font-weight:bold;
	font-style:normal;
}
div.m2 #mode_emploiD h3.espace_perso {
	font-size:0.9em;
	color: #FFF;
	font-style:normal;
}

div.m2 #mode_emploiD .td_parcours h3 {
	font-size:1.0em;
	color:#FFF;
	padding: 0;
}
div.m2 #mode_emploiD .td_parcours h3 a.lien_parcours {
	color:#FFF;
	padding: 0;
}
div.m2 #mode_emploiD .td_marg35{
	padding-left:35px;
}
div.m2 #mode_emploiD .td_marg35 h3 {
	color:#FFF;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;	
}
div.m2 #mode_emploiG h1{
	margin-top:15px;
	margin-left:5px;
}


div.m2 .nomParcours{
	padding-left:18px;
	background:url(../_images/commun/picto_monParcours.gif) no-repeat left top;
	font-weight:bold;
	font-size:1.4em;
	color: #c0521d;
}

		/* titre et blocs textes selon gabarit*/
		div.m2 #titre {
			width: 722px;
			height: 90px;
			background: #fff url(../_images/concevoir/bg_titre_m2.jpg) no-repeat top left;
		}
		/***------Ajout-----------*/
		div.m2 h3 {
			font-size: 1.3em;
			color: #c0521d;
			padding: 1.1em 0 1.1em 0em;
		}
		div.m2 .intertitre {
			color: #000;
			/*margin-bottom: 1em;*/
			font-size: 1.3em;
			float: left;
			width:100%;	
			padding:0px;
			/*border: #000 1px solid;*/		
		}
		div.m2 .intertitre p{
			padding-right: 30px;
			text-align:left;
		}
		
			div.m2 .intertitre h2 {
			color: #c0521d;
			font-size: 1.6em;
			padding:5px 0 0px 0;
			
			}
			div.m2 .option{
			float:left;
			padding:0px;
			width:100%;
			/*border: red 1px solid;	*/
		}
			div.m2 .option h2 {
			color: #999;
			font-size: 1.7em;
			font-weight:normal;
			font-style:italic;
			padding:5px 0 10px 28px;
			/*margin-left:275px;*/
			background: #fff url(../_images/concevoir/picto_attention.jpg) no-repeat 0px 4px;
			}
			div.m2 strong{
			color: #005495;
		}
		/*-------*/
		div.m3 .text, div.m1 .text {
			float: left;
			width: 60%;
			padding-right: 0px;
			padding-left: 20px;
		}
		div.m2 .text {
			float: right;
			width: 60%;
			margin-right : 100px;
			padding-right: 30px;
		}
		
			div.m2 .text h2 {
				padding-left: 4px;
				font-size: 1.3em;
				background: transparent url(../_images/commun/puce.png) no-repeat top left;
				color: #005495;
			}
				div.m2 .text h2 span {
					color: #fff;
					padding-right: 1ex;
				}
			div.m2 .text p {
				margin: 1em 0;
			}
			
		/* visuel */
		div.m2 .pix {
			float: left;
			width: 260px;
			height: auto;
		}
			div.m2 .pix p {
				margin: 0;
			}
			div.m2 .pix .visuel img {
				width: 260px;
			}
			
			/* AVIS EXPERT */
			div.m2 .pix .avis-expert {
				margin-top: 0.5em;
				width: 260px;
				height: 76px;
				background: transparent url(../_images/commun/bg_avis_expert.png) no-repeat top left;
				/*display: none;*/
			}
				div.m2 .pix .avis-expert ul.details {
					float: left;
					text-align: center;
					padding: 0;
					margin: -3px 0 0 80px !important;
					margin-left: 35px;
				}
					div.m2 .pix .avis-expert ul.details li {
						float: left;
					}
					div.m2 .pix .avis-expert ul.details li h4 {	
							font-size: 0.8em;
							padding: 0 0.25em;
							color: #005495;
						}
					div.m2 .pix .avis-expert ul.details li img {
						}
					div.m2 .pix .avis-expert ul.infos {
					float: right;
					text-align: center;
					padding: 0;
					margin: 5px 10px 0 0;
				}
					div.m2 .pix .avis-expert ul.infos li {
						float: left;
					}
			div.m2 .contents .text  a.lienProduit:link, div.m2 .contents .text  a.lienProduit:hover, div.m2 .contents .text  a.lienProduit:visited, div.m2 .contents .text  a.lienProduit:active{

			float:right;
			clear: both;
			padding-left : 22px;
			display: block;
			background: #FFF url(/particuliers/_images/concevoir/picto_lien.gif) no-repeat 0 0px;
			}
			
			/*div.m2 a.lienProduit2:link{

			float:left;
			clear: none;
			padding-left : 22px;
			display: inline;
			
			background: #FFF url(/particuliers/_images/concevoir/picto_lien.gif) no-repeat 0 2px;
		}*/
		

/*>>>>> 2.4 test4 */
	div.m4 div.contents {
		margin-bottom: 20px;
		width: 100%;
	}
		div.m4 #intro {
			color: #000;
			font-size: 1.3em;
			margin-bottom: 3em;
		}
			div.m4 #intro h2 {
				color: #c0521d;
				font-size: 1.4em;
			}
			div.m4 #intro p {
				padding-right: 30px;
			}
		div.m4 .text {
			float: left;
			width: 190px;
		}
			div.m4 .text h2 {
				color: #005495;
				margin: 0;
			}
			div.m4 .text p {
				margin-top: 0;
			}
		div.m4 .pix {
			float: left;
			width: 261px;
			height: auto;
			margin-right: 20px;
		}
			div.m4 .pix p {
				margin: 0;
			}
			div.m4 .pix img {
				width: 261px;
			}
		div.m4 #conclusion {
			color: #000;
			font-size: 1.3em;
			padding-right: 30px;
			padding-bottom: 1em;
		}
		
/*>>>>> 2.5 Mon choix */	
	div#mon_choix {
		width: 373px;
		margin: 0 auto;
		/*display: none;*/
	}
		div#mon_choix form {
			margin: 0;
			padding: 0;
		}
		div#mon_choix ul {
			margin: 0 5px 0 50px;
			padding: 0;
		}
		
		/*--------------------------*/
			div#mon_choix ul label {
				margin-left: 0.3em;
				padding-left: 3px;
				font-size: 1.3em;
				font-weight: bold;
				color: #005495;
			}
			div#mon_choix li {
				background: transparent url(../_images/commun/puce2.png) no-repeat 27px 6px;
			}
			/*------------------------*/
			div#mon_choix li.choix_titre {
				font-size: 1.3em;
				font-weight: bold;
				color: #005495;
				font-variant: small-caps;
				background:transparent;
					}
				/*--------------------------*/

				div#mon_choix ul label span {
					color: #fff;
					padding-right: 1em;
					font-size: 0.8em;
				}
		p.choix_perso {
			padding: 0 0 0 75px;
			margin: 0;
			margin-top: 1em;
			font-weight: bold;
			width: 280px;
		}
		div#hdr_mon_choix {
			width: 373px;
			height: 77px;
			background: transparent url(../_images/commun/hd_mon_choix.png) no-repeat top left;
		}
		div#sd_mon_choix {
			width: 373px;
			background: transparent url(../_images/commun/sd_mon_choix.png) repeat-y;
		}
			input#fld_mon_choix {
				background: transparent url(../_images/commun/bg_field_mon_choix.png) repeat-x;
				border: 0 none;
				width: 255px;
			}
			input#ok_mon_choix {
				vertical-align: bottom;
			}
		div#btm_mon_choix {
			margin: 0;
			width: 373px;
			height: 13px;
			background: transparent url(../_images/commun/bt_mon_choix.png) no-repeat top left;
		}
		
/*>>>>> partie RECAPITULATIF */		
/* titre et blocs textes selon gabarit*/
		div.recap #entete {
			padding: 0;
			/*border: #000 1px solid;*/
			width: 300px;
			height: 80px;
			color: #000;
			/*background: transparent url(/particuliers/_images/concevoir/picto_maison_L.gif) no-repeat 2.1em left;*/
			background: #FFF url(/particuliers/_images/concevoir/picto_maison_L.gif) no-repeat 1px 25px;
		}
		div.recap #titre {
			padding: 0.9em 0 0 2.75em;
			color: #C0521D;
		}
		div.recap #sstitre {
			padding: 0.2em 0 0 5.65em;
			font-size: 1.1em;
			color: #7F7F7F;
 			font-variant: small-caps;
			float:left;
			width:500px;
		}
		div.recap #nom_parcours {
			padding: 0.2em 0 0 6.05em;
			color: #C0521D;
			float:left;
			width:980px;
		}
		div.recap #ss-entete {
			width:750px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			color: #c0521d;	
			font-size:1px;
			line-height:0px;
			display:none;
			height:
		}
	
		ul#btn_fonction {
			margin:0px;
			padding:0px;	
			display: inline;
			bottom:0px;
		}
		div#ss-entete  form.formBas{
			margin:0px;
			padding:0px;
		}
		ul#btn_fonction li{
			float:right;
			clear:none;
			display:inline;
			margin:0px;
			padding:0px;
			bottom:0px;
			height:36px;
		}
		ul#btn_fonction img {
			display:inline;
			margin:0px;
			padding:0px;
			bottom:0px;
			height:36px;
		}
		
		div.recap div.contents {
			width:980px;
			margin: 0 0 1px 0;
			padding : 0 30px 0 0;
			color: #000;
			background-color: #FFF;
			font-size: 1.2em;
			font-weight: normal;
		}
		
		div.lot {
			height: 30px;
			border: #000 1px solid;
			border-left: #c0521d 5px solid;
			background-color: #F9EDE8;
			cursor:hand; 
			cursor:pointer;

			/*cursor:pointer;*/
			/**/
		}
		
		
		div.lot p {
			font-size: 1.0em;
			margin:0.1em 0 0 0;
			float:left;
		}
		div.lot img {
			margin:0.3em 0.3em 0 0;
			float:right;
			display:none;
		}
		div.lot .titre_lot {
			color: #c0521d;
			font-size: 1em;
			font-weight: bold;
			margin: 0 0 0 1.0em;
		}
		div.lot .texte_lot {
			color: #000;
			font-size: 0.9em;
			font-weight: normal;
			margin: 0 0 0 1.0em;
		}
		
		div.lot .texte_lotG {
			color: #000;
			font-size: 0.9em;
			font-weight: bold;
			margin: 0 0 0 1.0em;
		}
		
		div.recap div.spacer {
			height: 0px;
			clear: both;
		}
		div.recap div.spacer-pagebreak {
			height: 0px;
			clear: both;
		}
		div.recap div.spacer hr {
			display: none;
		}
		div.recap div.spacer-pagebreak hr {
			display: none;
		}
		
		div.recap #texte_charpente, #texte_ouverture, #texte_isolation, #texte_sstoiture, #texte_couverture, #texte_solaire, #texte_accessoire, #texte_p_eep {
			/*margin: -1px 1em 0 0;*/
			/*height:150px;*/
			display: block;
			float:left;
			background: #FFF url(/particuliers/_images/concevoir/ombre_recap.jpg) repeat-x 0 0;
			border: #000 1px solid;
			/*border-top: #FFF 1px solid;*/
		}
		
		div.recap #texte_elmporteur, #texte_usage, #texte_support, #texte_etancheite, #texte_isolation, #texte_ouverture, #texte_t_eep, #texte_securite {
			/*margin: -1px 1em 0 0;*/
			/*height:150px;*/
			display: block;
			float:left;
			background: #FFF url(/particuliers/_images/concevoir/ombre_recap.jpg) repeat-x 0 0;
			border: #000 1px solid;
			/*border-top: #FFF 1px solid;*/
		}
		div.titre_encart{
			height:28px;			
			padding: 3px 0 0 35px;
			margin:0px;
			color: #C0521D;
			font-size: 1.1em;
 			font-variant: small-caps;
			font-weight:bold;
		}
		div.doc div.titre_encart{
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_doc_table.gif) no-repeat 0 0;
		}
		div.avantages div.titre_encart{
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_avantage_table.gif) no-repeat 0 0;
		}
		div.savoir div.titre_encart{
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_plus_table.gif) no-repeat 0 0;
		}
		div.inconvenients div.titre_encart{
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_desavantage_table.gif) no-repeat 0 0;
		}
		div.text_encart {
			
			border-left: #C0521D 1px solid;
			background-color:#f9ede8;
		}
		div.text_encart p{
			padding:0 0 0 10px;
			margin:0px;
		}
		div.recap#container div.intro{
			float:left;
			width:700px;			
			margin: 8px;
		}
		div.recap#container div.intro a:link{
			color:#000;
			text-decoration : underline;
		}
		div.recap#container div.intro a:hover{
			color:#C0521D;
			text-decoration : underline;
		}
		div.doc, div.avantages {
			float:left;
			width:470px;			
			margin: 8px;
		}
		div.savoir, div.inconvenients{
			float:right;
			width:470px;			
			margin: 8px;
		}
		
		div.recap#container div.savoir a.savoir_lien_ext:link{
			float:left;
			clear: none;
			padding-left : 25px;
			color:#000;
			display: inline;
			text-decoration : underline;
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_lien.gif) no-repeat 0 2px;
		}
		div.recap#container div.doc a:link{
			line-height : 30px;
			padding-left : 35px;
			padding-top:10px;
			color:#000;
			height:30px;
			text-decoration : underline;
			background: #f9ede8 url(/particuliers/_images/concevoir/picto_doc.gif) no-repeat top left;
		}
		div.recap#container div.savoir a:hover, div.recap#container div.doc a:hover{
			text-decoration : none;
			color: #C0521D;
		}
		div.savoir div.text_encart, div.doc div.text_encart{
			height:100px;
		}
		div.savoir img{
			margin-right: 25px;
			float:right;
			clear: none;

		}
		div#finir form.formBas{
			width:980px;
			padding:0px;
			margin:0px;
		}
		div#finir form.formBas #envoyer{
			float:right;
			padding:0px;
			margin:0px;
		}
		div#texte_accessoire div.acc_sstitre{
			display:block;
			padding-left:10px;
			background: #b3b3b3 url(/particuliers/_images/concevoir/ombre_recapAcc.jpg) repeat-x 0 0;
			
			color:#fff;
			font-size: 1.1em;
 			font-variant: small-caps;
			font-weight:bold;
		}
		div#texte_accessoire div.acc_sstitre span.selection{
			font-variant: normal;
			color:#000;
		}
/*-----------------------------------------------------------------------------------------*/
/*                        RECHERCHE PRO
-------------------------------------------------------------------------------------*/




		div.recherche_pro div.contents {
			width:530px;
			padding : 0 30px 0 0;
			color: #000;
			background-color: #FFF;
		}
		div.recherche_pro #critere{
			display:block;
			
			background: #f9ede8 url(/particuliers/_images/concevoir/picto-rechPro.gif) no-repeat 0 0;
			height:41px;			
			padding: 5px 0 0 55px;
			margin:0;
			color: #C0521D;
			font-size: 1.1em;
		}
		div.recherche_pro #corps_crit{
			height:140px;
			background: #f9ede8;
			border-left: #C0521D 1px solid;
			border-bottom: #C0521D 1px solid;
		}
		div.recherche_pro #entrepreneurs li{
			list-style: none;
			font-size: 0.8em;
			float:left;
			width:220px;
			padding:0px;
			margin:0px;
		}
		div.recherche_pro #oeuvre li, div.recherche_pro #ecoles li{
			list-style: none;
			font-size: 0.8em;
			padding:0px;
			margin:0px;
		}
		div.recherche_pro div.spacer {
			height: 15px;
			clear: both;
		}
		div.recherche_pro div.spacer hr {
			display: none;
		}
		div.recherche_pro #votre_rech{
			display:block;
			background: #f9ede8 url(/particuliers/_images/concevoir/picto-coinTab-criteres.gif) no-repeat 0 0;
			height:41px;			
			padding: 3px 0 0 50px;
			margin:0;
			color: #C0521D;
			font-size: 1.1em;
		}
		div.recherche_pro #corps_crit p{
			font-size: 0.8em;
			line-height:0.8em;
			font-weight:bold;
			padding : 0 0 0 25px;
		}
		div.recherche_pro #corps_crit .submit{
			float:right;
			margin : 0 30px 0 0 ;
		}
		div.recherche_pro #corps_resultat{
			height:90px;
			background: #f9ede8;
			border-left: #C0521D 1px solid;
			border-bottom: #C0521D 1px solid;
		}
		
		div.recherche_pro .coordon{
			margin: 0 0 0 55px;
			padding : 5px 32px 5px 5px;
			
			width:390px;
			font-size: 0.8em;
			color: #C0521D;
			background-color:#fdf8f6;
		}
		div.recherche_pro .double{
			float:left;

			margin-right:5px;
		}
		div.recherche_pro .adroite{
			float:right;
			clear:none;
		}
		div.recherche_pro .agauche{
			float:left;
			clear:none;
		}
		div.recherche_pro .coordon .spacer{
			margin:0px;
			height:5px;
			line-height:0px;
			font-size:1px;
			background: #fdf8f6 url(/particuliers/_images/pro/hr.gif) no-repeat bottom center;
		}
		
		
		
		
		
		
		
		
		
		
	div.recherche_pro #nbreRep{
		font-size: 0.8em;
	}
	div.recherche_pro #nbreRep strong{
		color: #C0521D;
	}
	div.recherche_pro #resultPages{
		float:right;
		height:15px;
		clear:none;
		color:#7F7F7F;
		font-size: 0.8em;
	}

div.recherche_pro #resultPages a:link, div.recherche_pro #resultPages a:visited {
	text-decoration:none;
	color:#b3b3b3;
	font-weight:bold;
	font-size:1.2em;
}
div.recherche_pro #resultPages a:hover{
	background-color:#b3b3b3;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
div.recherche_pro #resultPages span.pagination{
	background-color:#b3b3b3;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
div.recherche_pro #newRech a:link, div.recherche_pro #newRech a:visited{
	text-decoration:none;
	font-weight:bold;
	float:left;
	color:#C0521D;
	font-size: 1em;
}
div.recherche_pro #newRech a:hover{
	text-decoration:underline;
}
/*------------Plan du Site-----------------*/
div#container.planduSite h1{
	margin-top:15px;
	margin-left:5px;
}
div#container.planduSite img{
	border:0px;
	vertical-align: middle;
	margin-right:10px;
	margin-bottom:5px;
}
div#container.planduSite h2.rub a:link, div#container.planduSite h2.rub a:visited{
margin-left:100px;
	line-height:30px;
	font-size: 1.2em;
	color: #c0521d;
	margin-top:15px;
	margin-bottom:5px;
text-decoration:none;
}
div#container.planduSite h2.rub a:hover{
text-decoration:underline;
	
}
div#container.planduSite h3.rub a:link, div#container.planduSite h3.rub a:visited{
	line-height:25px;
	font-size: 1.3em;
	color: #c0521d;
	margin-left:180px;
	margin-top:5px;
	margin-bottom:5px;
text-decoration:none;
}
div#container.planduSite h3.rub a:hover{
text-decoration:underline;
}
div#container.planduSite h4.rub a:link, div#container.planduSite h4.rub a:visited{
	line-height:30px;
	font-variant: normal;	
	font-weight:normal;
	font-size: 1em;
	color: #c0521d;
	margin-left:230px;
	margin-top:5px;
	padding-bottom:15px;
text-decoration:none;
}
div#container.planduSite h4.rub a:hover{
text-decoration:underline;
}
div#container.planduSite .filet{
margin-left:270px;
padding-left:30px;
	border-left:#b7b7b7 1px solid;
}
div#container.planduSite h5.rub a:link, div#container.planduSite h5.rub a:visited{
	line-height:18px;
	font-weight:normal;
	text-decoration:none;
	font-size: 0.8em;
	color: #000;
	
}
div#container.planduSite h5.rub a:hover{
	text-decoration:underline;
}
/*--------Documentation-------------------------------*/
div.documentation h1 {
	margin-top:15px;
	margin-left:5px;
}
div.documentation p{
	line-height:25px;
	font-size: 1.3em;
	color: #c0521d;
	margin-left:50px;
	margin-top:5px;
	margin-bottom:5px;

}
div.documentation a:link,div.documentation a:visited{
			margin-left:30px;
			font-size: 0.8em;
			line-height : 30px;
			padding-left : 35px;
			padding-top:10px;
			color:#000;
			height:30px;
			text-decoration : underline;
			background: url(/particuliers/_images/concevoir/picto_documentation.gif) no-repeat top left;

}
div.documentation a:hover{
	text-decoration :none;
}
/*---lexique-----*/
div.lexique h1 {
	margin-top:15px;
	margin-left:5px;
}

div.lexique h2.orangeh1 {
	margin-top:15px;
	margin-left:5px;
}

div.lexique #mode_emploiD a.retour{
	color:#c0521D;
	font-weight: bold;
	font-size:10pt;
}
div.lexique #mode_emploiD a.retour{
	text-decoration : none;
}
div.lexique #mode_emploiD a.index_lexique{
	padding-left: 15px;
	float: left;
	display: inline; 
	font-size: 14pt;
	font-weight:bold;
	letter-spacing:2px;
	color:#c0521D;
	background-image: url(/particuliers/_images/concevoir/fleche_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
div.lexique  #mode_emploiD a.listeIndex{
	color:#000;
}
div.lexique  #mode_emploiD a.index_lexique, div.lexique #mode_emploiD a.listeIndex{
	text-decoration: none;
}
div.lexique #mode_emploiD a.index_lexique:hover, div.lexique #mode_emploiD a.listeIndex:hover{
	text-decoration: underline;
}
div.lexique  #mode_emploiD .liste_lettre{
	
	padding-left:100px;
	height:300px;
	width:450px;
	background-image: url(/particuliers/_images/lexique/lexique_illustration_fd.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0px;
}
div.lexique #mode_emploiD #texte_lexique a{
	color:#c0521D;
	text-decoration : none;
}
div.lexique #mode_emploiD #texte_lexique a:visited{
	color:#7F7F7F;
}
div.lexique #mode_emploiD #texte_lexique a:hover{
	text-decoration : underline;
}

div.lexique #mode_emploiD .texte_base {
	font-size:9pt;
	color:#000;
}

div.lexique #mode_emploiD .texte_base h1 {
	margin-top:0px;
	margin-left:0px;
	font-size:12pt;
}