/*
	Échangeur d'air de l'Estrie
	
	
	Table des matières:
		general
		head
		contenu global
		menu navigation
		panel gauche
		image
		contenu texte
		footer
*/
/* padding: top, right, bottom, left */
/* general
----------------------------------------------- */
body {
	width:845px;
	margin:auto; 
	margin-top:15px;
	margin-bottom:15px;
	font: 0.7180em Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.7; 
	color:#F2F5FB ; 
	background: #ffffff /*#1A1A1A*/;
	
}
a {
	text-decoration: underline;
	color: #404D62;
}
a:hover {
	text-decoration: underline;
	color: #659EC7;
}
/* head
----------------------------------------------- */
#head{
	width:833px; 
	height:140px;
	margin:auto;
	background-image: url(../img/bgheader.jpg); 
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
/* Contenu Global
----------------------------------------------- */
#contenuGlobal{
	/*float:left;*/
	margin:0 0 10px 0;
	width: 100%;	
	background-repeat: no-repeat;	
	border:1px solid dimgray;
}
/* Menu Navigation
----------------------------------------------- */
.menu, .menu ul{
	padding : 0; /* pas de marge intérieure */
	width:833px;
	height:35px;
	margin-top : 5px;
    margin-left:8px;
	margin-right:auto;	
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 21px; /* on défini une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
	background-image:url(../img/bgmenu.gif);
}
.menu li{
	float : left;
	width: 100px;
	height:35px;
        /* pour ie qui ne reconnaît pas "transparent" */
}
.menu a{
	background-repeat: no-repeat;
	background-position: left;	
	font:10px "Verdana", Arial, Helvetica, sans-serif;
	padding-top:10px;
	color: #F2F5FB;
	display: block;
	width: auto;
	height:25Px;
	text-align: center;
	text-decoration: none;
}
* html .menu a{ 
/	*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 140px;
}
.menu a:visited {
	color: #F2F5FB;
}
.menu a#current{ 
	color:#404D62; 
	cursor:default;
	background-color: #bcbcbc;
}
.menu a:hover{
	color: #F2F5FB;
	background-color: #404D62;
	font-size:11px;
}
/* PanelLeft
----------------------------------------------- */
#PanelLeft{
	float:left;
	margin:0 0 0 5px;
	width:200px;
	height:130px;
}
.PanelLeftTop{  /*barre de titre au dessus du bloc*/
	Width:200px;
	height:35px;
	margin-left:6px;
	background-image:url(../img/leftpaneltop.gif);
}
.PanelLeftTop a{
    color: #F2F5FB;
	text-decoration:none;
}
.PanelLeftTop a:hover{
	color: 	#404D62;
	text-decoration: none;
}
.PanelLeftTop h3{
	font-size:14px;
	padding-top:5px;
    padding-left:20px;	
	text-align:left;	
}
.PanelLeftItem{
	width:210px;
	height:100%;
	background-image:url(../img/leftpanel.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding-top:15px;
}
.PanelLeftItem li{
	color:#F2F5FB;
}
/* Image
----------------------------------------------- */
#image {
	margin:7px 0 0 6px;
	float: left;
	width: 70%; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 70%;
}
html>body #image {
	width: 70%; /* ie5win fudge ends */
}
/* Contenu Texte
----------------------------------------------- */	
#contenuAccueil{
	padding:0 0 30px 0;
	margin:20px 0 0 221px;
	width: 619px;
	height: 363px;
	background-image: url(../img/bgcontenu.gif);
	background-repeat: no-repeat;
}
#contenuAccueil strong{
	color: #7CC4E9;
	font-size: 1.1em;
}
#contenuAccueil img{
	margin:20px 0 10px 0;
	border: 9px solid #24282D;
}
.note{
	margin:30px 0 0 0;
	padding:10px;
	width: 500px;
	background-color: #333;
	}
	
