body { -x-system-font: none; font-family: arial, helvetica, clean, sans-serif;
font-size: 13px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.231;
margin: 10px;
text-align: left;
background-color: #ccc;
}

body.ajax {  background-color: #fff!important;}

a {color: #000;}
i {color: #999;}

.error { color: red; font-weight: bold; }
.valid{ color: darkgreen; font-weight: bold; }
div.error { border: 1px solid #333; background: #F99; color: #000;  margin: 20px; padding: 10px; }
.l1, .even { background-color: #fff }
.l2, .odd { background-color: #ddd }
tr.active, th.active, td.active { border: 3px solid red; }
th.weekend { background-color: #BBB!important; }
.we { background-color: #ddd }
.commentaire { background: url(/images/coin.png)no-repeat top left;}
.right { text-align: right; }
.left { text-align: left; }
.texte_toggle{ display: none;}
.toggle { text-decoration: underline; cursor: pointer; padding: 0 0 6px 0; text-align: right;}
span.ok { background-color: #5F5; padding: 5px; }
span.ko { background-color: #F55; padding: 5px; }
input.initiales { width: 30px; }
ul.error_list li { color: red ; font-weight: bold; }

p.visible_to { font-size: 0.85em; padding: 50px 5px 0 5px; color: #666;}
p.pagesaccueil { font-size: 0.85em; padding: 20px 5px 0 5px; color: #666;}
/* ---- CSS Menu -- */

#nav,#nav ul { float: left; width: 95%; list-style: none; margin: 0; background: #eee; }
#nav {width: 100%; border-bottom: 1px solid #999;border-top: 1px solid #999; margin: 1em 0;}

#nav a { display: block; color: #000; text-decoration: none; padding: 3px 10px; margin: 0px; font-size: 12px; border-right: 1px solid #999;}
#nav li { float: left; padding: 0;  margin: 1px; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 14.4em; font-weight: normal; margin: 0; border: 1px solid #CCC; z-index: 999}
#nav li li { padding-right: 1em; width: 13em; }
#nav li ul a { width: 10em; border:none;}
#nav li ul ul { margin: -1.75em 0 0 14em; }
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { left: auto; }
#nav li:hover,#nav li.sfhover,#nav a:hover { background-color: #CCC; }


br.nav { clear: both; }

input[type=text],input[type=password],input[type=file],select, textarea { border: 1px solid #CCC; padding: 2px; margin: 0px 5px; }

/* html { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #FFFFFF none repeat scroll 0 0; color: #000000; } */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0 none; }
address,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style-image: none; list-style-position: outside; list-style-type: 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 none; 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; }
legend { color: #000000; }
del,ins { text-decoration: none; }
select,input,button,textarea {  font-family: arial, helvetica, clean, sans-serif; font-size: 99%; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; }
table { font-size: inherit; }
pre,code,kbd,samp,tt { font-family: monospace; line-height: 100%; }
h1 { font-size: 138.5%;}
h2 { font-size: 123.1%;}
h3 { font-size: 108%;}
h1,h2,h3 { margin: 1em 0;}
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
abbr,acronym { border-bottom: 1px dotted #000000; cursor: help; }
em { font-style: italic;}

ul.transporteur ul { margin: 5px 0 10px 20px;}
ul.transporteur li { font-weight: normal; padding: 3px; }

ol li { list-style-image: none; list-style-position: outside; list-style-type: decimal; }
ul li { list-style-image: none; list-style-position: outside; list-style-type: none; }
dl dd { margin-left: 1em; }
th,td { padding: 1px; }
th { font-weight: bold; text-align: center; }
caption { margin-bottom: 0.5em; text-align: center; }
fieldset,table,pre { margin-bottom: 1em; }

input[type="text"],input[type="password"]{ width: 12.25em; }
textarea { width: 24.50em; }

div.container {width: 1000px; border: 1px solid #999; margin: auto;padding: 2px; background-color: #fff;}
div.containerajax {  padding: 5px; background-color: #fff; border: 1px solid #999; }
div.content {padding: 2px 10px; clear:both;}

div.cont { border: 1px solid #999; padding: 5px; }
div.cont h1 { text-align: right; margin: 0px;}
div.action {text-align: right; }
a.active {font-style:italic; font-weight: bold;  }

/** Messages **/
ul.messages li { border: 1px solid #999; margin: 15px 10px 15px 0  ; padding: 15px; }
ul.messages li span.titre { font-weight: bold; font-size: 120%}
ul.messages li div.texte { padding: 5px 30px;}
ul.messages li div.texte img { display: none; border: 1px solid #ccc; }
div.auteur { padding: 5px 15px; font-size: 80%; color: #AAA; }
.today { background-color: #EEB; }

/** Divers **/
div.synthese { width: 70%; border: 1px solid #ddd; background-color: #fff; padding: 4px; margin: 0 30px 0 auto ; -moz-border-radius: 6px;}
div.synthese p { padding: 20px 10px; }
div.synthese img {position: relative; top: 0px; float: right; }
div.synthese b { font-size:120%; font-weight: bold}
 
/** Page Unite **/ 
div.unite ul { float: left;  border:0px solid red; margin: 0 5px}

/** Posts **/
ul.posts li { border: 1px dotted #999; margin: 5px; padding: 1px;}
ul.posts li.titre { border: none; font-size: 1.1em; font-weight: bold;}
ul.posts li div.date { text-align: right; font-size: 80%; margin-left: 300px;}
ul.posts li div.date img { float: right; margin-left: 10px; }
ul.posts li div.item { font-weight: bold; float:left; width: 250px; padding: 10px;}
ul.posts li div.texte{ padding: 20px; line-height: 1.4em; }
ul.posts li div.texte img { border: 1px solid #ccc; display: none;}

ul.posts li p.textepetit{ padding: 5px; font-size: 0.9em; }
ul.posts li p.section { padding: 1px; margin: none; text-align: right; background-color: #ddd; font-weight: bold;}
ul.posts li p.item { padding: 1px; margin: none; font-weight: bold; }
ul.posts li p.item img { float:right; }
ul.posts li p.auteur { text-align: right; font-size: 0.9em; }
ul.posts li h1 { text-align: right; padding: 0 5px; margin: 0;}

p.toggle, p.download { cursor: pointer; text-decoration: underline; margin-top: 10px; padding-left: 13px; background: url('/images/arrow-right.gif') no-repeat bottom left;} 


/** Alertes **/
ul.alertes { background-color: #EEE; border: 1px solid #CCC; padding: 10px;margin: 5px 2px; }
ul.alertes li { margin-bottom: 5px;}
ul.alertes span.titre, ul.alertes li.titre { font-size: 110%; font-weight: bold; text-align: center;}
ul.alertes div.texte { margin: 5px ; }
ul.alertes span.sous-titre, ul.alertes li.sous-titre { font-size: 100%; font-weight: bold; text-align: left;margin-bottom: 0; border-bottom: 1px solid #999; padding-top: 5px;}


/** Lastlogin **/
ul.lastlogin { background-color: #EEE; border: 1px solid #CCC; padding: 10px;margin: 5px 0px 5px 5px; }
ul.lastlogin li { margin-bottom: 2px; font-size: 11px; padding-left: 10px; }
ul.lastlogin li.titre { font-size: 110%; font-weight: bold; padding-left:0; }

/** Info Generales Item **/
a.toggleIG { float: right; padding:0  3px;}
a.toggleEDT { float: right; padding:0 3px; }

div.infogene {margin: 30px 0;}
div.infogene table {  width: 100%; }
div.infogene th  { border:1px solid #AAA; font-size: 95%}
div.infogene td { border:1px solid #AAA; font-size: 85%; padding:2px;}

/** Prescriptions **/
table.prescriptions { width: 100%; margin-top: 20px;}
table.prescriptions caption {text-align:left; font-weight: bold; }
table.prescriptions td, table.prescriptions th  { border:1px solid #CCC; }
table.prescriptions .date {width: 60px;  text-align: center;}
table.prescriptions .per {width: 100px;  }
table.prescriptions tr.perime td { background-color: #EEE;  }

/** Transport Hebdo **/
table.transhebdo { width: 900px; margin-top: 20px;}
table.transhebdo td, table.transhebdo th  { border:1px solid #CCC; }
table.transhebdo td { text-align: center; padding: 5px}
table.transhebdo tr.tr1 { background-color: #eee; }
table.transhebdo td.titre { font-weight: bold; text-align: right; width: 200px; }

/** Planning presence **/
table.planning_presence { margin: 10px auto; }
table.planning_presence th, table.planning_presence td { font-size: 11px;border: 1px solid #ccc; font-weight: normal;padding: 2px }
table.planning_presence th {  background: #eee;  }
table.planning_presence td  {width: 20px; text-align: center;}

table.planning_presence th.nom  {text-align: right; width: 120px; background: none; }
table.planning_presence td.big  {width: 120px; text-align: center; }
table.planning_presence td.value {width: 100px; text-align: center; }
table.planning_presence td.total {color: #000; background-color: #aaa;}
table.planning_presence button  {width: 30px; border: 1px solid #666;  margin: 1px; padding: 2px;}
table.planning_presence tr.big td   {width: 120px; }

/** Liste Menus **/
table.liste_menu { margin: auto }
table.liste_menu thead th {  }
table.liste_menu tbody th { text-align: right; width: 100px;}
table.liste_menu td { width: 200px; }
table.liste_menu tr.menu td { height : 100px; }

table.liste_menu th, table.liste_menu td  { border: 1px solid #666; padding: 4px; vertical-align: top;   }


table.saisie_menu { margin: auto }
table.saisie_menu th { padding: 15px 0 0 0}
table.saisie_menu textarea { width: 430px}
table.saisie_menu input[type=text]{ width: 200px}
table.saisie_menu tfoot td { padding-top: 10px; }
table.saisie_menu tbody th { text-align: right;}
table.saisie_menu tbody td {width: 150px; text-align: left;}


table.saisie_repas { margin: auto; font-size:11px;}
table.saisie_repas textarea { width: 860px}
table.saisie_repas th { font-weight: normal; font-size: 11px; }
table.saisie_repas th.date { padding: 10px 0 ; font-size: 18px; font-weight: bold; }
table.saisie_repas td {width: 200px;   vertical-align: top; }
table.saisie_repas select {margin: 0px; padding: 0; font-size: 11px;}
table.saisie_repas textarea { width: 190px; margin: 2px; height: 110px; background-color: #eee;}
table.saisie_repas textarea.large { width: 390px; margin: 2px; height: 40px; background-color: #eee; margin-bottom: 30px;}

table.saisie_repas table {border: 1px solid #666; margin: 2px;}
table.saisie_repas table td {border:none; width: 50px; }
table.saisie_repas table th {text-align: left; width: 150px; padding: 1px; font-weight: normal; font-size: 11px;}



/** login form **/
form.login {border: 1px solid #999; height: 500px; width: 800px;  background: url("/images/logo_terrasis.jpg") #FFF no-repeat; margin: 20px auto;}
table.login { margin-top: 250px; margin-left: 350px;}

/** PAGER **/
table.pager { margin: 10px auto; }
table.pager * { font-size: 12px; }
table.pager th { padding: 1px 5px; }
table.pager a  { padding: 1px 5px; border: 1px solid grey; text-decoration: none; }
table.pager a.active  { background-color: #333; color: #fff; }
table.pager a:hover { background-color: #ddd; color: #000;}
table.pager td.separateur {width: 20px; }
input[type=button],input[type=submit]  { border:1px solid #999; font-size: 100%; padding: 2px 4px; text-transform: capitalize;}

/** list horizontale **/
ul.listh  {  }
ul.listh li { display: block; border: none; float: left; }
ul.listh li a { display: block; width: 120px; height: 130px; text-align: center; text-decoration: none; padding: 10px; margin: 2px; }
ul.listh li a:hover { background-color: #ddd; }

/** Legendes **/
ul.legend { border:1px solid #666; width: 200px; margin: 5px; padding: 5px; background-color: #eee; font-size: 11px;}

/** -- Fiches -- **/
table.fiche { border: 1px solid #ccc; width: 95%; margin: 20px;}
table.fiche th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal; width: 100px;  }
table.fiche td { padding:  5px; text-align: left; }
table.fiche input[type=text], table.fiche textarea { width: 400px; }
table.user th {  width: 200px; }

/** -- Fiches Adm -- **/
table.ficheadm { width: 95%; margin: 20px;}
table.ficheadm th {  padding: 5px;  text-align: right; font-weight: normal; width: 150px; color: #666; }
table.ficheadm td { padding:  5px; }
table.ficheadm input[type=text], table.ficheadm textarea { width: 300px; }
table.ficheadm tr.title th { background-color: #ccc; text-align: left; font-weight: bold; color: #000;}
table.ficheadm tr.subtitle th { text-align: left; color: #000; }

/** -- Listes -- **/
table.liste { border: 1px solid #ccc; width: 95%; margin: 20px;}
table.liste th {  padding: 5px;  text-align: right; vertical-align: top; font-weight: normal; width: 100px;   border:1px solid #999;}
table.liste td { padding:  1px 5px;    border-bottom:1px solid #999;}
table.liste td.small {width: 15%}


table.liste2 { border: 1px solid #ccc; width: 95%; margin: 20px;}
table.liste2 th {  padding: 1px 5px;  text-align: left; color: #FFF; background-color: #333;}
table.liste2 td { padding:  1px 5px;    border-bottom:1px solid #999;}
table.liste2 th a {color: #FFF; }

table.liste3 { border: 1px solid #ccc; width: 95%; margin: 20px;}
table.liste3 th {  padding: 1px 5px;  text-align: left; color: #FFF; background-color: #666;}
table.liste3 th a { color: #fff;}
table.liste3 td { padding:  3px 5px;    border-bottom:1px solid #999;}
table.liste3 tr.alt2 td {background-color : #DDD} 


tr.alt2 td {background-color : #DDD} 
/**-- Taches --**/

table.taches { width: 100%; border: 1px solid #ccc; margin: 10px 0; }
table.taches th { text-align: left;	background-color: #ccc; color: #000; }
table.taches td { padding: 10px 2px ; border-top:1px solid #ccc; vertical-align: top;}
table.taches .heure { width: 100px;  }
table.taches caption { text-align: left; font-weight: bold; padding: 0px; margin:0px;	}
table.active { background-color: #EEEEBB; padding: 4px;	}


/** Album photos **/
ul.albumphoto li { padding: 10px; margin: 10px ; text-align: center;}
ul.albumphoto div.legende { text-align: left; padding: 10px 100px; border:1px solid #CCC; }
ul.albumphoto div.action {text-align: right; margin-bottom:50px; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider, #slider li{  width:900px; height:650px; overflow:hidden; text-align: center;}


input.editajax {width: 300px; }
.col1 {float: left; width: 740px; }
.col2 {float: left; width: 235px; margin-left:5px;}
.bandeau { padding-left: 100px; }
.bandeau h1 {margin-right: 120px; float: left; font-size: 60px; font-weight: normal; margin: 5px 30px; padding: 0;}
.user { padding: 10px 0 0 0 ; float: right; width: 120px; text-align: center;}



table.sommeil { font-size: 11px;}
table.sommeil th { border: 1px solid #999;}
table.sommeil td { border: 1px solid #ccc; width: 10px; height: 30px;}
table.sommeil td.endormi {background-color: red; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }

div.destinataires {  border:1px solid #999; float: left; padding: 5px ; margin : 3px; }
div.destinataires div.title { font-weight: bold; margin:2px 0px 10px 0px; text-align: center; border-bottom:1px solid #999; padding-bottom: 5px; }
div.dest { padding: 20px 20px 0 20px; font-size: 0.8em;}
input.initiales { width: 5em; }

table.inner th {padding:  2px; border:none; font-weight: bold; background-color: transparent;}
table.inner td {padding:  2px; border:none;}

input.width-medium { width: 350px;}
div#referents { float: right; padding: 2px 30px 2px 0; font-size: 0.85em; color: #333; }
div#referents p { font-size: 0.9em;  padding: 2px;}

div.clinique fieldset { border: 1px solid #ccc; margin: 20px;    padding: 10px; background-color: #EEE;}
div.clinique legend { margin-bottom: 5px; padding: 3px 10px;  width: auto; background-color: #CCC;}
.bigtextarea textarea { width: 700px; height: 200px; font-size: 0.9em; margin: 10px; }

div.repas fieldset { border: 1px solid #ccc; margin: 20px;    padding: 10px; background-color: #EEE;}
div.repas legend { margin-bottom: 5px; padding: 3px 10px;  width: auto; background-color: #CCC;}
div.repas fieldset p.auteur { display:block; text-align: right; font-size: 0.9em; margin-bottom: 5px;}

div.crise { padding: 0 10px 20px ; border-bottom: 1px solid #CCC; line-height: 1.5em; }
div.crise p { border: 1px solid #ccc;    padding: 10px; background-color: #EEE; line-height: 1.2em; }

table.edt {width: 100%}
table.edt td, table.edt th {padding: 3px; font-size: 12px; border:1px solid #999;}
table.edt td { font-weight: normal; }
textarea.edt { width: 100px; height: 50px; font-size: 0.9em; padding: 1px; margin: 0px;}
input.edt { width: 100px;  font-size: 0.9em; padding: 1px; margin: 1px 0 5px 0;}


fieldset.agenda { border: 1px solid #ccc; margin: 5px;    padding:  20px; background-color: #EEE; float:left;}
fieldset.agenda label { width: 30px; display:block; float: left; text-align: right;} 
fieldset.agenda legend { margin-bottom: 5px; padding: 3px 10px;  width: auto; background-color: #CCC;}

table.synthese { width: 100%;}
table.synthese td { width: 50%; vertical-align: top;}
.transhebdo input[type=text]{width: 50px;}
.transhebdo select{width: 350px;}
.transhebdo span {font-style: italic; float:right; }
.printonly { display: none;}

@media print { 
#nav {display: none;  }
.noprint {display: none;  }
.printonly { display: block}
input[type=button],input[type=submit] { display:none;}
body {background-color: #fff; font-size: 1.2em;}
div.repas fieldset { background-color: #fff; }
div.container {border: none!important; }
    div.cont {border: none!important; }
}

ul.listealbumphoto { margin: 10px 0 20px 20px;}
ul.listealbumphoto li {padding: 3px;}
ul.listealbumphoto li a.active {padding-left: 15px; background: url('/images/arrow-right.gif') no-repeat 0px 3px; } 

.famille_container h2 {text-align: center;}
#sortable {cursor: move}
.double_list_select, .double_list_select-selected { width: 300px; height: 300px;}

.week_selector { display: inline-block; width: 80px; padding: 4px 0 4px; text-align: center; border: 1px solid #aaa; cursor:pointer; }
.week_selector.active { background-color: #ddd!important;}
#freezer { width: 100%; height: 100%; background-color: rgba(127,127,127,0.8); z-index: 998; position: fixed; top:0; left: 0;}
#preview {width: 600px;  padding : 10px!important;  }

/* Calendar */
#freezer{ opacity: 0.7; position: absolute; top:0; left: 0; z-index: 99999; display: none; }
div.activeEvent .fc-event-time{ background-color: #F33; color: black; }
div#edit, div#tools {  display: none; padding-bottom: 5px;}
div#edit table { margin: 5px auto; padding: 5px; border: 1px dashed #666;}
div#edit table th{ text-align: right; padding: 3px 3px 3px 50px;}
div#tools { text-align: center; }


.wc-cal-event { font-size: 12px!important; }
.wc-cal-event div.content  { text-align:left!important; font-size: 11px; line-height: 1em; }
.wc-cal-event div.content b { display:block; margin: 5px;} 
.wc-time-header-cell {font-size: 11px!important; font-weight: bold; }
.wc-user-header { font-size: 9px!important;}
.day_counter { font-size: 11px; padding-left: 10px; font-weight: bold; }


ul.liste-groupes { width: 250px; float: right; border: 1px solid #999; padding: 5px; }

ul.liste-salaries { margin-right: 280px; border: 1px solid #999; padding: 5px;}
ul.liste-salaries li { display: inline-block; width: 170px; font-size: 11px; }

ul.liste-salaries li.titre, ul.liste-groupes li.titre { color: #666; font-weight: bold;  font-size: 15px;}

.planningwidget  {font-size: 10px!important; border-collapse: collapse; width: auto!important; margin: 5px auto 0}
table.planningwidget td { border: 1px solid #666; padding: 0px 5px !important ; }

.widgetPlanning span {font-size: 10px; cursor: pointer; text-decoration: underline;}

h3.error {color: red }
h3.no-error { color: limegreen }
.totalHeures { text-align: center; font-size: 10px; line-height: 1.5em; padding-top: 10px;}

#sf_admin_container th { white-space: normal!important; font-size:0.8em!important; padding: 2px; }

select[multiple=multiple] { height: 300px; }
input[disabled], select[disabled], div.disabled { background-color: #FEE; color: #000;}
div.disabled { border: 1px solid #ccc; padding: 6px; }

div.protocole table {
    border-collapse: collapse;
}

div.protocole table td {
    border:1px solid #999;
}