/*=============================================================================
*
*============================================================================*/
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.centre-vaccination-clinique-voyageur {
   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: -14px 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: 0 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;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
	position: relative;
	z-index: 5;
	top: -36px;
	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;
}

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;
}

div#page-list ul {
   margin: 0px !important;
   list-style-type: none  !important;
   padding: 40px 48px 0 48px !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: 10pt;
   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#sante-voyage-services-vaccination {
   position: relative;
   z-index: 5;
   top: -36px;
   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;
}

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

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

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

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: -48px 0 0 -16px;
}

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

/*=============================================================================
*
*============================================================================*/
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;
}