/**
 * Feuille de style globale
 * 
 * @version 1.1
 * @copyright Magister
 * @author OMD
 */

/* 
  Formulaires
  Controles
  Génériques
  Header
  Logo
  Breadcrumb
  Main
  Messages
  Footer
  Menu
  Login
  Buttons
  Tableaux
  Boites
  PostMessage
  Calendrier
  Listes déroulantes
  Photos
  Trombinoscope
  Horloge
*/
/*
@import url(/css/reset.css);
@import url(/css/colorbox.css);
*/
html, body {
  /*background: url(/images/fond.jpg) repeat-x #FFFFFF;*/
  margin: 0;
  font-size: 14px;
}

body {
  /*background-color: #FFF;*/
  background-color: #AFBFCE;
  color: black;
  width: 100%;
}

h1 {
  color: #444;
  font-size: 24px;
  margin: 10px 0 10px 0;
}

h2 {
  color: #555;
  font-size: 14px;
  margin: 10px 0 10px 0;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 6px 0 6px 0;
}

hr {
  color: #DCDCDC;
  background-color: #DCDCDC;
  border-color: #DCDCDC;
  height: 1px;
  border: 0;
}

a:link, a:visited {
  color: #447BC4;
  /*color: #2A2A5A;*/
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.abs {
  bottom: auto;
  left: auto;
  position: absolute;
  right: auto;
  top: auto;
}

img .disabled {
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

#main-feature {
	font-size: 12px;
	margin: 0 auto auto 50px;
	width:855px;
	padding:15px 0;
}

#main-feature h2, 
#main-feature h3,
#main-feature h4 {
  color: #484848;
  font-family: georgia,serif;
  font-style: italic;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}

#main-feature h2 {
  width: 100%;
  text-align: center;
  float: left;
  font-size: 48px;
  /*line-height: 45px;*/
  line-height: normal;
  padding-bottom: 20px;
}
#main-feature h3 {
  width: 100%;
  text-align: center;
  font-size: 22px;
  line-height: normal;
}

#main-feature h3 a {
  font-size: 22px;
  color: #447BC4;
  font-family: georgia,serif;
  font-style: italic;
  font-weight: normal;
  letter-spacing: -0.03em;
}

#main-feature h4 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 6px 0;
  padding: 0 0 0 20px;
  width: auto;
}

#gobutton {
  background: url(/images/green_button.png) no-repeat;
  width: 234px;
  height: 62px;
  text-align: center;
  padding-top: 20px;
}
#gobutton a {
  font-family: Arial, sans;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  font-style: normal;
  text-decoration: none;
  text-shadow: 0 1px 0 #000 !important;
}
#gobutton a:hover {
  text-decoration: none !important;
}
/* 
  =============================
  ======== FORMULAIRES ========
  ============================= 
*/

#contact-form {
  background-color: #fdfdfd;
  padding: 20px;
  border: 2px dashed #666;
}
#contact-form fieldset label .required,
#contact-form fieldset label .error {
  margin-left: 8px;
  color: red;
  font-weight: bold;
}
textarea, input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="reset"], select {
  background-color: #fff2aa; 
  border-color: #f9b025;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;*/
  border-radius: 4px;
}

fieldset { line-height: 32px; }
input[type="text"],
input[type="search"],
textarea {
  border-style: solid;
  border-width: 1px;
}
input[type="password"] {
  border-style: solid;
  border-width: 1px;
}

input[type="text"], input[type="password"], textarea {
  font-family: Times New Roman, Serif;
  font-size: 18px;
  -moz-box-sizing: border-box;
  font-style: italic;
}

label, td.label {
  color: #666;
  text-align: right;
  font-size :12px;
  margin-right: 10px;
  width: 110px;
  float: left;
}

.defaultText {  }
.defaultTextActive { color: #919191; font-style: italic; }

.popup .commentaire {
  border-color: #000;
  font-size: 14px;
}

a.commentaire {
}

input.commentaire {
  width: 90%;
}

.telephone {
  width: 120px;
  padding-left: 20px;
  background: url(../images/phone16.jpg) no-repeat scroll left;
}

.nodata {
  color: #919191; 
  font-style: italic; 
  font-weight: bold;
  font-size: 14px;
}

/*
  =======================
  ====== CONTROLES ======
  =======================
*/

#liste_responsables li { 
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  border-radius: 5px;
  padding: 4px;
  border: solid 1px #DFDFDF; 
  background-color: #eee; 
  margin-bottom: 12px;
  line-height: 21px;
}
.responsable {}
.responsable.hidden { display: none; }
#liste_responsables li a { float: right; padding-top: 4px; padding-right: 4px;}

/* boutons de selection des classes */

