@import url(/style_calendrier.css); /* CSS définissant le calenndrier */
/* style pour le menu */


.encadre{
font-weight: bold;
        padding : 5px 5px 5px 5px;
 border: 3px solid black;
        color: black;
        font-family: Arial,Helvetica;
        font-style: Normal;
        font-weight: Normal;
        font-size: 16px;
        width:200px

}

#menu{
 z-index:2;
 position:absolute;
 width:100%;
 height:80px;

 background-image:url(./images/bg_menu_1.gif);
 background-repeat:repeat-x;
 /*border:1px solid gray;*/
}

#logoMenu{
 height:77px;
 padding-top:3px;
 float:left;
}

#afficheLogge{
 float:left;
 width:200px;
 padding-top:8px;
 height:72px;
 color:white;
}
div#choix_rubriques, .choix_produits, .rub_plus,.prod_plus, div#choix_collections, div#choix_attributs, div#prixProduit
{
 display:inline;

}

#dock{
 position:relative;
 float:left;
 padding-top:20px;
 text-align:center;
 height:60px;
 width:640px;
}


#menu_bis{
 z-index:1;
 position: absolute;
 top: 80px;
 width:100%;
 height:80px;
 text-align: center;

 background-image:url(./images/bg_menu_2.gif);
 background-repeat:repeat-x;
}

#dock2{
 padding: 20px;
 position:relative;
 width:800px;
 margin : auto;
 text-align:center;

}

.divBouttonMenu{
 float:left;
 margin:0 10px;
 font-size:7pt;
 color:white;
}

.divBouttonMenu a{
 font-size:7pt;
 color:white;
 text-decoration:none;
}

.divBouttonMenu a:hover{
 font-size:7pt;
 color:#606060;
 text-decoration:none;
}




/* fin style menu*/

/*debut class pour png */
.imgCache{
    visibility:visible !important;
    visibility:hidden;
}

.imgVu{
   visibility:visible;

}
/*fin class pour png */


/* style recherche live */


.helpBoxDeroulante {
        width: 150px;
        padding: 0px;
        background-color: white;
        border: 1px solid #6066CA;
        color: black;
        font-family: Arial,Helvetica;
        font-style: Normal;
        font-weight: Normal;
        font-size: 12px;
        line-height: 14px;
}




/* fin style recherche live */
textarea
{
font-family: Verdana;
font-size: 10pt;
}
legend
{
color: #335EA8;
font-family: Arial;
font-size: 10pt;
}
caption
{
font-family: Arial;
font-size: 12pt;
}
.semainier_mois_pair
{
background-color: #8086E3;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 7pt;
vertical-align: middle;
color: black;
}
.semainier_mois_impair
{
background-color: #6066CA;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 7pt;
vertical-align: middle;
color: black;
}
.semainier_pair
{
cursor: pointer;
background-color: #C9CFD3;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 7pt;
vertical-align: middle;
color: black;
}
.semainier_actuel
{
cursor: pointer;
background-color: orange;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 7pt;
vertical-align: middle;
color: black;
}
.semainier_impair
{
cursor: pointer;
background-color: #BAC6CD;
text-align: center;
font-weight: bold;
font-family: Arial;
font-size: 7pt;
vertical-align: middle;
color: black;
}
.zone_rdv
{
border-width: 1px;
font-size: 1px;
font-weight: normal;
font-family: Arial;
border-style: solid;
}
.zone_rdv_true
{
cursor: pointer;
border-width: 1px;
font-size: 9pt;
font-weight: normal;
font-family: Arial;
border-style: solid;
}
.menu_agenda
{
font-family: Verdana;
font-size: 9pt;
vertical-align: middle;

}
.separat_jour
{
background-color: #797979;
}
.separat_menu
{
background-color: #DBDBDB;
font-family: Arial;
font-size: 2px;
}
.separat_jour_titre
{
background-color: white;
}
.agenda_zone_libre_reservee
{
background-color: #FADCB2;
font-weight: normal;
font-family: Arial;
font-size: 14pt;
}

