﻿* { margin: 0px; padding: 0px; }
body { color : #333333; background-color: #ffffff; font: 13px Arial; }
a { color : #ff0000; text-decoration: none; }
a:hover { color : #333333; text-decoration: underline; }
img { border: none; vertical-align: top; }
label { margin-right: 5px; }
fieldset { border: solid 1px #378e7f; padding: 0px 10px 10px 10px; margin-bottom: 8px; }
legend { color: #378e7f; font-weight: bold; padding: 0px 5px 5px 5px; }
ul { padding-bottom: 20px; margin-left: 20px; }
ol { padding-bottom: 20px; margin-left: 20px; }
li { margin-left: 20px; }

/*--------------- Layout ---------------*/

.divPrincipal { margin: 0 auto; width: 960px; }
	.divLayoutLogo { padding: 10px 0px; }
	.divLayoutHeader { background: url(images/header.jpg) no-repeat center; height: 206px; }
	.divLayoutMenu {  }
		.divLayoutMenu .aAccueil { display: inline-block; height: 28px; width: 95px; }
		.divLayoutMenu .aAccueil:hover { background: url(images/accueil.gif) no-repeat; }
		.divLayoutMenu .aAccueilActif { background: url(images/accueil.gif) no-repeat; display: inline-block; height: 28px; width: 95px; }
		.divLayoutMenu .aEquipement { display: inline-block; height: 28px; width: 123px; }
		.divLayoutMenu .aEquipement:hover { background: url(images/equipement.gif) no-repeat; }
		.divLayoutMenu .aEquipementActif { background: url(images/equipement.gif) no-repeat; display: inline-block; height: 28px; width: 123px; }
		.divLayoutMenu .aReferences { display: inline-block; height: 28px; width: 125px; }
		.divLayoutMenu .aReferences:hover { background: url(images/references.gif) no-repeat; }
		.divLayoutMenu .aReferencesActif { background: url(images/references.gif) no-repeat; display: inline-block; height: 28px; width: 125px; }
		.divLayoutMenu .aGaleriePhotos { display: inline-block; height: 28px; width: 164px; }
		.divLayoutMenu .aGaleriePhotos:hover { background: url(images/galerie-photos.gif) no-repeat; }
		.divLayoutMenu .aGaleriePhotosActif { background: url(images/galerie-photos.gif) no-repeat; display: inline-block; height: 28px; width: 164px; }
		.divLayoutMenu .aFormation { display: inline-block; height: 28px; width: 110px; }
		.divLayoutMenu .aFormation:hover { background: url(images/formation.gif) no-repeat; }
		.divLayoutMenu .aFormationActif { background: url(images/formation.gif) no-repeat; display: inline-block; height: 28px; width: 110px; }
		.divLayoutMenu .aContact { display: inline-block; height: 28px; width: 96px; }
		.divLayoutMenu .aContact:hover { background: url(images/contact.gif) no-repeat; }
		.divLayoutMenu .aContactActif { background: url(images/contact.gif) no-repeat; display: inline-block; height: 28px; width: 96px; }
	.divLayoutNewsletter { color: #ffffff; padding-right: 18px; text-align: right; }
.divLayoutContent {  }
.divLayoutFooter { background: url(images/footer.jpg) no-repeat center; height: 38px; }
	.divLayoutCopyright { float: left; font-size: 12px; padding-left: 10px; padding-top: 5px; }
		.divLayoutCopyright a { font-size: 12px; }
	.divLayoutRealisation { float: right; font-size: 12px; padding-right: 10px; padding-top: 5px; text-align: right; }
		.divLayoutRealisation a { font-size: 12px; }

/*--------------- Mise en forme du Contenu ---------------*/

.divTitre1 { background: url(images/titre-header.gif) no-repeat; font-size: 16px; font-weight: bold; height: 37px; margin-top: 10px; padding: 8px 0px 2px 35px; }

/*--------------- Mise en forme des Formulaires ---------------*/

.tdLabels { padding: 2px; white-space: nowrap; }
.tdControls { padding: 2px; width: 100%; }
.tdValidators { padding: 2px; }

.messageErreur { border: solid 2px #ff0000; color: #ff0000; font-weight: bold; padding: 10px; text-align: center; }
.messageInformation { border: solid 2px #378e7f; color: #378e7f; font-weight: bold; padding: 10px; text-align: center; }

/*--------------- Mise en forme des Modules ---------------*/

.imgBtnOk { vertical-align: top; padding-bottom: 5px; }

/*--------------- Controls Asp.net ---------------*/

.buttons { padding: 2px 5px; } 
.checkBoxs input { vertical-align: -1px; margin-right: 5px; }
.dropDownLists { font: 11px Arial; margin-bottom: 1px; width: 119px; }
.formViews { width: 100%; }
.radioButtonLists {  }
.textBoxs { font: 12px Arial; margin-bottom: 1px; width: 100%; }
.validators { color: #ff0000; font: 18px Arial; font-weight: bold; }

.radDatePickers { width: 200px; }
.radMaskedTextBoxs { width: 200px; }
.rimEmptyMessage { font-size: 10px; height: 14px; }

/*--------------- Généraux ---------------*/

.alignTop { vertical-align: top; }
.clearBoth { clear: both; }
.fontBold { font-weight: bold; }
.marginTop10 { margin-top: 10px; }
.padding10 { padding: 10px; }
.textAlignCenter { text-align: center; }
