/************** raz ***************/
html,html *,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0;}
fieldset, img { border: 0; }
a:focus { outline: none; }
/* html {height: 100%;	margin-bottom: 1px;}  */ /* non compatible avec les tips mootools */
li {list-style: none;}

/************** balises *************/

input , textarea , select, option ,optgroup {FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
optgroup {color:#546571;}
a {color:#268ed2;text-decoration:none; CURSOR: pointer;}
a:hover{color:#546571;text-decoration:underline;}
p{color:#222222;}
h3 {FONT-FAMILY: Arial; FONT-SIZE: 18px; FONT-WEIGHT: bold;}

.tpl_float {float:left;}
.center{text-align: center;}
.arrondie{-moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px}
.clear {visibility:hidden; clear:both; height:2px;}
.hide {display:none;}
.cursor{CURSOR: pointer;}
.marginauto{margin:auto;}


body{/*background:url(index/images/bg.png) top center repeat-x;*/}

.top100 {margin-top:100px;}
#inscript0 , #inscript1{margin:20px auto 0 auto; width:650px;}
#inscript0 a , #inscript1 a{color:#000; FONT-SIZE: 18px; FONT-WEIGHT: bold;}
#inscript0 h3, #inscript1 h3{FONT-SIZE: 22px; margin-bottom:20px; color:#546571;}

/*Accueil_inscript*/
#div_inscript0a{padding-top:10px; min-height:120px;  width:300px; text-align:center; margin-bottom:10px; box-shadow: 6px 6px 6px #999999; border-radius: 10px;background-color: #CCC; }

#inscript0a{padding-top:0px;margin-bottom:30px}

#inscript0b{padding-top:10px; min-height:120px; float:right; width:320px; height:560px; text-align:center; margin-bottom: 40px;background-color: #cce5ff;border-radius: 10px;box-shadow: 6px 6px 6px #999999;}
#inscript0b table{ margin:0 auto 0 auto;}

#inscript1a{padding-top:10px; min-height:120px; width:300px; text-align:center; top center repeat-y; margin-bottom:50px;box-shadow: 6px 6px 6px #999999;border-radius: 10px;background-color: #CCC;}

#inscript1a table{ margin:0 auto 0 auto;}

#inscript1b{padding-top:10px; min-height:120px; float:right; width:300px; text-align:center;  background-color: #cce5ff;border-radius: 10px;box-shadow: 6px 6px 6px #999999;}

#inscript0 thead a{color:#aa6000; FONT-WEIGHT: bold;}
.calendar_day_unused{background:url(index/images/bg_td2.png) top center repeat-x;}
.calendar_day_used{background:url(index/images/bg_td.png) top center repeat-x;}
#inscript0 table .calendar_day_used a{color:#000; FONT-WEIGHT: normal;}

#inscript1{margin-top:50px;}

h2{color: white; background:#9ca6ad; font-size: 16px; font-weight: bold; font-family: arial; padding: 5px; margin:3px 10px 20px 0px;}
h2.alert{text-align:center; background:#fadede; color:#ff0000; border-top:1px solid red; border-bottom:1px solid red; margin-top:15px; font-style:italic;}
#top_login{background:#487ab8 url(index/images/bg_top.png) top center repeat-y; padding:5px; text-align:center; color:#fff;}
#top_login a{color:#546571;}
#menu_prof{float:left;background:#ced7dc; margin:5px; padding:5px; width:150px;}
#menu_prof li{FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold; margin-top:5px; padding:0px 5px 3px 15px; text-align:left; border-bottom:1px dotted #546571; background:url(index/images/fleche_thematique.gif) top left no-repeat;}
#menu_prof .top{margin-top:25px;}
#menu_prof li.link a{color:#546571;}
#page{margin:0px 10px 5px 170px;}

.check{background:url(index/images/check-16.png) top left no-repeat; padding:0px 10px 0px 30px;}
.uncheck{background:url(index/images/uncheck-16.png) top left no-repeat; padding:0px 10px 0px 30px; color:#aaa;}
.modif{background:url(index/images/edit-16.png) top left no-repeat; padding:0px 10px 0px 20px; width:16px; height:16px;}

.menu_semaine{padding:0 15px 0 15px; float:left;}
.menu_semaine span {color:#546571;}
#table_semaine{width:100%; overflow-x:auto;padding-top:15px;}

.Lun{background:#abde74 url(index/images/coin1.png)  top left no-repeat;}
.Mer,.Ven{background:#abde74 url(index/images/coin3.png)  top left no-repeat;}
li.Lun .jour_top,li.Mer .jour_top,li.Ven .jour_top,li.Lun .bg_midi,li.Mer .bg_midi,li.Ven .bg_midi{background:#9bce74;}
.Mar,.Jeu{background:#8dc056 url(index/images/coin2.png)  top left no-repeat;}
li.Mar .jour_top,li.Jeu .jour_top,li.Mar .bg_midi,li.Jeu .bg_midi{background:#7db056;}
.Sam{background:#d8a218 url(index/images/coin4.png)  top left no-repeat;}
li.Sam .jour_top,li.Sam .bg_midi{background:#c89218;}
.Dim{background:#e8b218 url(index/images/coin5.png)  top left no-repeat;}
li.Dim .jour_top,li.Dim .bg_midi{background:#d8a218;}

.week .submit{text-align:center;}
.inactif{background:#fef4f4;}
.actif{background:#e8f6e8;}

.base_en_cours{color:#546571; padding:2px 2px 2px 10px; font-weight: bold;}

/* pour le SLIDE MENU de l'agenda */
.sm {list-style:none; width:450px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden;  min-height:500px; width:300px;}

.vertical_date {text-align:center; float:left; font-weight: bold; font-size:14px; color:#555; padding:10px 2px 5px 5px;}
.jour_top{text-align:center;font-weight: bold; font-size:14px; color:#fff;  padding: 5px; margin:3px 10px 20px 0px;}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 50%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
  border: 1px solid black;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}