body, body div, body p, body th, body td, body li, body dd { 

   font-size: x-small; 

   voice-family: "\"}\""; 

   voice-family: inherit; 

   font-size: small; 

}



html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd { 

   font-size: small; 

}


@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	behavior: url(../iepngfix.htc);
}
img{
border:0;}
div, dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
behavior: url("iepngfix.htc");
}

body {
background-color:#e9e8e8;
font-family:"Arial", Helvetica, sans-serif;
}
  #contener{
  margin-top:0;
  position:absolute;
  margin-left: -460px;
  left:50%;
  width: 920px;
  background:#FFFFFF;
  }
	#bandeau{
	width:920px;
	height:147px; 
	position:absolute;
	}
/*-----------------------------------MENU------------------------------------ */
	.menu {
	width: 920px;
	float: left;
	font-size:12px;
			}
			.fond_coul {
			margin-top:147px;
			width: 920px;
			height:22px;
			position:absolute;
			border-top:1px #272322 solid;
			background-color:#e9e8e8;
			}
			.menu dl {
			padding-top:4px !important;
			padding-top:0;
			width:129px;
			float: left;
			text-align:center;
			height:22px;
			
			}
				.menu dt {
				cursor: pointer;
				width:129px;
				margin-top:-5px;
					
				}
.hasJS .menu .Cache {display:none;}



				.menu dl a{
				color:#332f2d;
				text-decoration:none;
				}
				.menu dl a:hover{
				color:#cc0432;
				text-decoration:none;
				}
				.menu dd {
				width:129px;
				
				}
				.menu li {
				text-align: center;
				border-top:1px solid #e9e8e8;
				font-size:12px;
				-height:15px;
				}
				.menu dd {
				text-align: center;
				}
				
				.menu li a, #menu3 dt a {
				color: #ffffff;
				text-decoration: none;
				display: block;
				height: 100%;
				border: 0 none;padding:2px 0 2px 0;
				}
				.menu li a:hover{
				color:#ffffff;
				}
					dd{
					margin-top:5px !important;
					margin-top:4px;
					background: transparent url("../images/fondTR.png") repeat;
					width:129px;
					}
					
						dd a{
						color:#3f3b3a;
						}
						dd li  a:hover{
						background:#b1082e;
						
						}	
#ssmenu2{
position:absolute;
margin-top:-20px !important;
}
.level2 { 
background: transparent url("../images/fondTR_level2.png") repeat;
z-index:333333;
margin-left:129px;
width:129px;
}				
/*-----------------------------------centre du site------------------------------------ */					
	#centre{
	?padding-top:170px;
	width: 920px;
	background:#ffffff;
	margin-top:170px;
	}
			
		#colonne_left{
		position:inherit;
		width: 240px;
		height:auto;
		float:left;
		margin-left:5px;
		padding-top:3px;
		}
			#colonne_left p{
			font-size:11px;
			width:167px;
			color:#fff;
			margin-bottom:5px;
			margin-left:8px;
			}
				.module_connexion_ok{
				font-size:12px;
				text-align:center;
				border:1px solid #34302e;
				margin-bottom:10px;
				}
					.module_connexion_ok a{
					color:#000000;
					text-decoration:none;
					}
					.module_connexion_ok a:hover{
					text-decoration:underline;
					}
				.module_recherche_radio label{
				font-size:12px;
				}
				.module_recherche{
				text-align:center;
				border:1px solid #34302e;
				}
					.module_recherche h2{
					font-size:12px;
					color:#FFFFFF;
					padding:0;
					margin:0;
					background:none;
					}
				.module_nuancier{
				margin-top:15px;
				}
					.module_nuancier img{
					border:0;
					}
					
				.module_panier{
				margin-top:15px;
				}
					
