/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,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; }
h3 {font-weight:bold;padding-bottom:5px;}
/* --------------------------------------
ADD STYLES
------------------------------------------ */
.underlined{text-decoration: underline;}
.cb{clear:both;}
.hnull{ height:0px; padding:0; margin:0;}
.facing_high{color:#00A651;}
.links_gauche a{font-size:10px;color:#006600;font-weight:bold;text-decoration:none;padding:3px; padding-left:0;}
.links_gauche a:hover{background-color:#FFF;color:#006600;}
.links_gauche a.image{ padding:0;}
.links_gauche_uk a{font-size:10px;color:#006600;font-weight:bold;text-decoration:underline;}
.links_gauche_uk a:hover{ text-decoration:none; color:#CC0000;}
.links_gauche_uk a.image{ padding:0;}
.texte-vert{color:#006600}
.bgvert{ height:15px; background:#9CDDBB;}
/* --------------------------------------
INIT
------------------------------------------ */
body{background:url(../_common/fond_page.gif);}
#global{background:#FFF;width:784px;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
/* --------------------------------------
HEADER GROUPE
------------------------------------------ */
#header_groupe{height:96px;width:100%; overflow:hidden;}
#header_img{height:60px;width:517px;overflow:hidden;float:left;}
#search{width:267px;height:96px;float:left;background:url(../_common/fond_search.gif);}
#search .what{position:relative;top:26px;left:95px;}
#search .go{position:relative;top:31px;left:96px;}
/* --------------------------------------
MENU TOP
------------------------------------------ */
#menuMain{clear:both;position:relative;bottom:36px;left:0;height:36px;width:517px;}
#menuMain ul {list-style-type: none;margin: 0;padding:0;}
#menuMain li {display: block;float:left;width:125px;background:url(../_common/btn_menuMain.gif) no-repeat;}
#menuMain li a {display:block;color:#FFFFFF;height:36px;line-height: 24px;text-align: center;text-decoration: none;background:url(../_common/btn_menuMain.gif) no-repeat;font-weight:bold;}
#menuMain li a:hover{background:url(../_common/btn_menuMain.gif) no-repeat;background-position:100% -36px;}
#menuMain li.about{width:142px;background:url(../_common/btn_menuMain_about.gif) no-repeat;}
#menuMain li.about a{background:url(../_common/btn_menuMain_about.gif) no-repeat;}
#menuMain li.about a:hover{background:url(../_common/btn_menuMain_about.gif) no-repeat;background-position:100% -36px;}
/* --------------------------------------
MENU GAUCHE
------------------------------------------ */
#menuCardio{width:250px;}
#menuCardio ul {list-style-type: none;margin: 0;padding:0;}
#menuCardio li {display: block;width:250px;background:url(../_common/b_over.gif) no-repeat;}
#menuCardio li a {display:block;font-size:11px;color:#FFFFFF;font-weight:bold;height:25px;line-height: 25px;text-decoration: none;padding-left:16px;}
#menuCardio li.elec a {background:url(../_common/b_electro.gif) no-repeat;}
#menuCardio li.perf a {background:url(../_common/b_perfusion.gif) no-repeat;}
#menuCardio li.monit a {background:url(../_common/b_monitoring.gif) no-repeat;}
#menuCardio li.filtr a {background:url(../_common/b_filtration.gif) no-repeat;}
#menuCardio li.cann a {background:url(../_common/b_cath.gif) no-repeat;}
#menuCardio li.pedia a {background:url(../_common/b_pediatric.gif) no-repeat;}
#menuCardio li a:hover{background:url(../_common/b_over.gif) no-repeat;}
#menuCardio li.elec a:hover {color:#00A651;}
#menuCardio li.perf a:hover {color:#0068A6;}
#menuCardio li.monit a:hover {color:#00909E; }
#menuCardio li.filtr a:hover {color:#783B83;}
#menuCardio li.cann a:hover {color:#F68B1F;}
#menuCardio li.pedia a:hover {color:#EC7BAA; background:url(../_common/b_pediatric_over.gif) no-repeat;}
.new{ color:#FFCC33;}
/* --------------------------------------
CONTENT HAUT
------------------------------------------ */
#content_haut{clear:both;padding-left:17px;padding-right:17px;background:url(../_common/fond_content_haut.gif) repeat-y; }
#haut_gauche{float:left;}
#haut_droite{float:right; }
#flash{width:249px;border-right-width: 1px;border-right-style: solid;border-right-color:#BFBFBF; height:228px; overflow:hidden}
/* ------------
ARIANE
-------------- */
#ariane{foat:left;width:500px;height:19px;line-height:19px;background-color:#9ADCBA;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #65907A;}
#ariane p{padding-left:15px;}
#ariane_full{foat:left;width:750px; height:19px;line-height:19px;background-color:#9ADCBA;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #65907A;}
#ariane_full p{padding-left:15px;}
/* ------------
THEME
-------------- */
#theme{width:500px;border-bottom-width: 14px;border-bottom-style: solid;border-bottom-color: #FFF;padding-bottom:10px;font-size:10px; height:100%;}
#theme p{padding:5px 20px 0px 25px;line-height:14px;}
/* --------------------------------------
CONTENT BAS
------------------------------------------ */
#content_bas{clear:both;padding-left:17px;padding-right:17px;background:url(../_common/fond_content_bas.gif) repeat-y;}
#content_bas p{padding:5px 0;}
#separateur{height:10px;width:100%;background-color:#00A651;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #58C58D;border-bottom-color: #006D35;}
#bas_gauche{float:left; width:250px;}
#bas_droite{float:right; width:500px;}
#features,#events{width:250px;}
#features,#events,#features_content,#events_content{}
#features_content,#events_content{padding:5px 20px 5px 21px;}
#cardio_news_content{padding:0px 0px 0px 14px; }
#cardio_news{width:500px;}
#events_content p{padding:0;margin:0;margin-top:7px;margin-bottom:2px;}
#uk_facility{display:block; width:452px; height:81px; margin-top:15px; overflow:hidden; background-image:url(../_common/b_uk_facility.jpg);}
#uk_facility:hover{background-image:url(../_common/b_uk_facility_2.jpg);}
/* uk-plant */
#bas_gauche_uk{float:left; font-weight:bold;line-height:14px;}
#bas_droite_uk{float:right; width:500px;}
#bas_droite_uk div{float:right; width:460px;padding:5px 15px 5px 0;}
#bas_droite_uk p{width:240px;float:left; line-height:14px; padding:3px 0;}
#bas_droite_uk img{float:right; }
#bas_droite_uk a{ color:#666;}
#bas_droite_uk a:hover{ color:#FF0000;}
/*Human ressources */
#onglets_jobs{ width:471px;padding:0px 0px 20px 15px;}
#moduleJobs{}
#postuler{}
#postuler h2{ font-size:13px; font-weight:bold; color:#FFF; width:100%; text-align:center; background:#19A853; padding:5px 0;}
#postuler a{ display:inline-block; width:223px; height:25px; line-height:25px;text-align:center; color:#000; text-decoration:none; margin:5px 0 0 0; font-size:11px; background:url(../../human_resources/_common/postulate.jpg) no-repeat top; color:#FFF; }
#postuler a:hover{background-position:bottom;}
#meetPeople{ position:relative; background:#FFF; height:1px; width:100%;}
a#meet{position:relative; bottom:70px; left:560px; display:block; width:197px; height:51px; background:url(../_common/b_meet.gif) no-repeat top; }
a#meet:hover{ background-position:bottom;}
#meetBox{ position:absolute; bottom:80px; right:32px; width:319px; height:304px;background:url(../_img/uk_plant/meet_chris.jpg) no-repeat 10px 10px; background-color:#FFFFFF; padding:56px 30px 10px 296px;font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #666; display:none; }
#meetBox h2{ font-size:25px; font-weight:bold; margin-bottom:4px;}
#meetBox h3{ font-size:18px; font-weight:normal;margin-bottom:4px;}
#meetBox p{ font-size:10px; margin-bottom:10px;}
#meetBox a{ color:#666666;}
#meetBox a:hover{ color:#FF0000;}
#meetBox .close_btn { background:url(../_common/b_close_meet_box.jpg) no-repeat; position:absolute; top:14px; right:15px; display:block; width:13px; height:13px;}
#onglets .moreinfo{ padding-top:10px;}
#onglets .moreinfo h3{ padding:0; margin:0;}
#onglets p a{ color:#000000; text-decoration:underline;}
#onglets p a:hover{ text-decoration:none;}
/* --------------------------------------
FOOTER
------------------------------------------ */
#footer_page{background:url(../_common/footer_n-1.gif) no-repeat;color:#666666; clear:both;}
#footer{background:url(../_common/footer.gif) no-repeat; color:#666666;clear:both;}
#footer, #footer_page{width:784px;height:32px; padding-top:5px;}
#footer p, #footer_page p{padding-top:17px;padding-left:18px;}
#footer a,#footer_page a{color:#000; text-decoration:underline;}
#footer a.mediaction,#footer_page a.mediaction{color:#666666; text-decoration:none;}
#footer a:hover,#footer_page a:hover{color:#000; text-decoration:none;}
#footer div.colRight,#footer_page div.colRight{ text-align:right;width:374px; float:right; padding-right:18px;}
#footer div.colLeft,#footer_page div.colLeft{ text-align:left; width:374px; float:left; padding-left:18px;}
/* --------------------------------------
TABs
------------------------------------------ */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {.tabs-hide {display: none;}}
/* Hide useless elements in print layouts... */
@media print {.tabs-nav {display: none;}}
/* Skin */
.tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
width:471px;
background:#FFF;
margin-top:20px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.tabs-nav li {
float: left;
margin: 0 1px 0 0;
width: 170px; /* be nice to Opera */
font-size:11px;
}
.tabs-nav a,
.tabs-nav a span {
display: block;
padding: 0 10px;
background: url(tab.png) no-repeat;
}
.tabs-nav a {
position: relative;
top: 1px;
z-index: 2;
padding-left: 0;
color: #000;
font-size: 11px;
line-height: 12px;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
color: #000;
}
.tabs-nav .tabs-selected a,
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active {
background-position: 100% -90px;
outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-selected a {font-weight: bold;}
.tabs-nav a,
.tabs-nav .tabs-disabled a:hover,
.tabs-nav .tabs-disabled a:focus,
.tabs-nav .tabs-disabled a:active {
background-position: 100% -60px;
}
.tabs-nav a span {
width:170px; /* IE 6 treats width as min-width */
/*min-width: 96px;*/
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
padding-left: 10px;
text-align:center;
}
.tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.tabs-nav .tabs-selected a span {
padding-top: 6px;
}
.tabs-nav .tabs-selected a span,
.tabs-nav a:hover span,
.tabs-nav a:focus span,
.tabs-nav a:active span {
background-position: 0 -30px;
}
.tabs-nav a span,
.tabs-nav .tabs-disabled a:hover span,
.tabs-nav .tabs-disabled a:focus span,
.tabs-nav .tabs-disabled a:active span {
background-position: 0 0;
}
.tabs-nav .tabs-selected a:link,
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link,
.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.tabs-nav .tabs-disabled {
opacity: .4;
}
.tabs-container {
margin-top:1px;
padding: 8px;
border:0px solid #83D5A9; width:454px;
border-top:none;
background: #83D5A9; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}