BODY{font-size: 10pt; font-family:arial,sans-serif;
margin : 0;
padding : 0;}
p{font-size: 10pt; font-family:arial,sans-serif;
background-color:white;
margin : 0;
padding : 0;}

select,input,textarea,submit {color:black; font-size: 10pt; font-family:arial,sans-serif}

/* RESET 2011 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
*/
FORM {margin-bottom : 5pt;margin-top : 5pt    }

.small {font-size:8pt}

A:link , A:visited{color:#3366FF; font-weight: normal; text-decoration: underline}
/*A:visited {color:#000066; font-weight: bold; text-decoration: none}*/
A:hover {color:red; text-decoration:underline}

H1 {color:black; font-family:verdana,sans-serif; font-size:16pt}
H2 {color:black; font-family:verdana,sans-serif; font-size:14pt;margin-bottom:5px;margin-top:5px}
H3 {color:black; font-family:verdana,sans-serif; font-size:12pt}

H4 {font-weight:normal;margin-bottom:5px;margin-top:5px}
H4#date {font-weight:bold;margin-top:3px;margin-bottom:2px;font-size:12pt}

H5 {font-weight:normal; font-size:7pt;margin:0;}

TD {font-size:10pt; font-family:arial,sans-serif; border-width:1;
vertical-align:middle;}

TD.CR { vertical-align: middle; text-align: right}
TD.CL { vertical-align: middle; text-align: left}
TD.BR { vertical-align: baseline; text-align: right}
TD.BL { vertical-align: baseline; text-align: left}
TD.TR { vertical-align: top; text-align: right}
TD.TL { vertical-align: top; text-align: left}

TD.A {background-color:#FFCCFF}
TD.B {background-color:#99CCCC}
TD.C {background-color:#FF9999}
TD.D {background-color:#FFFF99}
TD.E {background-color:#C0E0FF}
TD.F {background-color:#FFCC99}
TD.G {background-color:#FF6666}
TD.H {background-color:#66FFFF}
TD.I {background-color:#DDFFDD}
TD.J {background-color:#CCCCCC}
TD.K {background-color:#7EFF7E}
TD.L {background-color:#8000FF}
TD.M {background-color:#FFFF00}
TD.N {background-color:#FF00DE}
TD.O {background-color:#00FF00}
TD.P {background-color:#FF8000}
TD.Q {background-color:#DEDEDE}
TD.R {background-color:#C000FF}
TD.S {background-color:#FF0000}
TD.T {background-color:#FFFFFF}
TD.U {background-color:#A0A000}
TD.V {background-color:#DAA520}
TD.W {background-color:#40E0D0}
TD.X {background-color:#FA8072}
TD.Y {background-color:#4169E1}
TD.Z {background-color:#6A5ACD}

TD.busy{background-color:#cccccc}

.clock {
font-size: 10pt;
}

.fontcolor1{color:white}
.fontcolor2{color:#99CCFF}
.fontcolor3{color:#99CCFF}
.fontcolor4{color:#000066}

.bground {background-color:#99CCFF}
TD.border_banner {background-color:#000066}
TD.banner {vertical-align:middle; background-color:#99CCFF}
TH {
color:#182B63;
font-size:9pt;
font-family:verdana,sans-serif;
background-color:#C5D8FF;
border-width:1;
border-color:black;
vertical-align:top;
border:#ddd 1px solid;
}

TD.cell_hours {background-color:#E7EEF8; text-align:center}
TD.cell_month {font-size: 8pt; background-color:white}
TD.cell_month_o {background-color:#cccccc;}
TD.empty_cell {background-color:white;border-left:1px solid #565656}
TD.start_libre a{font-weight:bolder !important ;font-size:11pt;}

.monthday {font-size: 11pt}

.cal_current_day{color:red}
.week {background-color:#FFB200}
TD.calendar {border:0px; font-size: 7pt}
TD.calendarcol1 {border:0px; font-size: 8pt}
TD.calendarHeader {border:0px; font-size: 10pt}

table#planning.day td{border-top:#ddd 1px solid;border-right:#ddd 1px solid;}
table#planning td{height: 20px}

table#planning tr.hour td{border-top:#666666 1px dotted;}



/*table tbody tr td a:link , table tbody tr td a:visited , table#planning a {color:#3366FF; font-weight: normal;text-decoration:underline}
table tbody tr td a:hover , table#planning a:hover {color:red; text-decoration:underline}*/
table#planning td.priority a:link {color:red;font-weight:bold;}
table#planning td.outline {
border:2px solid red;
}
table#planning.web td{border-right:#565656 1px solid;}
table#planning td.borderleft {
border-left-style: solid; 
border-left-color: #565656; 
border-left-width: 1px;
}

.center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.avertissement {
background-color:#CCCCCC;
text-align:center;
}

TD.calendar2 {border:0px; font-size: 8pt}
TD.calendarHeader2 {border:0px; font-size: 10pt}
.formo {width: 100%; background-color: #FFF0E0; background-position: center bottom; float: none; color: #000000}
.fondo {background-color: #FFF0E0; background-position: center bottom; float: none; color: #000000}
.fondl {background-color: #CCCCCC; background-position: center bottom; float: none; color: #000000}

/* La colonne de gauche de l'administration
------------------------------------------*/
#colgauche fieldset{
    border: 1px solid #000000;
    margin:0px;
    padding:10px;
    margin-bottom:5px;
}
#colgauche  fieldset legend{
    color:#000000;
    margin-bottom:5;
}
#colgauche  fieldset ul{
    margin: 0;
    padding-left:10px;
    padding-bottom:0;
    padding-top:0;
}
#colgauche  fieldset ul li{
    list-style-type:disc;
}


table#type_table  {
  margin: 0;
  padding: 0;
  
}

table#type_table tr  {
  margin: 0;
  padding: 0;
  
}
table#type_table td.vocab {
  margin: 0;
  padding: 0;
  width: 150px;
}
/*affichage fiche centre*/
div.info-btn,div.print-btn {
background-color:#333333;
overflow:auto;
border:8px solid #444444;
position: absolute;
 z-index: 500;
   width: 600px;
   left:190px;
   top:120px;
}

div.info-btn {
  height: 600px;
}

a.infoclose {
float:right;
color:#FFFFFF;
margin-right:15px;
}

div#print>div>div>a.infoclose{
margin-right:0px;
}
table#details {
margin-top:15px;
}
a.info-lnk {
font-size:8pt;
text-decoration:none;
}

div#print>div>span{
display:block;
}
#printpromo,#printcv60j{
padding: 1%;vertical-align: top;
}

#printcv60j{
position: relative;
float: right;
}

a.printclose {
float:right;
color:#FFFFFF;
margin-right:15px;
}

a.print-lnk {
font-size:8pt;
text-decoration:none;
}

a.promo {
  background:url(../img/animated-arrow-RTL.gif) no-repeat;
}

table#admincolgauche tr td{
vertical-align:top;
}

label.error{
color:red;
margin-left:3px;
}

.tooltip {
  background-color:#666666;
  text-align:left;
  display:none;
/*  background:url(../img/black_arrow_big.png) no-repeat;
  height:115px;*/
  padding:10px 15px 15px 15px;
  width:200px;
  color:#fff;
}

.tooltip.paste {
  width:auto;
  padding:5px;
}

.tooltip table td {
  font-size:12px;
  border : none !important;
}


div.cut, div.paste {
    position: relative;
}

div .cut a {
    background-color: #feb523;
    position: absolute;
    right: 0;
    top: 0;
}

div .paste a {
    background-color: #008000;
}

div .cut a, div .paste a  {
    border: 1px outset gray;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: block;
    padding: 5px;
    font-weight:bold;
}
table#planning .tooltip>div>a:hover {
    background-color: #555555;
    color: #FFF;
    text-decoration: none;
}

#filter {
  color:#3366FF;float:right;margin-right:10px;
}
#filter ul {
  display:inline;
}

#filter ul li{
  list-style: none;
  display:inline;
  margin-left:10px;
  text-decoration:underline;
  cursor:pointer;
}
.promo {
  display: none;
}

#generate_area .field input {
  width: 250px;
   border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
    border-style: solid;
    border-width: 1px;
    color: #6A6969;
    margin: 2px 0;
    padding: 4px;
}
#generate_area .field select {
  width: 258px;
   border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4;
    border-style: solid;
    border-width: 1px;
    color: #6A6969;
    margin: 2px 0;
    padding: 4px;
}
#generate_area p label.fieldname, .showresult p.field label {
  display: block;
  width: 150px;
  float:left;
}
#generate_area .field input:focus, #generate_area .field input:hover,
#generate_area .field select:focus, #generate_area .field select:hover {
  background-color: #FFC;
}

.showresult {
   color: #6A6969;
   font-size: 11pt
}
.showresult p {
  margin-top: 5px;
  margin-left: 10px;
}

.webpromo {
  padding-left:5px;
}

/*affiche le prix dans image promo */
#webpromoprice {
  position: relative;
  top: -136px;
  left:415px;
  font-size:47px;
  width:120px;
  text-align:center;
  font-weight:bold
}

#topprice {
  position:absolute;
  height: 87px;
  width: 117px;
  font-size:50px;
  text-align:center;
  padding-top:30px;
  z-index:10;
  top:0px;
  left:530px
}
#star_promo {
  z-index: 800;
  position:absolute;
  top:0px;
  left:530px
}
#promotop {
  height:81px;
  position:relative;
  font-size:38px;
  padding-top:40px;
  
}
/* nouvelle page apfr_week gestion des promos */
/* aiguillage */
p, ul, li {margin:0;background-color:transparent;padding: 0;}
#content_choice {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  letter-spacing: -1px;
  color: white;
  font-size:1.2em;
  margin: 0 auto;
}
.background {
  position: relative;
  background-image: url(../img/bg_ryb.png);
  background-repeat: no-repeat;
  height:570px;
  width:480px;
}
.wrapper {
  margin: 0pt 10px;
  text-align:center
}
p#li1 {
  font-size: 1.8em;
  font-weight: bold;
  padding: 30px 0 0 0px;
}
#bgauche {
  float: left;
  position: relative;
  width: 280px;
}

p#li2 {
  font-weight: bold;
  height: 60px;
  font-size: 1.8em;
  text-align: left;
  padding: 10px 0 0 16px;
}

p#li3 {
  font-size: 2em;
  font-weight: bold;
  height: 60px;
  background-color: rgb(252, 219, 89);
  color: black;
  font-style:italic;
}

#li3 span {
  display: table-cell;
  height: 60px;
  padding-left: 20px;
  vertical-align: middle;
}

p#li4 {
  width:310px;
  font-weight: bold;
  height: 60px; 
  font-size: 17px; 
  padding: 40px 0 0 20px;
  margin:0;
  font-style:italic;
  text-align:left;
}

#bprice {
  float: left;
  position: relative;
  width: 172px; 
  height: 180px; 
  margin-top: 10px;
  font-size: 0.8em;
  background: url('../img/price_circle.png') no-repeat scroll -4px center;
  background-color : transparent;
  color : black;
}
#bprice>span {
  position: absolute;
  top: 55px;
  left: 7px;
  width: 150px;
  text-align: center;
  font-size: 4.6em;
  font-weight: bold;
}

#bprice>span>span {
  font-size:0.7em;
}

#bprice em {
  font-size:2em;
  position: absolute;
  right: 40px; 
  top: 50px;
}

p#mentions {
  text-align: right;
  margin: 0 32px;
  letter-spacing:1px;
  font-style:italic;
  position:absolute;
  bottom:20px;
}
#mentions {
  position:absolute;
  bottom:5px;
  right:0;
}
hr {
  clear:both;
  background-color:#D5DAC1;
  height:4px;
  border:none
}
p#prenez {
  height: 42px;
  font-size: 2.2em; 
  letter-spacing: 1px; 
  font-weight: bold; 
  padding: 5px 0 0 0px;
  margin:0;
}
p#choisir {
  font-size: 1.5em; 
  letter-spacing: 1px;  
  padding: 25px 0px 10px 0px;
  margin:0;
  font-style:italic;
}
.vignette {
  background-repeat: no-repeat;
  background-position: center;
  height:134px;
  width:134px;
  padding:5px;
}
.actions_bw {
   background-image: url(../img/actions_bw.png);
  background-repeat: no-repeat;
  height:134px;
  width:134px;
  padding:5px;
}
#choices {
  padding: 10px 0 0 13px;
  margin:0;
  list-style:none;
}
#choices li {
  display:inline;
  float:left;
}
.vignette a, .actions_bw a {
  display: block;
  height: 134px;
  outline:none;
}
.ct_ryb {
  background-image: url(../img/ct_ryb.png);
}
.pol_ryb {
  background-image: url(../img/pol_ryb.png);
}
.cv_ryb {
  background-image: url(../img/cv_ryb.png);
}