.agenda_zone_libre_midi
{

font-weight: normal;
background-color: #F5F5F5;
font-family: Arial;
font-size: 1px;
border-color: #E2E2E2;
border-width: 1px;
border-right-width: 0px;
border-left-width: 0px;

border-style: solid;
}
.agenda_zone_libre
{
font-weight: normal;
font-family: Arial;
font-size: 1px;
border-color: #E2E2E2;
border-width: 1px;
border-right-width: 0px;
border-left-width: 0px;

border-style: solid;
}
.agenda_surligne
{

font-weight: normal;
font-family: Arial;
font-size: 1px;
border-color: silver;
border-width: 1px;
border-right-width: 0px;
border-left-width: 0px;
border-style: solid;
background-color: #F9DFBA;
}
.jour_agenda
{
color: #FFA500;
font-weight: normal;
font-family: Arial;
text-align: right;
background-color:  Transparent;
font-size: 46pt;
}
.delimitation_agenda
{
background-color: Transparent;
color: black;
font-weight: normal;
font-family: Arial;
font-size: 10pt;

}
.delimitation_agenda_heure
{
background-color: Transparent;
color: black;
font-weight: bold;
font-family: Arial;
font-size: 14pt;

}
.delimitation_agenda_dheure
{
background-color: Transparent;
color: black;
font-weight: bold;
font-family: Arial;
font-size: 12pt;

}
.heure_agenda
{
color: black;
font-family: Verdana;
font-size: 14pt;
}
.titre_agenda
{
background-color:  #6066CA;
visibility:  visible;
color: white;
font-weight: normal;
font-family: Verdana;
font-size: 14pt;
text-align: left;
vertical-align: bottom;
}
.titre_agenda_mois
{
background-color:  #8086E3;
color: white;
font-weight: normal;
font-family: Verdana;
font-size: 12pt;
text-align: left;
vertical-align: bottom;
}
.titre_aide_couleurs
{
background-image:  url('images/agenda_bg_barre_titre.gif');
background-repeat: repeat-x;
color: white;
font-weight: normal;
font-family: Verdana;
font-size: 14pt;
text-align: left;

}

input
{
color:black;
background-color:#F9CE90;
font-weight:bold;
font-family:Verdana;
font-size:9pt;
}
input.bouton
{
color:white;
background-color:#FFA52A;
font-weight:bold;
font-family:Verdana;
font-size:9pt;
}
input.bouton2
{
color: white;
background-color: #FFA52A;
border-color: Transparent;
border-style: solid;
font-weight: bold;
font-family: Verdana;
font-size: 9pt;
}
input.bouton2: hover
{
color: white;
border-style: outset;
}
input.bouton2: active
{
color: white;
border-color: white;
border-style: inset;
}
button
{
font-weight: bold;
font-family: Verdana;
font-size: 9pt;
}
.renouvel
{
color: white;
background-color: red;
font-weight: bold;
font-family: Verdana;
font-size: 9pt;

}
.prixTableVente{
color: black;
background-color: #F9CE90;
font-family: Verdana;
text-align: right;
font-size: 8pt;
}
.selectTableauVente{
color: black;
font-weight:normal;
background-color: #F9CE90;
font-family: Verdana;
font-size: 8pt;
margin-bottom:3px;
}
.aligne_droite
{
color: black;
background-color: #F9CE90;
font-weight: bold;
font-family: Verdana;
text-align: right;
font-size: 9pt;
}
.prix
{
color: #FFA52A;
background-color: white;
font-weight: bold;
font
font-family: Verdana;
text-align: right;
font-size: 12pt;
background-color: white;
border-style: none;
border-color: white;
font-style: italic;
}



BODY
{
font-family: Verdana;
font-size:11px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
SCROLLBAR-FACE-COLOR:  #FDD69F;
SCROLLBAR-HIGHLIGHT-COLOR:  #FDD69F;
SCROLLBAR-SHADOW-COLOR:  #000000;
SCROLLBAR-3DLIGHT-COLOR:  #FFFFFF;
SCROLLBAR-ARROW-COLOR:  #E59E39;
SCROLLBAR-TRACK-COLOR:  #D58B21;
SCROLLBAR-DARKSHADOW-COLOR:  #000000;
}


