/* 

VERLOSKUNDIGEN ETTEN-LEUR STYLESHEET
Copyright © 2008 Voormedia.

WWW.VOORMEDIA.COM
 
*/

/* GENERAL TAG STYLES */

html { min-height: 100%; margin-bottom: 1px; }
body { margin: 50px 40px 120px; color: #666; background: #2f2e2e url("../images/general/background.gif") top center repeat; text-align: center; font-size: 80%; font-family: Tahoma, Arial, sans-serif;  }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3 { margin: 0; padding: 0 }
h1 { font-size: 280%; font-weight: 500; }
h2 { font-size: 150%; font-weight: 600; }
h3 { font-size: 1em; font-weight: bold; color: #e1134f; }
ul { margin: 0 0 8px; padding: 0; list-style: none; }
ol li { margin: 0 0 4px; padding: 0 0 0 20px;}
ul li { margin: 0 0 4px; padding: 0 0 0 20px; background-image: url(/images/bullets/bullet.gif); background-repeat: no-repeat; background-position: 5px 7px; }
form { margin: 0; }
img { border: 0; }
p { margin: 0 0 8px 0; }
a { text-decoration: none; color: #e1134f; }
a:hover { text-decoration: underline; }
input { outline: none }

a.external { display: inline; padding: 0 14px 0 0; background: url("../images/general/link-external.gif") no-repeat 100% 5px; }
* html a.external { background-position: 100% 100%; }
a:hover span.underlined { text-decoration: underline; }
a img.linkicon { margin: 0 0 1px 3px; vertical-align: middle; }
* html a img.linkicon { margin-top: 3px; }
a.silent { color: #666; text-decoration:none; }

/* GLOBAL STYLES */

div.container { width: 784px; margin: 0 auto; text-align: left; }
div.logo { float: right; padding: 0 10px 0 0; }
div.logo-print { display: none; }
div.menu { padding: 20px 0 40px; }
div.language { margin-left: -1px; height: 20px; overflow: hidden; background: url("../images/language/bar.gif") repeat-x; }
div.language a { padding-right: 0; border-left: 1px solid #3a3939; }
div.visual { background-color: #fff; }
div.main { background-color: #fff; }
div.main h2 { text-transform: uppercase; font-weight: 500; font-family: Verdana, Arial, sans-serif; font-size: 120%; padding-bottom: 8px; line-height: 120%; }
div.leftcolumn { float: left; }
div.welcome { width: 252px; color: #e1134f; line-height: 180%; }
div.welcome div.body { padding: 20px 15px 20px 39px; }

div.announcementitem { padding: 0 0 0 39px; width: 212px; }
div.announcementitem div.date { float: left; width: 34px; height: 44px; margin: 0 11px 10px 0; padding: 13px 12px 0 4px; background: #fff url("/images/icons/news.gif") no-repeat 0 6px; font-size: 1.8em; color: #fff; text-align: center; line-height: 70%; font-weight: bold; }
div.announcementitem div.date a { color: #fff; text-decoration:none; }
div.announcementitem div.date span { font-size: 0.5em; font-weight: normal; text-transform: uppercase; }
div.announcementitem div.summary { line-height: 140%; margin-left: 61px; margin-bottom: 15px; }
* html div.announcementitem div.summary a { padding-left: 3px }
	
div.announcementheading { padding: 0 35px 0 39px; } 
div.announcementlist { padding-top: 10px; margin-top: 20px; border-top: 1px solid #ddd; }
div.announcementlist li { background: #fff no-repeat left top; padding-left: 25px }
div.announcementlist li.general { background-image: url(/images/icons/announcement-general.gif); }
div.announcementlist li.news { background-image: url(/images/icons/announcement-news.gif); }
div.announcementlist li.origine { background-image: url(/images/icons/announcement-origine.gif); }

div.back { margin: 20px 0; border-top: 1px solid #ddd; padding-top: 5px; }

div.announcements {}
div.announcements div.item { padding-top: 8px; margin-bottom: 16px; border-top: 1px solid #ddd; }
div.announcements div.first { border-top: 0 }
div.announcements div.item h3 { font-size: 1em; margin: 0; }
div.announcements div.item h3 a { text-decoration: none }
div.announcements div.item p { margin: 0 }
div.announcements div.item img.icon, div.announcementheading img.icon { margin: 4px 5px -4px 0 }
div.announcements div.sticky { border: 1px solid #ffdae3; margin: 0 -10px 20px; padding: 10px; background: #fff7f9 }

div.announcementorigine { margin: 0 -40px 20px -10px; padding: 10px; width: 242px; border: 1px solid #ffdae3; background: #fff7f9 } 
div.announcementorigine img { float: left; }
div.announcementorigine p { margin: 0 0 0 65px }

div.sponsoredlinks, div.medicallinks { padding-top: 10px }
div.sponsoredlinks div div.logo { float: left; width: 105px; padding: 0; text-align: center}
div.sponsoredlinks div div.info { margin-left: 110px; }
div.sponsoredlinks div div.info p.description { font-size: 8pt; line-height: 150%; }
div.sponsoredlinks div.item, div.medicallinks div.item { padding-top: 10px; border-top: 1px solid #ddd; margin-top: 10px }
div.calltoaction { padding-top: 0; background: #fff7f9; padding-bottom: 5px}

div.location { float: left; width: 252px; line-height: 140%;}
div.location div.icon { float: left; margin: 26px 5px 0 5px; }
div.location div.body { padding: 20px 5px 20px 5px; margin-left: 62px; }
div.action { margin-left: 504px; line-height: 140%; }
div.action div.icon { float: left; margin: 26px 5px 0 5px; }
div.action div.body { padding: 20px 35px 20px 5px; margin-left: 62px; }
div.column_a { float: left; width: 252px; line-height: 140%;}
div.column_a div.body { padding: 20px 10px 20px 5px; }
div.column_b { margin-left: 504px; line-height: 140%; }
div.column_b div.body { padding: 20px 45px 20px 20px;  }
div.content { float: left; width: 534px; padding: 30px 0; line-height: 140%; }
div.sidebar { margin-left: 534px; padding: 30px 30px 20px 0; }
div.address div.content { width: 474px; }
div.address div.sidebar { margin-left: 474px; }
div.features { padding-bottom: 10px; }
div.features img { float: left; margin: 2px 15px 0 0; }
div.features div.icon { float: left; width: 58px; padding-top: 4px; }
div.features div.body { padding: 0 0 20px 5px; margin-left: 58px; }

form.calculator { margin: 0; padding-top: 4px; }
form.calculator input { float: left; width: 34px; height: 20px; padding: 2px 0 0 0; font-size: 0.9em; border: 0; margin-right: 3px; color: #aaa; text-align: center; }
form.calculator input { padding-top: 2px\9; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	form.calculator input  { padding-top: 1px; }
}
form.calculator input.tiny { background: url(/images/forms/tiny-field.gif) no-repeat left top; }
form.calculator input.button { padding: 0; width: 34px; background: url(/images/forms/button-ok.gif) no-repeat left top; }
form.calculator input.fieldactive { color: #555; background-image: url(/images/forms/tiny-field-active.gif); }
form.calculator input.buttonactive { background-image: url(/images/forms/button-ok-active.gif); }

div.calculated { padding-top: 10px; text-align: center; margin-bottom: 30px; }
div.calculated div.birthdate { margin: 0 0 0 65px; padding: 10px; width: 300px; font-size: 1.6em; text-transform: capitalize; border: 1px solid #ffdae3; background: #fff7f9; color: #e1134f; }
div.calculated div.form { display: block; margin: 0 0 50px 150px; }
 
div.footer { color: #fff; background-color: #000; }
div.description { padding: 0 35px 0 39px; margin-bottom: 12px; color: #e1134f; }
div.nopadding { padding: 0; }
div.body { padding: 0 35px 20px 39px; }
div.print { display: none; }

/* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */

div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
div.clearfix { display: block; }
* html div.clearfix { height: 1%; }
* html div.action { height: 1%; margin: 0; }
* html div.action div.body { height: 1%; margin: 0; }
* html div.welcome { margin-right: -3px; }
* html div.location { margin-left: 3px; margin-right: -3px; }
* html div.location div.body { height: 1%; margin: 0; }
* html div.contact div.body { height: 1%; margin: 0; }
* html div.sidebar { height: 1%; margin: 0; }
* html div.content { margin-right: -3px; }
/* End hide from IE-mac */


/* VISUAL STYLES */

div.visual div.titles { position: absolute; width: 360px; padding: 25px 38px; color: #fff; line-height: 300%; }
div.visual div.titles p { margin: 0; padding: 0; line-height: 140%; font-size: 150%; font-weight: 600; }
* html div.visual div.titles { width: 428px; }
div.visual div.right { margin-left: 350px; text-align: right; }
div.homepage div.titles { text-align: right; width: 700px;  }
* html div.homepage div.titles { width: 768px; }

/* CONTENT STYLES */

div.related { padding: 0 35px 20px 39px; }
div.related ul { margin: 0 0 0 20px; padding: 7px 0 0; }
div.related ul li { margin: 0 0 8px; padding: 0 0 0 15px; background: url(../images/general/double-arrow.gif) 1px 4px no-repeat; list-style: none; line-height: 100%; }
div.related a { color: #666;  }
div.related a:hover { color: #e1134f; }

/* SUBMENU */

div.submenu { padding: 0; }
div.submenu ul { margin: 0 0 60px 0; padding: 0; font-size: 120%; text-transform: uppercase; font-family: Verdana, Arial, sans-serif; list-style: none; }
div.submenu ul ul { margin-bottom: 0; font-size: 70%; padding-top: 5px; }
div.submenu li { margin: 0; padding-bottom: 15px; padding-left: 0; background: none; }
div.submenu li li { margin: 0; padding-bottom: 5px; }
div.submenu a { color: #666; }
div.submenu a:hover { color: #e1134f; }
div.submenu a.selected { color: #e1134f; }

/* TEAM */

div.team { padding: 10px 0; width: 500px; }
div.teammember { float: left; width: 160px; padding: 0 5px 15px 0; }
div.teammember div.name { padding-top: 4px; }
div.teaminfo { display: none; position: absolute; margin: -5px 0 0 -15px; height: 313px; width: 488px; background: #e9eaeb url("../images/general/block.gif") bottom left no-repeat; }
div.teaminfo div.topborder { height: 13px; background: #e9eaeb url("../images/general/block-top.gif") top left no-repeat; overflow: hidden; }
div.teaminfo a { color: #000; text-decoration: none; cursor: pointer; }
div.teaminfo a:hover { text-decoration: none; }
div.teaminfo span.photo { display: block; position: absolute; padding: 2px 0 0 15px; } 
div.teaminfo span.text { display: block; height: 300px; padding: 0 20px 0 155px;  }

/* LOCATION */

div.directions { width: 390px; background: url("../images/map/background.jpg") top left no-repeat; }
div.directions div.title { padding: 10px; text-align: center; }
div.directions div.form { background: url("../images/map/background-bottom.jpg") bottom left no-repeat; padding: 5px 85px 20px; }
div.directions div.form div.divider { height: 5px; }
div.directions div.form div.name { float: left; width: 40px; }
div.directions div.form div.field { margin-left: 40px; padding-left: 5px; }
div.directions div.form div.button  { text-align: center; }
div.directions div.form div.button input { width: 129px; height: 30px; padding: 0; margin: 0; border: none; background: url("../images/forms/button.gif") 0 2px no-repeat; color: #fff; vertical-align: top; }

/* FOOTER */

div.footer { padding: 2px 15px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #bbb; text-transform: uppercase; }
div.footer div { padding-right: 23px; }
div.copy { float: right; padding-top: 13px; }
div.footer div.references { float: right; padding-right: 0; }
div.references a { cursor: pointer; cursor: hand; text-decoration: none; }
div.madeby,
div.links { float: right; padding-top: 13px; }
div.madeby a,
div.links a,
div.printbutton a { color: #bbb; text-decoration: none; }
div.links a:hover { color: #e1134f; text-decoration: none; }
div.links a.selected { color: #e1134f; text-decoration: none; }
div.printbutton { float: left; padding-top: 13px; background: url("/images/icons/print.gif") no-repeat 2px 11px; }

/* TOOLTIPS */

a.tooltip { border-bottom: 1px dashed #e1134f; cursor: pointer; cursor: hand; color: #666; }
a.tooltip:hover { color: #e1134f; text-decoration: none; }
div.tooltip { background-color:#e9eaeb; border: none; padding: 5px 5px 7px 26px; font-family: Tahoma, Helvetica, sans-serif; font-size: 90%; -moz-border-radius: 14px; text-align: left; }
* html div.tooltip { font-size: 85%; }
*:first-child+html div.tooltip { font-size: 85%; }
body:first-of-type div.tooltip { font-size: 85%; }
div.tooltip p { margin: 0; padding: 0 0 6px 0; }
div.tooltip img { float: left; margin: 0 0 0 -20px; }


/* GOOGLE MAP */

div.markerTooltip, div.markerDetail { margin: 0; padding: 2px 4px; color: black; font-weight: normal; background-color: white; white-space: nowrap; border: 1px solid black; }

/* ERROR PAGE */

div.errorpage { padding-right: 450px; }
div.errorpage h3 { color: #bbb; }
div.errorpage p,
div.errorpage ul { color: inherit; }