.liste-classe {
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block; 
  padding: 0px 6px; 
  border: 1px solid #888;
  /*border-bottom: none;*/
  /*border-top-right-radius: 10px;*/
  border-radius: 10px;
  margin: 0; 
  min-width: 16px;
  text-align: center;
  line-height: 23px;
}
.liste-classe.selected {
  background-color: #FFED65;
}
  
/*
  ============================
  ======== GENERIQUES ========
  ============================
*/

.dateS /* séparateur / */
{
  margin: 0 2px 0 2px;
  color: #888;
}
.dateJ {
}
.dateM {
}
.dateA {
  color: #888;
}

.sep {
  margin: 0 4px 0 4px;
  color: #888;
}

.text-disabled {
  color: #999 !important;
}

.clicable {
  cursor: pointer;
}

/*
  ========================
  ======== HEADER ======== 
  ========================
*/

#header {
  font-family: "Trebuchet MS",Tahoma,Verdana;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  /*text-shadow: 1px 1px #000;
  width: 100%;
  height: 52px;*/
  line-height: 52px;
  /*background-color: #F9B025;
  box-shadow: 0 0 10px 0 #000;
  margin-bottom: 24px;*/
  /**/
  height:157px;/* 150px */
  background: url(../images/bg_top.jpg) top no-repeat;  
  position:relative;
}

#header #logoWebinscrit {
	position:absolute;
	top:70px;
	left:250px;
}

/*#header img {
  padding: 0 10px 0 0;
  height: 48px;
  vertical-align: top;
}

#header{
  height: 100px;
  line-height: 100px;
  top: 0;
  width: 100%;
  background: url(/images/logo.png) no-repeat;
  border-bottom: solid 2px #67B869;
}
*/
#header h1 {
  padding: 30px 0 0 30px;
  text-align: right;
  margin-right: 30px;
}
#header h2 {
  padding: 30px 0 0 30px;
}

#login_infos { 
  padding: 30px 0 0 30px; 
  text-align: right;
  margin-right: 14px;
}

#logout {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  line-height: 15px;
  text-align: right;
  margin-right: 10px;
  background: url(../images/lock_24.png) no-repeat;
  background-position: 0 4px;
  vertical-align: middle;
  padding-left: 24px;
}
#logout a {
  /*color: #DD6600;*/
  color: #447BC4;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}
#logout a:hover {
  text-decoration: underline;
}
#debug {
  width: 100px; 
  height: 100px; 
  background: url(../images/ruban_debug.png) no-repeat;
}

/*
  ========================
  ========= LOGO =========
  ========================
*/

#logo {
  /*background: url(../images/banniere.png) no-repeat scroll left bottom #FFF;*/
  background: url(../images/banniere2.png) no-repeat scroll left bottom transparent;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100px;
  position: relative;
}

#logo2 {
  /*background: url(../images/banniere_bas.png) no-repeat scroll left top #FFF;*/
  background: url("/images/banniere 2 bottom.png") no-repeat scroll left top #FFF;
  margin: 0;
  width: 100%;
  height: 174px;
  position: absolute;
  top: 100px;
}

#ruban {
  width: 153px;
  height: 153px;
  position: absolute;
  left: -11px;
  top: -11px;
  z-index: 1000;
  background: url(../images/ruban_gauche.png) no-repeat;
}

.page_title {
  /*border-bottom: 1px solid #DCDCDC;*/
  background: rgba(255,255,255,0);
  height: 48px; /*50px;*/
  padding-top: 4px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  left: 0px;
  right: 0px;
  margin-bottom: 8px; /*16px;*/
  
}

.page_title img {
  float: left;
  margin-right: 12px;
}

.page_title h2 {
  font-family: Georgia, Times;
  float: left;
  color: #000000;
  margin: 0;
  padding-top: 2px; /*4px;*/
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  font-style: italic;  

}

.page_title h2 .sous-titre, .sous-titre {
  font-family: Georgia, Times;
  color: #888;
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
}

.page_title .sous-titre a,
.page_title .sous-titre a:visited
.page_title .sous-titre a:active {
  color: #447BC4;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  margin-right: 10px;
}
.page_title .sous-titre a:hover {
  text-decoration: underline;
}

.page_title .sous-titre a.selected {
  color: #EF9A12;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.page_title h3 {
  float: left;
  color: #888;
  font-size: 20px;
  font-weight: normal;
  padding-top: 6px;
}

#sidecode {
  float: right;
  margin-right: 8px;
  height: 48px;
}

div #sidecode:hover {
}
/*
#sidecode a {
  text-decoration: none;
}
*/
#sidecode div img {
  float: left;
  margin: 4px 52px 0 52px;
}