select
{
color: black;
background-color: #F9CE90;
font-weight: bold;
font-family: Verdana;
font-size: 9pt;
}
.titre_h1
{
color: #EA9015;
font-family: Verdana;
text-align: center;
font-size: 12pt;
}
h1
{
color: #EA9015;
font-family: Verdana;
text-align: center;
font-size: 12pt;
}
H2
{
font-family: Verdana;
text-align: left;
font-size: 11pt;
font-style: italic;
}
H3
{
color: #EA9015;
font-family: Verdana;
font-size: 9pt;
}
H4{color: #FFA52A;}

p
{
color: black;
font-weight: bold;
font-family: Verdana;
font-size: 9pt;
}
li
{
color: black;
font-family: Verdana;
font-size: 9pt;
}
.titreTablVente{
text-align: center;
color: white;
font-weight:normal;
background-color: #EA9015;
font-family: Verdana;
font-size: 7pt;
}
th
{
text-align: center;
color: white;
background-color: #EA9015;
font-family: Verdana;
font-size: 9pt;
}
td
{
font-family: Verdana;
font-size: 9pt;
color: black;
}
.td_pdf
{
font-family: Verdana;
color: #FFA326;
font-size: 7pt;
}
.normal
{
font-family: Verdana;
font-size: 9pt;
color: black;
}
a.normal
{
font-family: Verdana;
font-size: 9pt;
color: black;
}
a.normal:hover
{
font-family: Verdana;
font-size: 9pt;
color: black;
}
.petit
{
font-family: Verdana;
font-size: 8pt;
color: black;
}
a.petit
{
font-family: Verdana;
font-size: 8pt;
color: black;
}
a.petit:hover
{
font-family: Verdana;
font-size: 8pt;
color: black;
}
.surligne
{
font-family: Verdana;
font-size: 9pt;
background-color: #FDD69F;
cursor: pointer;
}
.surligne_pair_d
{
font-family: Verdana;
font-size: 9pt;
color: black;
background-color: #F9DFBA;
border-style: none;
border-color: #F9DFBA;
text-align: right;
}
.surligne_pair
{
font-family: Verdana;
font-size: 9pt;
color: black;
background-color: #F9DFBA;
border-style: none;
border-color: #F9DFBA;
}


.surligne_impair_d
{
font-family: Verdana;
font-size: 9pt;
color: black;
background-color: #EEF0F9;
border-style: none;
border-color: #EEF0F9;
text-align: right;
valign: center;
}

.surligne_impair
{
font-family: Verdana;
font-size: 9pt;
color: black;
background-color: #EEF0F9;
border-style: none;
border-color: #EEF0F9;
}
tr.surligne_impair: hover
{
font-family: Verdana;
font-size: 9pt;
color: black;
border-style: none;
background-color: #FDD69F;
cursor: pointer;
}
tr.surligne_pair: hover
{
font-family: Verdana;
font-size: 9pt;
color: black;
border-style: none;
background-color: #FDD69F;
cursor: pointer;
}
.supprimer
{
text-decoration: none;
font-family: Verdana;
font-size: 9pt;
color: red;
}
.delete
{
text-decoration: none;
font-family: Verdana;
font-size: 9pt;
background-color: red;
color: white;
}
.supprimer: hover
{
font-family: Verdana;
font-size: 9pt;
color: red;
}
.order
{
color: #FFFFFF;
text-decoration: none;
font-family: Verdana;
font-size: 9pt;

}
.nb_personnes
{
font-family: Verdana;
text-align: right;
font-size: 11pt;
font-style: italic;
}
.order: hover
{
color: #FDD69F;
text-decoration: underline;
font-family: Verdana;
font-size: 9pt;
}
a
{
color: #6066ca;
text-decoration: none;
font-family: Verdana;
font-size: 9pt;
}
a:hover
{
color: #969de9;
text-decoration: underline;
font-family: Verdana;
}

a.titre , th a
{
color: white;
text-decoration: none;
font-family: Verdana;
font-size: 9pt;
}
a.titre:hover, th a:hover
{
color: white;
text-decoration: underline;
font-family: Verdana;
font-size: 9pt;

}
.invisible
{
color: black;
font-family: Verdana;
font-size: 9pt;
background-color: Transparent;
border-style: none;
border-color: Transparent;
}
.invisible_d
{
color: black;
text-align: right;
font-family: Verdana;
font-size: 9pt;
background-color: Transparent;
border-style: none;
border-color: Transparent;
}
#helpBox {
position:  absolute;
z-index:  1000;
top:  0px;
left:  0px;
width:  150px;
}
#helpBoxombre {
position:  absolute;
z-index:  800;

width:  150px;
}
#helpBoxombre2 {
position:  absolute;
z-index:  800;

width:  150px;
}
#helpBoxombre3 {
position:  absolute;
z-index:  800;

width:  150px;
}
#rdv_temp {
position:  absolute;
z-index:  900;
top:  0px;
left:  0px;
width:  130px;
}
#rdv_temp2 {
position:  absolute;
z-index:  900;

