@charset "utf-8";
/* HTML, BODY */
html, body{
	margin: 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

/* Links */
a:link, a:visited{
	color: #491C7E;
	text-decoration: underline;
	}
a:hover{
	text-decoration: none;
	}

li{
	margin: 0;
	padding: 0;
	}

ul{
	margin: 0 auto 1em;
	padding: 0 0 0 1em;
	list-style-position: inside;
	}
	ul.partenaires{
		margin: 15px auto;
		padding: 0;
		list-style: none;
		color: #2D64A6;
		font-weight: bold;
		text-align: center;
		}
		ul.partenaires li{
			display: inline;
			margin: 0 1.5em;
			}

input{
	font-size: 1em;
	}

/* Page */
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	background-image: url(../images/css/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: 1px top;
	}

/* Header */
#page #top{
	margin: 0;
	padding: 0;
	height: 221px;
	overflow: hidden;
	}
	#page #top img{
		margin: 0;
		padding: 0;
		}

/* Page main contener */
#page #main{
	padding: 0 35px;
	}

/* Left sidebar */
#page #left {
	position: absolute;
	top: 221px;
	left: 36px;
	margin: 0;
	padding: 0;
	height: 583px;
	width: 231px;
	list-style-type: none;
	}
	#page #left ul{
		position: relative;
		margin: 0;
		padding: 0;
		width: 231px;
		height: 515px;
		background: transparent url(../images/css/menu_left.jpg) no-repeat left top;
		list-style: none;
		}
		#page #left ul li{
			position: absolute;
			display: block;
			top: -8px;
			left: 0;
			width: 231px;
			margin: 0;
			padding: 0;
			background: transparent;
			overflow: hidden;
			}
			#page #left #item_societe{
				top: 8px;
				height: 23px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -8px;
				text-indent: -9999px;
				}
				#page #left #item_societe_historique{
					top: 35px;
					height: 16px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -35px;
					}
				#page #left #item_societe_competences{
					top: 52px;
					height: 16px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -51px;
					}
				#page #left #item_societe_activites{
					top: 69px;
					height: 16px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -68px;
					}
			#page #left #item_install_commerce{
				top: 92px;
				height: 42px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -92px;
				text-indent: -9999px;
				}
				#page #left #item_install_commerce_clim{
					top: 135px;
					height: 15px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -135px;
					}
				#page #left #item_install_commerce_refrigeration{
					top: 151px;
					height: 16x;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -151px;
					}
				#page #left #item_install_commerce_cuisines{
					top: 169px;
					height: 15x;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -169px;
					}
			#page #left #item_install_particuliers{
				top: 192px;
				height: 43px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -192px;
				text-indent: -9999px;
				}
				#page #left #item_install_particuliers_concepts{
					top: 235px;
					height: 15px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -235px;
					}
				#page #left #item_install_particuliers_pac{
					top: 251px;
					height: 32px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -252px;
					}
				#page #left #item_install_particuliers_applications{
					top: 283px;
					height: 20px;
					background: transparent url(../images/css/menu_left.jpg) no-repeat left -283px;
					}
			#page #left #item_partenaires{
				top: 309px;
				height: 29px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -309px;
				}
			#page #left #item_contact{
				top: 342px;
				height: 40px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -342px;
				}
			#page #left #item_extranet{
				top: 323px;
				height: 55px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -323px;
				}
			#page #left #item_actualites{
				top: 395px;
				height: 30px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -1050px;
				}
			#page #left #item_projet{
				top: 430px;
				height: 30px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -1082px;
				}
			#page #left #item_accueil{
				top: 470px;
				height: 25px;
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -1130px;
				}

		#page #left ul li a{
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -5000px;
			overflow: hidden;
			}

		#home #page #left #item_extranet_link{ top: 390px; left: 52px; }
		#home #page #left #item_fournisseurs_link{ top: 410px; left: 52px; }
		#home #page #left #item_salaries_link{ top: 430px; left: 52px; }
		#home #page #left #item_extranet_link a,
		#home #page #left #item_fournisseurs_link a,
		#home #page #left #item_salaries_link a{
			text-indent: 0;
			color: white;
			font-weight: bold;
			text-decoration: none;
			}
		#home #extraMenu {
			display: none;
			}
		#extraMenu {
			position: absolute;
			top: 80px;
			right: 70px;
			}
			#extraMenu li{
				list-style: none;
				}
			#extraMenu li#extra_extranet_link{
				}
			#extraMenu li#extra_fournisseurs_link{
				margin-left: -7px;
				}
			#extraMenu li#extra_salaries_link{
				margin-left: -14px;
				}
				#extraMenu li a{
					text-decoration: none;
					}
				#extraMenu li a:hover,
				#extraMenu li a:focus,
				#extraMenu li a:active{
					text-decoration: underline;
					}
