/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { border: 0; }
img.left { float: left; }
img.right { float: right; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

abbr {border-bottom: 1px dotted #159cb7; cursor: help;}

#browser-message { width: 100%; background: #ffea00; color: #000; padding: 8px; text-align: center; font-size: 12px; font-family: arial; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}

/*=============================================================================
*
*============================================================================*/
html { overflow-y: scroll; }

/*=============================================================================
*
*============================================================================*/
body { background-image: url("../img/background/body-background.png"); background-repeat: repeat; background-position: center top; background-color: #586166; }

/*=============================================================================
*
*============================================================================*/
#page-top { width: 960px; height: 6px; margin: 16px auto 0 auto; padding: 0 6px; background-image: url("../img/background/page-top-background.png"); background-repeat: no-repeat; background-position: center bottom; }
#page { width: 960px; margin: auto; padding: 0 6px; background-image: url("../img/background/page-background.png"); background-repeat: repeat-y; background-position: center center; }
#page-bottom { width: 960px; height: 6px; margin: 0 auto 32px auto; padding: 0 6px; background-image: url("../img/background/page-bottom-background.png"); background-repeat: no-repeat; background-position: center top; }

/*=============================================================================
*
*============================================================================*/
#header { width: 960px; height: 416px; margin: auto; }

#header div.two-column-left { width: 256px; float: left; }
#header div.two-column-right { width: 704px; float: left; }

#header #logo { width: 256px; height: 128px; background-color: #101519; }
#header #logo img { border: none; display: block; width: 256px; height: 128px; position: absolute; }
#header #logo h1 { color: #17A9C5; font-size: 6px; margin: 0; }

/*=============================================================================
*
*============================================================================*/
#navigation { width: 960px; height: 38px; margin: 32px auto 0 auto; padding: 0; background: url("../img/background/navigation-background.png") no-repeat center center; }
#navigation ul { width: 784px; list-style-type: none; padding: 0; margin: 0 auto; }
#navigation ul li { padding: 0; margin: 0; float: left; }
#navigation ul li.first {  }
#navigation ul li a { display: block; color: #ffffff; text-align: center; line-height: 35px; width: 192px; padding: 2px 0 1px 0; font-family: arial; text-decoration: none; font-size: 14px; font-weight: bold; }
#navigation ul li a:hover { background: url("../img/background/navigation-over.png") repeat-x center center; }
#navigation ul li a.active { background: url("../img/background/navigation-active.png") repeat-x center center; }
#navigation ul li#nav-home a.active { background: none; }

#navigation ul li#nav-home a { width: 96px; }
#navigation ul li#nav-clinic a { width: 128px; }
#navigation ul li#nav-patient a { width: 192px; }
#navigation ul li#nav-business a { width: 224px; }
#navigation ul li#nav-contact a { width: 144px; }

/*=============================================================================
*
*============================================================================*/
#communication { width: 704px; height: 416px; margin: auto; }
#communication img { border: none; display: block; }

#communication-rendez-vous { width: 360px; height: 96px; position: absolute; margin: -88px 0 0 344px; }
#communication-rendez-vous img { border: none; display: block; }

/*=============================================================================
*
*============================================================================*/
#page-list { width: 256px; height: 288px; margin: 0; background-color: #1e2a32; background: url("../img/background/page-list-background.png") no-repeat center center; }
#page-list ul { width: 256px; list-style-type: none; padding: 4px 0 0 0; margin: 0; }
#page-list ul li { padding: 0; margin: 0; }
#page-list ul li.first {  }
#page-list ul li a { display: block; color: #ffffff; text-align: left; width: 256px; line-height: 20px; padding: 4px 0; font-family: arial; text-decoration: none; font-size: 13px; font-weight: bold; text-indent: 16px; }
#page-list ul li a:hover { text-decoration: underline; }
#page-list ul li a.active { background: url("../img/background/page-list-active.png") repeat-x center center; }
#page-list ul li#nav-home a.active { background: none; }

#body div.two-column-left { width: 256px; float: left; }
#body div.two-column-right { width: 704px; float: left; }

/*=============================================================================
*
*============================================================================*/
div#content { margin: 0; min-height: 512px; padding: 4px 0 0 0; }
div#content h2 { font-family: arial; font-size: 20px; color: #0d6273; padding: 0; margin: 32px 0 0 32px; }
div#content h3{ font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: 16px; color: #159cb7; padding: 0; margin: 24px 0 0 36px; }
div#content h4 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 15px; line-height: 150%; color: #732c7b; padding: 0; font-weight: normal; margin: 16px 0 0px 4px; }
div#content p { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 14px; line-height: 150%; color: #0a4956; padding: 0; margin: 12px 40px 16px 40px; }
div#content p strong { font-weight: normal; color: #0a4956; }
div#content p strong.bolder { font-weight: bold; color: #0a4956; }
div#content a { color: #17a9c5; text-decoration: none; }
div#content a:hover { text-decoration: underline; }
div#content ul { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 14px; line-height: 150%; color: #0a4956; padding: 0; margin: 16px 0 0px 64px; list-style-type: square; }
div#content li { padding: 0 8px 0 8px; margin: 0; }

/*=============================================================================
*
*============================================================================*/
#home #content img.clinique-privee { float: right; margin: 32px 4px 0 0; display: block; }

#home #content div.vaccination-enfants-blainville { width: 864px; margin: 16px 0 0 32px; height: 96px; }
#home #content div.vaccination-enfants-blainville img { display: block; position: absolute; }

#home #content div.medecin-famille-disponible { width: 320px; margin: 16px 0 0 32px; height: 192px; float: left; display: inline; }
#home #content div.medecin-famille-disponible img { display: block; position: absolute; }
#home #content div.medecin-famille-disponible p {  }

#home #content div.medecine-sportive { width: 320px; margin: 16px 0 0 16px; height: 192px; float: left; display: inline; }
#home #content div.medecine-sportive img { display: block; position: absolute; }
#home #content div.medecine-sportive p {  }

#home #content div.vaccination-entreprise { width: 320px; margin: 16px 0 0 16px; height: 192px; float: left; display: inline; }
#home #content div.vaccination-entreprise img { display: block; position: absolute; }
#home #content div.vaccination-entreprise p {  }

#home #content div.urgence-qualite { width: 320px; margin: 16px 0 0 32px; height: 192px; float: left; display: inline; }
#home #content div.urgence-qualite img { display: block; position: absolute; }
#home #content div.urgence-qualite p {  }

#home #content div.medecine-esthetique { width: 320px; margin: 16px 0 0 16px; height: 192px; float: left; display: inline; }
#home #content div.medecine-esthetique img { display: block; position: absolute; }
#home #content div.medecine-esthetique p {  }

#home #content div.equipe-medicym-blainville { width: 320px; margin: 16px 0 0 16px; height: 192px; float: left; display: inline; }
#home #content div.equipe-medicym-blainville img { display: block; position: absolute; }
#home #content div.equipe-medicym-blainville p {  }

#profile img.medecine-privee { float: right; margin: 0 48px 16px 16px; }
#profile #content img.clinique-medicale-privee { float: right; margin: 0 48px 0 0; display: block; }

#team .physician { padding: 2px 0 0 0; margin: 24px 0 24px 0; height: 160px; }
#team .physician img { float: left; margin: 0px 16px 32px 32px; display: block; }
#team .physician h3 { margin: 8px 0 0 0; }
#team .physician h4 { font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: 12px; color: #159cb7; padding: 0; margin: 2px 0 0 0; }

#team #content div.equipe-medicym-blainville { width: 192px; margin: 16px 32px 0 16px; height: 512px; float: right; display: inline; }
#team #content div.equipe-medicym-blainville img { display: block; position: absolute; }
#team #content div.equipe-medicym-blainville p { font-size: 8px; }
#team #content div.equipe-medicym-blainville ul { font-size: 8px; }

#rent #content img.bureau { margin: 16px 32px 0 16px; float: right; display: block; }

#patient #content div.two-column-left { width: 384px; margin: 0 0 0 64px; float: left; display: inline; }
#patient #content div.two-column-right { width: 384px; margin: 0 0 0 64px; float: left; display: inline; }

#patient .service { width: 384px; border: 1px solid #bee5ea; margin: 32px 0 32px 0; }
#patient .service h3 { margin: 0; padding: 0 8px; line-height: 40px; font-size: 18px; }
#patient .service h4 { font-size: 14px; margin: 16px auto; padding: 0; font-weight: bold; font-family: arial; width: 224px; }
#patient .service h4 a { display: block; line-height: 42px; width: 224px; background: url("../img/icons/services-medicaux-patients.png") no-repeat 0 0; color: #ffffff; text-indent: 48px; }
#patient .service h4 a:hover { background-position: 0 -42px; text-decoration: none; }
#patient .service .image { background-color: #eef7f4; border-top: 1px solid #bee5ea; height: 264px; }
#patient .service .image img { display: block; margin: 6px; padding: 6px; background-color: #ffffff; position: absolute; }
#patient .service p { margin: 8px; padding: 0; font-size: 8px; }
#patient .service ul { margin: 8px; padding: 0; font-size: 8px; }
#patient .service ul li { margin: 0 24px; padding: 0; font-size: 8px; }

#family-medicine #content div.beneficiez-medecin-famille { width: 864px; margin: 16px auto 0 auto; height: 96px; }
#family-medicine #content div.beneficiez-medecin-famille img { display: block; position: absolute; }
#family-medicine #content div.beneficiez-medecin-famille p {  }
#family-medicine #content img.medecine-familiale { float: right; margin: 0 48px 0 -48px; display: block; }

#minor-emergency #content div.profitez-services-urgences { width: 864px; margin: 16px auto 0 auto; height: 96px; }
#minor-emergency #content div.profitez-services-urgences img { display: block; position: absolute; }
#minor-emergency #content div.profitez-services-urgences p {  }
#minor-emergency #content img.medecine-urgence { float: right; margin: 0 0 48px 16px; display: block; }

#aesthetic-medicine #content img.soins-esthetiques-chirurgicaux { float: right; margin: 0 48px 0 0; display: block; }
#woman-medicine #content img.medecine-femme { float: right; margin: 0 48px 0 0; display: block; }
#sport-medicine #content img.medecine-sportive { float: right; margin: 0 48px 0 0; display: block; }
#pediatrics #content img.medecin-enfants { float: right; margin: 24px 0 0 24px; display: block; }

#nursing #content img.soins-infirmiers { float: right; margin: 0 48px 0 0px; display: block; }
#nursing #content div.vaccination-entreprise { width: 320px; margin: 16px 0 0 48px; height: 192px; float: left; display: inline; }
#nursing #content div.vaccination-entreprise img { display: block; position: absolute; }
#nursing #content div.vaccination-entreprise p {  }

#laboratory #content img.laboratoire-prive { float: right; margin: 24px 0 16px 24px; display: block; }
#inhalotherapy #content img.inhalotherapy-patient { float: right; margin: 64px 0 0 0; display: block; }

#travel #content div.prescription-disponible { width: 192px; margin: 16px 32px 0 16px; height: 512px; float: right; display: inline; }
#travel #content div.prescription-disponible img { display: block; }
#travel #content div.prescription-disponible p { font-size: 8px; }
#travel #content div.prescription-disponible ul { font-size: 8px; }

#business img.medecine-industrielle { float: right; margin: 0 48px 16px 16px; }
#business #content ul.three-column { height: 96px; }
#business #content ul.three-column li { float: left; width: 256px; height: 32px; color: #0d6273; }
#business #content img.examens-medical-pre-emploi { float: left; margin: 48px 32px 0 32px; display: block; }
#business #content img.medecine-industrielle-blainville { float: right; margin: 0px 32px 0 32px; display: block; }

#business #content div.organisez-journee-vaccination { width: 864px; margin: 16px auto 32px auto; height: 96px; }
#business #content div.organisez-journee-vaccination img { display: block; position: absolute; }
#business #content div.organisez-journee-vaccination p {  }

#contact ul.map { float: right; margin: 0 24px 0 0; padding: 0; list-style-type: none; height: 330px; width: 650px; }
#contact ul.map li { margin: 0; padding: 0; position: absolute; }
#contact ul.map li.active { z-index: 5; }
#contact ul.map img { display: block; margin: auto; border: 1px solid #17A9C5; padding: 4px; }

/*=============================================================================
*
*============================================================================*/
#footer { background-image: url("../img/background/footer-background.png"); background-position: center top; background-repeat: repeat-x; height: 274px; padding: 8px 0 0 0; clear: both; }
#footer div.three-column { height: 232px; }
#footer div.three-column-left { width: 304px; height: 216px; float: left; margin: 16px 0 0 12px; }
#footer div.three-column-middle { width: 304px; height: 216px; float: left; margin: 16px 0 0 12px; }
#footer div.three-column-right { width: 304px; height: 216px; float: left; margin: 16px 0 0 12px; }

#footer h2 { font-family: arial; font-size: 24px; line-height: 32px; color: #847160; margin: 8px 16px 0 16px; text-shadow: 1px 1px #ffffff; }
#footer p { font-family: arial; font-size: 14px; line-height: 150%; color: #847160; font-weight: bold; margin: 24px; }
#footer h6 { font-family: arial; font-size: 28px; line-height: 32px; color: #4a3f36; margin: 24px 16px 0 16px; text-align: center; font-weight: bold; }

/*=============================================================================
*
*============================================================================*/
#copyright { width: 960px; margin: auto; }
#copyright p { font-family: arial; font-size: 8pt; color: #4a3f36; line-height: 100%; padding: 0; margin: 4px 0 0 0; text-align: center; }
#copyright p a { color: #4a3f36; text-decoration: none; }
#copyright p a:hover { text-decoration: underline; }

/*=============================================================================
*
*============================================================================*/
div#sitemap {
   width: 960px;
   margin: auto;
   height: 128px;
   border-bottom: 1px solid #4f81bd;
}

div#sitemap ul {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 150%;
   padding: 0;
   margin: 8px 0 0 8px;
   list-style-type: none;
   float: left;
}

div#sitemap ul.company {
   width: 108px;
}

div#sitemap ul.internet-strategy {
   width: 186px;
}

div#sitemap ul.web-marketing {
   width: 166px;
}

div#sitemap ul.resources {
   width: 146px;
}

div#sitemap ul.contact {
   width: 118px;
}

div#sitemap ul li {
   padding: 0;
   margin: 0;
}

div#sitemap ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

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

div#sitemap ul ul {
   margin: 0;
   padding: 0 0 0 12px;
   float: none;
}

div#sitemap ul ul li {
   padding: 0;
   margin: 2px 0;
}

div#sitemap ul ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: normal;
}

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

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