#sidecode div {
  display: block; 
  float: left;
  /*cursor: pointer;*/
  text-align: center;
  width: 128px;
  height: 48px;
}
/*
#sidecode div:hover {
  background-color: #FFEE66;
}
*/
/*
  ===========================================
  ======== FIL D'ARIANE (BREADCRUMB) ========
  ===========================================
*/

#breadcrumb {
  font:11px Arial, sans-serif;
  color:#111;
  list-style:none;
  padding:0; 
  margin-bottom: 6px;

  /*background:url(../images/breadcrumb-bg.png) repeat-x center;
  border:1px solid #DCDCDC;

  border-radius:0.4em; -- Standard
  -moz-border-radius:0.4em; --Firefox
  -webkit-border-radius:0.4em; --Safari
*/
  overflow:hidden;
  position: absolute;
  width: 100%;
  /*padding: 12px 0 0 12px;*/
}

#breadcrumb li {
  float:left;
  /*padding:0 10px;*/
  /*background:url(../images/breadcrumb-right.png) no-repeat right center;*/
  /*padding:0 10px 0;*/
  height:28px; 
  line-height:28px;
  padding-left: 4px;
  font-size: 12px;
}
#breadcrumb li:before {
  content: "\00BB";

}
#breadcrumb li:first-child:before {
  content: none;
}

#breadcrumb li:first-child a {
  display:block;
  width:30px;
  text-indent:-9999px;
  background:url(../images/breadcrumb-home-blue.png) no-repeat center center;
  padding: 0;
}

.bc-element {
  padding: 0 6px 0 6px;
}

#breadcrumb a {
/*
  text-decoration:none;
  color:#999;
  */
}
#breadcrumb a:hover {
/* color:#CC6600; */
}

/*
  ======================
  ======== MAIN ========
  ======================
*/

#main_wrapper {
	width:954px;
	margin:0 auto;
}

#main_content {
  /*margin: 0 auto;
  width:901px;
  padding: 0 26px 0 27px;
  padding: 10px 12px;*/
  /*background: url(../images/bg_content.png) top repeat-y;*/
  margin: 0 auto;
  width:954px;
  background: url(../images/bg_content.gif) top repeat-y;
}

#main {
  width:100%;
  margin: 0;
  padding: 0;
  top: 158px;
  /*background-color: #fff;*/
  background-color: transparent;
  overflow: auto;
  bottom: 0;
  margin-bottom: 42px;
}

/*
  ==========================
  ======== MESSAGES ========
  ==========================
*/

p {
  margin-bottom: 20px;
}

#postmessage { margin-bottom: 10px; border-radius: 10px; }
.msg-error {
  background: none repeat scroll 0 0 #F0CEC4;
  border: 1px solid #A24057;
  color: #A24057;
}
.msg-success {
  background: none repeat scroll 0 0 #EAF8D5;
  border: 1px solid #829B36;
  color: #829B36;
}
.msg-attention {
  background: none repeat scroll 0 0 #FFFBCC;
  border: 1px solid #C0A443;
  color: #C0A443;
}
.msg-info {
  background: none repeat scroll 0 0 #D2EEF1;
  border: 1px solid #369FB4;
  color: #369FB4;
}
.msg-error, .msg-success, .msg-attention, .msg-info {
  padding: 10px;
  position: relative;
}

.message {
  padding-bottom: 20px;
  border-bottom: 1px solid #DCDCDC;
}
.message-date {
  line-height: 24px;
  color: #008;
  font-size: 12px;
  font-weight: bold;
}

/*
  ========================
  ======== FOOTER ========
  ========================
*/

/*#footer{
  font-size: 12px;
  margin: 0 auto;
  width:954px;
  width: 100%;
  height:195px;
  background: url(../images/bg_bottom.gif) no-repeat scroll center bottom;*/
  /*background: url(../images/bg_bottom_enfants_195.png) no-repeat scroll center bottom;
  background: url(../images/bg_bottom_enfants_195.png) no-repeat scroll center bottom;
  color: white;
}

#footer div {
  color: black;
  position: relative; 
  top: 150px; 
  text-align: center; 
  font-size: 14px;
}*/

/* ------------------------------------------------------------ */
/* ----              FOOTER : Pied de Page                 ---- */
/* ------------------------------------------------------------ */

#footer{
  font-size: 12px;
  margin: 0 auto;
  width:954px;
  height:200px;
  /*background: url(../images/bg_bottom2.gif) top no-repeat;*/
  background: url(../images/bg_bottom2.jpg) top no-repeat;
  color: white;
}


.footer-bloc {
  padding: 10px;
  float: left;
  width: 253px;
  margin-left: 27px;
  height: 137px;
}

.footer-copy {
  color: white;
  font-size: 12px;
  width: 954px;
  text-align: center;
  clear: both;
}