/*
		#page #left #item_extranet_link{ top: 390px; left: 52px; }
		#page #left #item_fournisseurs_link{ top: 410px; left: 52px; }
		#page #left #item_salaries_link{ top: 430px; left: 52px; }
		#page #left #item_extranet_link a,
		#page #left #item_fournisseurs_link a,
		#page #left #item_salaries_link a{
			text-indent: 0;
			color: white;
			font-weight: bold;
			text-decoration: none;
			}
*/
		
		/* Menu actif (ou pas) */
		#societe #page #left #item_societe,
		#historique #page #left #item_societe,
		#competences #page #left #item_societe,
		#activites #page #left #item_societe{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -523px;
			}
			#historique #page #left #item_societe_historique a:link,
			#historique #page #left #item_societe_historique a:visited,
			#page #left #item_societe_historique a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -551px;
				}
			#competences #page #left #item_societe_competences a:link,
			#competences #page #left #item_societe_competences a:visited,
			#page #left #item_societe_competences a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -569px;
				}
			#activites #page #left #item_societe_activites a:link,
			#activites #page #left #item_societe_activites a:visited,
			#page #left #item_societe_activites a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -587px;
				}
		#climatisation #page #left #item_install_commerce,
		#climatisation #page #left #item_install_commerce a:link,
		#climatisation #page #left #item_install_commerce a:visited,
		#refrigeration #page #left #item_install_commerce,
		#refrigeration #page #left #item_install_commerce a:link,
		#refrigeration #page #left #item_install_commerce a:visited,
		#cuisines #page #left #item_install_commerce,
		#cuisines #page #left #item_install_commerce a:link,
		#cuisines #page #left #item_install_commerce a:visited,
		#page #left #item_install_commerce a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -607px;
			}
			#climatisation #page #left #item_install_commerce_clim a:link,
			#climatisation #page #left #item_install_commerce_clim a:visited,
			#page #left #item_install_commerce_clim a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -654px;
				}
			#refrigeration #page #left #item_install_commerce_refrigeration a:link,
			#refrigeration #page #left #item_install_commerce_refrigeration a:visited,
			#page #left #item_install_commerce_refrigeration a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -670px;
				}
			#cuisines #page #left #item_install_commerce_cuisines a:link,
			#cuisines #page #left #item_install_commerce_cuisines a:visited,
			#page #left #item_install_commerce_cuisines a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -688px;
				}
		#concepts #page #left #item_install_particuliers,
		#concepts #page #left #item_install_particuliers a:link,
		#concepts #page #left #item_install_particuliers a:visited,
		#pac #page #left #item_install_particuliers,
		#pac #page #left #item_install_particuliers a:link,
		#pac #page #left #item_install_particuliers a:visited,
		#applications #page #left #item_install_particuliers,
		#applications #page #left #item_install_particuliers a:link,
		#applications #page #left #item_install_particuliers a:visited,
		#page #left #item_install_particuliers a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -707px;
			}
			#concepts #page #left #item_install_particuliers_concepts a:link,
			#concepts #page #left #item_install_particuliers_concepts a:visited,
			#page #left #item_install_particuliers_concepts a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -754px;
				}
			#pac #page #left #item_install_particuliers_pac a:link,
			#pac #page #left #item_install_particuliers_pac a:visited,
			#page #left #item_install_particuliers_pac a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -771px;
				}
			#applications #page #left #item_install_particuliers_applications a:link,
			#applications #page #left #item_install_particuliers_applications a:visited,
			#page #left #item_install_particuliers_applications a:hover{
				background: transparent url(../images/css/menu_left.jpg) no-repeat left -802px;
				}
		#partenaires #page #left #item_partenaires a:link,
		#partenaires #page #left #item_partenaires a:visited,
		#page #left #item_partenaires a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -824px;
			}
		#body_contact #page #left #item_contact a:link,
		#body_contact #page #left #item_contact a:visited,
		#page #left #item_contact a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -857px;
			}

		#actualites #page #left #item_actualites a:link,
		#actualites #page #left #item_actualites a:visited,
		#page #left #item_actualites a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -1209px;
			}
		#projet #page #left #item_projet a:link,
		#projet #page #left #item_projet a:visited,
		#page #left #item_projet a:hover{
			background: transparent url(../images/css/menu_left.jpg) no-repeat left -1241px;
			}

/* Right sidebar */
#page #right{
	position: absolute;
	top: 221px;
	right: 43px;
	width: 200px;
	}
	#page #right h3{
		margin: 0;
		padding: 0;
		}