/*-----------------------------------include actus------------------------------------ */
		.actus{
		background:#fff;
		width: 238px;
		color: #332f2d;
		margin-top:10px;
		margin-bottom:10px;
		}
		.actus_titre {
		padding-top:5px;
		height:23px;
		width: 188px;
		background:#5a4f4a;
		color: #ffffff;
		text-align:center;
		float:left;
		border-bottom:4px solid #b1082e;
		}
			.actus img{
			float:left;
			border-bottom:4px solid #b1082e;
			}
		.actus h2 {
		background:#eaeaea;
		width: 230px;
		padding:4px;
		clear:both;
		color: #332f2d;
		font-size:12px;
		font-weight:normal;
		margin:0;
		
		}
			.actus  h2 a{
			text-decoration:none;
			color:#332f2d;
			}
			.actus  h2 a:hover{
			text-decoration:none;
			color:#b1082e;
			}
		.actus p{
		font-size:11px;
		color:#888888;
		margin:0;
		padding:0;
		}
			.actus p a{
			text-decoration:none;
			color:#888888;
			}
			.actus p a:hover{
			text-decoration:underline;
			color:#332f2d;
			}
		.actus_voir {
		padding-top:3px;
		padding-right:3px;
		height:15px;
		width: 235px;
		background:#5a4f4a;
		color: #ffffff;
		text-align:right;
		border-top:4px solid #b1082e;
		font-size:11px;
		}
			.actus_voir a{
			color:#ccc;
			text-decoration:none;
			}
			.actus_voir a:hover{
			color:#fff;
			text-decoration:none;
			}
			
	.fil_ariane{
	width: 920px;
	min-height:28px;
	height:auto !important;
	min-height:28px;
	border-top:1px #777777 solid;
	} 
		.fil_ariane p{
		margin: 0 0 0 270px;
		width: 640px;/*------IE6 le capricieux !------- */	
		font-size:12px;
		padding:5px 0 0 0;
		color:#777777;
		}
			.fil_ariane p a{
			color:#333;
			text-decoration:none;
			}
			.fil_ariane p a:hover{
			text-decoration:underline;
			}
		#zone_texte{
		width:640px;
		float:left;
		background:;
		margin-left:10px;/*------IE6 le capricieux !------- */	
		border-top:1px solid #cecccc;
		}
			.paragraphe{
			width:640px;
			float:left;
			margin-top:10px;
			padding-bottom:0;
			margin-bottom:0;
			
			}
		.contact_bas_page{
		width:634px;
		clear:left;
		background:#f0f0f0;
		border-top:1px solid #cecccc;
		padding:3px;
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
		}
			.contact_bas_page p{
			font-size:12px;
			}
/*------------------------------------Page nuancier------------------------------------- */
	#nuancier {
	float:left;
	}
		.titre_nuancier{
				width:640px;
				float:left;
				background:#b1082e;
				}
				.titre_nuancier h1{
					margin:5px 0 5px 0;
					padding:0;
					text-transform:uppercase;
					text-align:center;
					font-size:14px;
					color:#ffffff;
					}
		#nuancier img{
		width:130px;
		float:right;
		margin-right:30px;
		?margin-right:10px;
		margin-top:0px;
		}
		#nuancier h3{
		clear:left;
		width:222px;
		height:39px;
		background:url(../images/fondAspect.jpg) no-repeat ;
		font-size:15px;
		font-weight:bold;
		text-transform:uppercase;
		color:#FFFFFF;
		text-align:center;
		border:1px solid #fff;
		margin-top:40px;
		?margin-top:10px;
		margin-bottom:10px;
		}
			h3 .fd_titre_nuancier{
			margin-top:9px;
			display:block;
			}
				.registration{
				display:block;
				font-size:12px;
				margin-top:-22px;
				}
		#nuancier h2{
		font-size:13px;
		font-weight:normal;
		color:#000;
		text-align:left;
		margin-top:0;
		}
		#nuancier table{
		margin-top:10px;
		}
		#nuancier p{
		font-size:12px;
		font-weight:normal;
		color:#000;
		text-align:center;
		margin:0;
		padding:0;
		}
			.ref{
				color:#a48f87;
				}
/*-----------------------------------fenetres d'infos------------------------------------ */				

#bulle {
	text-align: center;
	border: 4px solid #272322;
	position: absolute;
	font-size:11px;
	z-index:1000;
	margin-left:-310px;
	margin-top:-10px;
	-margin-top:0px;
	-margin-left:-310px;
	height:60px;
	width:90px;
	display:none;
}
#bulle1, #bulle2, #bulle3 {
	background: none;
	text-align: center;
	position: absolute;
	font-size:11px;
	z-index:1000;
	margin-left:-330px;
	height:auto;

}
..picto_bulle {
	float:left;
}
	.picto_bulle img{
	float:left;
	margin:3px;
	}
	.txt_bulle {
	font-size:11px;
	clear:right;
	width:175px;
	margin-left:65px;
	margin-bottom:5px;
	background:none;
	text-align:left;
	}
	.txt_bulle a{
	color:#272322;
	text-decoration:none;
	}
	.txt_bulle a:hover{
	color:#b1082e;
	text-decoration:none;
	font-weight:bold;
	}
	
	
/*-----------------------------------gestion des textes du paragraphe seulement-----------------------------left : 35% ;
  bottom:40%;------- */	