width:  130px;
}
#rdv_temp3 {
position:  absolute;
z-index:  900;
width:  130px;
}
DIV.helpBoxDIV {
width:  150px;
padding:  2px;
background-color:  white;
border:  1px solid #6066CA;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
line-height:  14px;
}
DIV.helpBoxDIVModif {
width:  150px;
padding:  2px;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
line-height:  14px;
visibility: hidden;
z-index: 3;
}
DIV.helpBoxDIVModifOmbre {
width:  150px;
padding:  2px;
background-color:  black;
filter: Alpha(opacity=40, finishopacity=0, style=0);
opacity: 0.4;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
line-height:  14px;
visibility: hidden;
z-index: 2;
}
.helpBoxDeroulante {
width:  150px;
padding:  0px;
background-color:  white;
border:  1px solid #6066CA;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
line-height:  14px;
}

helpBoxDIV {
width:  150px;
padding:  2px;
background-color:  white;
border:  1px solid #6066CA;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
line-height:  14px;
}
.helpbox_couleurs {
margin: 0px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding:  0px;
background:  white;
border:  1px;
width: 250px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color:  #000000;
color:  black;
font-family:  Arial,Helvetica;
font-style:  Normal;
font-weight:  Normal;
font-size:  12px;
}
.ombre
{
position:  absolute;
z-index:  800;
background-color: black;
filter: Alpha(opacity=20, finishopacity=0, style=0);
}
.ombre_sombre
{
position:  absolute;
z-index:  800;
background-color: black;
filter: Alpha(opacity=50, finishopacity=0, style=0);
}
.input_cache
{
background-color: white;
color: black;
border-width: 0;
}
.input_cache_surligne
{
border-width: 0;
cursor: pointer;
}
.Titre
{



}
.Cacher
{
top:  -25px;
position:  relative;
text-align: right;
}

.blocTexte
{

display :  none;
visibility : hidden;


}

.blocTexte_ouvert
{

display :  block;
visibility : visible;

}

legend
{
font-weight: bold;
color: #FFA224;

}
fieldset
{
-moz-border-radius:6
}
fieldset.invisible
{
padding: 0px;
border-color: white;
border-size: 0px;
border-style: none;
}
label
{
cursor: pointer;
}
acronym
{
cursor: help;
border-bottom: 1px dotted;

}
input[disabled]
{
background-color: Transparent;
color: silver;
border-style: solid;
border-width: 1px;
border-color: silver;
}
.div_ref
{
margin-right: 2px;
width: 115px;
float: left;
text-align: center;
position: relative;
right: 0px;

}
.div_cl
{
width: 170px;
float: left;
position: relative;
margin-right: 2px;
right: 0px;
text-align: center;

}
.div_px
{
width: 80px;
float: left;
position: relative;
margin-right: 2px;
text-align: center;
right: 0px;

}
.div_px
{
width: 85px;
float: left;
position: relative;
margin-right: 2px;
text-align: center;
right: 0px;

}
.div_com
{
width: 80px;
float: left;
position: relative;
margin-right: 2px;
text-align: center;
right: 0px;

}
.div_plus
{
width: 10px;
float: left;
position: relative;
margin: 2px;
text-align: center;
right: 0px;

}
br.retour_facture
{
font-size: 18px;
}
.titre_tab
{
text-align: center;
color: white;
background-color: #6066ca;
font-weight: bold;
font-family: Verdana;
font-size: 9pt;
}

a.voir
{
color: #6066ca;
font-weight: bold;
font-style: italic;
font-family: Verdana;
font-size: 12pt;
}
.voir
{
color: #6066ca;
font-weight: bold;
font-style: italic;
font-family: Verdana;
font-size: 12pt;
}

div.diagnostic
{
background-image: url(images/bg_rouge_stri.gif);
width: 550px;
padding: 10px;
}
legend.diagnostic
{
color: white;
}
span.diagnostic
{
color: white;
font-family: Verdana;
font-size: 9pt;
text-align: left;
}
td.diagnostic
{
color: white;
font-family: Verdana;
font-size: 9pt;
text-align: left;
}
.recherche_live
{
border-style: dashed solid;
border-width: 1px;
border-color: black;
}
th.mail_intervention
{
background-color: Transparent;
color: black;
}
div.mail_intervention
{
background-image: url(images/bg_bleu_stri.gif);
}