/*#footer a:hover { color: #AEE863; }*/
.footer-bloc a { font-size: 12px; color: white; }

.footer-copy a { color: #ffffff;/* AAAAAA */ }

.footer-bloc a:hover, 
.footer-copy a:hover { color: #bbbbbb; text-decoration:none; }

.footer-bloc-title { margin-bottom: 6px;/**/ font-weight:bold; }

/*.footer-bloc-title.contact { color: #DE8832; }
.footer-bloc-title.links { color: #AEE863; }
.footer-bloc-title.services { color: #63CAE8; }*/

.footer-service { margin-bottom: 6px; }
/*.footer-link { color: #AAAAAA !important; }
.footer-link:hover { color: #AEE863 !important; }*/

.bottom_bar {
  bottom: 0;
  width: 100%;
  height: 34px;
  background: url(../images/bg_menu.gif) repeat-x;
  left: 0;
  overflow: hidden;
  right: 0;
  padding: 3px;
  border-top: 2px solid #f9b025;
  text-align: center;
}

/*
  ======================
  ======== MENU ========
  ======================
*/

#main_menu {
  top: 140px;
  border-bottom: 2px solid #ffaa22;
  height: 41px;
  /*width: 901px;*/
  width: 100%;
  background: url(../images/bg_menu.gif) repeat-x;
}

#main_menu ul {
  list-style: none outside none;
}

#main_menu ul li {
  /*padding: 5px 30px 0 30px;*/
  float:left;
  /*height: 18px;*/
}

#main_menu ul li a {
  font-family: Georgia, Times;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #000000;

  display: block;
  float: left;
  height: 43px;
  line-height: 43px;
  padding: 0 13px;
  width: auto;
}

#main_menu ul li.actif a, #main_menu ul li a:hover {
  background: url(../images/bg_menu_actif.gif) repeat-x scroll left top transparent;
  color: #000;
}

/*
  =======================
  ======== LOGIN ========
  =======================
*/

#login {
  background: url(../images/bg_login.png) no-repeat scroll 0 0 transparent;
  height: 220px;
  margin: 0px auto;
  width: 464px;
  padding-bottom: 50px;
}

#login.lostpassword {
  background: url(../images/bg_lostpassword.png) no-repeat scroll 0 0 transparent;
}

#login form {
  padding-top: 24px;
  margin: 0 0 0 180px;
  color: #666666;
  float: left;
  width: 260px;
}
#login .loginlink {
  float: left;
  display: block;
  margin: 0 0 0 180px;
}
#login label {
  font-size: 12px;
  text-align: left !important;
  margin-right: 0 !important;
  width: auto !important;
}

#login input.txt {
  color: #484848;
  font-family: georgia,serif;
  font-style: italic;  background-color: #FBFBFB;
  font-size: 24px;
  width: 200px;
}

#btn_login, a.btn_orange, .btn_orange {
  background: url(../images/btn_login_nonsel.gif) repeat scroll 0 0 transparent;
  border: 0 none;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  height: 34px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 154px !important;
}

a.btn_orange  {
  float: left;
  vertical-align: middle;
}

#btn_login:hover, a.btn_orange:hover, .btn_orange:hover {
  background: url(../images/btn_login_sel.gif) repeat scroll 0 0 transparent;
  cursor: pointer;
}


/*
  =========================
  ======== BOUTONS ========
  =========================
*/

.button, .submit input {
  /*background: url(../images/white-grad.png) repeat-x scroll left top #F2F2F2;*/
  text-shadow: 0 1px 0 #FFFFFF;
  border-color: #BBBBBB;
  color: #464646;
  /*-moz-border-radius: 11px;
  -webkit-border-radius: 11px;*/
  border-radius: 11px;
  -moz-box-sizing: content-box;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-size: 16px !important;
  text-decoration: none;
  padding: 3px 8px;
}

a.button {
  line-height: 15px;
  padding: 3px 10px;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
  background-color: #ffffff;
}

a.button:link, a.button:visited {
  font-weight: normal;
}

.button:hover, .submit input:hover, input[type="button"]:hover, input[type="submit"]:hover {
  border-color: #666666;
  color: #000000;
}

.button.selected {
  border: solid 3px #FFAA22;
}

.param-button {
  background-color: #f5f5f5;
  width: 150px !important;
  padding: 4px;
  border: 1px solid #DCDCDC;
  /*-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
  -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;*/
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  /*border: 1px solid #BBBBBB;*/
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
  min-height: 90px;
  cursor: pointer;
}
.param-button:hover {
  background-color: #FFEE66;
}
.param-button a {
  text-decoration: none;
}
.param-button img { width: 48px !important; height: 48px !important; margin-left: 51px; padding: 0 !important;}
.param-label { width: 100%; margin-top: 8px; text-align: center; float: left;}