.paragraphe  p{
font-size:12px;
}
  				.paragraphe ul{
				margin-top:5px;
				}
				.paragraphe li{
				margin:0;
				padding:0;
				font-size:12px;
				font-weight:normal;
				color:#696969;
				list-style-type:none;
				padding-left:10px;
				background:url(../images/puces.gif) left no-repeat ;
				}
/*-----------------------------------gestion des textes de la page résultat------------------------------------ */	
				.titre_resultat{
				width:226px;
				float:right;
				background:#b1082e;
				margin-bottom:3px;
				}
					.titre_resultat h1{
					margin:5px 0 5px 0;
					padding:0;
					text-transform:uppercase;
					text-align:center;
					font-size:12px;
					color:#ffffff;
					}
				.schema_global{
				width:230px;
				height:50px;
				float:right;
				background:url(../images/fd_shema_global.jpg) no-repeat;
				margin-top:10px;
				margin-bottom:6px;
				}
					.schema_global p{
					text-align:center;
					width:230px;
					margin:20px 0 0 0;
					padding:0;
					}
						.schema_global p a{
						color:#ffffff;
						text-decoration:none;
						}
						.schema_global p a:hover{
						text-decoration:underline;
						color:#ccc;
						
						}
				.conseil{
				width:226px;
				float:right;
				margin-top:10px;
				}
					.conseil h2{
					text-align:center;
					padding:2px 0 0 0 ;
					margin:0;
					background:url(../images/fd_titre_conseil.jpg) no-repeat;
					width:226px;
					height:20px;
					}
					.conseil p{
					width:216px;
					border-left:1px solid #4b4846;
					border-right:1px solid #4b4846;
					border-bottom:1px solid #4b4846;
					background:#f7e6ea;
					padding:4px;
					margin-bottom:6px;
					}
				.mise_en_oeuvre{
				width:226px;
				float:right;
				
				}
					.mise_en_oeuvre h2{
					text-align:center;
					padding:2px 0 0 0 ;
					margin:0;
					background:url(../images/fd_titre_mise_en_oeuvre.jpg) no-repeat;
					width:226px;
					height:20px;
					}
					.mise_en_oeuvre p{
					width:216px;
					border-left:1px solid #4b4846;
					border-right:1px solid #4b4846;
					border-bottom:1px solid #4b4846;
					background:#e9f5fb;
					padding:4px;
					}
.action img {
cursor:pointer;
}
.resultat_tableau_typo td{
font-size:11px;
}
.teintes_tableau a{
color:#999999;text-decoration:none;
}
.teintes_tableau a:hover{
color:#000;
}
/*-----------------------------------include intermédiaire------------------------------------ */
	#conteneur_resultat {
	width:640px;

	}
		.titre_conteneur_resultat{
		width:640px;
		background:#b1082e;
		height:25px;
		margin-top:8px;
		}
			.titre_conteneur_resultat h1{
			margin:5px 0 5px 0;
			padding:0;
			text-transform:uppercase;
			text-align:center;
			font-size:12px;
			color:#ffffff;
			}
			
		.pagination_conteneur_resultat{
		width:640px;
		background:#dfdfdf;
		height:15px;
		font-size:11px;
		text-align:center;
		clear:left;
		}
			.pagination_conteneur_resultat a{
			font-weight:bold;
			text-decoration:none;
			color:#000;
			}
			.pagination_conteneur_resultat a:hover{
			color:#b1082e;
			}
		.conteneur_bloc_resultat{
		width:640px;
		
		}
		.bloc_resultat{
		position:relative;
		width:188px;
		height:256px;
		float:left;
		background:url(../images/fd_bloc_resultat.gif) no-repeat;
		margin-top:10px;
		margin-bottom:10px;
		}
			.bloc_resultat img{
			border:0;
			}
			
			.bloc_resultat h2{
			color:#fff;
			font-size:11px;
			background:none;
			margin:0;
			padding:0;
			}
				.bloc_resultat h2 a{
				color:#fff;
				text-decoration:none;
				}
				.bloc_resultat h2 a:hover{
				color:#ccc;
				text-decoration:none;
				}
			.bloc_resultat p{
			color:#454545;
			font-size:10px;
			background:none;
			margin:0;
			padding:0;
			}
				.bloc_resultat p a{
				text-decoration:none;
				}