/* Le calendrier */
.calLibelleMois{
        text-align:center;
        font-size:15px;
        width:45px;
        height:15px;
                background-color:#F98E00;
                color:#FFFFFF;
}
.lesNumJours{
        width:10px;
        height:465px;
                float:left;
}

.colonnePlanning{
   float:right;
   width:30px;
   height:50px;
}


.calMois{
        width:45px;
        height:465px;
        float:left;
                margin-left:2px;
}
.lesNumJours div{
        text-align:center;
        font-size:9px;
        width:15px;
        height:15px;
        float:left;
                color:#000000;
                background-color:#FFD297;
}
.calJourWE{
        text-align:center;
        font-size:9px;
        width:15px;
        height:15px;
        float:left;
                background-color:#FFD297;
        color:#FFFFFF;
}

.th_petit{
        text-align:center;
        font-size:9px;
        background-color:#F98E00;
        color:#FFFFFF;
}

.calDetailMois{
    width:100%;
    height:480px;
    float:right;
    background-color:#FFE5C2;
        /* background-image:url(images/cal_bg_mois.gif); */
}
.calDetailMois DIV{
   font-size:9px;

}
.infobulle{
    position: absolute;
    display:none;
    z-index:666;
    visibility : hidden;
    padding: 10px;
    font-size: 11px;
    /*<?php echo fondOpacity($ie,'90'); ?>*/
    background-color: #FFF;
    border: 1px solid #FFAE3F;
    color:#000000;
}
/* Fin Le calendrier */

/* rechercheLive */
.afficheRechercheLive {
    /* position:absolute; */
    display:none;
    visibility:hidden;
    z-index:100;
    padding: 5px;
    background-color: #FFF;
    color:#000000;
    /*border: 1px solid #04084B;*/
    font-size: 12px;
    text-align:left;
}

.afficheRechercheLive a{
    width:100%;
    color:#000000;
}

.afficheRechercheLive a:hover{
    width:100%;
    color:#000000;
    background-color:#C0C4FF;
}
/* FIN rechercheLive */
.titreOnglet{
        text-align:center;
        font-size:15px;
        background-color:#F98E00;
        color:#000000;
}
.titreOnglet a{
        font-size:18px;
        color:#FFFFFF;
}

/***********************/
/*** menu escamotable ***/
/***********************/
#menu_esca {
position: fixed !important;
position: absolute;
visibility:hidden;
z-index:5000;
width: 100px;

padding-top:10px;
padding-bottom:10px;

}

#dock_esca{
 width: 110px;
 padding:10px 0px 10px 5px;

}


#ongletFavoris_esca{
position: absolute;
top:0px;
left:110px;
width:20px;
height:120px;
/*background-color:#9E9E9E;*/
}

#infobulleMenu_esca{
position: absolute;
display:none;
width:150px;
z-index:5001;
visibility : hidden;
}

#hautI_esca{
position:relative;
width:150px;
height:9px;

background-image:url(./images/haut-pop.png) !important;
background-image:url();
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/haut-pop.png');

/*background-image:url(./images/haut-pop.gif);*/
background-repeat:no-repeat;
background-position:bottom left;
}


#contenuI_esca{
 position:relative;
 width:144px;
 padding: 3px;
 background-image:url(./images/contenu_pop.png) !important;
 background-image:url();
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/contenu_pop.png', sizingMethod='scale');
 background-repeat:repeat-y;
 background-position:top left;

 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#FFFFFF;
 font-size: 16px;

}


#basI_esca{
position:relative;
width:150px;
height:9px;
background-image:url(./images/bas-pop.png) !important;
background-image:url();
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bas-pop.png');
/*background-image:url(./images/bas-pop.gif);*/
background-repeat:no-repeat;
background-position:top left;
}

.separImgMenu_esca{
   margin:0;
   padding: 3px 0px 3px 0px;
}

.imagMenu_esca{
 width:44px;
 height:44px;
}

#BulleBooking_esca{
	position: absolute;
	visibility : hidden;
	display:none;
	width:100px;
	z-index:150;

	text-align:center;
	background-color:#FCA806;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

	border:1px black solid;
}

.blanc12{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;}
a.lienblanc12:link{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;font-weight:bold;text-decoration:underline;}
a.lienblanc12:hover{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold;}
a.lienblanc12:active{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FF0000;font-weight:bold;}
a.lienblanc12:visited{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;font-weight:bold;text-decoration:underline;}