.param-button.disabled {
  opacity: 0.8;
  cursor: default;
}
.param-button.disabled img {   
  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
 }
.param-button.disabled .param-label {
  font-size: 12px;
  font-weight: bold;
}

a.button.disconnect { padding: 8px;}

.ctrlBtn {
  width: 96px;
  text-align: center;
}
.ctrlBtn:hover {
  background-color: #FFEE66;
}
.ctrlBtn a img {
  padding: 0 24px 0 24px;
  width: 48px !important;
  height: 48px !important;
}
.ctrlBtn a {
  text-decoration: none;
}

.checkbox {
  background: url(../images/checkbox.png) no-repeat scroll 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.checkbox.unchecked { background: url(../images/checkbox.png) no-repeat scroll 0 0; }
.checkbox.checked   { background: url(../images/checkbox.png) no-repeat scroll -16px 0; }

/*
  ==========================
  ======== TABLEAUX ========
  ==========================
*/

table {
  /*table-layout: fixed;*/
}
table tbody { font-size: 14px; }

table tr { }
table td {
  vertical-align: middle;
}

.widefat {
  border-collapse:separate;
  width: 100%;
  border-spacing: 0;
  background-color: #FFFFFF;
  border-color: #DFDFDF;  
  box-shadow: 0px 0px 10px 0px #656565;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;*/
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  clear: both;
  margin: 0;
}

.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }

.widefat .right { padding-right: 10px;}
.widefat .left { padding-left: 5px;}

.disabled td,
.disabled,
.disabled a {
  color: #aaa !important;
}

tr.widethin, tr.widethin th { line-height: 17px !important; }

.widefat td, .widefat th {
  border-color: #DFDFDF;
  overflow: hidden;
  text-align: left;
}

.widefat th {
  padding: 0;
  background: url(../images/gray-grad.png) repeat-x scroll left top #DFDFDF;
  color: #333333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  
  font-weight: bold;
  vertical-align: middle;
  
  font-size: 16px !important;
  font-weight: bold;
  text-align: left;
  color: #808080 !important;
  padding-left: 5px;
  line-height: 24px;
}

.widethin th.today {
  background: url(../images/yellow-grad.png) repeat-x scroll left top #ffff88;
}

.widefat th a {
  font-size: 16px !important;
  font-weight: bold;
  text-align: left;
  color: #808080 !important;
  text-decoration: none;
}

.widefat th a:hover {
  color: #ffaa22 !important;
}

.widefat th.transparent { background: transparent !important; border: 0;}

.widefat th img { border: 0; }

.widefat thead tr td {
  text-align: center;
  color: #808080;
  background-color: #618797;
}

.widefat td {
  padding: 5px;
  vertical-align: middle;
}

th.sortable a, th.sorted a {
  display: block;
  overflow: hidden;
  padding: 7px 7px 8px;
}

a.btnprev {
  background: url(../images/prevnext.png) no-repeat -32px 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 12px;
}
a.btnprev:hover { background-position: 0 0; }
a.btnnext {
  background: url(../images/prevnext.png) no-repeat -96px 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 12px;
}
a.btnnext:hover { background-position: -64px 0; }


/*
.widefat tr:hover, .widefat td:hover { background-color: #fefefe; }
*/
.sortarrow img {
  float: none !important;
  padding: 0 !important;
  height: 10px !important;
}

