﻿* { margin: 0px; padding: 0px; }
body { background: #ffffff url("/App_Themes/default/images/site/degrader1px.jpg") repeat-x; color: #777777; font-family: Verdana, Arial, Tahoma; font-size: 13px; margin: 0px; }
table { border-collapse: collapse; width: 100%; }
th { white-space: nowrap; }
p { margin-bottom: 10px; }
h1 { font-size: 26px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
a { color: #813a3e; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
strong { color: #666666; }

/*--------------- Controls Asp.net ---------------*/

.textBoxs { border: none; border-bottom: solid 1px #d2d3d5; border-top: solid 1px #d2d3d5; color: #333333; font-family: Tahoma, Arial; font-size: 13px; height: 18px; width: 100%; }
.textBoxs:hover { background-color: #813a3e; border-color: #3d86bd; color:#ffffff;}
.textBoxs:focus { background-color: #813a3e; border-color: #3d86bd; color:#ffffff; }
.dropDownLists { border: none; border-bottom: solid 1px #d2d3d5; border-top: solid 1px #d2d3d5; color: #333333; cursor: pointer; font-family: Tahoma, Arial; font-size: 13px; }
.dropDownLists:hover { background-color: #813a3e; border-color: #3d86bd; color:#ffffff; }
.dropDownLists:focus { background-color: #813a3e; border-color: #3d86bd; color:#ffffff; }
.buttons { color: #813a3e; font-family: Tahoma, Arial; font-size: 13px; height: 24px; }
.buttons:hover { cursor: pointer; }
.validators { font-weight: bold; }
.validationSummarys { border: solid 2px #ff0000; font-weight: bold; margin: 10px; }
.lblsChampObligatoire { font-weight: bold; }
.images {  }
.checkBoxs label { font-weight: normal; }
.gridViews {  }
.gridViewHeaderRow { background-color: #813a3e; color: #ffffff; font-weight: bold; height: 25px; }
.gridViewRow { background-color: #ffffff; height: 20px; }
.gridViewAlternatingRow { background-color: #eeeeee; height: 20px; }
.gridViewSelectedRow { background-color: #bfddee; height: 20px; }
.gridViewEditRow { background-color: #bfddee; height: 20px; }
.gridViewEmptyRow { background-color: #813a3e; color: #ffffff; font-weight: bold; height: 25px; }
.gridViewPagerRow { background-color: #813a3e; color: #ffffff; height: 25px; }
.gridViewFooterRow { background-color: #813a3e; color: #ffffff; font-weight: bold; height: 25px; }
.gridViewFooterRow label { font-weight: bold; }
.formViewHeaderRow { background-color: #813a3e; color: #ffffff; font-weight: bold; height: 25px; }
.formViewRow {  }
.formViewFooterRow { background-color: #813a3e; color: #ffffff; height: 25px; text-align: right; }
.panelGroup {  }

/*--------------- Controls AJAX ---------------*/

.modalPopup { background-color: #ececec; width: 750px; }
.modalPopupLimite { background-color: #ececec; height: 550px; overflow: auto; width: 750px; }
.modalPopupBackground { background-color: #cccccc; filter: alpha(opacity=50); MozOpacity: 0.5; opacity:0.5; }

.popupControlExtender{ background-color: #ffffff; visibility: hidden; }

.updateProgress { background-color: #cccccc; filter: alpha(opacity=50); MozOpacity: 0.5; opacity: 0.5; }
.tableUpdateProgress { height: 100%; }
.tableUpdateProgressTd { font-size: 16px; font-weight: bold; height: 100%; text-align: center; }

.ajax__tab_perso .ajax__tab_header { background-color: #813a3e; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; color: #ffffff; }
.ajax__tab_perso .ajax__tab_outer { padding: 4px; }
.ajax__tab_perso .ajax__tab_inner { padding: 4px; }
.ajax__tab_perso .ajax__tab_tab {}
.ajax__tab_perso .ajax__tab_hover .ajax__tab_outer {}
.ajax__tab_perso .ajax__tab_hover .ajax__tab_inner { border: solid 1px #ffffff; padding: 3px; }
.ajax__tab_perso .ajax__tab_hover .ajax__tab_tab {}
.ajax__tab_perso .ajax__tab_active .ajax__tab_outer {  }
.ajax__tab_perso .ajax__tab_active .ajax__tab_inner { border: solid 1px #ffffff; color: #ffffff; font-weight: bold; padding: 3px; }
.ajax__tab_perso .ajax__tab_active .ajax__tab_tab {}
.ajax__tab_perso .ajax__tab_body { background-color: #dbdbdb; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;  color: #813a3e; padding: 10px; }

.accordion {  }
.accordionHeader { background: url(images/site/outlookbar.gif) repeat-x center; color: #ffffff; cursor: pointer; font: bold 12px Arial; height: 21px; padding: 7px 0px 0px 7px; }
.accordionHeader:hover { background: url(images/site/outlookbarover.gif) repeat-x center; color: #000066; }
.accordionContent { background-color: #ffffff; font-size: 20px; padding: 10px; }

.radTreeViewSelectedNode { font-weight: bold; }

/*--------------- Modules ---------------*/

/* Menu Horizontal Premier Niveau UlLi */

.divModuleMenuHorizontalPremierNiveauUlLi { }
.divModuleMenuHorizontalPremierNiveauUlLi ul { list-style-type: none; }
.divModuleMenuHorizontalPremierNiveauUlLi li { float: left; }

/* Menu Vertical Deuxieme Niveau */

.divModuleMenuVerticalDeuxiemeNiveauHeader { background-color: #5a85bb; color: #ffffff; font-weight: bold; padding: 5px; }
.divModuleMenuVerticalDeuxiemeNiveauHeader h1 {  }
.divModuleMenuVerticalDeuxiemeNiveauContent { background-color: #bccee5; border: solid 1px #5a85bb; margin-bottom: 10px; }
.divModuleMenuVerticalDeuxiemeNiveauContent ul { list-style-image: url(images/site/pucefleche.gif); margin-left: 15px; padding: 10px; }

/* Titre Page */

.divModuleTitrePage { border-bottom: dotted 1px #777777; color: #777777; font-size: 20px; padding: 10px 0px; }

/*--------------- Menu Administration ---------------*/

.tdTableMenuAdministration { border-bottom: solid 1px #000000; padding: 4px; }
.tdTableMenuAdministrationActif { background-color: #813a3e; border-bottom: solid 1px #813a3e ;border-left: solid 1px #000000 ;border-right: solid 1px #000000; border-top: solid 1px #000000 padding: 4px; }
.tdTableMenuAdministrationActif a { color: #ffffff; font-weight: bold; }
.tdUtilisateurTableMenuAdministration { border-bottom: solid 1px #000000; padding: 4px; text-align: right; width: 100%; }

.tableSousMenuAdministrationConfiguration { background-color: #813a3e; border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }
.tdTableSousMenuAdministrationConfiguration { padding: 4px; }
.tdTableSousMenuAdministrationConfiguration a { color: #ffffff; display: inline-block; padding: 4px; }
.tdTableSousMenuAdministrationConfiguration a:hover { border: solid 1px #ffffff; padding: 3px; text-decoration: none; }
.tdTableSousMenuAdministrationConfiguration a.actif { border: solid 1px #ffffff; display: inline-block; font-weight: bold; padding: 3px; }

/*--------------- Mise en page des Formulaires ---------------*/

.tdLabels { font-weight: bold; padding-right: 4px; text-align: right; white-space: nowrap; }
.tdControls { width: 100%; }
.tdValidators { white-space: nowrap; }
.message { border: solid 2px #3d86bd; font-weight: bold; padding: 10px; text-align: center; }
.messageErreur { border: solid 2px #ff0000; color: #ff0000; font-weight: bold; padding: 10px; text-align: center; }
.messageInformation { color: #3d86bd; font-style: italic; font-size: 11px; font-weight: bold; }
.multiLine3 { height: 51px; }
.multiLine6 { height: 102px; }
.multiLine10 { height: 163px; }
.width100 { width: 100%; }
.noWrap { white-space: nowrap; }
.imageDroite { padding-bottom: 10px; padding-left: 10px; }
.imageGauche { padding-bottom: 10px; padding-right: 10px; }

/*--------------- Layout ---------------*/

.divCentre{ margin: 0px auto; width: 858px; }

.aBanniere { background-image: url("/App_Themes/default/images/site/bannierebourret.jpg"); background-repeat: no-repeat; display: block; height: 196px; width: 858px; }

.divMenu { margin-bottom: 25px; height: 54px; }

.aAccueil { background-image: url("/App_Themes/default/images/site/accueil.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 100px; }
.aAccueil:hover { background-image: url("/App_Themes/default/images/site/accueil2.gif"); }
.aAccueilCourant { background-image: url("/App_Themes/default/images/site/accueil2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 100px; }
.aSerrurerie { background-image: url("/App_Themes/default/images/site/serrurerie.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 127px;}
.aSerrurerie:hover { background-image: url("/App_Themes/default/images/site/serrurerie2.gif"); }
.aSerrurerieCourant { background-image: url("/App_Themes/default/images/site/serrurerie2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 127px; }
.aFerronnerie { background-image: url("/App_Themes/default/images/site/ferronnerie.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 139px;}
.aFerronnerie:hover { background-image: url("/App_Themes/default/images/site/ferronnerie2.gif"); }
.aFerronnerieCourant { background-image: url("/App_Themes/default/images/site/ferronnerie2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 139px; }
.aVitrerie { background-image: url("/App_Themes/default/images/site/vitrerie.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }
.aVitrerie:hover { background-image: url("/App_Themes/default/images/site/vitrerie2.gif"); }
.aVitrerieCourant { background-image: url("/App_Themes/default/images/site/vitrerie2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }
.aVoletsroulants { background-image: url("/App_Themes/default/images/site/volets-roulants.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 171px; }
.aVoletsroulants:hover { background-image: url("/App_Themes/default/images/site/volets-roulants2.gif"); }
.aVoletsroulantsCourant{ background-image: url("/App_Themes/default/images/site/volets-roulants2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 171px; }
.aPortails { background-image: url("/App_Themes/default/images/site/portails.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }
.aPortails:hover { background-image: url("/App_Themes/default/images/site/portails2.gif"); }
.aPortailsCourant { background-image: url("/App_Themes/default/images/site/portails2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }
.aContact { background-image: url("/App_Themes/default/images/site/contact.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }
.aContact:hover { background-image: url("/App_Themes/default/images/site/contact2.gif"); }
.aContactCourant { background-image: url("/App_Themes/default/images/site/contact2.gif"); background-repeat: no-repeat; display: block; height: 54px; width: 107px; }

.divCopyright{ background-color: #f9f9f9; border: solid 1px #dbdbdb; height: 16px; margin: 25px auto 0px auto; margin-top:0px; padding: 10px; width: 838px; }
.divFloatLeft { float: left; }
.divFloatRight { float: right; }

/*--------------- Boxs ---------------*/

.divBoxModuleHeader { background-color: #f9f9f9; border-bottom: solid 1px #dbdbdb; border-top: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb; border-left: solid 1px #dbdbdb; color: #813a3e; font-size: 20px; padding: 10px 10px; }
.divBoxModuleHeader h1 { background: url("/App_Themes/default/images/illustrations/Logos/CAPEB.gif") no-repeat right; font-weight: normal; height: 34px  }
.divBoxModuleHeader h2 { font-size: 26px; font-weight: normal; }
.divBoxModuleContent { background: url("/App_Themes/default/images/site/fond-content.gif") no-repeat center; border-bottom: solid 1px #dbdbdb; border-left: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb; margin-bottom: 25px; padding: 10px; }
.divBoxModuleContent a {  }
.divBoxModuleContent h3 { font-weight: normal; }
.divBoxModuleContent ul { list-style-image: url(images/site/pucefleche.gif); margin-bottom: 10px; margin-left: 15px; padding-left: 10px; }
.divBoxEditionModuleHeader { background-color: #813a3e; border-left: solid 1px #000000; border-right: solid 1px #000000; border-top: solid 1px #000000; color: #ffffff; font-weight: bold; padding: 4px; }
.divBoxEditionModuleContent { background-color: #dbdbdb; border: solid 1px #000000; padding: 10px; }
.divBoxEditionModuleContent ul { list-style-image: url(images/site/pucefleche.gif); margin-bottom: 10px; margin-left: 15px; padding-left: 10px; }

.divBoxBloc
.divBoxBlocHeader { background: url(images/site/outlookbar.gif) repeat-x center; color: #ffffff; font: bold 12px Arial; height: 21px; padding: 7px 0px 0px 7px; }
.divBoxBlocItem { background-color: #ffffff; padding: 10px; }