Notice: Undefined index: partie in E:\www\Portail\site\styles.php on line 9
Notice: Undefined index: partie in E:\www\Portail\site\styles.php on line 12
/**********************************************
/************************************************
Creator:
WebSite: LOBE SANTE AUDITIVE
Modified by: Bernard Dagenais
Date: SEPTEMBER 2007
/***********************************************/
/*************** HTML tag styles ***************/
body {
background-image: url(images/bg_body_conso.jpg);
background-repeat: no-repeat;
background-position: center 0px;
margin: 0px;
padding: 0px;
font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: 13px;
color: #000000;
}
h3{
font-size:2px;
}
p {
margin: 0px;
padding: 0px;
}
p .MsoNormal{
margin:0px;
padding:0px;
}
a {
color: #000000;
text-decoration: none;
outline:none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
ol{
color: #000000;
}
ul{
margin-top:0px;
padding-top:0px;
}
ul li{
margin-left:-15px;
}
.clear {
clear: both;
}
img{
border-style:none;
}
img.png{
behavior: url(png.htc);
}
.exergue{
font-size:13px;
font-family:Tahoma,Verdana,Arial;
text-align:center;
padding:50px;
padding-top:5px;
padding-bottom:5px;
display:block;
}
.c_txt_li, a.c_txt_li{
display:block;
}
.c_txt_ul .c_txt_li{
padding-left:15px;
font-weight:bold;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height:17px;
color: #4DA185;
padding-top:15px;
}
.c_txt_ul .c_txt_ul .c_txt_li{
padding-left:30px;
font-weight:normal;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:13px;
color: #5C6B6F;
padding-top:10px;
}
.c_txt_ul .c_txt_ul .c_txt_ul .c_txt_li{
padding-left:45px;
font-weight:normal;
padding-top:5px;
}
#min_height{
float:right;
width:0px;
height:180px;
}
.shadow {
width: auto;
position: relative;
height: 8px;
line-height: 8px;
}
.shadow_left {
background-image:url(images/shadow_left.png);background-repeat:no-repeat; background-repeat: no-repeat;
float: left;
height: 8px;
width: 30px;
line-height: 8px;
}
.shadow_repeat {
background-image:url(images/shadow_repeat.png);background-repeat:no-repeat; background-repeat: repeat-x;
float: left;
height: 8px;
width:645px;
position: absolute;
right: 30px;
left: 30px;
line-height: 8px;
}
.shadow_right {
background-image:url(images/shadow_right.png);background-repeat:no-repeat; background-repeat: no-repeat;
float: right;
height: 8px;
width: 30px;
line-height: 8px;
}
/********************* TOP *********************/
#absolute_banner{
position:absolute;
top:0px;
left:0px;
right:0px;
}
#banner_fond{
margin-left:auto;
margin-right:auto;
background-position:center 0px;
background-repeat:no-repeat;
text-align:center;
background-image:url(images/bg_banner.png);
height:90px;
border-top:2px solid #FFF;
border-bottom:2px solid #FFF;
}
#banner_fond img{
width:728px;
height:90px;
border:2px solid #FFF;
border-top-style:none;
border-bottom-style:none;
}
#top {
width: 955px;
margin-right: auto;
margin-left: auto;
margin-top: 75px;
height: auto;
}
#logo {
height: 76px;
background-image:url(images/logo_lobe_en.jpg); background-repeat:no-repeat;
width: 220px;
margin-right: 30px;
float: left;
margin-bottom:10px;
}
#logo_vide{
width: 210px;
margin-right: 28px;
float: left;
margin-bottom:10px;
height: 65px;
overflow:auto;
border:1px solid #CCCCCC;
padding:5px;
padding-bottom:0px;
}
#top_menu{
width:auto;
}
.top_menu_left {
background-image: url(images/bg_left_menu_top_conso.gif);
background-repeat: no-repeat;
height: 30px;
width: 5px;
float: left;
}
.top_menu_center {
background-image: url(images/bg_repeat_menu_top_conso.gif);
background-repeat: repeat-x;
height: 28px;
width: 695px;
float: left;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #7CA3B7;
border-bottom-color: #7CA3B7;
}
.top_menu_spacer, .top_menu_spacer_admin {
float: right;
height: 28px;
width: 3px;
background-image: url(images/bg_spacer_menu_top_conso.gif);
background-repeat: no-repeat;
}
.top_menu_nav, .top_menu_nav_ON, .top_menu_nav_admin, .top_menu_nav_admin_ON {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
color: #FFFFFF;
text-decoration: none;
float: right;
padding-top: 7px;
padding-right: 7px;
display: block;
height: 20px;
padding-left: 8px;
/*letter-spacing:0px;*/
}
a.top_menu_nav:hover, .top_menu_nav_ON, a.top_menu_nav_ON:hover, a.top_menu_nav_admin:hover, .top_menu_nav_admin_ON, a.top_menu_nav_admin_ON:hover {
color: #FFFFFF;
background-image: url(images/bg_repeat_on_menu_top_conso.gif);
background-repeat: repeat-x;
text-decoration: none;
}
.top_menu_right {
background-image: url(images/bg_right_menu_top_conso.gif);
background-repeat: no-repeat;
height: 30px;
width: 5px;
float: left;
}
/******************* CONTENT *******************/
#container {
width: 955px;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
}
#nav_left {
width: 220px;
margin-right: 30px;
float: left;
}
.nav_left, .nav_left_ON {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
text-decoration: none;
background-color: #7CA3B7;
background-repeat: no-repeat;
display: block;
border-top: 1px solid #FFFFFF;
padding-bottom:6px;
}
.nav_left{
padding-top:4px;
}
.nav_left span{
margin-right:5px; width:15px;
height:25px;
background-image:url(images/bt_nav_left.png);background-repeat:no-repeat; display:block;
float:left;
margin-top:-4px;
}
a.nav_left:hover span{
margin-right:5px;
width:15px;
height:25px;
/*background-image:url(images/bt_nav_left_o.png);background-repeat:no-repeat;*/
display:block;
float:left;
margin-top:-4px;
}
.nav_left_ON {
padding-left: 20px;
color: #1D4889;
text-decoration: none;
background-color: #90C2E6;
background-repeat: no-repeat;
padding-top:1px;
}
.nav_left_ON_img{
background-image:url(images/bt_nav_left_on.png);background-repeat:no-repeat; width:200px;
height:22px;
margin-top:0px;
padding-top:3px;
margin-left:-20px;
padding-left:20px;
}
a.nav_left:hover{
color: #1D4889;
color:#FFFFFF;
text-decoration: none;
background-color: #90C2E6;
}
.nav_left_article, .nav_left_article_ON {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
line-height: 12px;
color: #1D4889;
display:block;
padding-left:15px; padding-right:5px;
padding-top:3px;
}
a.nav_left_article:hover, a.nav_left_article_ON:hover {
color: #1D4889;
color:#FFFFFF;
text-decoration:underline;
}
.nav_left_article_ON{
text-decoration:underline;
color:#FFFFFF;
}
.c_txt {
float: left;
width: 520px;
}
.c_nav_page{
margin-top:20px;
padding:5px;
border:1px solid #CCCCCC;
width:508px;
text-align:center;
height:auto;
}
.c_nav_page a{
padding-right:5px;
}
.c_nav_page_liens{
width:15px;
height:25px;
background-repeat:no-repeat;
background-position: 0px 0px;
}
a.c_nav_page_liens_ON, a.c_nav_page_liens:hover{
text-decoration:underline
}
.c_title {
font-family: Tahoma,"Times New Roman", Times, serif;
font-size: 18px;
line-height: 29px;
font-weight:bold;
color: #1D4889;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
.c_stitle {
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height:17px;
display:block;
color: #4DA185;
text-decoration: none;
padding-bottom:5px;
}
.c_stexte {
font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #5C6B6F;
display:inline;
}
#c_txt_banniere {
float: left;
width: 705px;
margin-bottom: 15px;
}
#c_txt_photo {
float: right;
width: 171px;
}
#f_capsule {
width: 955px;
margin-right: auto;
margin-left: auto;
position: relative;
margin-top: 20px;
}
#foot {
background-image: url(images/bg_foot.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 955px;
margin-left: auto;
margin-right: auto;
height: 50px;
padding-top: 10px;
text-align: left;
margin-top: 5px;
}
.f_nav, .f_nav_ON {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #56907A;
display: block;
float: right;
padding-right: 4px;
padding-left: 4px;
}
.f_nav_ON{
text-decoration:underline;
}
.f_tel {
font-size: 20px;
line-height: 21px;
font-weight: bold;
color: #56907A;
text-decoration: none;
float: left;
}
.box_tl {
background-image:url(images/box_tl.gif);
background-repeat: no-repeat;
height: 30px;
width: 5px;
float: left;
}
.box_tc {
background-image:url(images/box_tc.gif);
background-repeat: repeat-x;
height: 29px;
float: left;
position: absolute;
left: 5px;
right: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #4EA185;
}
.box_tr {
background-image:url(images/box_tr.gif);
background-repeat: no-repeat;
height: 30px;
width: 5px;
float: right;
}
.box_title {
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
line-height: 16px;
color: #FFFFFF;
padding-top: 5px;
display: block;
height: 24px;
padding-left: 5px;
background-image:url(images/box_fleche.gif);
background-repeat: no-repeat;
background-position: right -1px;
text-decoration: none;
}
a.box_title:hover {
color: #FFFFFF;
text-decoration: underline;
background-image:url(images/box_fleche_o.gif);
}
.box_c {
border-right:1px solid #4EA185;
border-left:1px solid #4EA185;
top: 30px;
bottom: 5px;
padding:10px;
height:100px;
}
.box_c_title {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 15px;
color: #1D4889;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
.box_c_txt, .box_c_lien {
font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
line-height: 13px;
display: block;
}
.box_c_lien {
color: #4EA185;
text-decoration: none;
margin-top: 10px;
position: absolute;
left: 10px;
bottom: 24px;
line-height:12px;
height:8px;
}
a.box_c_lien:hover {
color: #4EA185;
text-decoration: underline;
}
.box_bl {
background-image:url(images/box_bl.gif);
background-repeat: no-repeat;
width: 5px;
height: 5px;
float:left;
}
.box_bc {
margin-top:4px;
border-top: 1px solid #4EA185;
bottom:0px;
float:left;
}
.box_br {
background-image:url(images/box_br.gif);
background-repeat: no-repeat;
float:right;
bottom: 0px;
width: 5px;
height: 5px;
right: 0px;
}
.legal {
font-size: 10px;
color: #56907A;
display: block;
clear: both;
}
.lien_par_nom_page_ON{
text-decoration:underline;
}
.poucet{
float:left;
font-size:13px;
margin-bottom:25px;
color:#1D4889;
width:512px;
}
#poucet a{
color:#1D4889;
}
a#bt_print,a#bt_ami {
background-image:url(images/bt_print.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:20px;
padding-left:23px;
padding-top:6px;
font-size:11px;
line-height:22px;
}
a#bt_ami{
background-image:url(images/bt_ami.gif);
margin-right:5px;
}
a#bt_print:hover, a#bt_ami:hover{
background-position:0px -20px;
}
.c_recherche{
font-size:14px;
color:#1D4889;
}
#logo_partenaire{
width:150px;
height:100px;
border:1px solid #A5ACB2;
float:right;
}
#alerte, #info{
border:1px solid #2b4070;
height: auto;
padding-bottom: 8px;
background-image: url(images/bt_alert.gif);
background-repeat: no-repeat;
background-position: 7px 5px;
background-color: #ffffff;
padding-left: 30px;
padding-top: 7px;
color: #cc0000;
padding-right:15px;
}
#info{
background-image: url(images/bt_info.gif);
color: #525252;
}
.vide_article{
background-color: #7D8FAB;
color: #FFFFFF;
text-decoration:none;
width: auto;
height: 17px;
font-size: 14px;
line-height: 14px;
padding-top: 3px;
text-align: left;
padding-left: 7px;
display: block;
}
/******************* PRODUITS *******************/
.c_txt_produit {
position:relative;
float: left;
width: 310px;
padding-left: 210px;
padding-top:29px;
padding-bottom: 20px;
}
a.btn_commander{
position:absolute;
bottom:5px;
right:0px;
width:120px;
height:22px;
background-image:url(images/commander_en.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
a.btn_commander:hover{
background-image:url(images/commander_en_o.jpg);
}
.bande_produit {
position: absolute;
bottom: 10px;
left: 0px;
background-image: url(images/p_bande.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 53px;
width: 520px;
}
.reset, .ok_absolute, .preview, a.ok, a.ok_ami, a.ok_recommencer, a.reset_commande, a.ok_annuler, a.ok_envoyer_commande, a.modif_commande{
background-image: url(images/bt_reset.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
height: 20px;
width: 20px;
right: 3px;
top: 0px;
}
a.ok_envoyer_commande{
left:32px;
rigth:none;
width:213px;
height:22px;
background-image:url(images/envoyer_ma_commande_en.jpg);
}
a.modif_commande{
width:213px;
height:22px;
left:260px;
right:none;
background-image:url(images/modifier_ma_commande_en.jpg);
}
a.modif_commande:hover{
background-image:url(images/modifier_ma_commande_en_o.jpg);
}
a.ok_envoyer_commande:hover{
background-image:url(images/envoyer_ma_commande_en_o.jpg);
}
a.ok_annuler{
right:none;
left:184px;
width:120px;
height:22px;
background-image:url(images/annuler_en.jpg);
}
a.ok_annuler:hover{
background-image:url(images/annuler_en_o.jpg);
}
a.reset_commande{
width:184px;
height:22px;
right:none;
left:0px;
background-image:url(images/fermer_la_fenetre_en.jpg);
}
a.reset_commande:hover{
background-image:url(images/fermer_la_fenetre_en_o.jpg);
}
.ok_absolute{
right: 24px;
}
a.ok_ami{
width:184px;
height: 22px;
background-image: url(images/fermer_la_fenetre_en.jpg);
}
a.ok_ami:hover{
background-image: url(images/fermer_la_fenetre_en_o.jpg);
}
a.imprimer_abonnement, a.modifier_abonnement, a.annuler_abonnement{
width:120px;
height: 22px;
background-image: url(images/imprimer_en.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
a.imprimer_abonnement:hover{
background-image: url(images/imprimer_en_o.jpg);
}
a.modifier_abonnement{
background-image: url(images/modifier_en.jpg);
}
a.modifier_abonnement:hover{
background-image: url(images/modifier_en_o.jpg);
}
a.annuler_abonnement{
background-image: url(images/annuler_en.jpg);
}
a.annuler_abonnement:hover{
background-image: url(images/annuler_en_o.jpg);
}
a.ok_recommencer{
width:142px;
height: 22px;
background-image: url(images/recommencer_en.jpg);
}
a.ok_recommencer:hover{
background-image: url(images/recommencer_en_o.jpg);
}
a.reset:hover, a.ok_absolute:hover, a.preview:hover{
background-position: 0px -20px;
}
a.ok{
background-image: url(images/bt_ok_class.gif);
right: 23px;
}
a.ok:hover{
background-image: url(images/bt_ok_class.gif);
right: 23px;
background-position: 0px -20px;
}
.preview{
background-image: none;
left: 2px;
}
a.txt_region, a.txt_region_clinique{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
float: left;
line-height: 13px;
width: 249px;
height: 20px;
text-decoration: none;
padding-top: 8px;
padding-right: 5px;
padding-left: 5px;
text-align: left;
background-color: #7CA3B7;
margin-top: 1px;
margin-left: 1px;
display: inline;
}
.txt_region_on{
color:#90C2E6;
}
a.txt_region:hover, a.txt_region_clinique{
background-color: #90C2E6;
color:#1D4889;
}
/******************* ACCUEIL *******************/
.nav_accueil {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
color: #60A7E2;
text-decoration: none;
margin-bottom: 3px;
display: block;
}
a.nav_accueil:hover {
color: #60A7E2;
text-decoration: underline;
}
.prov {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
color: #3F88C4;
position: absolute;
left: 25px;
top: 315px;
font-weight: bold;
visibility: hidden;
width: 349px;
}
.txt_accueil {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 15px;
color: #005395;
display: block;
padding-top: 40px;
padding-left: 20px;
}
#map{
margin-top:20px;
width:520px;
height:520px
}
.question_clear {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #60A48C;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 10px;
background-color: #E3EFEB;
padding-top: 10px;
}
.question {
width: 262px;
float: left;
display: block;
padding-right: 10px;
padding-left: 5px;
}
.reponse {
display: block;
float: left;
text-align: center;
width: 50px;
padding-left:5px;
padding-right:5px;
font-size: 11px;
line-height: 13px;
}
a.main_top{
display:block;
margin-top:10px;
background-image:url(images/up.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:20px;
height:20px;
float:right;
padding-left:20px;
font-family: Tahoma, Arial, sans-serif;
font-size:11px;
line-height:13px;
padding-top:3px;
padding-right:8px;
}
a.main_top:hover{
background-position:0px -20px;
}
.c_form_title{
margin-top:10px;
margin-bottom:3px;
}
.c_block_sujet {
width: 507px;
padding-bottom: 16px;
background-image: url(images/bg_block_shadow.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
}
.sujet{
background-color: #0072BA;
height: 20px;
font-family: Tahoma, Arial, Helvetica, SansSerif;
font-size: 13px;
line-height: 15px;
color: #FFFFFF;
padding-top: 3px;
padding-left: 6px;
}
.spacer{
width: auto;
margin-top: 1px;
border: 1px solid #88BDDF;
position: relative;
height: 20px;
}
.c_sujet_envoi_txt{
padding-left:6px;
padding-top:1px;
}
.sujet_new{
height: 20px;
font-family: Tahoma,Arial,Helvetica,SansSerif;
font-size: 14px;
line-height: 16px;
color: #ffffff;
padding-top: 2px;
font-weight: normal;
background-color: #66747a;
padding-left: 29px;
width: 115px;
position: relative;
}
a.sujet_new{
margin-top:20px;
height: 24px;
font-family: Tahoma,Arial,Helvetica,SansSerif;
font-size: 14px;
line-height: 16px;
color: #ffffff;
padding-top: 2px;
font-weight: normal;
background-color: #66747a;
border:1px solid #66747a;
padding-left: 29px;
width: auto;
padding-right:5px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/bt_new.gif);
}
a.sujet_new:hover{
background-position: 0px -20px;
text-decoration:underline;
}
.shadow_131{
background-image: url(images/bg_shadow_131.jpg);
background-repeat: no-repeat;
width: 144px;
height: 16px;
background-position:10px 0px;
}
a.new{
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
right: 3px;
background-image: url(images/bt_new.gif);
left: 1px;
height: 20px;
width: 22px;
top: 1px;
position: absolute;
}
a.new:hover{
border-bottom-style:none;
background-position: 0px -20px;
}
.cache{
position:absolute;
visibility:hidden;
}