body
  {font-family:"lucida sans unicode", lucida, arial; font-size:8pt; 
   background-image:url("../img/fond.jpg"); background-repeat:repeat; background-attachment:fixed}
body.barre
  {background-image:none}

a
  {text-decoration:none}
a:link
  {color:#0033CC}
a:visited
  {color:#0033CC}
a:hover
  {color:red}
  
a.dvd:link
  {color:black}
a.dvd:visited
  {color:black}
a.dvd:hover
  {color:red}

.normal
  {color:black; background-color:transparent; height:14px; border:none 1px #D0D0D0}
.normal:link
  {color:black}
.normal:visited
  {color:black}
.normal:hover
  {color:red}

.urgent
  {color:firebrick; font-style:italic; background-color:transparent; height:14px; border:none 1px #F0A0A0}  
.urgent:link
  {color:firebrick; font-style:italic}
.urgent:visited
  {color:firebrick; font-style:italic}
.urgent:hover
  {color:red; font-style:italic}
  
.devis
  {color:dodgerblue; font-style:normal; background-color:transparent; height:14px; border:none 1px #A0A0F0}  
.devis:link
  {color:dodgerblue; font-style:normal}
.devis:visited
  {color:dodgerblue; font-style:normal}
.devis:hover
  {color:red; font-style:normal}
	
.attente
  {color:dimgrey; font-style:normal	; background-color:transparent; height:14px; border:none 1px #F0A0A0}  
.attente:link, .attente:visited
  {color:dimgrey; font-style:normal}
.attente:hover
  {color:red; font-style:normal}

a.interv:link
  {font-style:italic; color:green}
a.interv:visited
  {font-style:italic; color:green}
a.interv:hover
  {font-style:italic; color:red}

a.invalide:link
  {font-style:italic; color:lightgray}
a.invalide:visited
  {font-style:italic; color:lightgray}
a.invalide:hover
  {font-style:italic; color:lightgray}

i
  {color:red}

#logo
  {position:absolute; top:9px; left:50%; margin-left:-325px}

tr.coul1
  {background-color:#E9E9E4; text-align:justify; height:19px} /* couleur des lignes du tableau d'affichage */
tr.coul2
  {background-color:#FFFFFF; text-align:justify; height:19px; border:none}
tr.coul3
  {background-image:url("../img/invalide.png"); background-position:bottom; background-repeat:repeat-x; text-align:justify; height:19px; font-style:italic}
tr.surb
  {background-image:url("../img/surbrillance.png"); background-position:bottom; background-repeat:repeat-x; background-color:#F8C36F}

td
  {font-family:"lucida sans unicode", lucida, arial; font-size:8pt; padding:0px}
td.titre
  {font-family:arial; font-weight:bold; font-style:normal; font-size:12pt; text-align:center; 
   background-color:#9CC7FC; background-image:url("../img/degrade_titre.png"); background-position:bottom; background-repeat:repeat-x; 
   border-top-style:solid; border-color:black; border-width:1px; padding-left:5px; padding-right:5px}
td.ongletd
  {font-family:arial; font-size:8pt; color:blue; text-align:center;
   width:100px; height:20px; background-image:url("../img/fond_ongletd.png");
   border-top-style:solid; border-bottom-style:solid; border-color:black; border-width:1px;
   cursor:pointer}
td.ongleta
  {font-family:arial; font-weight:bold; font-size:8pt; text-align:center;
   width:100px; height:20px; background-image:url("../img/fond_ongleta.png");
   border-top-style:solid; border-color:black; border-width:1px}
td.texte
  {background-color:#FFFFFF; text-align:justify} /* la couleur du tableau de toutes les pages   */
td.panier1
  {background-color:#F36; text-align:center}
td.panier2
  {background-color:#F66; text-align:center}
td.bordg
  {width:9px; background-image:url("../img/bordg.png")}
td.bordd
  {width:9px; background-image:url("../img/bordd.png")}
td.bordhg
  {width:9px; background-image:url("../img/bordhg.gif")}
td.bordhd
  {width:9px; background-image:url("../img/bordhd.gif")}
td.bordbg
  {width:9px; height:9px; background-image:url("../img/bordbg.gif")}
td.bordbd
  {width:9px; height:9px; background-image:url("../img/bordbd.gif")}
td.bordonggd
  {width:9px; 
   background-image:url("../img/bordongdg.gif"); background-repeat:no-repeat;
   border-bottom-style:solid; border-width:1px; border-color:black; cursor:pointer}
td.bordongdd
  {width:9px;
   background-image:url("../img/bordongdd.gif"); background-repeat:no-repeat;
   border-bottom-style:solid; border-width:1px; border-color:black; cursor:pointer}
td.bordongga
  {width:9px;
   background-image:url("../img/bordongag.gif"); background-repeat:no-repeat}
td.bordongda
  {width:9px;
   background-image:url("../img/bordongad.gif"); background-repeat:no-repeat}
td.menu
  {width:50%; font-size:11pt; text-align:center}
td.boutonp
  {width:60px; text-align:center; font-size:7pt;
   background-image:url(../img/fond_infobulle1.png); border:1px solid slategray; cursor:pointer}
td.boutonp:hover
  {width:60px; text-align:center; font-size:7pt;
   background-image:url(../img/fond_bouton.png); border:1px solid darkgreen; cursor:pointer}
td.boutonpa
  {width:60px; text-align:center; font-size:7pt;
   background-image:url(../img/fond_bouton3.png); border:1px solid crimson; cursor:pointer}
	 
div.section
  {font-family:"arial"; font-size:12pt; text-align:left; font-style:italic; font-weight:bold;
   width:100%; border-bottom-style:solid; border-width:1px; border-color:#808080; margin-bottom:8px}

div#ombre
	{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1}  
div#conteneur
  {width:100%; height:100%; display:table; position:absolute; top:0px; left:0px; z-index:2}
div#position
  {display:table-cell; vertical-align:middle; width:100%}
/*div#logo_left
  {width:40px; height:100%; position:fixed; left:10px; top:0px;
   border-left:solid 1px black; border-right:solid 1px black; background-image:url("../img/logo_left.png")}*/
div#message_topl
  {position:fixed; top:5px; left:9px; width:350px; height:200px; padding:2px}
div#message_topr
  {position:fixed; top:5px; right:9px; width:350px; height:200px; padding:2px}
div#message_middle
  {position:fixed; top:50%; left:50%; width:700px; margin-left:-350px; height:100px; margin-top:-50px; display:none; opacity:1; z-index:4}
div#message_middle_b
  {position:fixed; top:50%; left:50%; width:500px; margin-left:-250px; height:200px; margin-top:-100px; padding:2px}
div#message_scan
  {position:fixed; top:50%; left:50%; width:495px; margin-left:-248px; height:700px; margin-top:-350px; display:none; opacity:1; z-index:4; overflow:hidden}
div#scan_print
  {position:fixed; top:50%; left:50%; width:495px; margin-left:-249px; height:700px; margin-top:-351px; border:1px solid black; overflow:hidden}
div#message_total
	{position:fixed; top:50%; left:50%; width:720px; height:300px; margin-left:-360px; margin-top:-150px; display:none; opacity:1; z-index:4}
div#message_notifications
  {display:none; position:fixed; bottom:5px; right:5px; width:350px; height:235px; background-color:#FFF590; border:1px solid #FFA500; padding:2px}
div#message_paiement
  {display:none; position:fixed; top:5px; right:5px; width:350px; height:150px; background-color:#FFF590; border:1px solid #FFA500; padding:2px}
div#icone_notifications
  {position:fixed; bottom:5px; right:5px; width:50px; height:50px; cursor:pointer}
div.scan_bouton_1
  {font-family:"arial"; font-size:7pt; text-align:left; font-style:italic; font-weight:bold; color:#A0A0A0;
   cursor:pointer; width:70px; padding-right:2px; padding-left:2px; height:25px; border:1px solid #FFCC33; z-index:10; border-right:none; background-color:#FFFFCC}
div.scan_bouton_1:hover, div.scan_bouton_1p:hover
  {color:#000000; border-color:#FF9900; background-color:#FFFF33}
div.scan_bouton_2
  {font-family:"arial"; font-size:7pt; text-align:left; font-style:italic; font-weight:bold; color:#A0A0A0;
   cursor:pointer; width:70px; padding-right:2px; padding-left:2px; height:25px; border:1px solid #B8DC70; z-index:10; border-left:none; background-color:#EBF5D6}
div.scan_bouton_2:hover
  {color:#000000; border-color:#9ACD32; background-color:#D7EBAD}
div.scan_bouton_3
  {font-family:"arial"; font-size:7pt; text-align:left; font-style:italic; font-weight:bold; color:#A0A0A0;
   cursor:pointer; width:70px; padding-right:2px; padding-left:2px; height:25px; border:1px solid #FFCC33; z-index:10; border-left:none; background-color:#FFEBE6}
div.scan_bouton_3:hover, div.scan_bouton_0p:hover
  {color:#000000; border-color:#FF9900; background-color:#FFC2B2}
div.scan_bouton_0p
  {font-family:"arial"; font-size:7pt; text-align:left; font-style:italic; font-weight:bold; color:#A0A0A0; position:absolute; bottom:35px;
   width:20px; padding-right:2px; padding-left:2px; height:25px; border:1px solid #FFCC33; z-index:10; background-color:#FFEBE6}
div.scan_bouton_1p
  {font-family:"arial"; font-size:7pt; text-align:left; font-style:italic; font-weight:bold; color:#A0A0A0; position:absolute; bottom:35px;
   cursor:pointer; width:20px; padding-right:2px; padding-left:2px; height:25px; border:1px solid #FFCC33; z-index:10; background-color:#FFFFCC}

div.ajax_onglets
  {width:90%; margin-left:5%; margin-right:5%}
   
p.index
  {font-family:"arial rounded mt bold", "arial"; font-size:14pt; text-align:left}
p.index:first-letter
  {font-family:"lucida sans unicode", "arial rounded mt bold", "arial black"; font-size:28pt; font-weight:bold}

span.lettre_on
  {font-family:"arial"; font-size:22pt; font-style:italic; font-weight:bold; color:red}
span.lettre_off
  {font-family:"arial"; font-size:18pt; font-style:italic; font-weight:bold}

img
  {border-style:none}

select
  {font-family:"lucida sans unicode", lucida, arial; font-size:8pt}
select.modifc
  {width:502px; background-color:white; border:1px outset slategray}

input
  {font-family:"lucida sans unicode", lucida, arial; font-size:8pt}  
input.modifc
  {width:502px; background-color:white; background-image:none; border:1px outset slategray}
.paiement_off
  {background-color:#FFFFB0; background-image:none; border:1px dashed #FFA500}
.invalide
  {background-color:#FFD0D0; border:1px outset red}
input.bouton
  {border:1px solid gray; background-image:url(../img/fond_infobulle1.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.bouton:hover
  {border:1px solid crimson; background-image:url(../img/fond_bouton3.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.bouton2
  {border:1px solid gray; background-image:url(../img/fond_infobulle1.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.bouton2:hover
  {border:1px solid darkgreen; background-image:url(../img/fond_bouton.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.bouton3
  {border:1px solid gray; background-image:url(../img/fond_infobulle1.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.bouton3:hover
  {border:1px solid royalblue; background-image:url(../img/fond_infobulle2.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.boutonm
  {font-size:7pt; width:60px;
   border-bottom:1px solid gray; border-right:1px solid gray; border-top:1px outset gray; border-left:1px outset gray;
   background-image:url(../img/fond_infobulle1.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.boutonm:hover
  {font-size:7pt; width:60px;
   border-bottom:1px solid crimson; border-right:1px solid crimson; border-top:1px outset crimson; border-left:1px outset crimson;
   background-image:url(../img/fond_bouton3.png); background-position:bottom; background-repeat:repeat-x; background-color:white}
input.pulldr
  {position:absolute; bottom:10px; right:-50px; width:70px; text-align:left}
input.pulldr:hover
  {position:absolute; bottom:10px; right:-10px; width:70px; text-align:right; padding-right:12px}
input.boutond
  {border:1px solid gray; background-color:white}
input.boutonmd
  {font-size:7pt; width:60px; border:1px solid gray; background-color:white}
input.modif
  {width:250px; height:14px; border:outset 1px transparent; background-color:transparent}
input.modif_edit
  {width:250px; height:14px; border:outset 1px #D0D0D0; background-color:white}
input.obligatoire
  {border:dotted 1px red}
input.rech_off
  {width:100px; height:14px; border:1px dashed slategray; background-color:white; font-family:courier new; font-size:8pt}
input.rech_on
  {width:100px; height:14px; border:1px dashed red; background-color:#FFC125; font-family:courier new; font-size:8pt}
  
textarea
  {font-family:"lucida sans unicode", lucida, arial; font-size:8pt; border:1px outset slategray; width:500px}
  
textarea.modifc
  {width:502px; height:56px; background-color:white; border:1px outset slategray}

option.ligne1
  {background-image:url("../img/fond_liste.png"); background-position:bottom; background-repeat:repeat-x; background-color:#E0F0FF}
option.ligne2
  {background-image:url("../img/fond_liste.png"); background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF}

span.infobulle
  {visibility:hidden; position:absolute; top:0px; left:0px; font-size:8pt; min-height:16px;
   border:solid 1px #D3D3D3; border-bottom-color:#808080; border-right-color:#808080;
   background-image:url("../img/fond_infobulle1.png"); background-repeat:repeat-x; background-position:bottom; background-color:white;
   padding-left:2px; padding-right:2px; z-index:100}
span.infobulle2
  {visibility:hidden; position:absolute; top:0px; left:0px; font-size:8pt; min-height:16px;
   border:solid 1px #D3D3D3; border-bottom-color:cornflowerblue; border-right-color:cornflowerblue;
   background-image:url("../img/fond_infobulle2.png"); background-repeat:repeat-x; background-position:bottom; background-color:white;
   padding-left:2px; padding-right:2px; z-index:100}

.arrow_checkbox_on
  {width:200px; font-size:8pt; font-weight:normal; cursor:pointer; background-color:#D6FF97; border:1px outset #BDFF59}
.arrow_checkbox_off
  {width:200px; font-size:8pt; font-weight:normal; cursor:pointer; background-color:transparent; border-bottom:1px dotted yellowgreen; padding-right:1px; padding-left:1px}