/*=============================================================================
*
*============================================================================*/
html {
   margin: 0;
   padding: 0;
}

/*=============================================================================
*
*============================================================================*/
body {
   margin: 0;
   padding: 0;
   background-image: url('../img/background/body-background.png');
   color: #333333;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   margin: auto;
   padding: 0px 23px;
   width: 768px;
   background-image: url('../img/background/page-background.png');
}

/*=============================================================================
*
*============================================================================*/
div#header {
   height: 24px;
   margin: auto;
   padding: 0;
   background-color: #c6d401;
}

div#header-page {
   width: 768px;
   margin: auto;
}

div#header h1 {
   padding: 0;
   margin: 0 auto;
   font-family: verdana;
   font-size: 8pt;
   color: #ffffff;
   text-align: right;
   width: 768px;
   line-height: 20px;
}

span#groupe-sante-helios-logo {
   position: absolute;
   z-index: 99;
}

span#groupe-sante-helios-logo img {
   border: none;
}

/*=============================================================================
*
*============================================================================*/
div#communication {
   /*height: 307px;*/
   height: 307px;
   margin: auto;
   padding: 0;
   background-image: url('../img/background/communication-background.png');
}

div#communication-page {
   width: 768px;
   margin: auto;
}

span.clinique-du-voyageur-clinique-sante-voyage {
   position: absolute;
   margin: -16px 0 0 0;
}

span.clinique-sante-voyage {
   position: absolute;
   margin: 0 0 0 20px;
}

span.vaccination {
   position: absolute;
   margin: -14px 0 0 0;
}

span.services-medicaux-voyage {
   position: absolute;
   margin: -25px 0 0 0;
}

span.produits-voyageurs {
   position: absolute;
   margin: -7px 0 0 16px;
}

span.ressources-voyageurs {
   position: absolute;
   margin: -16px 0 0 0;
}

span.centre-vaccination-voyage {
   position: absolute;
   margin: 0px 0 0 20px;
}

span.temoignages {
   position: absolute;
   margin: -24px 0 0 20px;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   /*background-color: #ffd600;*/
   background-image: url('../img/background/navigation-background.png');
   height: 40px;
   margin: auto;
   padding: 0;
   border-top: 4px solid #ffa103;
   border-bottom: 1px solid #ffa103;
   position: relative;
   top: 262px;
}

div#navigation ul {
   margin: auto;
   padding: 0;
   width: 768px;
   list-style-type: none;
   height: 40px;
   /*background-color: #ffd600;*/
}

div#navigation li {
   margin: 0;
   padding: 0;
   float: left;
   height: 40px;
}

div#navigation li.first {
   margin: 0;
   padding: 0;
   float: left;
   border: none;
   height: 40px;
}

div#navigation li#home a {
   width: 78px;
}

div#navigation li#company a {
   width: 92px;
}

div#navigation li#vaccination a {
   width: 100px;
}

div#navigation li#services a {
   width: 126px;
}

div#navigation li#products a {
   width: 172px;
}

div#navigation li#resources a {
   width: 100px;
}

div#navigation li#contact a {
   width: 100px;
}

div#navigation li a {
   margin: 0;
   padding: 12px 0px;
   color: #e57a12;
   font-family: arial;
   font-size: 9pt;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
   text-decoration: none;
   display: block;
   line-height: 16px;
   text-align: center;
}

div#navigation li a:hover {
	background-image: url('../img/background/navigation-background-over.png');
   /*background-color: #ffa103;*/
   color: #fefe00;
}

div#navigation li a.active {
   background-color: #ffa103;
   color: #fefe00;
}

#navigation ul li ul { background-color: #ffffff; position: absolute; z-index: 90; width: 176px; height: auto; visibility: hidden; margin: -12px 0 0 0; border: 1px solid #ffa103; }
#navigation ul li:hover ul { visibility: visible; }
#navigation ul li ul li { float: none; height: auto; margin: 0 !important; padding: 0 !important; }
#navigation ul li ul li a { width: auto !important; line-height: 24px; padding: 4px 8px; margin: 0 !important; }
#navigation ul li ul li a:hover { background-color: #FFD600 !important; background-image: none; color: #24477d; }
#navigation ul li ul li a.active { background-color: #FFD600 !important; background-image: none; color: #24477d; }