/*-----------------------------------Tableau de resultats------------------------------------ */	
#zone_texte  table{
clear:both;
}
table a{
text-decoration:none;
}
	.onglet{
	display:block;
	cursor:pointer;
	background:url(../images/bt_onglet.gif) no-repeat;
	width:138px;
	height:20px;
	padding-top:3px;
	}
		a .onglet{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		background:url(../images/bt_onglet.gif) no-repeat;
		}
		a:hover .onglet{
		background:url(../images/bt_onglet_hover.gif) no-repeat;
		width:138px;
		height:20px;
		}
		
#zone_texte  th img a:hover{
border:1;
}
#zone_texte  table{
clear:both;
}
	.ajout{
	display:block;
	cursor:pointer;
	background:url(../images/bt_ajout.gif) no-repeat;
	width:33px;
	height:43px;
	}
		a:hover .ajout{
		background:url(../images/bt_ajout_hover.gif) no-repeat;
		width:33px;
		height:43px;
		}

	.pictos{
	display:block;
	cursor:pointer;
	background:url(../images/picto_petit.gif) no-repeat;
	font-size:11px;
	width:52px;
	height:14px;
	text-align:left;
	}
		a .pictos{
		color:#e1e1e1;
		text-decoration:none;
		font-weight:normal;
		}
		a:hover .pictos{
		background:url(../images/picto_petit_hover.gif) no-repeat;
		
		width:52px;
		height:14px;
		color:#000;
		text-decoration:none;
		}
.surbrillance{
color:#fff;background:#b1082e;
}
/*-----------------------------------include intermédiaire------------------------------------ */
		.accordion_toggle {
		display: block;
		padding:3px;
		width: 634px;
		background:  #eaeaea;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 14px;
		color: #000000;
		border-bottom: 1px solid #272322;
		cursor: pointer;
		margin: 0 0 0 0;
		color:#272322;
		}
		.accordion_toggle_active {
		background:#cc0432;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
		}
		.accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		}
			.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
			}
			.accordion_content p {
			
			padding: 5px 10px 5px 10px;
			}
		.vertical_accordion_toggle {
		display: block;
		height: 30px;
		background:  #ccc;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #5a4f4a;
		cursor: pointer;
		margin: 0;
		color:#fff;
		}
		.vertical_accordion_toggle_active {
		background: #6e6e6e;
		color: #ffffff;
		border-bottom: 1px solid #cc0432;
		}
		.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		}
			.vertical_accordion_content p {
			padding:0;
			margin:0;
			}
		/*Horizontal Accordion*/
		.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		display: block;
		height: 100px;
		width: 30px;
		background: #5a4f4a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
		}
		.horizontal_accordion_toggle_active {
		background: #cc0432;
		border-right: 1px solid #f68263;
		}
		.horizontal_accordion_content {
		/* REQUIRED */
		/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
		}
			.horizontal_accordion_content p {
			width: 450px;
			padding:0;
			margin:0;
			}
	/* Container styling*/
    #horizontal_container {
    margin: auto;
    }
    #vertical_nested_container {
    width: 640px;
    }
/*-----------------------------------footer------------------------------------ */	
	#footer{
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 920px;
	height:25px;
	background:#e9e8e8;
	clear:left;
	}
		#footer img{
		width:120px;
		float:left;
		}
		#footer p{
		float:right;
		padding:0;
		margin:4px 0 0 0 ;
		font-size:11px;
		width:750px;
		}
			#footer p a{
			margin:0 ;
			}
		
		.denomination{float:left;}
		.liens{float:right;}
		
	#ref{
	background-color:#e9e8e8;
	width: 920px;
	clear:both;
	}
		#ref p{
		background-color:#e9e8e8;background:url(../images/barre_ref.gif) no-repeat;
		clear:left;
		margin:0;
		font-size:11px;
		padding:10px 0 0 0;
		color:#b3b2b2;
		}
		#ref p a{
		color:#b3b2b2;
		text-decoration:none;
		}
			#ref p a:hover{
			color:#828282;
			text-decoration:underline;
			}
/*-----------------------------------gestion des textes des paragraphes------------------------------------ */	
h1{
font-size:16px;
font-weight:bold;
text-transform: uppercase;
color:#000;
}

h2{
font-size:14px;
color:#333;
font-weight:bold;
padding-left:20px;
margin-top:5px;
background:url(../images/puce01.png) no-repeat 0px ;


}
	h2 a{
	text-decoration:underline;
	color:#000;
	}
	h2 a:hover{
	text-decoration:underline;
	color:#cc0432;
	}
p{
font-size:12px;
font-weight:normal;
color:#333;
margin-bottom:0px;
}
	p a{
	text-decoration:underline;
	color:#000;
	}
	p a:hover{
	text-decoration:underline;
	color:#cc0432;
	}
