/* Global Styles */

body {
	margin:0px;
	background-color: #ffffff;
	font-size: x-small;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseille de mettre a zero la marge et le remplissage de l'element body, pour tenir compte des differentes valeurs par defaut des navigateurs */
	padding: 0;
	color: #000000;
	text-align: center; /* ce parametrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligne a gauche (valeur par defaut) dans le selecteur #container */
	}

a:link {
	color: #660000;
}
a:hover {
	color: #003300;
}
a:visited {
	color: #003300;	
}

    .thrColFixHdr #container {
	width: 960px;
	text-align: left; /* ce parametrage annule le parametre text-align:center de l'element body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #163201;
	border-right-color: #163201;
	border-bottom-color: #163201;
	border-left-color: #163201;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
    } 
    .thrColFixHdr #header {
	height: 90px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #DDDDDD;
	background-image: url(../img/fond/Fond_Banniere_V3f.jpg);
    } 
    .thrColFixHdr #header h1 {
	margin: 0; /* la mise a zero de la marge du dernier element du div #header permet d'eviter une disparition de la marge (espace inexplicable entre les elements div). Si l'element div est entoure d'une bordure, cette precaution n'est pas necessaire, car la bordure evite egalement la disparition de la marge */
	padding: 10px 0;
    }
    .thrColFixHdr #menuHorizont {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 100px;
    }
    .thrColFixHdr #sidebar1 {
	float: left; /* cet element est flottant, il faut donc lui attribuer une largeur */
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 1px none #163201;
    }
    .thrColFixHdr #sidebar2 {
	float: right; /* cet element est flottant, il faut donc lui attribuer une largeur */
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	border: 1px none #163201;
    }
    .thrColFixHdr #mainContent {
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	clear: none;
	float: none;
	border-right-style: dotted;
	border-top-color: #163201;
	width: auto;
	margin-right: 170px;
	margin-left: 200px;
	border-left-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
    } 
    .thrColFixHdr #footer { 
    	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des elements des div qui apparaissent au-dessus. */
    	background:#DDDDDD;
    } 
    .thrColFixHdr #footer p {
    	margin: 0; /* la mise à zero de la marge du premier element du pied de page permet d'eviter une possible disparition de la marge (espace entre les elements div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet element cree un espace, tout comme une marge l'aurait fait, mais en evitant le risque de disparition de la marge */
    }
    .fltrt { /* cette classe permet de rendre flottant le côte droit d'un element dans la page. L'element flottant doit preceder l'element à côte duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côte gauche d'un element dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit etre placee pour un element div ou break et doit être l'element final avant la balise de fin d'un conteneur qui doit contenir entièrement un element flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

td {
	color:#003300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 0.2em;
	}
	
a {
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
/* ID Styles */

#navigation a {
	color: #163201;
	letter-spacing:0.2em;
	line-height:40px;
	display:block;
	padding: 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff6600;
	font-weight: bold;
	background-image: url(/img/Boutons/Bouton1vert.jpg);
	}
	
#navigation a:hover {
	color:#163201;
	font-weight: bold;
	text-decoration: none;
	border: thin none #F0FFF0;
	font-size: x-small;
	line-height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
	background-image: url(/img/Boutons/Bouton1jaune.jpg);
	}

#padding {
	padding:14px;
	}
	
	
/* Class Styles */

.LogoSociete a {
	font-size: 46px;
	color: #FFFFFF;
	font-weight: lighter;
	letter-spacing: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 80px;
}
.LogoSociete a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
	
.tagline {
	color: #D3DCE6;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1em;
	}
	
.bodyText {
	line-height:normal;
	letter-spacing:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
	color: #564B47;
	list-style-position: outside;
	list-style-image: url(/img/puce.gif);
	}

.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	color: #003300;
	letter-spacing:0.2em;
	line-height:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.subHeader {
	color: #006600;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
.sidebarText {
	color: #FFBA00;
	letter-spacing:.1em;
	background-color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	}

.Titre2 {
	font-size: small;
	line-height: 20px;
	color: #003300;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.DescripDiag {
	font-size: x-small;
	color: #000033;
}
.TitreDiag {
	font-size: large;
	border-bottom-style: solid;
	border-bottom-color: #0F3600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.actualite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #F9FFF3;
	cursor: crosshair;
	margin-left: 1px;
	font-weight: lighter;
}
.Devis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #072A00;
}

.Devis a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C51721;
	font-weight: bold;
	text-decoration: blink;
	font-size: small;
}
.Devis a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-weight: bolder;
	text-transform: capitalize;
	text-decoration: blink;
	font-size: small;
}


.actualite a:hover {
	background-color: #FFFFFF;
	color: #3F7D3C;
}
.actualite a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #E8EBCC;
	font-weight: lighter;
	margin-left: 1px;
}

.reglementation {
	list-style-image: url(../img/puce.gif);
	list-style-type: none;
	list-style-position: outside;
	clip: rect(10px,10px,10px,10px);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-position: 10px;
}
.bodyEncadrement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

.bodyEncadrement a {
	color: #FFFFCC;
	font-weight: 500;

}
.bodyCadreCentre {
	background-color: #FBF3D2;
	padding: 5px;
	border: thin solid #ffec00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A955D;
	font-size: small;
}

.TitreAccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #564B47;
	font-weight: 600;
	margin: 4px;
	line-height: 25px;
	text-align: left;
	vertical-align: baseline;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.glossaire {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-right: 50px;
	margin-left: 70px;
}
.Encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	border: 1px solid #8BD192;
	padding: 3px;
	background-image: url(../img/fond/Encart.jpg);
}
.Encart a {
	color: #FFFFCC;
}

.LienCadreGauche {
	color: #564B47;
	margin-right: 10px;
	margin-left: 10px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
}
.LienCadreGauche a {
}
.LienCadreGauche a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: underline;
	background-position: center;
}



.TitreTableau {
	color: #000033;
}
.TableauCommune {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	color: #000000;
}
.TableauCommune a {
	color: #387235;
}
.TableauCommune a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.SelectCommune {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	list-style-type: none;
	list-style-image: url(../img/puce.gif);
}
.FlecheGauche {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.FlecheDroite {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Position Immage */
.imgage-centre {
	clear: both;
	margin-bottom: 8px;
	float: none;
	margin-right: 8px;
	position: relative;
	width: auto;
}
.imgage-droite {
	clear: right;
	float: right;
	margin-bottom: 8px;
	margin-left: 8px;
	border-left-color: #FFFFFF;
}
.imgage-gauche {
	clear: left;
	margin-bottom: 8px;
	float: left;
	margin-right: 8px;
}

.bodyText .Encart a {
	color: #00FF33;
}

/* Menu de navig_SideBar1 */
#navig_SideBar1 {
	width: 100%;
	/*	background-color: #4B4B4B;*/
	background-color: #009673;
}
#navig_SideBar1 ul {
	margin: 0;
	list-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#navig_SideBar1 a {
	/* 	color: #FF6533; */
	color: #FFFFFF;
	display: block;
	height: 1%;
	line-height: 1.5;
	/* 	font-size: .9em; */
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#navig_SideBar1 a:hover, #navig_SideBar1 a:focus {
	background: #000000;
}

/* Bas de Page */
.BasDePageSociete {
	font-size: small;
	color: #092d1f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.BasDePageInfos {
	font-size: x-small;
	color: #092d1f;
}
.DevisGratuit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.Fil_Conducteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}