th.jour { width: 100px; }
td.vacances {
  background-color: #dfdfdf;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: gray !important;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
  
table#liste {  }
table#liste tr:hover { }
table#liste tr.selected td { color: black; background-color: #ffee66; }
table#liste tr:hover td{ color: black; background-color: #ffee66; }
table#liste tr:hover td a { color: black; }
table#liste tr:hover td a:hover { color: blue; }
table#liste tr.even {background-color: #fffdf0;}
table#liste tr.odd {background-color: #eee;}
table#liste tr.inactif {background-color: #eee;color: #888;}

table#liste tr.role   {color: #600;}
table#liste tr.classe {color: #006;}
table#liste tr.admin  {color: #600;}

.simple {
  border-collapse:separate;
  width: 100%;
  border-spacing: 0;
  background-color: #FFFFFF;
  border-color: #DFDFDF;  
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;*/
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  clear: both;
  margin: 0;
}
.simple th {
  background-color: #eee;
}
.simple input {float: left;}

.page-nav { 
  font-size: 16px;
  color: #ddd; 
  text-align: center;
}
.pg-normal {
  padding: 2px 8px 2px 8px;
  color: black;
  font-weight: normal;
  cursor: pointer;
}
.pg-selected {
  padding: 2px 8px 2px 8px;
  color: black;
  font-weight: bold;        
  cursor: pointer;
  background-color: #ffee66;
}

a.action-view,
a.action-edit,
a.action-delete,
a.action-message,
a.action-control {
  width: 24px;
  height: 24px;
  display: block;
  float: left;
  margin-right: 10px;
}

a.action-view     { background: url(../images/action_view.png) no-repeat -24px 0; }
a.action-edit     { background: url(../images/action_edit.png) no-repeat -24px 0; }
a.action-delete   { background: url(../images/action_delete.png) no-repeat -24px 0; }
a.action-message  { background: url(../images/action_message.png) no-repeat -24px 0; }
a.action-control  { background: url(../images/play.png) no-repeat; }

a.action-view:hover,
a.action-edit:hover,
a.action-delete:hover,
a.action-message:hover,
a.action-control:hover  {
  background-position: 0 0;
}

/*
  ========================
  ======== BOITES ========
  ========================
*/

.searchbox {
  background: url(../images/searchbox.png) no-repeat;
  width: 254px;
  height: 32px;
  float: right;
}

.searchbox input {
  float: left;
  background: transparent;
  border: 0;
  padding: 6px 0 0 30px;
  /*color: #000;*/
  width: 190px;
}

.searchbox img {
  width: 15px;
  height: 15px;
  float: right;
  cursor: pointer;
  margin: 0;
  padding-top: 6px;
  padding-right: 10px;
}

.postbox {
  background-color: #fffdf0;
  box-shadow: 0px 0px 10px 0px #656565;
  border-color: #DFDFDF;
  min-width: 255px;
  position: relative;
  /*-moz-border-radius: 6px;
  -webkit-border-radius: 6px;*/
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  line-height: 1;
  margin-bottom: 20px;
}
.postbox    { width: 99.5%; }
/*.searchbox  { width: 290px; float: right; margin-top: -26px; margin-right: -12px;}*/

.postbox h3 {
  float: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  background: url(../images/gray-grad.png) repeat-x scroll left top #DFDFDF;
  color: #000;
  text-shadow: 0 1px 0 #FFFFFF;
  margin: 0;
  padding: 7px 9px;
  /*-moz-border-radius: 6px 6px 0 0;*/
  border-radius: 6px 6px 0 0;
  -moz-user-select: none;
  display: block;
}

.postbox h3 .date {
  color: #888;
  float: right;
}

.postbox .inside {
  margin: 10px;
  position: relative;
  line-height: 17px;
}

.postbox img {
  margin-right: 0 ;
  width: 16px;
  height: 16px;
  float: left;
  padding: 5px;
}

#legende td { line-height: 40px; vertical-align: middle; }
#legende img {
  width: 32px;
  height: 32px;
}

.postbox.message { float: left;  width: 59%; }
.postbox.message.full { float: left;  width: 100%; }