.legende_photo{
font:"Arial", Helvetica, sans-serif;
font-style:normal;
padding:2px 2px 2px 2px; font-size:11px;
}
#bloc_img_txt .images_left{
float:left;
min-width:165px;
height:auto;
margin-right:5px;
}
#bloc_img_txt .paragraphe{
float:left;
width:100%;
height:auto;
margin-top:5px;
margin-bottom:5px;
}
#bloc_img_txt .images_right{
float:right;
min-width:165px;
height:auto;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
}
.legende_photo{
background:#e9e9e9;
font-size:12px;
padding:2px;
text-align:left;
}
.tableau_img{
width:100%;
text-align:left;
}
.fd_page_metier{
background:url(../images/fd_pages_1.jpg) no-repeat top;
height:638px;
}
.images_metier img{
float:left;
margin-right:5px;
}
.fd_page_1{
background:url(../images/fd_pages_1.jpg) no-repeat top;
height:233px;
}
.fd_page_2{
background:url(../images/fd_pages_2.jpg) no-repeat top;
height:405px;
padding-top:5px;
}
/*-----------------------------------page inc_register = page_contact------------------------------------ */
.contact td{
height:35px;
}
.contact input{
float:left;
width:180px;
color:#666;
}
.contact select{
float:left;
width:180px;
color:#666;
}
.contact label{
float:left;
width:100px;
font-weight:normal;
text-align:right;
margin-right:3px;
}
.contact textarea{
float:left;
width:500px;
height:100px;
text-align:left;
color:#666;
}
.checkbox input{
width:25px;
}
.bt_envoi input{
margin-left:250px;
width:140px;
margin-top:10px;
margin-bottom:10px;
}
/*-----------------------------------La page popup d'ajout de fichier------------------------------------ */	
#popup_ajout{
background:url(../images/bandeau_popup.jpg);
background-repeat:no-repeat;
width:638px;
height:114px;
margin:0;
padding:0;
}
	#popup_ajout h1{
	text-align:center;
	font-size:20px;
	color:#000000;
	padding-top:150px;
	text-transform:none;
	}
	#popup_ajout p{
	line-height:20px;
	text-align:center;
	font-size:12px;
	color:#000000;
	margin-top:60px;
	}
	.bt_popup_1{
	display:block;
	cursor:pointer;
	background:#b1092d;
	width:175px;
	height:20px;
	padding-top:3px;
	}
		a .bt_popup_1{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		background:#8e8e8e;
		}
		a:hover .bt_popup_1{
		background:#b1092d;
		width:175px;
		height:20px;
		}
	.bt_popup_2{
	display:block;
	cursor:pointer;
	background:#b1092d;
	width:175px;
	height:20px;
	padding-top:3px;
	}
		a .bt_popup_2{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		background:#8e8e8e;
		}
		a:hover .bt_popup_2{
		background:#79af37;
		width:175px;
		height:20px;
		}
/*-----------------------------------boutons du tableau de projets------------------------------------ */
.bt_projet{
	display:block;
	cursor:pointer;
	width:175px;
	height:20px;
	padding-top:3px;
	}
		a .bt_projet{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		}
		a:hover .bt_projet{
		width:175px;
		height:20px;
		}
/*-----------------------------------Les class spécifique------------------------------------ */	
.rouge{
color:#cc0432;
}
.gris{
color:#a6a6a6;
}
/*-----------------------------------autres_references------------------------------------ */
.autres_ref {
display:block;
width:620px;
background:#c6b0a8;
color:#ffffff;
padding:10px;
}
.titre_ref {
text-align:center;
background:#a39089;
display:block;
padding:10px;
color:#ffffff;
font-weight:bold;
}
#references_contener{
margin-top:20px;
width:320px;
float:left;
margin-bottom:10px;
-height:220px;
min-height:220px;
}
#references_contener p{
width:280px;
}
#references_contener a{
color:#333;
}
#references_contener a:hover{
color:#cc0432;
}
#references_contener img{
padding:2px;
margin-top:5px;
}
#references_contener  a img{
border:1px solid #ccc;
}
#references_contener  a:hover img{
border:1px solid #000;
background:#cc0432;
}

#references_contener_detail{
margin-top:20px;
width:640px;
float:left;
margin-bottom:10px;
}
#references_contener_detail img{
padding:2px;
margin-top:10px;
float:left;
margin-right:10px;
}
#references_contener_detail  a img{
border:1px solid #ccc;
}
#references_contener_detail  a:hover img{
border:1px solid #000;
background:#cc0432;
}