/**********************************************/
/*	CORPS DE LA PAGE	*/
/**********************************************/
	BODY {
		margin: 0; 
		padding: 0;
		color : #5b5c5e;	
		font: normal 12px Arial , Verdana, Helvetica, sans-serif;  
	} 
	#contener{
		width:798px;
		border-bottom:1px #bcbcb0 solid;
		border-right:1px #bcbcb0 solid;
		border-left:1px #bcbcb0 solid;
		margin-left:auto;
		margin-right:auto;
  		background-color : transparent;
	}
	#menu{
		background-color:#ffffff;
	}
	#contenu{
		background:#f5f5ee url(/climat_images/site/big_bg.gif) no-repeat;
	}

/**********************************************/
/*	Show Hide Layer	*/
/**********************************************/
		.HelpLienProd{
			padding-bottom:4px;
		}
		.HelpLienProd a {
			font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
			text-decoration:none;
		}
		.HelpLien{
			text-align:right;
			padding-bottom:4px;
		}
		.HelpLien a {
			font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
			color:#ffb100;
			text-decoration:none;
		}
		.HelpFleche{
			text-decoration:none;
			display: inline;
			display:none;
		}
		
		.HelpDiv {
			background-color:#eef6fe;
			padding:5px;
			margin-left:20px;
			margin-bottom:10px;
			display:none;
		}
		.HelpDivShow {
			background-color:#eef6fe;
			padding:5px;
			margin-left:20px;
			margin-bottom:10px;
		}
		.HelpDiv p{
			/*padding-bottom:0px;*/
		}

/**********************************************/
/*	Divers 	*/
/**********************************************/
	.BoutonChoix a{
		font: normal normal 10px Arial , Verdana, Helvetica, sans-serif; 
		color : #ffffff;
		text-transform:uppercase; 
	}
	.ColonneGauche	ul {margin-left: 32px; padding-left: 0;}

	.ColonneDroite{
		/*padding:23px 15px 20px 10px;*/
		padding:23px 10px 20px 10px;
	}
	.ColonneGauche{
		/*padding:23px 20px 20px 20px;*/
		padding:23px 10px 20px 10px;
	}
	.ColonneGauche p
	,.ColonneGauche ul li
	,.ColonneGauche a {
		font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
	}
/*///////////////////////////////////////////////////////////////////////////*/	
	#blocTop {
		background:url(/climat_images/site/bgBlocTop.gif) no-repeat;
		width:534px;
		height:203px;
		padding:8px 0 0 0;
		}
	.imgCube {
		float:left;
		display:inline;
		width:254px;
		height:192px;
		}
	.texteBlocTop {
		width:240px;
		float:left;
		text-align:center;
		padding:16px 0 0 0;
		}
	.texteBlocTop h1 {
		font:normal 18px Arial, Helvetica, sans-serif;
		color:#5b5b5b;
		}
	.texteBlocTop p {
		font:italic 10px Arial, Helvetica, sans-serif;
		color:#5b5b5b;
		}
	#BlocBas {
		background:url(/climat_images/site/bgBlocBas.gif) no-repeat;
		width:504px;
		height:306px;
		padding:15px 0 0 30px;
		}
	.calcul {
		background:url(/climat_images/site/bgCalcul.jpg) right no-repeat ;
		height:89px;
		width:464px;
		margin-bottom:13px;
		}
	.conseil {
		background:url(/climat_images/site/bgConseil.jpg) right no-repeat ;
		height:92px;
		width:464px;
		margin-bottom:10px;
	}
	.compens {
		background:url(/climat_images/site/bgCompens.jpg) right no-repeat ;
		height:91px;
		width:464px;
	}
	.texteBlocBas {
		float:left;
		display:inline;
		padding:0 0 0 10px;
		}	
	.texteBlocBas h1 {
		font: bold 11px Arial,  Helvetica, sans-serif;
		color:#5b5b5b;
		margin:0 0 0 0px;
		padding:13px 0 0 0px;
	}
	.texteBlocBas ul {
		margin:0px;
		padding:7px 0 0 15px;
		width:300px;
		}
	.texteBlocBas li {
		color:#fff;
		padding:0px;
		margin:0px;
		list-style-image:none;
		list-style:disc; !important
		}
	.texteBlocBas li a {
		text-decoration:none;
		color:#fff;
	}
	.texteBlocBas li a:hover {
		text-decoration:underline;
	}
	#blocCalculateur {
		background:url(/climat_images/site/bgCalculateurCo2.gif) no-repeat;
		width:199px;
		height:165px;
		margin:40px 0 0 0;
		padding:7px 0px 0px 0;
		}
	#blocCalculateur h3 {
		border-bottom:1px solid #2a6ac1;
		margin:0px 7px 5px 7px;
		padding:0px 0 3px 0;
		}
		
