* { margin: 0px; padding: 0px; }
body { background: #55ab26 url(images/bodybg.gif) repeat-x; color: #6e96af; font: 12px Arial; margin-top: 78px; }
table { border-collapse: collapse; width: 100%; }
h1 { color: #0e1654; padding-bottom: 15px; }
h2 { color: #009ee0; padding-bottom: 15px; }
h3 { color: #2d6980; padding-bottom: 15px; }
p { padding-bottom: 15px; }
img { border: none; vertical-align: middle; }
a { color: #58ab27; text-decoration: none; }
a:hover { text-decoration: underline; }

/*--------------- Controls Asp.net ---------------*/

.textBoxs { width: 200px; }
.buttons { cursor: pointer; }
.dropDownLists { cursor: pointer; }
.validators { font-weight: bold; }

/*--------------- Mise en page des Formulaires ---------------*/

.tdLabels { font-weight: bold; text-align: right; white-space: nowrap; }
.tdControls { width: 100%; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.width100 { width: 100%; }
.messageErreur { border: solid 2px #ff0000; color: #ff0000; font-weight: bold; padding: 10px; text-align: center; }
.messageInformation { border: solid 2px #009933; color: #009933; font-weight: bold; padding: 10px; text-align: center; }

.divModuleFormulaireDeContact input { width: 100%; }

/*--------------- Layout ---------------*/

.divPrincipal { margin: 0 auto; width: 965px; }
	.divLayoutHeader { background: url(images/headerbg.gif) no-repeat; height: 84px; }
		.divLayoutHeaderLogo { float: left; padding-left: 53px; padding-top: 23px; }
		.divLayoutHeaderDrapeaux { float: left; padding-left: 180px; padding-top: 6px; }
		.divLayoutHeaderAccueilContact { float: left; padding-left: 183px; padding-top: 23px; }
	.divLayoutSeparateurMenu { background: url(images/separateurmenu.gif) no-repeat; clear: both; height: 28px; }
	.divLayoutHeaderContentBg { background: url(images/headercontentbg.gif) no-repeat; clear: both; height: 62px; }
		.divLayoutHeaderContentGauche { color: #001f55; float: left; font-size: 16px; font-weight: bold; padding-left: 17px; padding-top: 30px; width: 236px; }
		.divLayoutHeaderContentDroite { float: left; padding-left: 30px; padding-top: 30px; padding-right: 40px; width: 642px; }
	.divLayoutContentBg { float: left; background: url(images/contentbg.gif) repeat-y; }
		.divLayoutContentGauche { float: left; padding-left: 7px; width: 246px; }
			.divLayoutSousMenuBackground { background: url(images/sousmenubg.gif) repeat-x; }
				.divLayoutBoxHeader { background: url(images/boxheaderbg.gif) no-repeat center; font-size: 16px; font-weight: bold; height: 25px; padding-left: 20px; padding-top: 5px; }
				.divLayoutBoxItem { background: url(images/boxitembg.gif) repeat-y center; color: #000000; padding-left: 20px; padding-right: 20px; padding-top: 5px; }
				.divLayoutBoxFooter { background: url(images/boxfooterbg.gif) no-repeat center; height: 22px; }
		.divLayoutContentDroite { float: left; padding-left: 30px; padding-top: 10px; padding-right: 40px; width: 642px; }
	.divLayoutFooter { background: url(images/footerbg.gif) no-repeat; clear: both; height: 37px; }
	.divLayoutMenuHorizontalBas { color: #b8cbd9; padding-right: 20px; text-align: right; }
		.divLayoutMenuHorizontalBas a { color: #b8cbd9; text-decoration: none; }
		.divLayoutMenuHorizontalBas a:hover { text-decoration: underline; }

/*--------------- Menu Haut ---------------*/

.divMenuHoridontal2Separateur { float: left; height: 61px; width: 22px; }

.aAccueil { background: url(images/accueil.gif) no-repeat; display: block; float: left; height: 61px; width: 59px; }
.aContact { background: url(images/contact.gif) no-repeat; display: block; float: left; height: 61px; width: 59px; }

/*--------------- Menu Principal ---------------*/

.divMenuHorizontalHeader { background: url(images/menuhorizontalheader.gif) no-repeat; float: left; height: 142px; width: 29px; }
.divMenuHoridontalSeparateur { background: url(images/menuhorizontalseparateur.gif) no-repeat; float: left; height: 142px; width: 7px; }
.divMenuHorizontalFooter { background: url(images/menuhorizontalfooter.gif) no-repeat; float: left; height: 142px; width: 46px; }

.aPoleGms { background: #001f55 url(images/polegms.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 12px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 143px; }
.aPoleGms:hover { background: #001f55 url(images/polegmshover.gif) no-repeat; color: #ffffff; text-decoration: none; }
.aTertiaireEtPublic { background: #001f55 url(images/tertiaireetpublic.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 15px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 143px; }
.aTertiaireEtPublic:hover { background: #001f55 url(images/tertiaireetpublichover.gif) no-repeat; color: #ffffff; text-decoration: none; }
.aLogement { background: #001f55 url(images/logement.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 15px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 142px; }
.aLogement:hover { background: #001f55 url(images/logementhover.gif) no-repeat; color: #ffffff; text-decoration: none; }
.aHotelerieEtSante { background: #001f55 url(images/hotelerieetsante.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 15px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 142px; }
.aHotelerieEtSante:hover { background: #001f55 url(images/hotelerieetsantehover.gif) no-repeat; color: #ffffff; text-decoration: none; }
.aIndustrie { background: #001f55 url(images/industrie.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 15px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 142px; }
.aIndustrie:hover { background: #001f55 url(images/industriehover.gif) no-repeat; color: #ffffff; text-decoration: none; }
.aAgroEnergetique { background: #001f55 url(images/agroenergetique.gif) no-repeat; color: #001f55; display: block; float: left; font-size: 13px; height: 22px; padding-top: 120px; text-align: center; text-decoration: none; width: 143px; }
.aAgroEnergetique:hover { background: #001f55 url(images/agroenergetiquehover.gif) no-repeat; color: #ffffff; text-decoration: none; }

/*--------------- Menu Principal ---------------*/

.aSousMenuDeuxiemeNiveau { color: #ffffff; display: block; font-weight: bold; font-size: 14px;  padding: 5px 5px 5px 10px; }
.aSousMenuDeuxiemeNiveau:hover { background-color: #6e96af; text-decoration: none; }
.aSousMenuDeuxiemeNiveauActif { background-color: #6e96af; color: #ffffff; display: block; font-weight: bold; font-size: 14px; padding: 5px 5px 5px 10px; }
.aSousMenuDeuxiemeNiveauActif:hover { text-decoration: none; }