* { margin: 0px; padding: 0px; }
body { color: #444444; font: 13px Arial; }
table { border-collapse: collapse; width: 100%; }
h1 { color: #e47e19; font-size: 28px; font-weight: bold; }
h2 { font-size: 15px; font-weight: bold; }
h3 { border-bottom: solid 1px #e47e19; color: #e47e19; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding-top: 10px; padding-bottom: 5px; }
h4 { font-size: 13px; font-weight: bold; margin-bottom: 10px; }
ul { padding-bottom: 10px; padding-left: 30px; }
li {  }
p { margin-bottom: 10px; }
fieldset { border: solid 1px #e47e19; padding: 0px 10px 10px 10px; margin-bottom: 8px; }
legend { color: #e47e19; font-weight: bold; padding: 0px 5px 5px 5px; }
img { border: none; vertical-align: middle; }
a { color: #3c86be; text-decoration: none; }
a:hover { color: #444444; text-decoration: underline; }

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

.divPrincipal { background: url(images/main-bg.gif) repeat-y center; margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 938px; }
	.divLayoutHeaderLogo { float: left; height: 78px; margin-top: 10px; width: 492px; }
	.divLayoutHeaderInfos { background: url(images/infos.gif) no-repeat; float: left; font-size: 11px; height: 78px; padding-left: 49px; text-align: justify; margin-top: 10px; width: 394px; }
.divLayoutMenuHorizontal { background: #f3f3f3 url(images/menu-horizontal.gif) repeat-x; height: 38px; }
	.divLayoutMenuHorizontalBg { background: url(images/menu-horizontal-bg.gif) no-repeat; height: 38px; margin: 0 auto; width: 978px; }
		.divLayoutMenuHorizontalHaut { padding-left: 20px; padding-top: 5px; }
			.aModuleMenusHorizontal { background: #3c86be url(images/menu-bt-actif.gif) no-repeat; color: #ffffff; display: block; float: left; font-size: 17px; font-weight: bold; height: 23px; margin-right: 7px; padding-top: 5px; text-align: center; text-transform: uppercase; width: 128px; }
			.aModuleMenusHorizontal:hover { background: #444444 url(images/menu-bt-over.gif) no-repeat; color: #ffffff; text-decoration: none; }
			.aModuleMenusHorizontalActif { background: #444444 url(images/menu-bt-over.gif) no-repeat; color: #ffffff; display: block; float: left; font-size: 17px; font-weight: bold; height: 23px; margin-right: 7px; padding-top: 5px; text-align: center; text-transform: uppercase; width: 128px; }
			.aModuleMenusHorizontalActif:hover { color: #ffffff; text-decoration: none; }
	.divLayoutBoxGauche { float: left; width: 262px; }
		.divLayoutMenuGaucheHeader { background: #f3f3f3 url(images/menu-gauche-hd.gif) no-repeat; height: 23px; font-size: 16px; font-weight: bold; padding-left: 30px; padding-top: 5px; }
		.divLayoutMenuGaucheContentHeader { background: #fbfbfb url(images/menu-gauche-ctt-hd.gif) no-repeat; height: 4px; margin-top: 1px; }
		.divLayoutMenuGaucheContent { background: #fbfbfb url(images/menu-gauche-ctt-bg.gif) repeat-y; padding: 7px 11px; }
			.aModuleMenusDeuxiemeNiveau { background: url(images/puce.gif) no-repeat; display: block; font-size: 14px; height: 19px; padding-left: 30px; padding-top: 2px; }
				.aModuleMenusDeuxiemeNiveau:hover { background: url(images/puce-over.gif) no-repeat; }
			.aModuleMenusDeuxiemeNiveauActif { background: url(images/puce-over.gif) no-repeat; color: #444444; display: block; font-size: 14px; font-weight: bold; height: 19px; padding-left: 30px; padding-top: 2px; }
			.aBoxContact { background: url(images/contact.gif) no-repeat; display: block; font-size: 12px; line-height: 14px; padding-left: 50px; }
				.aBoxContact:hover { text-decoration: none; }
			.aBoxNousVousContactons { background: url(images/nous-vous-contactons.gif) no-repeat; display: block; font-size: 12px; line-height: 14px; padding-left: 50px; }
				.aBoxNousVousContactons:hover { text-decoration: none; }
			.aBoxDevis { background: url(images/devis.gif) no-repeat; display: block; font-size: 12px; line-height: 14px; padding-left: 50px; }
				.aBoxDevis:hover { text-decoration: none; }
			.aBoxTarifs { background: url(images/tarifs.gif) no-repeat; display: block; font-size: 12px; line-height: 14px; padding-left: 50px; }
				.aBoxTarifs:hover { text-decoration: none; }
		.divLayoutMenuGaucheContentFooter { background: #fbfbfb url(images/menu-gauche-ctt-ft.gif) no-repeat; height: 4px; margin-bottom: 10px; }
	.divLayoutBoxDroite { float: left; margin-left: 10px; width: 666px; }
		.divLayoutFilDAriane { background: #f3f3f3 url(images/fil-d-ariane-bg.gif) no-repeat; font-size: 14px; height: 24px; padding-left: 5px; padding-top: 4px; }
			.aModuleFilDAriane { background: url(images/puce.gif) no-repeat; display: block; float: left; height: 18px; padding-left: 24px; padding-top: 2px; padding-right: 4px; }
				.aModuleFilDAriane:hover { background: url(images/puce-over.gif) no-repeat; }
			.aModuleFilDArianeActif { background: url(images/puce-over.gif) no-repeat; color: #000000; display: block; float: left; font-weight: bold; height: 18px; padding-left: 24px; padding-top: 2px; padding-right: 4px; }
		.divLayoutContent { margin-top: 5px; padding: 10px; }
.divLayoutMenuHorizontalBgBas { background: url(images/menu-horizontal-bg.gif) no-repeat; height: 35px; margin: 0 auto; width: 978px; }
	.divLayoutCopyright { float: left; font-size: 14px; padding-left: 20px; padding-top: 10px; width: 358px; }
	.divLayoutMenuHorizontalBas { float: left; font-size: 14px; padding-right: 20px; padding-top: 10px; text-align: right; width: 580px; }
		.aModuleMenusHorizontal2Actif { color: #444444; font-weight: bold; }
	.divLayoutCopyrightFooter { background: url(images/copyright-ft.gif) no-repeat; height: 38px; margin: 0 auto; width: 962px; }

/*--------------- Mise en forme ---------------*/

.textBoxs { border: solid 1px #cfcfcf; font: 13px Arial; width: 100%; }
.textBoxs:hover { border: solid 1px #e47e19; }
.textBoxs:focus { border: solid 1px #e47e19; }
.clearBoth { clear: both; height: 0px; }
.fontBold { font-weight: bold; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.paddingTop8 { padding-top: 8px; }
.textAlignLeft { text-align: left; }
.textAlignCenter { text-align: center; }
.marginAlignCenter { margin: 0 auto; width: 262px; }
.width100 { width: 100%; }

/*--------------- Headers ---------------*/

.divHeaderAccueil { background: url(images/illustrations/accueil.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderServices { background: url(images/illustrations/services.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderModules { background: url(images/illustrations/modules.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderReferences { background: url(images/illustrations/references.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderTarifs { background: url(images/illustrations/tarifs.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderDevis { background: url(images/illustrations/devis.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderContact { background: url(images/illustrations/contact.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderCreationSiteInternet { background: url(images/illustrations/creation-de-site-internet.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderContenuWeb { background: url(images/illustrations/contenu-web.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderWebDesign { background: url(images/illustrations/web-design.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderGraphisme { background: url(images/illustrations/graphisme.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderMultimedia { background: url(images/illustrations/multimedia.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderDeveloppement { background: url(images/illustrations/developpement.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderReferencement { background: url(images/illustrations/referencement.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderHebergement { background: url(images/illustrations/hebergement.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderAccompagnement { background: url(images/illustrations/accompagnement.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderFonctionnalites { background: url(images/illustrations/fonctionnalites.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderAdministration { background: url(images/illustrations/administration.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderEcommerce { background: url(images/illustrations/e-commerce.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderQuiSommesNous { background: url(images/illustrations/qui-sommes-nous.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderMentionsLegales { background: url(images/illustrations/mentions-legales.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderConditionsGenerales { background: url(images/illustrations/conditions-generales.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderLiens { background: url(images/illustrations/liens.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }
.divHeaderPlanduSite { background: url(images/illustrations/plan-du-site.jpg) no-repeat; border-bottom: solid 1px #e47e19; height: 70px; margin-bottom: 20px; padding-left: 80px; padding-top: 4px; }

/*--------------- Contenu ---------------*/

.a1 { background: url(images/illustrations/1.jpg) no-repeat; color: #ffffff; display: block; float: left; height: 105px; padding: 20px 10px 20px 20px; width: 180px; }
.a1:hover { text-decoration: none;}
.a2 { background: url(images/illustrations/2.jpg) no-repeat; color: #ffffff; display: block; float: left; height: 105px; padding: 20px 10px 20px 20px; width: 180px; }
.a2:hover { text-decoration: none;}
.a3 { background: url(images/illustrations/3.jpg) no-repeat; color: #ffffff; display: block; float: left; height: 105px; padding: 20px 10px 20px 20px; width: 180px; }
.a3:hover { text-decoration: none;}

.divReference {  }
.divReferenceIllustration { text-align: center; padding-bottom: 20px; padding-top: 10px; }
.divReferenceContenu {  }

.divLayoutContent2Colonnes {  }
	.divLayoutContent2ColonnesGauche { float: left; width: 313px; padding-right: 10px; }
	.divLayoutContent2ColonnesDroite { float: left; width: 323px; }

.tableTarif { border: solid 1px #3c86be; }
.tableTarif th { background-color: #3c86be; color: #ffffff; padding: 6px; }
.tableTarif td { padding: 6px; }
.tdBackgroundBleuClair { background-color: #e4f0f9; border-bottom: solid 1px #3c86be; border-top: solid 1px #3c86be; color: #3c86be; font-weight: bold; }
	
.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; }