.ct_bw {
  background-position: 0px;
}
.pol_bw {
  background-position:-150px;
}
.cv_bw {
  background-position: -300px;
}

/* planning principal */
.clear {
  padding:0;
  margin:0;
  clear:both;
}
.planning-header {
  background:url(../img/planning_header_bg_blue.gif) repeat-x;
  color:white;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size:1em;
  padding-top:3px;
  text-align:center;
}
.planning-hour {
  background:url(../img/planning_hour_bg_gray.gif) repeat-x;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size:1em;
  padding-top:3px;
  text-align:center;
  font-weight:bold;
}
.planning-hour a {
  display:block;
  color:#00517C;
  height:20px;
  width:100%;
  text-decoration:none;
  font-size:1.2em
}
.busyb {
  background:url(../img/planning_hour_busy_blue.gif) repeat-x;
  width:auto;
}
.busytype {
  display:block;
  background:url(../img/bg_planning_busy.png) no-repeat center 20px;
  width:37px;
  height:20px;
  margin:0 auto;
}
.busyct {
  background-position: center -23px;
}
.busypol {
  background-position: center -1px;
}
.busycv {
  background-position: center -47px
}

.showpromo {
}

#container {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
#planning > table th {
  background: transparent;
  border: 0px;
  font-size:10pt;
}
#footer a {
  color: white;
  text-decoration: none;
  padding-left:2px;
  padding-right:2px;
}
#footer a:hover {
  text-decoration:underline
}
#navleft a, #navright a {
  display: block;
  ouline:none;
}