#contenuTexteAccueil{
	padding:0 0 0 0;
	margin:10px 10px 0 10px;
	width: 830px;
    height: 150px;
	font-size: 1.08em;
	color: #404D62;
}
#compagnieLogo{
	width:499px;
	height:60px;
	margin:8px 0 0 330px;
	background-image:  url(../img/logoBas.gif);
}
/* Contenu Texte
----------------------------------------------- */	
#contenuTexte{
	padding:15px 0 30px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 361px;
	background-image: url(../img/bgcontenutexte.gif);
	background-repeat: no-repeat;
}
#contenuTexte p, li{
	color: 	#404D62;
	width:580px;
	text-align:justify;
}
#contenuTexte b{
	color: 	#404D62;
}
#contenuTexte .soustitre{
	color: 	#404D62;
	text-align:center;
	font-weight:bold;
}
/* Contenu Texte
----------------------------------------------- */	
#contenuTexteEntreprise{
	padding:15px 0 30px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 420px;
	background-image: url(../img/bgcontenutexteEntreprise.gif);
	background-repeat: no-repeat;
}
#contenuTexteEntreprise p, li{
	color: 	#404D62;
	width:580px;
	text-align:justify;
}
#contenuTexteEntreprise b{
	color: 	#404D62;
	margin-left:9px;
}
#contenuTexteEntreprise .soustitre{
	color: 	#404D62;
	text-align:center;
	font-weight:bold;
}
/* Contenu Texte
----------------------------------------------- */	
#contenuTexteQAI{
	padding:15px 0 30px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 400px;
	background-image: url(../img/bgcontenutexteQAI.gif);
	background-repeat: no-repeat;
}
#contenuTexteQAI p, li{
	color: 	#404D62;
	width:580px;
	text-align:justify;
}
#contenuTexteQAI .smallLeft{
	color: 	#404D62;
	text-align:justify;
	font-size:8px;
}
#contenuTexteQAI .soustitre{
	color: 	#404D62;
	text-align:center;
	font-weight:bold;
}
/* Contenu Texte
----------------------------------------------- */	
.contenuTexteServices{
	padding:15px 0 50px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 120px;
	background-image: url(../img/bgcontenutexteservice.gif);
	background-repeat: no-repeat;
}
.contenuTexteServices p, li{
	color: 	#404D62;
	width:500px;
	text-align:justify;
}
.contenuTexteServices .soustitre{
	color: 	#404D62;
	text-align:center;
	font-size:12px;
}
/* Contenu Texte
----------------------------------------------- */	
#contenuTexteContact{
	padding:15px 0 30px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 361px;
	background-image: url(../img/bgcontenutexte.gif);
	background-repeat: no-repeat;
}
#contenuTexteContact p{
	color: 	#404D62;
	text-align:center;
}
#contenuTexteContact p a{
	color: 	#404D62;
}
#contenuTexteContact p a:hover{
	color: 	#659EC7;
}
/* Contenu Texte
----------------------------------------------- */	
#contenuTextePlan{
	padding:15px 0 100px 5px;
	margin:30px 0 0 230px;
	width: 610px;
	height: 361px;
	background-image: url(../img/bgcontenutexte.gif);
	background-repeat: no-repeat;
}
#contenuTextePlan ul{
	color: 	#404D62;
	margin-left: 125px
}
#contenuTextePlan li{
	color: 	#404D62;
}
#contenuTextePlan li a:hover{
	color: 	#659EC7;
}
#contenuTextePlan .soustitre{
	color: 	#404D62;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-top:50px;
}
/*copyright
-----------------------------------------------*/
#copyright{
	margin-bottom:7px;
	margin-left:auto;
	margin-right:auto;
	width:833px;
	height:20px;
	background-image: url(../img/copyright.gif);
	background-repeat: no-repeat;
}
#copyright h5{
	margin:0 0 0 5px;
	padding-top:3px;
	font-weight:normal;
}
#doneBy {
    font-size: 0.8em;
	color: #C0C0C0;
	text-decoration: none;
}
#doneBy a{
    font-size: 0.9em;
	color: #666666;
	text-decoration: none;
}
/* footer
----------------------------------------------- */	
#footer{
    float:left;
	margin:10px 0 5px 0;
	width: 100%;
	height:40px;
	color: #424242;
	background-repeat: no-repeat;
	}
.net{
	margin:10px 0 0 0;
}
.net a{
	color: #666666;
	text-decoration: none;
}
.net a:hover{
	color: 	#404D62;
	text-decoration: none;
	background-color:#FFFFFF;
}	
.validation{
	margin:10px 0 0 90px;}
.validation a{
	color: #666666;
	text-decoration: none;
}