/*//////////////////////////////////////////////////////////////////////////////*/	


	.BoutonsHome{
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		position:absolute; margin-left:300px;margin-top:-8px;
	}
	.BoutonsHome td a{
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		text-decoration:none;
	}
					
	.EcommListe ul ,.EcommListe  p{
		margin-top: 0;
		margin-bottom: 0px;
		padding-top:0;
		padding-bottom:0;
	}
	.EcommListe li{
		padding-bottom:0px;
	}
	#SousNavContenu	ul {
		margin-top:10px;
		margin-bottom:5px;
	} 
	#SousNavContenu	ul li ul{
		margin-top:3px;
		margin-bottom:5px;
	} 
	#SousNavContenu	li a { 
		font: normal normal 12px/15px Arial, Verdana, Helvetica, sans-serif;
		color:#2a6ac1;
		text-decoration:none;
	}
	.ssNav{ 
		font: normal normal 10px Verdana, Verdana, Helvetica, sans-serif !important;
		color:#2a6ac1;
		text-decoration:none;
	}
	.H1Moteur{
		border-top : 1px #4d8ba7 solid;
		font: bold  14px Arial , Verdana, Helvetica, sans-serif;  
		color: #4d8ba7;
	}
	.exemple h3 {
		border-bottom : 1px #2a6ac1 solid;
	}
			
	.Newsletter {
		margin:1px 0 1px 0;
		font-size: 9px;
		color: #4d8ba7;
	}

