body { margin-top: 0px; background-image: url('https://www.e-venementiels.net/images/bg.gif'); }

/* LES DIVS */

.spacer { clear: both; }

.IMG { border:0; }

.news { border: 1px solid; border-color: #000; background-color: #fff; width: 650px; padding: 10px; font-family: Arial, Verdana; font-size: 10pt; text-align: justify; color: #000; }

.alerte { border: 1px solid; border-color: #000; background-color: #fff; width: 650px; padding: 10px; font-family: Arial, Verdana; font-size: 10pt; text-align: justify; color: #FF0033; }

.texteAlerte { font-family: Arial, Verdana; font-size: 10pt; color: #FF0033; text-align: center; }
.alertePage { font-family: Arial, Verdana; font-size: 9pt; color: #FF0033; text-align: center; }

.corps { width: 960px; border-top: 1px solid; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid;  border-color: #000; background-color: #ccc; padding: 0px; font-family: Arial, Verdana; font-size: 10pt; text-align: justify; color: #000; }

.top { width: 960px; height: 175px !important; min-height: 175px; border-bottom: 1px solid; border-color: #000; }
.centre { border: 0px; width: 760px; background-color: #ccc; text-align: center; }

.menu {  width: 960px; height: 2px; border-bottom: 10px solid; border-color: #000; padding: 0px; background-color: #FF3030; text-align: center; }

.menuHaut { border-top: 5px solid; border-color: #FF3030; background-color: #000; width: 956px; height: 10px; padding: 2px; text-align: center; color: #ffc; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
.menuBas { border-bottom: 1px solid; border-color: #000; background-color: #000; width: 960px; height: 5px; padding: 0px; font-family: Arial, Verdana; font-size: 9pt; text-align: center; color: #fff; }

.bottomHaut { border-top: 5px solid; border-color: #FF3030; background-color: #000; width: 960px; height: 20px; padding-top: 2px; font-family: Arial, Verdana; font-size: 9pt; text-align: center; color: #fff; }

.main { border-bottom: 1px solid; border-color: #000; width: 960px; background-color: #ccc; text-align: center; }
.contenu { width: 940px; background-color: #fff; font-family: Arial, Verdana; font-size: 10pt; text-align: justify; color: #000; padding: 10px; }

/* PRODUITS */

.showroom { border: 1px solid; border-color: #000; background-color: #ffc; width: 925px; min-height: 300px; height: 300px; padding: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; }
div[class] .showroom { border: 1px solid; border-color: #000; background-color: #ffc; width: 925px; height: auto; padding: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; }

.listeProduits { border: 1px solid; border-color: #000; background-color: #fff; width: 200px; margin-left: 5px; padding: 10px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.listeAlerteProduits { border: 1px solid; border-color: #000; background-color: #fff; width: 200px; height: 50px; margin-left: 5px; padding: 10px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.produits { border: 1px solid; border-color: #000; width: 365px; padding: 5px; background-color: #fff; font-family: Verdana, Arial; font-size: 9pt; color: #000; text-align: justify; }

.produitsMini { border: 1px solid; border-color: #000; width: 365px; padding: 5px; background-color: #fff; font-family: Verdana, Arial; font-size: 9pt; color: #000; text-align: justify; }

.produitsTexte { border: 0px; width: 350px; padding: 5px; text-align: justify; float: left; font-family: Verdana, Arial; font-size: 9pt; color: #000; }
.produitsThumb { margin-top: 5px; margin-right: 5px; border: 1px dashed #000; padding: 5px; text-align: center; float: right; }
.produitsPhotoBig { border: 0px; padding: 0px; }

/* LISTING */

.listingProduct1 { border: 1px solid; border-color: #000; width: 900px; padding: 1px 5px 1px 5px; background-color: #000; font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; color: #fff; text-align: left; }

.listingProduct2 { border: 0px; width: 390px; margin-left: 0px; margin-top: 0px; padding: 0px; text-align: left; float: left; }
.listingProduct3 { border: 0px; width: 175px; margin-top: 0px; padding: 0px; text-align: center; float: left; }
.listingProduct4 { border: 0px; width: 150px; margin-top: 0px; padding: 0px; text-align: left; float: left; }
.listingProduct5 { border: 0px; width: 175px; margin-top: 0px; padding: 0px; text-align: center; float: left; }

.listingProduct11 { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #000; width: 900px; padding: 5px; background-color: #fff; font-family: Arial, Verdana; font-size: 10pt; color: #000; text-align: left; }

.listingProduct21 { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #000; width: 900px; padding: 5px; background-color: #ccc; font-family: Arial, Verdana; font-size: 10pt; color: #000; text-align: left; }

/* ACCUEIL */

.accueilG { border: 0px; width: 490px; padding: 0px; float: left; margin-left: 5px; text-align: center; }
.accueilD { border: 0px; width: 200px; padding: 0px; float: left; margin-left: 0px; text-align: center; }

.scroller { border: 1px solid; border-color: #000; background-color: #ffc; width: 250px; height: 200px; margin-left: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.identification { border: 1px solid; border-color: #000; background-color: #ffc; width: 405px; height: 200px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: center; float: left; }

.compliance { border: 1px solid; border-color: #000; background-color: #ffc; width: 200px; height: 200px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align: center; float: left; }

/* MEMBRES */

.membres { border: 1px solid; border-color: #000; background-color: #ffc; width: 630px; height: 200px; margin-left: 15px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.membresID { border: 1px solid; border-color: #000; width: 350px; padding: 1px 5px 1px 5px; background-color: #994422; font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; color: #fff; text-align: center; }

.accueilAdminG { border: 1px solid; border-color: #000; background-color: #fff; width: 375px; margin-left: 6px; padding: 0px; float: left; }
.accueilAdminD { border: 1px solid; border-color: #000; background-color: #ffc; width: 520px; margin-left: 15px; padding: 10px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.adminG { border: 1px solid; border-color: #000; background-color: #fff; width: 375px; margin-left: 6px; padding: 10px; float: left; }
.adminD { border: 1px solid; border-color: #000; background-color: #ffc; width: 500px; margin-left: 15px; padding: 10px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.clientTitre { border: 1px solid; border-color: #000; width: 275px; background-color: #FFFF80; padding: 5px; text-align: center; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #000080; }

/* ADMIN */

.produits { border: 1px solid; border-color: #000; width: 910px; background-color: #fff; font-family: Arial, Verdana; font-size: 10pt; text-align: right; color: #000; padding: 10px; }

.adminGauche { border: 1px solid; border-color: #000; background-color: #fff; width: 250px; margin-left: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.adminCentre { border: 1px solid; border-color: #000; background-color: #fff; width: 300px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: left; float: left; }

.adminDroite { border: 1px solid; border-color: #000; background-color: #ffc; width: 300px; margin-left: 10px; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; text-align: center; float: left; }

.separateur { border-top: 1px solid; border-color: #000; width: 300px; height: 2px; background-color: #fff; padding: 0px; }

/* STATS */ 

.stats { border: 1px solid; border-color: #000; background-color: #ffc; width: 902px; padding: 10px; font-family: Verdana, Arial; font-size: 8pt; color: #000; text-align: center; }

.statsTitre1 { border: 1px solid; border-color: #000; width: 710px; padding: 1px 5px 1px 5px; background-color: #ccc; font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; color: #000; text-align: left; }

.statsTitre2 { border: 0px; width: 310px; margin-left: 0px; margin-top: 0px; padding: 0px; text-align: left; float: left; }
.statsTitre3 { border: 0px; width: 160px; margin-top: 0px; padding: 0px; text-align: center; float: left; }
.statsTitre4 { border: 0px; width: 75px; margin-top: 0px; padding: 0px; text-align: center; float: left; }
.statsTitre5 { border: 0px; width: 165px; margin-top: 0px; padding: 0px; text-align: center; float: left; }

.statsListe11 { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #000; width: 716px; padding: 2px; background-color: #994422; font-family: Arial, Verdana; font-size: 10pt; color: #fff; text-align: left; }

.statsListe21 { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #000; width: 716px; padding: 2px; background-color: #808080; font-family: Arial, Verdana; font-size: 10pt; color: #fff; text-align: left; }

/* AUTRES */

.pub { border: 1px solid; border-color: #000; background-color: #fff; width: 915px; padding: 10px; font-family: Arial, Verdana; font-size: 10pt; text-align: center; color: #000; margin-left: 0px; }

/* LES LIENS */

A:link { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:active { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:visited { color: #FF9900; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lien:link { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:active { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:visited { color: #0000CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lien:hover { color: #FF0033; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienMenu:link { color: #ffc; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:active { color: #ffc; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:visited { color: #ffc; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienMenu:hover { color: #fff; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienCalendrier:link { color: #0000CC; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienCalendrier:active { color: #0000CC; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienCalendrier:visited { color: #0000CC; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienCalendrier:hover { color: #FF0033; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

A.lienFooter:link { color: #FF3030; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:active { color: #FF3030; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:visited { color: #FF3030; text-decoration: underline; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }
A.lienFooter:hover { color: #fff; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: normal; }

/* CALENDRIER */

.calTitre { border: 1px solid; border-color: #000; width: 275px; background-color: #FFFF80; padding: 5px; text-align: center; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #000080; }
.calMois { border: 0px ; padding: 5px; text-align: center; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #000; }
.calendrier { border: 1px solid; border-color: #000; width: 290px; background-color: #fff; padding: 1px; text-align: center; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #000; }

.calJour { text-align: center; font-family: Verdana, Arial; font-size: 8pt; text-align: center; color: #ffc; }

.alerteResa { font-family: Arial, Verdana; font-size: 8pt; color: #ffc; text-align: center; }

/* FORMULAIRES */ 

.button { border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #fff; background-color: #808080; } 
.select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000; background-color: #C0C0C0; } 
.input { border: 1px solid #000; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000; background-color: #C0C0C0; }

.tooltiptop { border: 1px solid #A5CFE9; width: 250px; padding: 3px; background-color: #D5EBF9; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #000; }

.tooltipmain { border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9; border-left: 1px solid #A5CFE9; width: 250px; padding: 3px; background-color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #C00000; }

#dhtmltooltip {
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: black;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}