/*=============================================================================
*
*============================================================================*/
div#page-list {
	position: relative;
	z-index: 5;
	top: -28px;
	left: 16px;
   width: 224px;
   height: 384px;
   float: right;
   margin: 0px;
}

div.page-list-company {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-clinique.png') !important;
}

div.page-list-vaccination {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-vaccination.png') !important;
}

div.page-list-services {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-services-medicaux.png') !important;
}

#page-dna-paternity div.page-list-services {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-test-paternite-adn.png') !important;
}

div.page-list-products {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-produits-sante.png') !important;
}

div.page-list-resources {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-resources.png') !important;
}

div.page-list-contact {
   width: 224px;
   height: 384px;
   background-image: url('../img/background/page-list-background-voyageur.png') !important;
}

#module-testimonial #page-list { position: relative; z-index: 5; top: -28px; left: 16px; width: 293px; height: 667px; float: right; margin: 0px; }

div.page-list-testimonial {
   width: 240px;
   height: 612px;
   background-image: url('../img/background/page-list-testimonial.png') !important;
   padding: 22px 26px 33px 27px;
}

div#page-list ul {
   margin: 0px !important;
   list-style-type: none !important;
   padding: 36px 44px 0 44px !important;
}

div#page-list ul li {
   margin: 0 !important;
   padding: 0 !important;
}

div#page-list ul li a {
   padding: 0 !important;
   line-height: 24px !important;
   text-decoration: none;
   color: #24477d;
   font-weight: bold;
   font-size: 12px;
   font-family: verdana;
}

div#page-list ul li a.active, div#page-list ul li a.active:hover {
   color: #ffffff;
}

div#page-list ul li a:hover {
  text-decoration: underline;
}


div#page-list div.page-list-testimonial ul {
   margin: 83px 0 0 0 !important;
   list-style-type: none !important;
   padding: 0 !important;
}

div#page-list div.page-list-testimonial ul li { margin: 1px 0 0 0 !important; }
div#page-list div.page-list-testimonial ul li a { display: block; background-image: url('../img/background/page-list-testimonial.png'); text-indent: -9999px; }

div#page-list div.page-list-testimonial ul li#testimonial-maryse-bisson-michel-gratton a { padding: 37px 0 36px 0 !important; background-position: -27px -105px; }
div#page-list div.page-list-testimonial ul li#testimonial-michel-bonneau a { padding: 23px 0 23px 0 !important; background-position: -27px -203px; }
div#page-list div.page-list-testimonial ul li#testimonial-josette-charette a { padding: 31px 0 30px 0 !important; background-position: -27px -274px; }
div#page-list div.page-list-testimonial ul li#testimonial-rachel-gendron a { padding: 31px 0 30px 0 !important; background-position: -27px -360px; }
div#page-list div.page-list-testimonial ul li#testimonial-suzanne-gendron-claude-tessier a { padding: 39px 0 38px 0 !important; background-position: -27px -446px; }
div#page-list div.page-list-testimonial ul li#testimonial-patrick-swann a { padding: 31px 0 30px 0 !important; background-position: -27px -548px; }

div#page-list div.page-list-testimonial ul li#testimonial-maryse-bisson-michel-gratton a:hover { padding: 37px 0 36px 0 !important; background-position: -320px -105px; }
div#page-list div.page-list-testimonial ul li#testimonial-michel-bonneau a:hover { padding: 23px 0 23px 0 !important; background-position: -320px -203px; }
div#page-list div.page-list-testimonial ul li#testimonial-josette-charette a:hover { padding: 31px 0 30px 0 !important; background-position: -320px -274px; }
div#page-list div.page-list-testimonial ul li#testimonial-rachel-gendron a:hover { padding: 31px 0 30px 0 !important; background-position: -320px -360px; }
div#page-list div.page-list-testimonial ul li#testimonial-suzanne-gendron-claude-tessier a:hover { padding: 39px 0 38px 0 !important; background-position: -320px -446px; }
div#page-list div.page-list-testimonial ul li#testimonial-patrick-swann a:hover { padding: 31px 0 30px 0 !important; background-position: -320px -548px; }