/* Content blocks */
#content{
	margin: 0 0 0 235px;
	width: 503px;
	/**/
	min-height:515px;
	height:auto !important;
	height:515px; /* Pour IE6 seulement */

	}
	#content p{
		margin: 0;
		padding: 0;
		text-align: justify;
		}
	#content .bloc{
		position: relative;
		margin: 0 0 5px 0;
		padding: 10px 20px 15px 10px;
		background: white url(../images/css/bg_bloc.jpg) no-repeat left top;
		
		height: auto !important;
		height: 100%;
		}
	#content .main{
		background: white url(../images/css/bg_main_bloc.jpg) no-repeat left top;
		color: #491C7E;
		}
	#content .main h1, h1.without_bloc{
		margin: 0 6em 0.8em 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: bold;
		font-variant: small-caps;
		}
		h1.without_bloc{
			color: #491C7E;
			}
		a#refs{
			position: absolute;
			padding: 3px 0 3px 25px;
			top: 5px;
			right: 30px;
			color: red;
			text-decoration: none;
			background: transparent url(../images/css/bouton-references.gif) no-repeat left center;
			font-style: italic;
			font-size: 16px;
			}
			a#refs:hover{
				text-decoration: underline;
				}
		a#docs{
			position: absolute;
			padding: 3px 0 3px 25px;
			top: 30px;
			right: 30px;
			color: #451487;
			text-decoration: none;
			background: transparent url(../images/css/bouton-documents.gif) no-repeat left center;
			font-style: italic;
			font-size: 16px;
			}
			a#docs:hover{
				text-decoration: underline;
				}
	#content .bloc h2{
		margin: 0 0 1em 0;
		padding: 1em 0 0;
		font-size: 1.3em;
		font-weight: bold;
		color: #491C7E;
		font-variant: small-caps;
		}
		#content .bloc.main h2{
			font-size: 1.1em;
			text-align: center;
			font-variant: small-caps;
			}
	#content .bloc h3{
		margin: 1.5em 0 0.5em 0;
		padding: 0;
		text-indent: 12px;
		font-size: 1em;
		font-weight: bold;
		background: transparent url(../images/css/fleche_droite.gif) no-repeat left 3px;
		font-variant: normal;
		color: black;
		}
	#content .main ul{
		font-variant: small-caps;
		}
	/* Special blocks or blocks childs */
	#actualites #page #content .bloc{
		padding-top: 1em;
		padding-bottom: 1em;
		}
	#actualites #page #content .bloc h2{
		margin: 0 0 7px 0;
		font-size: 1.1em;
		}
	#partenaires #page #content .bloc a img, #right #projet a img{
		border: none;
		}
		
	#societe #page #content .main ul{
		margin: 15px 0;
		}
		#link_diaporama{
			float: right;
			margin: -60px 50px 0 0 !important;
			margin: 0;
			width: 200px;
			height: 200px;
			z-index: 1000;
			}
		/* Actus */
		#home div#actualites{
			padding: 0 0 0 30px;
			width: 150px;
			height: 185px;
			background: url(../images/commun/actualites.png) no-repeat left top;
			color: white;
			}
			#home div#actualites a:link, #home div#actualites a:visited{
				background: transparent;
				color: white;
				text-decoration: underline;
				}
			#home div#actualites a:hover{
				text-decoration: none;
				}
			#home div#actualites h3{
				height: 60px;
				visibility: hidden;
				}
			#home div#actualites p{
				margin: 0;
				padding: 0;
				}
			#home div#actualites p.actu{
				width: 120px;
				height: 72px;
				text-align: left;
				line-height: 14px;
				overflow: hidden;
				}
		/* Mini diaporama */
		#home div#societe{
			margin: -35px 0 0 0;
			padding: 0;
			width: 200px;
			height: 200px;
			}
			#home div#societe h3{
				display: none;
				}
		#home div#projet{
			margin: -25px 0 0 0;
			}

/* Special content : home */
#home #page #content{
	width: 450px;
	}


/* Clear all floats */
#body_contact .left_column, #partenaires .left_column{
	float: left;
	width: 220px;
	}

#body_contact .right_column, #partenaires .right_column{
	float: right;
	width: 220px;
	}
	#body_contact a img{
		border: none;
		}

#partenaires .left_column .lien_partenaire,
#partenaires .right_column .lien_partenaire{
	position: relative;
	display: block;
	height: 80px;
	}
	#partenaires .left_column .lien_partenaire img,
	#partenaires .right_column .lien_partenaire img{
		position: absolute;
		margin: 0 auto;
		bottom: 5px;
		}
#partenaires .left_column h3.commentaire_partenaire,
#partenaires .right_column h3.commentaire_partenaire{
	display: block;
	height: 4.5em;
	}

.clear, .backtop{
	clear: both;
	}
.clearleft{
	clear: left;
	}
.clearright{
	clear: right;
	}

.backtop{
	margin-top: 1em;
	font-size: 0.8em;
	text-align: right;
	}

/* Partners */
#page #content .partners{
	float: left;
	width: 50%;
	}

#form_contact table{
	margin: 10px auto;
	width: 400px;
	}
	#form_contact table td{
		vertical-align: top;
		width: 50%;
		}
	input.text, textarea{
		padding: 1px 2px;
		border: 1px solid rgb(148, 148, 148);
		}
#form_contact p.buttons{
	text-align: center;
	}

/* Footer */
#footer{
	padding: 0 43px 20px;
	background: white;
	color: rgb(147, 147, 147);
	border-top: 1px solid rgb(222, 222, 222);
	font-size: 0.8em;
	text-align: right;
	}
	#footer a{
		color: rgb(147, 147, 147);
		}