#bprice .miniprice, .miniprice  {
  font-size: 0.6em;
}

/****** Formulaire apfr_new_entry ******/
#content_formulaire .col{position:relative;float:left;display:inline}
#content_formulaire .slg{width:100px;margin-left:10px}
#content_formulaire .champs.slg input,#content_formulaire .champs.slg select{width:98px}
#content_formulaire .dlg{width:310px;margin-left:20px}
#content_formulaire .champs.dlg input{width:308px}
#content_formulaire .flg{width:420px;margin-left:20px}
#content_formulaire .champs.flg input{width:418px}
#content_formulaire .box.flg{width:418px;margin:5px 0 5px 20px}
#content_formulaire .dht{height:40px}
#content_formulaire .sht{height:20px}
#content_formulaire .slg .libelle{text-align:right}
#content_formulaire .choix input{width:auto}
#content_formulaire .saisie input.valeur{display:block}
#content_formulaire .categorie{margin:0 0 10px 0}
#content_formulaire .djip{line-height:12px}
#content_formulaire{
  background-color:#0988c9;
  width:460px;
  border:10px solid #d5d1ca;
  border-radius:30px;
  color: white;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  margin: 0 auto;
  position: relative;
}
#content_formulaire #header {text-align:center;margin:5px 0;}

#content_formulaire #votre_prix {display:none}
#content_formulaire #votre_prix.webpromo {padding:0;display:inline}
#content_formulaire #votre_prix.webpromo #price{color: #000;}
#content_formulaire p{font-size:1.2em;}
#content_formulaire p.small, #content_formulaire label.small {font-size:0.7em;}
#content_formulaire #price{font-size:2.5em;text-align:center}
#content_formulaire #price span{font-size:0.5em;}
#content_formulaire .info .valeur {background-color:white;color: #00527d;}
#content_formulaire #requis {padding:0 20px;font-size:small;}
#content_formulaire .requis .libelle:before, #requis:before{content: " * ";}
#content_formulaire .requis .libelle, #requis{color: #FCDB59;}
#content_formulaire a {color: white;}
#content_formulaire input.error{background-color: pink;}
#content_formulaire label.error{color: pink;}
#content_formulaire .choix {font-size:small;}
#content_formulaire .box  .choix, #content_formulaire .nochoix {display: inline-block;margin-top:2px;}
#content_formulaire .box .choix  label{margin-right:5px}
#content_formulaire #form_action {text-align: center;}
#content_formulaire p.valeur, #content_formulaire .saisie input {border:1px inset white;border-radius:4px}
#content_formulaire .box {border:1px solid white;border-radius:4px}
#content_formulaire .choix input {border:0px inset white;border-radius:4px}
#content_formulaire #form_action input {padding:4px;border:1px outset white;border-radius:4px;margin:5px 10px}
#content_formulaire #info_cnil {text-align:justify}
#content_formulaire .hide {display:none;}
#content_formulaire .tel.pro, #content_formulaire .tel.pro input {width:150px}
#content_formulaire .sms-confirm.pro {width:235px;padding-top:20px}
#content_formulaire .sms-confirm.pro input {float:left;width:12px}
#content_formulaire .sms-confirm.pro label {font-size:1.2em}
#content_formulaire .message {margin-right:10px;margin-left:10px;}
#content_formulaire  h3 {color:#FCDB59}
#content_formulaire .content{margin-left:10px;margin-right:10px}
.confirm p.valeur {padding-left:15px}

/** directives call-center **/
.planning-directive {
    float: left;
    display: block;
    margin-top: 22px;
    width: 300px;
}
.planning-directive-main {
    margin-left: 305px;
}

.entry-directive {
    position: absolute;
    top: 90px;
    left: 10px;
    width: 350px;
}

/*Stats*/
#tableStat th{vertical-align: middle; padding: 8px; }
#tableStat .total td {vertical-align: middle}
#tableStat .total .month {
    color: #182B63;
    font-size: 9pt;
    font-weight: bold;
    background-color: #C5D8FF;
}
#tableStat .less {background-color: #FFD2D2;}
#tableStat .more {background-color: #D2FFD2;}