div#page-list div.page-list-testimonial ul li#testimonial-maryse-bisson-michel-gratton a.active { padding: 37px 0 36px 0 !important; background-position: -320px -105px; }
div#page-list div.page-list-testimonial ul li#testimonial-michel-bonneau a.active { padding: 23px 0 23px 0 !important; background-position: -320px -203px; }
div#page-list div.page-list-testimonial ul li#testimonial-josette-charette a.active { padding: 31px 0 30px 0 !important; background-position: -320px -274px; }
div#page-list div.page-list-testimonial ul li#testimonial-rachel-gendron a.active { padding: 31px 0 30px 0 !important; background-position: -320px -360px; }
div#page-list div.page-list-testimonial ul li#testimonial-suzanne-gendron-claude-tessier a.active { padding: 39px 0 38px 0 !important; background-position: -320px -446px; }
div#page-list div.page-list-testimonial ul li#testimonial-patrick-swann a.active { padding: 31px 0 30px 0 !important; background-position: -320px -548px; }

/*=============================================================================
*
*============================================================================*/
div#sante-voyage-services-vaccination {
   position: relative;
   z-index: 5;
   top: -28px;
   left: 16px;
   width: 304px;
   height: 535px;
   float: right;
   margin: 0px;
}

div#sante-voyage-services-vaccination p {
	padding: 0;
	margin: 40px 32px 0 32px !important;
}

div#sante-voyage-services-vaccination ul {
   margin: 0px 48px 0 48px !important;
   list-style-type: none;
   padding: 0;
}

div#sante-voyage-services-vaccination ul li {
   margin: 2px 0 8px 0 !important;
   font-size: 10pt;
   padding: 0 !important;
   color: #24477D;
   font-weight: bold;
   line-height: 17px;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   background-color: #f2f4f8;
   margin: 0;
   padding: 16px;
   min-height: 512px;
}

div#content h2 {
   padding: 0;
   margin: 0;
   color: #24477d;
   margin: 8px 8px 12px 8px;
   font-size: 14pt;
   font-family: arial;
   line-height: 36px;
}

div#content h3 {
   padding: 0;
   margin: 0;
   color: #e57a00;
   margin: 16px 12px 16px 12px;
   font-size: 12pt;
   font-family: arial;
}

div#content h4 {
   color: #333333;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 12px 16px 12px 16px;
   padding: 0;
}

div#content p {
   color: #333333;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 16px 20px 8px 20px;
   padding: 0;
}

div#content p strong, div#content ul strong, div#content dd strong, div#content td strong {
   color: #000000;
   font-weight: normal;
}

div#content p strong.bolder, div#content ul strong.bolder, div#content dd strong.bolder, div#content td strong.bolder {
   color: #333333;
   font-weight: bold;
}

div#content p.branch-location {
	height: 78px;
   background-color: #dfdf3e;
   line-height: 140%;
}

div#content p.branch-location img.map {
   float: left;
   margin: 0 8px 0 0;
   border: none;
}

div#content ul {
   color: #333333;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 8px 16px 8px 40px;
   padding: 0;
   list-style-type: square;
}

div#content ul li {
   margin: 0;
   padding: 0 8px;
}

div#content dl {
   margin: 0;
   padding: 0;
   margin: 16px 20px 8px 20px;
}

div#content dt {
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: 12pt;
   color: #e57a00;
}

div#content dt strong {
   color: #D66E00;
}

div#content dd {
   margin: 4px 16px 16px 16px;
   padding: 0;
}

div#content a {
   color: #0094DA;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

#content ul.download { list-style-type: none; margin: 24px 0 0 0; padding: 0; }
#content ul.download li { margin: 16px; padding: 0; line-height: 48px; }
#content ul.download li img { display: block; float: left; margin: 0 8px 0 0; border: none; }

div.break {
   height: 1px;
   padding: 1px;
   margin: 0;
}

div.consultation-voyage-infirmiere {
	position: absolute;
	margin: -326px 0 0 445px;
}

div.centre-vaccination-equipe {
	margin: 132px 0 0 -16px;
   position: absolute;
   z-index: 10;
}

div.centre-vaccination-equipe img {
	display: block;
}

div.passeport-immunisation-vaccin {
	position: absolute;
	z-index: 10;
	margin: -330px 0 0 432px;
}

div.passeport-sante-voyage {
	position: absolute;
	margin: -399px 0 0 374px;
	z-index: 50;
}

div.moustiquaire-kit-medical-voyage {
	position: absolute;
	z-index: 10;
	margin: 80px 0 0 -8px;
}