/**********************************************/
/*	Standard Definition	*/
/**********************************************/
	.TresPetite { font-family:Arial ; font-size:10px; color : #2a6ac1;}
	.Petite 	{ font-family:Arial ; font-size:11px; color : #2a6ac1;}
	.Normal 	{ font-family:Arial ; font-size:12px; color : #2a6ac1;}
	.Moyenne 	{ font-family:Arial ; font-size:13px; color : #2a6ac1;}
	.Grande 	{ font-family:Arial ; font-size:14px; color : #2a6ac1;}
	.TresGrande { font-family:Arial ; font-size:16px; color : #2a6ac1;}	
	.LienJauneMAJ,.LienJauneMAJ a{ 
		color : #feb615;
		font: normal bold 11px Arial , Verdana, Helvetica, sans-serif;  
		text-transform : uppercase;
	}	
	.LienJaune,.LienJaune a{ 
		color : #feb615;
		/*font: normal bold 11px Arial , Verdana, Helvetica, sans-serif;  */
	}
	.bleu {
		color:#2d6cc2;
	}	
	
	h1 { 
		color : #2a6ac1;
		font: normal bold 13px Arial , Verdana, Helvetica, sans-serif;  
		padding : 0 10px 15px 0;
		margin : 0 0 0 0;
	}
	h2 { 
		color : #2a6ac1;
		font: normal bold 12px Arial , Verdana, Helvetica, sans-serif;  
		padding : 0px 10px 10px 0;
		margin : 0 0 0 0;
	}
	h3{ 
		color : #2a6ac1;
		font: normal bold 11px Arial , Verdana, Helvetica, sans-serif;  
		padding : 0 10px 2px 0;
		margin : 0 0 3px 0;
		
	}
	h4{ 
		color : #2a6ac1;
		font: normal bold 11px Arial , Verdana, Helvetica, sans-serif;  
		padding : 0 10px 5px 0;
		margin : 0 0 0 0;
	}
	li {margin-left: 0; padding-left: 0px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 8px;
		
	}
	li { 
		list-style-image: url(/climat_images/site/puce.gif);
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		color:#2a6ac1;
		padding-bottom:2px;
	}
	li a { 
		font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
		color:#2a6ac1;
		text-decoration:underline;
	}
	a { 
		color : #2a6ac1;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	p {
		
		margin : 0 0 0 0;
		padding : 0px;
		/* color : #2a6ac1; ca gene le menu */
	}
	#contenu td{
		color : #2a6ac1;
	}
	p {
		margin : 0 0 0 0;
		color : #2a6ac1;
		padding-bottom : 10px;
	}
	form{
		margin:0; padding:0;
	}
	blockquote {
		margin-top:0px;
	}
	blockquote p{
		font: normal 11px Arial , Verdana, Helvetica, sans-serif;  
		color:#888585;
	}
	.Indice {
		font-size: .83em ;
		vertical-align: bottom ;
	}

/**********************************************/
/* Formulaire Contact */
/**********************************************/
	.FormContact,.FormContact td,.FormReponse{
		font: normal  10px Arial , Verdana, Helvetica, sans-serif;  
		color:#565c5e;
	
	}
	.FormSubmit {
		color:#565c5e;
		font-size: 10px; 
		font-weight: bold; 
		height: 20px;
		background-color:#ffffff;
	}
	SELECT,textarea{
		font: normal 11px Arial, Arial , Helvetica, sans-serif;  
		border-color : #5b87c5;
	}
	
	.chkBoxes{
		margin :0 ;padding:0;
	}
	.LargeInput{
		width:260px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:193px;
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}

/**********************************************/
/* Footer */
/**********************************************/
	#Footer a ,#Footer p{
		text-align:center;
		padding-bottom:0px;
		color: #ffffff;
		font: 10px Arial , Verdana, Helvetica, sans-serif;
		text-decoration : underline;
	}
	#Footer{
		padding-top:6px;
		padding-bottom:8px;
		color: #ffffff;
		background-color:#99b2d2; 
		text-align : center;
		width:100%;
	}

	.Clikeo { 
		padding-top:5px;
		width:100%;
		color :#b6c5d7;
		text-align : center;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:active { 
		color :#b6c5d7;
		font: normal normal 9px Arial; 
		text-decoration:none;
	}
	.Clikeo a:hover { 
		text-decoration:underline;
	}
	.PlanContact ,.PlanContact  a{
		color:#dbdbd3;
		padding-top:5px;
		text-align:center;
	}

	/****************************************************/
	/*					NAVIGATION 						*/
	/****************************************************/
	.MenuNav { /* c'est le conteneur */
		width:796px;
		margin : 0;
		padding : 0;
		border :0;
		cursor:pointer;
	}
	.MenuNav td { /* c'est le conteneur */
		font: bold 11px Arial , Verdana, Helvetica, sans-serif;
		text-align:center;
		width:128px;
		height:16px;
	}

	/* normal */
	.MenuNavElem{
		color: #5b5b5b;
		border-bottom : 4px #2a6ac1 solid;
		margin: 0 2px 0 2px;
	}
	.MenuNavElem2{
		color: #ffffff;
		background-color : #2a6ac1;
		border-bottom : 4px #2a6ac1 solid;
		margin: 0 2px 0 2px;
	}
	/* selection */
	.MenuNavElemSel{
		color: #ffffff;
		background-color : #2a6ac1;
		border-bottom : 4px #2a6ac1 solid;
		margin: 0 2px 0 2px;
	}
 	.MenuNavElemSel2{
		color: #ffffff;
		background-color : #2a6ac1;
		border-bottom : 4px #2a6ac1 solid;
		margin: 0 2px 0 2px;
	}
	.menuover{
		border-bottom:1px white solid;
		height:15px;
		padding-top:2px;
	}
	
	
	/****************************************************/
	/*					SOUS NAVIGATION 				*/
	/****************************************************/
	.MenuSousNav { /* c'est le conteneur */
		cursor:pointer;
		text-align:left;
		width:128px;
		background-color :#ffffff;
	}
	.MenuSousNav td {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;
		text-align:left;
	}
	/* normal */
	.MenuNavSubElem
	,.MenuNavSubElem2{
		margin: 3px 0 3px 0;
		height:18px;
	}
	.MenuNavSubElem td{
		color: #525c67;
	}
	.MenuNavSubElem2{
		color: #ffffff;
		background: #2a6ac1 url(/climat_images/site/fleche-menu-over.gif) no-repeat;
	}

	/* selection */
	.MenuNavSubElemSel 
	,.MenuNavSubElemSel2 {
		margin: 3px 0 3px 0;
		height:18px;
		background-color:#2a6ac1;
		color:#ffffff;
	}
	

















#BarreNavEcommerce{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 0 10px 0;
	color:#4f4f4f;
}
#BarreNavEcommerce A,#BarreNavEcommerce A:visited,#BarreNavEcommerce A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration : underline;
	color:#4f4f4f;
}
#BarreNavEcommerce .current{
	text-decoration:underline;
}
#ECommerce button {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #99b2d2;
	border:	1px #2868bb solid;
}
#ECommerce .Submit,.BoutonECommerce {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #99b2d2;
	border:	1px #2868bb solid;
}

