/******************************************************************** GENERIC ********************************************************************/ html, body { margin: 0; padding: 0; } body { background-color: #fff; font: normal normal 9pt arial, helvetica, sans-serif; color: #000; } h1, h2, h3 { margin: 0; padding: 0; } strong, b { font-weight: bold; } a { text-decoration: underline; color: #380F57; } a:hover { text-decoration: none; color: #B289C7; } /*a:visited { color: #B289C7; } a:active { color: #B289C7; }*/ img { border: 0; } p { margin: 0; padding: 0; } /* hr { display: block; margin: 2px 0 2px 0px; border: 0; width: 100%; height: 1px; background-color: #0F2C73; color: #0F2C73; } */ select, option { font: normal 9pt arial, helvetica, sans-serif; } textarea { font: normal 9pt arial, helvetica, sans-serif; } span { color: #666; } /******************************************************************** STYLES ********************************************************************/ .bold { font-weight: bold; } .small { font-size: .8em; } .italic { font-style: italic; } .red { color: #AC3537 !important; } .black { color: #000 !important; } .alignLeft { text-align: left !important; } .alignRight { text-align: right !important; } .alignCenter { text-align: center !important; } /******************************************************************** STRUCTURE ********************************************************************/ #wraper { /*centrer la page */ margin: 0 auto; /*margin: 0;*/ width: 1000px; height: 666px; text-align: left; /*border: 1px solid #fff;*/ /* fin centrer la page */ margin-top: 120px; } * html #wraper { /*** IE5.x/win box model fix ***/ width: 1000px; wid\th: 998px; } #header { height: 90px; padding-left: 88px; padding-right: 160px; /*background-color: #FF0000;*/ } #header .logo { margin: 0; padding: 0; float: left; } #header ul { /*background: #00CC33;*/ width: 300px; margin: 0; padding: 0; float: right; /*text-align: right;*/ } #header ul li { margin: 0; padding: 0 0 0 12px; display: inline; float: right; } #header a.navTopActu { display: block; width: 59px; height: 12px; background: url("../img/nav_actualite.png") left top no-repeat; } #header a:hover.navTopActu { background: url("../img/nav_actualite_over.png") top left no-repeat; } /* pas de classe selected pour actu*/ #header a.navTopDevis { display: block; width: 124px; height: 12px; background: url("../img/nav_devis.png") left top no-repeat; } #header a:hover.navTopDevis { background: url("../img/nav_devis_over.png") top left no-repeat; } #header .navTopDevisSel { display: block; width: 124px; height: 12px; background: url("../img/nav_devis_active.png") left top no-repeat; } #header a.navTopContact { display: block; width: 53px; height: 12px; background: url("../img/nav_contact.png") left top no-repeat; } #header a:hover.navTopContact { background: url("../img/nav_contact_over.png") top left no-repeat; } #header a.navTopContactSel { display: block; width: 53px; height: 12px; background: url("../img/nav_contact_active.png") left top no-repeat; } #header em { display: none; } /* #header a { padding: 0 0 0 8px; font: bold 9.5pt Arial, Helvetica, sans-serif; color: #380F57; text-decoration: none; } #header a:hover { color: #B289C7; } */ /* élément de la home page */ #actualite { margin-left: 400px; margin-top: 34px; }/*59 - 25 */ #actualite a { display: block; width: 72px; height: 19px; background: url("../img/actualite.gif") top left no-repeat; } #actualite a:hover { background: url("../img/actualite_over.gif") top left no-repeat; } #actualite em { display: none; } #enter { margin-left: 390px; margin-top: 5px; } #enter a { display: block; width: 56px; height: 22px; background: url("../img/enter.png") top left no-repeat; } #enter a:hover { background: url("../img/enter_over.png") top left no-repeat; } #enter em { display: none; } #baseline { width: 370px; margin-top: 270px; margin-left: 135px; } #baseline p { font-size: .9em; padding-bottom: 10px; text-align: justify; } #homelinks { margin-top: 35px; text-align: center; font: normal 7.5pt Arial, Helvetica, sans-serif; color: #552F02; } #homelinks a { text-transform: lowercase; font: normal 7.5pt Arial, Helvetica, sans-serif; color: #552F02; text-decoration: none; } #homelinks a:hover { color: #BC9F7C; } /* fin élément de la home page */ #left { /*width: 485px;*/ /*testbackground-color:#00FF66;*/ } #right { width: 510px; float: right; /*background-color: #CCCC00;*/ } #bodyCopy { width: 400px; } #bodyCopy p { padding: 15px 0 10px 0; } #bodyCopy ul li { list-style: none; list-style-image: url("../img/puce.png"); } /* bouton diaporama */ #bodyCopy p a.diaporama { background: url("../img/link.diaporamma.gif") left top no-repeat; display: block; width: 350px; height: 20px; margin-left: 2px; } #bodyCopy p a:hover.diaporama { background: url("../img/link.diaporamma_over.gif") left top no-repeat; } #bodyCopy p a.diaporama em { display: none; } #bodyCopy p a.news { background: url("../img/link.news.gif") left top no-repeat; display: block; width: 350px; height: 20px; margin-left: 2px; } #bodyCopy p a:hover.news { background: url("../img/link.news_over.gif") left top no-repeat; } #bodyCopy p a.news em { display: none; } #footer { clear: both; text-align: right; height: 25px; padding-top: 75px; padding-right: 125px; } #footer ul { float: right; } #footer li { display: inline; list-style: none; margin: 0; padding: 0; } #footer a { text-transform: lowercase; padding-left: 16px; font: normal 7.5pt Arial, Helvetica, sans-serif; color: #552F02; text-decoration: none; } #footer a:hover { color: #BC9F7C; } #footer a.induxia { padding-right: 23px; background: url("../img/redux.png") no-repeat center right; } /******************************************************************** RUBRIQUES ********************************************************************/ /* Fonds */ .home { background: url("../img/bg_home.jpg") no-repeat top left; } .contact { background: url("../img/bg_contact.jpg") no-repeat top left; } .devis { background: url("../img/bg_contact.jpg") no-repeat top left; } .cocktail { background: url("../img/bg_traiteur_cocktail.jpg") no-repeat top left; } .diner { background: url("../img/bg_traiteur_diner.jpg") no-repeat top left; } .gastro { background: url("../img/bg_traiteur_gastro.jpg") no-repeat top left; } .decouvrir { background: url("../img/bg_nous_decouvrir.jpg") no-repeat top left; } .mariage { background: url("../img/bg_mariage.jpg") no-repeat top left; } .evenement { background: url("../img/bg_evenement.jpg") no-repeat top left; } .animation { background: url("../img/bg_animation.jpg") no-repeat top left; } .arttable { background: url("../img/bg_deco_art_table.jpg") no-repeat top left; } .florale { background: url("../img/bg_deco_florale.jpg") no-repeat top left; } .reception { background: url("../img/bg_reception.jpg") no-repeat top left; }/*Salles de réception*/ /* Titres */ #bodyCopy h1 em {display: none; } #bodyCopy h1.title01 { width: 185px; height: 78px; background: url("../img/title_decouvrir.png") no-repeat top left; } #bodyCopy h1.title02 { width: 185px; height: 78px; background: url("../img/title_traiteur.png") no-repeat top left; } #bodyCopy h1.title03 { width: 185px; height: 78px; background: url("../img/title_mariage.png") no-repeat top left; } #bodyCopy h1.title04 { width: 185px; height: 78px; background: url("../img/title_evenement.png") no-repeat top left; } #bodyCopy h1.title05 { width: 185px; height: 78px; background: url("../img/title_animation.png") no-repeat top left; } #bodyCopy h1.title06 { width: 185px; height: 78px; background: url("../img/title_decoration.png") no-repeat top left; } #bodyCopy h1.title07 { width: 185px; height: 78px; background: url("../img/title_contact.png") no-repeat top left; } #bodyCopy h1.title08 { width: 185px; height: 78px; background: url("../img/title_contact.png") no-repeat top left; } #bodyCopy h1.title09 { width: 185px; height: 78px; background: url("../img/title_devis.png") no-repeat top left; } #bodyCopy h1.title10 { width: 185px; height: 78px; background: url("../img/title_liens.png") no-repeat top left; } #bodyCopy h1.title14 { width: 185px; height: 78px; background: url("../img/title_reception.png") no-repeat top left; }/*Salles de réception*/ /* Sous-titres */ #bodyCopy h2 em {display: none; } #bodyCopy h2.subtitle02-01 { width: 314px; height: 47px; background: url("../img/subtitle_cocktail.png") no-repeat top left; } #bodyCopy h2.subtitle02-02 { width: 314px; height: 47px; background: url("../img/subtitle_diner_dejeuner.png") no-repeat top left; } #bodyCopy h2.subtitle02-03 { width: 314px; height: 47px; background: url("../img/subtitle_animation_gastro.png") no-repeat top left; } #bodyCopy h2.subtitle05-01 { width: 314px; height: 47px; background: url("../img/subtitle_anim_musique_theme.png") no-repeat top left; } #bodyCopy h2.subtitle06-01 { width: 314px; height: 47px; background: url("../img/subtitle_art_table.png") no-repeat top left; } #bodyCopy h2.subtitle06-02 { width: 314px; height: 47px; background: url("../img/subtitle_decoration_florale.png") no-repeat top left; } /******************************************************************** NAVIGATION ********************************************************************/ #navigation { width: 179px; margin: 6px 0 0 0; padding: 0; list-style-type: none; float: right; /*border: 1px solid #FF0000;*/ } #navigation ul, li, a { margin: 0; padding: 0; } #navigation em { display: none; } #navigation .menu { display: block; /* IE line height hack */ line-height: 1px; font-size: 1pt; } #navigation .nav01 { width: 179px; height: 24px; background: url("../img/nav01_over.png") top left no-repeat; } #navigation .nav02 { width: 179px; height: 23px; background: url("../img/nav02_over.png") top left no-repeat; } #navigation .nav03 { width: 179px; height: 19px; background: url("../img/nav03_over.png") top left no-repeat; } #navigation .nav04 { width: 179px; height: 22px; background: url("../img/nav04_over.png") top left no-repeat; } #navigation .nav05 { width: 179px; height: 35px; background: url("../img/nav05_over.png") top left no-repeat; } #navigation .nav06 { width: 179px; height: 24px; background: url("../img/nav06_over.png") top left no-repeat; } #navigation .nav07 { width: 179px; height: 23px; background: url("../img/nav07_over.png") top left no-repeat; } #navigation .nav08 { width: 179px; height: 23px; background: url("../img/nav08_over.png") top left no-repeat; } #navigation .nav09 { width: 179px; height: 34px; background: url("../img/nav09_over.png") top left no-repeat; } #navigation .nav10 { width: 179px; height: 26px; background: url("../img/nav10_over.png") top left no-repeat; } #navigation .nav11 { width: 179px; height: 19px; background: url("../img/nav11_over.png") top left no-repeat; } #navigation .nav12 { width: 179px; height: 22px; background: url("../img/nav12_over.png") top left no-repeat; } #navigation .nav13 { width: 179px; height: 26px; background: url("../img/nav13_over.png") top left no-repeat; } #navigation .nav14 { width: 179px; height: 24px; background: url("../img/nav14_over.png") top left no-repeat; }/*salles de réception*/ /* définition du lien qui occupera toute la place du conteneur */ #navigation .menu a { display: block; float: left; width: 100%; height: 100%; } #navigation .link01 { width: 179px; height: 24px; background: url("../img/nav01.png") top left no-repeat; } #navigation .link02 { width: 179px; height: 23px; background: url("../img/nav02.png") top left no-repeat; } #navigation .link03 { width: 179px; height: 19px; background: url("../img/nav03.png") top left no-repeat; } #navigation .link04 { width: 179px; height: 22px; background: url("../img/nav04.png") top left no-repeat; } #navigation .link05 { width: 179px; height: 35px; background: url("../img/nav05.png") top left no-repeat; } #navigation .link06 { width: 179px; height: 24px; background: url("../img/nav06.png") top left no-repeat; } #navigation .link07 { width: 179px; height: 23px; background: url("../img/nav07.png") top left no-repeat; } #navigation .link08 { width: 179px; height: 23px; background: url("../img/nav08.png") top left no-repeat; } #navigation .link09 { width: 179px; height: 34px; background: url("../img/nav09.png") top left no-repeat; } #navigation .link10 { width: 179px; height: 26px; background: url("../img/nav10.png") top left no-repeat; } #navigation .link11 { width: 179px; height: 19px; background: url("../img/nav11.png") top left no-repeat; } #navigation .link12 { width: 179px; height: 22px; background: url("../img/nav12.png") top left no-repeat; } #navigation .link13 { width: 179px; height: 26px; background: url("../img/nav13.png") top left no-repeat; } #navigation .link14 { width: 179px; height: 24px; background: url("../img/nav14.png") top left no-repeat; }/*salles de réception*/ /* masquage de l'image au survol */ #navigation .menu a:hover { background: transparent none; } /* effet menu sélectionné */ #navigation .nav_active01 { width: 179px; height: 24px; background: url("../img/nav01_active.png") top left no-repeat; } #navigation .nav_active02 { width: 179px; height: 23px; background: url("../img/nav02_active.png") top left no-repeat; } #navigation .nav_active03 { width: 179px; height: 19px; background: url("../img/nav03_active.png") top left no-repeat; } #navigation .nav_active04 { width: 179px; height: 22px; background: url("../img/nav04_active.png") top left no-repeat; } #navigation .nav_active05 { width: 179px; height: 35px; background: url("../img/nav05_active.png") top left no-repeat; } #navigation .nav_active06 { width: 179px; height: 24px; background: url("../img/nav06_active.png") top left no-repeat; } #navigation .nav_active07 { width: 179px; height: 23px; background: url("../img/nav07_active.png") top left no-repeat; } #navigation .nav_active08 { width: 179px; height: 23px; background: url("../img/nav08_active.png") top left no-repeat; } #navigation .nav_active09 { width: 179px; height: 34px; background: url("../img/nav09_active.png") top left no-repeat; } #navigation .nav_active10 { width: 179px; height: 26px; background: url("../img/nav10_active.png") top left no-repeat; } #navigation .nav_active11 { width: 179px; height: 19px; background: url("../img/nav11_active.png") top left no-repeat; } #navigation .nav_active12 { width: 179px; height: 22px; background: url("../img/nav12_active.png") top left no-repeat; } #navigation .nav_active13 { width: 179px; height: 26px; background: url("../img/nav13_active.png") top left no-repeat; } #navigation .nav_active14 { width: 179px; height: 24px; background: url("../img/nav14_active.png") top left no-repeat; }/*salles de réception*/ /******************************************************************** RUBRIQUES ********************************************************************/ form.cmxform { width: 370px; /*font-size: 1.1em;*/ color: #333; } form.cmxform legend { padding-left: 0; } form.cmxform legend, form.cmxform label { color: #333; } form.cmxform fieldset { border: none; border-top: 1px solid #A97EC0; background: url("../img/cmxform-fieldset.png") left bottom repeat-x; } form.cmxform fieldset fieldset { background: none; } form.cmxform fieldset li { padding: 5px 10px 7px; background: url("../img/cmxform-divider.png") left bottom repeat-x; } /******************************************************************** MESSAGE ERREUR DEMANDE DE DEVIS ********************************************************************/ #errorMsg { width: 90%; margin-top: 40px; border: 1px dashed red; padding: 4px; } #errorMsg p { color: red; margin: 2px; padding: 0px 0px 0px 40px; background: url("../img/alert.png") no-repeat center left; }