div.clinique-sante-voyage-equipe {
	position: absolute;
	margin: -32px 0 0 -16px;
}

/*===========================================================================*/
#content div.dna-price { border: 2px solid #FFA103; width: 680px; margin: 16px auto; background-color: #ffffff; }

#content div.dna-price table { border-collapse: collapse; }
#content div.dna-price table tr th, #content div.dna-price table tr td { padding: 4px 2px; }
#content div.dna-price table tr th { width: 472px; text-align: right; }
#content div.dna-price table tr td { width: 200px; text-align: center; }

#content div.dna-price table tr.even th, #content div.dna-price table tr.even td { background-color: #fff0d6; }

/*===========================================================================*/
#content a img.bouton-temoignages { display: block; margin: 24px 0; padding: 1px; background-color: #ffffff; border: 1px solid #FFA103; width: 428px; height: 47px; }

/*===========================================================================*/
#page-products #content div.product-list {}
#page-products #content div.product-list div.product { height: 254px; padding: 1px 0; background-color: #E2E4E8; margin: 16px 0; }
#page-products #content div.product-list div.product img.photo { float: left; margin: 14px 15px; border: 1px solid #D2D4D8; }
#page-products #content div.product-list div.product h3 { margin: 32px 32px 0 0; }

/*===========================================================================*/
#page-appointment #content div.formulaire { margin: 24px 32px; }
#page-appointment #content div.formulaire ul { list-style-type: none; margin: 0; padding: 0; }
#page-appointment #content div.formulaire ul li { margin: 12px 0; padding: 0; }
#page-appointment #content div.formulaire ul li.double { height: 40px; }
#page-appointment #content div.formulaire ul.radio { margin: 0 0 0 192px; }
#page-appointment #content div.formulaire ul.radio li { margin: 2px 0; padding: 0; }

#page-appointment #content div.formulaire h4 { color: #6a6a6a; font-size: 13px; font-weight: bold; line-height: 24px; border-bottom: 1px dotted #e6e6e6; margin: 16px 0; }

#page-appointment #content div.formulaire input.textbox { border: 1px solid #CCCCCC; color: #6a6a6a; width: 224px; padding: 1px; height: 18px; }
#page-appointment #content div.formulaire input.error { border: 1px dotted #ff0000; }
#page-appointment #content div.formulaire select.combo { border: 1px solid #CCCCCC; color: #6a6a6a; padding: 1px; width: 224px; height: 22px; }
#page-appointment #content div.formulaire select.error { border: 1px dotted #ff0000; }
#page-appointment #content div.formulaire input.radio { margin: 0 4px 0 0; }
#page-appointment #content div.formulaire label { margin: 0 16px 0 0; line-height: 20px; display: block; color: #6a6a6a; float: left; width: 176px; font-size: 12px; text-align: right; }
#page-appointment #content div.formulaire label.error { color: #ff0000; float: none; display: inline; margin: 0 0 0 8px; }
#page-appointment #content div.formulaire ul.radio label { display: inline; float: none; line-height: 16px; }
#page-appointment #content div.formulaire ul.radio label.error { margin: 0 8px 0 0; }
#page-appointment #content div.formulaire textarea { border: 1px solid #CCCCCC; color: #6a6a6a; width: 420px; padding: 1px; height: 128px; font-family: arial; font-size: 12px; resize: none; }
#page-appointment #content div.formulaire input.button { border: 1px solid #CCCCCC; color: #6a6a6a; padding: 1px; width: 192px; height: 24px; display: block; margin: 0 0 0 192px; }

#page-appointment #content pre { color: #6a6a6a; margin: 8px 40px 16px 40px; font-size: 13px; width: 640px; white-space: pre-wrap }

/*===========================================================================*/
#module-testimonial div.next { height: 48px; margin: 20px; }
#module-testimonial div.next div.title { height: 48px; width: 80px; float: left; }

/*=============================================================================
*
*============================================================================*/
div#footer {
   background-color: #ffd600;
   height: 32px;
   margin: auto;
   padding: 0;
   clear: both;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #ffa103;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #ffa103;
   text-decoration: none;
}

/*=============================================================================
*
*============================================================================*/
.text-right {
   text-align: right;
}

.text-left {
   text-align: left;
}

.text-center {
   text-align: center;
}