#ECommerce {
	text-align: left;
	font-family:  Arial, Verdana, Arial,serif;
	font-size: 12px;
	font-weight: normal;
	color: #2a6ac1;
}
#ECommerce .EnteteTableau{
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
	text-align: center;
	color: white;
	font-size: 15px;
	font-weight: bold;
	background-color:#99b2d2;
}
#ECommerce .TitreTableau{
	padding : 10px 10px 10px 10px;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TexteInformations{
	font: normal 12px Arial , Verdana, Helvetica, sans-serif;  
}
#ECommerce h2 {
	font: normal normal 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #5582bc;
	margin: 0;
	padding: 10px 0 10px 0;
}
#ECommerce h3 {
	font: italic normal 15px Arial, Helvetica, sans-serif;
	color: #5582bc;
	margin: 0;
	padding: 10px 0 10px 0;
}
#ECommerce h4 {
	font: italic normal 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #5582bc;
	margin: 0;
	padding: 10px 0 10px 0;
}
#ECommerce a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2a6ac1;
}
#ECommerce td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#ECommerce .EcommercePanierTaxes td{
	font-size: 11px;
	font-weight: normal;
	padding:3px 5px;;
}
#ECommerce .EcommercePanier thead{
	font: normal bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
	color : #2a6ac1;	
	margin: 5px 5px;
}
#ECommerce .EcommercePanier th{
	padding: 2px 5px;
}
#ECommerce .EcommercePanier tfoot{
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: white;
	padding:5px 5px;
	background-color:#99b2d2;
}
#ECommerce .EcommercePanier td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 5px;
}
#ECommerce .EcommerceModeLivraison td{
	font-size: 9pt;
	font-weight: normal;
	padding:5px 5px;
}
#ECommerce input,.ECommerceInput {
	margin:1px 0 1px 0;
	font-size: 11px;
}
#ECommerce textarea {
	margin:1px 0 1px 0;
	font-size: 11px;
}
#ECommerce select {
	margin:1px 0 1px 0;
	font-size: 11px;
}
#ECommerce .noborder {
	border : 0px;
}
#ECommerce #ECommerErreur {
	color: red;
	font-size: 12px;
}
#ECommerce #ECommerErreur .Titre {
	font-weight: bold;
	font-size: 14px;
}
#ECommerce .InputSmall { width : 60px; }
#ECommerce .InputMedium { width :100px; }
#ECommerce .InputLarge { width :220px; }
#ECommerce .TextAdresse { width :200px; }