.postbox.resa { width: 38%; min-width: 300px; float: right; display: inline; border-color: #BFD7FF; }
.postbox.resa h3 { background: url(../images/blue-grad.png) repeat-x scroll left top #DFDFDF; }

/*
  ==============================
  ======== POST MESSAGE ========
  ==============================
*/

.post-message {
  display: block;
  clear: both;
  background-color: #FFEE66;
  border: 1px solid #DFDFDF;
  margin-bottom: 16px;
  padding: 6px;
}

/*
  =========================================
  ======== CALENDRIER RESERVATIONS ========
  =========================================
*/

.colonne.today { background-color: #ffff88; }

tr.ligne-cantine { height: 57px; }

.date-semaine, .date-jour, .date-heure {
  font-size: 12px;
}
.date-semaine, .date-heure {
  color: #008;
  font-weight: normal;
}

.cantine {
  width: 32px;
  height: 32px;
  /*padding: 0 5px 0 0;*/
  background: url(../images/checkbox-cantine.png) no-repeat;
  display: block;
  clear: left;
  cursor: pointer;
}
.garderie {
  width: 32px;
  height: 32px;
  /*padding: 0 5px 0 0;*/
  background: url(../images/checkbox-garderie.png) no-repeat;
  display: block;
  clear: left;
  cursor: pointer;
}

.numbox-cantine, .numbox-garderie {
  display: block;
  width: 32px;
  height: 32px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding-top: 8px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}

a.numbox-cantine, a.numbox-garderie {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

.numbox-cantine a:hover, .numbox-garderie a:hover { color: #ffaa22 !important; }

.numbox-cantine  { background: url(../images/numbox-cantine.png) no-repeat; }
.numbox-garderie { background: url(../images/numbox-garderie.png) no-repeat; }
.numbox-cantine.passe,
.numbox-garderie.passe { background: url(../images/numbox-gris.png) no-repeat; }

.chk_cantine {
  width: 32px;
  height: 32px;
  background: url(../images/resa-checkboxes-cantine.png) no-repeat;
}
.chk_cantine.actif        { background-position: 0 -32px;  cursor: pointer;}
.chk_cantine.reserve      { background-position: 0 -64px;  cursor: pointer;}
.chk_cantine.res_inactif  { background-position: 0 -96px;  cursor: not-allowed;}
.chk_cantine.abonnement   { background-position: 0 -128px; cursor: not-allowed;}
.chk_cantine.fermeture    { background-position: 0 -160px; cursor: not-allowed;}

.chk_garderie {
  width: 32px;
  height: 32px;
  background: url(../images/resa-checkboxes-garderie.png) no-repeat;
}
.chk_garderie.actif       { background-position: 0 -32px;  cursor: pointer;}
.chk_garderie.reserve     { background-position: 0 -64px;  cursor: pointer;}
.chk_garderie.res_inactif { background-position: 0 -96px;  cursor: not-allowed;}
.chk_garderie.abonnement  { background-position: 0 -128px; cursor: not-allowed;}
.chk_garderie.fermeture   { background-position: 0 -160px; cursor: not-allowed;}


input.cantine { display: none; }
input.garderie { display: none; }
/*select.styled { position: relative; width: 190px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }*/


/*
  ====================================
  ======== LISTES DEROULANTES ========
  ====================================
*/

.select {
  position: absolute;
  width: 158px;
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url(../images/select.png) no-repeat;
  overflow: hidden;
}

/*
  ========================
  ======== PHOTOS ========
  ========================
*/

.photo-eleve {
  /*background: url(../images/photo_cadre.png) no-repeat;*/
  width: 120px;
  height: 120px;
  float: right;
  display: block;
  box-shadow: 4px 4px 8px #555;
}

.photo-eleve img {
  padding-top: 11px;
  padding-left: 12px;
}

/*
  ===============================
  ======== TROMBINOSCOPE ========
  ===============================
*/

.photo-trombi {
  /*border: 1px solid #EBEBEB;*/
  /*
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.25);
  */
  /*width: 107px;
  height: 149px;*/
  box-shadow: 1px 1px 4px #555;
  margin: 3px 8px 8px 5px;
  float: left;
  cursor: pointer;
}
.photo-trombi:hover {
  background-color: #FFED65;
}

.photo-trombi.selected {
  box-shadow: none;
  border: solid 1px #bbb;
}

.photo-trombi.selected img {
  opacity: 0.3;
  -khtml-opacity: 0.3;
  filter: alpha(opacity=30); /* IE */
}

.photo-trombi .nom,
.photo-trombi .prenom { color: #447BC4; text-align: center; width: 100%; }

.photo-trombi .nom { font-weight: bold; margin-top: 4px; }

.photo-trombi.selected .nom,
.photo-trombi.selected .prenom { color: #888; }


.controle_commentaire {
  /*background: url(../images/speech_bubble.png) no-repeat;*/
  font-family: Times;
  line-height: 17px;
  height: 17px;
  text-align: center;
  font-size: 18px;
  color: #555;
  font-style: italic;
  margin: 0 30px 14px;
  display: block;
  border: 1px solid #888888;
  border-radius: 10px 10px 10px 10px; 
  background: -moz-linear-gradient(#F9D835, #F3961C) repeat scroll 0 0 transparent;
  color: #000000;
  padding: 10px;
  position: relative;
}

.controle_commentaire:after {
    border-color: #F3961C transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}

.controle_responsable {
  background-color: #666;
  color: #fff;
  padding: 10px;
  margin: 4px 10px 4px 10px;
  /*-webkit-border-radius:5px;
  -moz-border-radius:5px;*/
  border-radius:5px;
  cursor: pointer;
}
.controle_responsable .photo       { float: left; margin-right: 10px !important; }
.controle_responsable .infos       { float: left; }
.controle_responsable .nom         { font-weight: bold; font-size: 18px; float: left; width: 100%;}
.controle_responsable .lien        { color: #ffaa22; float: left; width: 100%;}
.controle_responsable .commentaire { padding-top: 7px; float: left; width: 100%; color: #ccc; font-family: Times; font-size: 14px; }
.controle_responsable .tel { 
  float: right;
  width: 180px;
  text-align: center;
  font-size: 14px; 
  text-decoration: none; 
}

.controle_responsable:hover {
  background-color: #888;
}

.controle_responsable img { vertical-align: middle; }
.controle_responsable .tel .numero { padding-left: 10px; color: #000; font-size: 16px; font-weight: bold; }

#resphint { color: #bbb; }
#nomresp { font-size: 14px; }

.index-alpha {
  cursor: pointer;
  display: inline-block; 
  padding: 12px; 
  border: 1px solid #888;
  border-radius: 14px;
  margin: 0 8px 8px 0; 
  font-weight: bold;
  font-size: 18px;
  min-width: 16px;
  text-align: center;
}
.index-alpha.selected {
  background-color: #FFED65;
}

.separateur-control {
  width: 100%; 
  line-height: 24px; 
  background-color: #FFED65; 
  text-align: center;
}

.separateur-control-aucun {
  width: 100%; 
  line-height: 36px; 
  text-align: center;
  font-weight: bold;
  color: #555;
  font-size: 16px;
  display: none;
}

/*
  ===================
  ===== HORLOGE =====
  ===================
*/

#clock {
  color: #aaa;
  font-size: 34px;
  font-weight: bold;
  float: right;
  padding-top: 15px;
}

.txt_cantine,
.txt_cantine a { color: #55a555 !important; }
.txt_garderie,
.txt_garderie a { color: #c6339a !important; }

.txt_cantine.medium,  .txt_cantine.medium a,
.txt_garderie.medium, .txt_garderie.medium a
{
  font-weight: bold;
  font-size: 12px;
}

.txt_cantine.big,  .txt_cantine.big a,
.txt_garderie.big, .txt_garderie.big a
{
  font-weight: bold !important; font-size: 14px;
}

.txt_cantine.verybig,  .txt_cantine.verybig a,
.txt_garderie.verybig, .txt_garderie.verybig a
{
  font-weight: bold; font-size: 22px;
}

/*
.txt_cantine a,
.txt_garderie a,
.txt_cantine.big a,
.txt_garderie.big a
{
  text-decoration: none;
}

.txt_cantine a:hover,          .txt_garderie a:hover,
.txt_cantine.medium a:hover,   .txt_garderie.medium a:hover,
.txt_cantine.big a:hover,      .txt_garderie.big a:hover,
.txt_cantine.verybig a:hover,  .txt_garderie.verybig a:hover
{
  text-decoration: underline;
}
*/

span.customStyleSelectBox { 
  font-size:11px; 
  background-color: #ffee66; 
  color:#000; 
  padding:0 7px; 
  border:1px solid #ffaa22; 
  /*-moz-border-radius: 5px; 
  -webkit-border-radius: 5px;*/
  border-radius: 5px 5px;
}
span.customStyleSelectBox.changed { background-color: #f0dea4; }
.customStyleSelectBoxInner { background:url(../images/canvas-list-nav-item-arrow-.gif) no-repeat center right; padding-right: 5px; } 
.mySelectBoxClass option { font-family: Arial; font-weight: 700; padding: 0 10px 0 5px; }

.inter {
  padding: 0 4px 0 4px;gradient
  border:1px solid; 
  /*-moz-border-radius: 5px; 
  -webkit-border-radius: 5px;*/
  border-radius: 5px;
  cursor: pointer;
}
.inter.ouvert {
  color: #fff;
  background-color: #008000;
  border-color: #00c000;
}
.inter.ferme {
  color: #fff;
  background-color: #800000;
  border-color: #c00000;
}

.moreMessages {
  text-align: center;
  float: left;
  width: 60%;
}

.blue-button a {
  width: 300px;
  font-size: 22px; 
  font-weight: normal;
  background-color: #518CC6;
  background: -webkit-linear-gradient(top , #599BDC, #3072B3) repeat scroll 0 0 transparent;
  background:    -moz-linear-gradient(top , #599BDC, #3072B3) repeat scroll 0 0 transparent;
  background:      -o-linear-gradient(top , #599BDC, #3072B3) repeat scroll 0 0 transparent;
  background:         linear-gradient(top , #599BDC, #3072B3) repeat scroll 0 0 transparent;
  border: 1px solid #518CC6;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  display: block;
  line-height: 50px;
  margin: auto;
  opacity: 1;
  outline: medium none;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.blue-button a:hover {
    background-color: #3072B3;
    background: -webkit-linear-gradient(top , #3072B3, #599BDC) repeat scroll 0 0 transparent;
    background:    -moz-linear-gradient(top , #3072B3, #599BDC) repeat scroll 0 0 transparent;
    background:      -o-linear-gradient(top , #3072B3, #599BDC) repeat scroll 0 0 transparent;
    background:         linear-gradient(top , #3072B3, #599BDC) repeat scroll 0 0 transparent;
    box-shadow: 0 0 3px #518CC6;
}


#paveThemes a {
	border:1px solid #cccccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: inline-flex;
	margin: 0 10px 10px 0;
	overflow: hidden;
}