/* Common */
body { margin: 0; padding: 0;  text-align: center; }
div, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 17px;}
form { margin: 0; padding: 0; }
.clear { clear: both; height: 1px; width: 100%; position: relative; overflow: hidden; }
.partners { font-size: 9px; color: #999; margin-bottom: 6px;}
.partners a { color: #a8a8a8; text-decoration: none}
/* h1 { margin: 20px 0 0 0; padding: 0; font-family: "Times New Roman", Times, serif; height: 24px; font-size: 24px; font-weight: 300; font-style: italic; color: #9a3065; border-bottom: 1px #e7cece solid} */
h1 { margin: 20px 0 0 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: 300; font-style: italic; color: #9a3065; }

.backLink { position: relative; float: left; margin: 20px 0 0 0;}
.backLink a { text-decoration: none; color: #333}

.nextLink { position: relative; float: right; margin: 20px 0 0 0;}
.nextLink a { text-decoration: none; color: #333}
/* start LAYOUT */ 
#wrap { position: relative; width: 781px; margin-left: auto; margin-right: auto; text-align: left;background: url(../images/bodyBg.gif) repeat-y center; }

 
/* Header */
#header { position: relative; width: 781px; height: 120px;  background: url(../images/headerBg.gif) right no-repeat;}
#headerNewsLine { height: 28px; padding-left: 20px; font-size: 11px; color: #545454; padding-top: 4px; }
#logo { position: relative; width: 251px; height: 38px; margin: 43px 0 0 100px;}

/* Header Menu */ 
#headerMenu { position: relative; width: 545px; height: 15px; margin: 25px 0 0 235px;}
#headerMenu ul { margin: 0; padding: 0; list-style-type: none; }
#headerMenu li { display: inline; font-size: 12px; font-weight: bold; color: #9a3065 }
#headerMenu a { text-decoration: none; font-size: 12px; font-weight: bold; color: #9a3065;}
#headerMenu a:hover { text-decoration: underline; }
#headerMenu img { margin: 0 7px 0 7px;} /* Séparateur */

/* BODY */
#wrap2 { position: relative; width: 750px; margin: 20px 0 0 16px; }

/* LEFT */
#BodyLeft { position: relative; width: 206px; float: left;}
#Left { position: relative; width: 205px; border-right: 1px #e5e6e2 solid; }
#paveSurgeon { position: relative;}
.surgeon { position: relative; width: 195px; height: 43px; border-top: 1px #e6e7e3 solid; font-size: 12px; color: #c2b5a9; padding-top: 4px; padding-left: 10px; }
.surgeon a { text-decoration: none; font-size: 17px; color: #9a3065;}
.surgeon a:hover { color: #FFA41C; font-size: 19px;}
.surgerySelected { font-size: 17px; color: #FFA41C; }
#paveSurgeryON { position: relative; }
#paveSurgeryON ul { margin: 10px 0 10px 20px; padding: 0; list-style-type: none;}
#paveSurgeryON li { margin: 0; padding: 0;}
#paveSurgeryON a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #95a03f; text-decoration: none;}

#surgeryIndex { position: relative; width: 197px; height: 52px; border-top: 1px #e6e7e3 solid; border-bottom: 1px #e6e7e3 solid; background-color: #f2ece5; color: #990033; font-size: 11px; padding: 12px 0 0 8px;}
.NewsletterForm { font-size: 11px; color: #000; background-color: #FFF; border: 1px #ccc solid;}

#PaveLink { position: relative; width: 195px; padding: 10px 0 0 10px; background: url(../images/flowerBg.gif) no-repeat right center}
#PaveLink ul { margin: 0; padding: 0; list-style-type: none;}
#PaveLink li { margin: 8px 0 0 0; padding: 0;}
#PaveLink a { text-decoration: none; font-size: 12px; color: #9a3065; }
#PaveLink a:hover { text-decoration: underline; }

#PaveStayInformed { position: relative; width: 205px; border-top: 1px #e5e6e2 solid; margin: 14px 0 0 0; padding: 10px 0 0 0; color: #575757}
#PaveContact { position: relative; width: 205px; border-top: 1px #e5e6e2 solid; border-bottom: 1px #e5e6e2 solid; margin: 10px 0 0 0; padding: 10px 0 10px 0;}


/* RIGHT */
#BodyRight { position: relative; width: 544px; float: right;}
#RightVisuel { position: relative; width: 544px; }

#VisuelL { float: left;}
#VisuelR { float: right;}
#VisuelRHome { float: right; position: relative; padding: 63px 0 0 0; width: 242px; height: 130px; background: url(../images/headerVisuel2.jpg) no-repeat; } /* Pour la page index c'est une image de fond */

#cheminDeFer { position: relative; font-size: 10px; font-weight: bold; color: #C4B7AC; padding: 3px 0 0 10px; margin-bottom: 8px;}
#cheminDeFer a { color: #ff9933}
#BodyRightContent { margin-left: 18px;}
#PaveService { margin-top: 20px;  color: #575757}
#PaveService ul { margin: 10px 0 20px 20px; padding: 0; list-style-type: none;}
#PaveService li { margin: 7px 0 7px 0; padding: 0; color: #575757}
#PaveService a { font-size: 12px; color: #990033; font-weight: bold;}
.CadreLink { position: relative; float: left; width: 105px; height: 56px; margin-top: 5px; padding: 10px 0 0 8px; margin-right: 10px; margin-bottom: 20px;}
.CadreLink a { color: #8f3060; font-size: 14px; text-decoration: none;}

#PaveTestimonials { position: relative; float: left; }
#PaveTestimonialsContent { position: relative; width: 288px; height: 124px; margin: 10px 0 0 0; padding: 10px 10px; 0 0; background: url(../images/testiomonialsBg.gif) no-repeat;}
#PaveAsShown { position: relative; float: right; width: 166px; margin-right: 22px;}
#PaveAsShownContent { position: relative; margin: 4px 0 0 0; width: 168px; height: 172px; border: 1px #e6e7e3 solid; background-color: #f2ece5;}


/* FOOTER */
#FooterLink { position: relative; width:; margin: 70px 120px 20px 120px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #990033; font-weight: bold;}
#FooterLink a { text-decoration: none; color: #990033; font-weight: normal;}
#FooterLink a:hover { text-decoration: underline; color: #9A3065}

#Footer { margin-left: 2px; position: relative; width: 778px; text-align: center;}
#FooterBottom { position: relative; width: 778px; height: 22px; padding-top: 5px; background: url(../images/FooterDesignBy.gif) no-repeat; color: #990033; font-size: 9px; font-weight: bold;}
#FooterBottom a { color: #990033; text-decoration: none}
.FooterCopyRights { color: #999; font-size: 10px;}

/****** HOME PAGE CATEGORIE *****/
#ContentPage { position: relative; margin: 20px 0 0 0;}
#cvSurgeon  { position: relative; margin: 10px 0 10px 0; text-align: left}
.cvSurgeonContent { position: relative; width: 456px; padding: 0 10px 0 20px; background: url(../images/paveContainerMiddle.gif) repeat-y;}
.cvLink { font-family: "Trebuchet MS"; font-style: italic;  font-size: 15px; color: #9a3065; font-weight: bold; text-decoration: none; line-height: 24px;}
.HomePageCategorysurgeryContainer { margin-bottom: 30px;}
.HomePageCategorysurgeryName { font-size: 14px; color: #990033; font-weight: bold; text-decoration: none; }
.HomePageCategorySurgeryDesc { font-size: 11px; color: #333; }
.HomePageCategoryLinkDetail { font-size: 11px; color: #990033; text-decoration: none; font-weight: bold;}

/******* DETAIL *****/
#ContentPageDetail { position: relative; margin: 20px 0 0 0; }
#PageDetailIntro { position: relative; font-size: 12px; color: #5a5a5a; margin: 0 0 20px 15px;}
#PageDetailFrequentedQuest { position: relative; margin: 0 0 10px 15px;}
.PageDetailContentFAQ { position: relative; width: 510px; margin: 0 0 25px 0; padding: 10px 0 0 0; border-top: 1px #e5e6e2 solid; }
.PageDetailFAQuestion { font-size: 12px; font-weight: bold; color: #990033;}
.PageDetailFAQResponse { font-size: 11px; color: #333333}
#PageDetailEnquiryForm { position: relative; margin: 0 0 0 15px; height: 76px; width: 490px; background: url(../images/paveEnquiryForm.jpg) no-repeat; padding: 10px 10px 0 10px; }
.linkTopPage { font-size: 11px; color: #c2b5a9; text-decoration: none}

/***** STEP BY STEP ******/
#StepByStepContainer { position: relative; margin: 0 0 0 30px;}
.step { position: relative; margin-bottom: 35px;}
.stepContent { position: relative; margin: 10px 0 0 20px}
.StepByStepTitleOfTheStep { font-weight: bold; font-size: 12px; color: #9a3065;}
.StepByStepUnderTitleOfTheStep { font-size: 11px; font-weight: bold; color: #333;}
.StepByStepDescOfTheStep { font-size: 11px; color: #333;}
#StepByStepContainer a { font-size: 11px; color: #990033; display: block; margin-top: 7px }

/****** Enquiry Form *******/
.EnquiryFormLibForm { font-size: 12px; color: #333;}
.EnquiryFormLibForm2 { font-size: 12px; color: #9a3065; font-style: italic}
.EnquiryFormLibFormExplain { font-size: 11px; font-style: italic}
.EnquiryFormEltForm { font-size: 11px; color: #000; background-color: #FFF; border: 1px #ccc solid; }
.EnquiryFormTitleBlocForm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990033; font-weight: bold; background-color: #F2ECE5; padding: 2px 0 2px 10px;}

/******* CENSENT ********/
.ConsentTitle { font-weight: bold; color: #990033;}
#ConsentDetail { position: relative; font-size: 11px; color: #5a5a5a; margin: 0 0 20px 15px; }


/************ CHOOSING SURGEON / COMMON ****************/
.TextBeforeBloc { position: relative; margin-bottom: 15px;}
.BlocColor { position: relative; margin: 0 0 10px 0; width: 506px; padding: 8px 10px; background-color: #f1e4f1}
.BlocColorTitle { font-family: Verdana, Arial, Helvetica, sans-serif; color: #9a3065; font-size: 20px;  margin-bottom: 6px;}
.BlocColorText { font-family: Tahoma; color: #343434; font-size: 11px; line-height: 15px;}

/******** RECUPERTATION AND ACCOMMODATION ********/
.hotelBloc { position: relative; width: 526px; margin: 0; padding: 0; font-family: Tahoma; font-size: 11px;}
.hotelBlocName { font-family: Verdana, Arial, Helvetica, sans-serif; color: #9a3065; font-size: 20px;}
.hotelBlocColor {  width: 100%; overflow: visible; }
.hotelBlocCadre { position: relative; width: 524px; border: 1px #F1EEEB solid; }
.hotelBlocIntro { position: relative; width: 506px; font-size: 11px; font-family: Tahoma;  float: left; padding: 6px 0 6px 8px; color: #9B8470;}
.hotelPhotoIntro { position: relative; float: right;}
.hotelBlocDesc  { position: relative; margin: 10px 6px 6px 6px; width: 504px;}
.hotelBlocDescPhoto { position: relative; float: left; width: 140px; margin: 0 6px 0 0;}
.hotelBlocDescText { position: relative; float: left; width: 210px; font-family: Tahoma; font-size: 11px; color: #9b8470}

/* Other Style : Text */
.paveForContent { position: relative; width: 520px; border: 1px dashed #D2B3CF; margin: 0 0 20px 0; padding-bottom: 6px;}
.paveForContentContainer { position: relative; margin: 0 0 0 10px}
.titlePaveForContent { width: 518px; padding: 2px 0 0 5px; height: 22px; background-color: #E8D5E6; font-size: 12px; font-weight: bold; color: #990033; border-bottom: 1px #E5E6E2 dashed}
.boldViolet { font-weight: bold; color: #8f3060;}
.linkViolet { font-size: 11px; text-decoration: none; color: #990033;}
.linkGris { font-size: 11px; text-decoration: none; color: #333;}
a.linkGris:hover  { text-decoration: underline}

.Font11 { font-size: 11px;}
.ColorViolet { color: #990033}
.ColorOrge { color: #ff9933}
.ColorBege { color: #ccb79e;}
.ColorBegeFonce { color: #a78864;}
.ColorGris { color: #333;}
.textBrown16B { color: #c5ae93; font-size: 16px; font-weight: bold;}
.formLib { color: #75201f}
.formElement { font-family: Arial, Helvetica, sans-serif; color: #ff6a00; font-weight: bold; font-size: 11px;}
