body {
	background-color:#E9EAEA;
}

.sp {
	background-image:url('../img/sp.png');
	background-repeat:repeat-x;
	height:38px;
	width:100%;
	color:white;
	padding-left:0px;
	padding-right:15px;
	min-width:800px;
	margin:0px;
	font-family:Arial;
	font-size:13px;
}

.sp > .left {
	float:left;
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.sp > .left ul {
	padding:0px;
	margin:0px;
}

.sp > .left li {
	float:left;
	list-style-type: none;
	padding:10px;
	border-right:1px solid white;
	padding-left:15px;
	padding-right:15px;
}

.sp > .left li a {
	color:white;
}

.sp > .left li a:hover {
	color:white;
	text-decoration:underline;
}

.sp > .right {
	float:right;
	margin:0px;
	padding:0px;
	padding-right:4px;
}

.sp > .right ul {
	padding:0px;
	margin:0px;
}

.sp > .right li {
	float:right;
	list-style-type: none;
	padding:10px;
}

.sp > .right li a {
	color:white;
}

.sp > .right li a:hover {
	color:white;
	text-decoration:underline;
}

.sp > .left .active {
	font-weight:bolder;
}

input, textarea {
    color: #555656 !important;
    border:1px solid black !important;
    border-radius: 0 !important;
    font-style : italic;
}

input.placeholder, textarea.placeholder {
    color:#555656 !important;
    font-style : italic;
}

input:-moz-placeholder, textarea:-moz-placeholder {
     color:#555656 !important;
     font-style : italic;
}
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
     color:#555656 !important;
     font-style : italic;
}

.date {
	width:124px;
	height:28px;
	padding:8px;
	font-size:12px;
}

.heure {
	width:63px;
	height:28px;
	padding:8px;
	font-size:12px;
}

input[type="radio"]:not(:checked),input[type="radio"]:checked {display:none;}

input[type="radio"] + label /* quand le bouton est décoché */
{
	display:block;	
	background-image:url('../img/decoche.png');
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	float:left;
	margin-left:5px;
}

input[type="radio"] + label:hover /* faculfatif mais plus sympa */
{
	background-image:url('../img/coche.png');
}
input[type="radio"]:checked + label /* quand le bouton est coché */
{
	background-image:url('../img/coche.png');
}
input[type="radio"]:disabled + label /* quand le bouton est désactivé */
{
	background-image:url('../img/decoche.png');
}

.rtitre { 
	float:left; 
	margin-top:2px; 
	margin-left:7px;
	margin-right:7px;
	font-weight: bolder;
} 

.cadre_rose {
	background-color:#FDCEBA;
	height:28px;
	width:40px;
	float:left;
	margin-top:4px;
	margin-right:10px;
	text-align:center;
	font-size:12px;
	padding-top:6px;
	font-weight: bold;
}

.cadre { 
	padding-top:4px;
	float:left;
}

.cadre2 {
float:right;
}

.cadre2 > .supprimer {
border:0px solid black;
background-color:#EF2B24;
color:white;
width:80px;
height:25px;
font-size:11px;
text-align:center;
float:left;
margin-top:7px;
margin-right:8px;
}

.cadre2 > .enregistrer {
border:0px solid black;
background-color:#4DB047;
color:white;
width:102px;
height:32px;
font-size:12px;
text-align:center;
float:left;
}

#result td {
	height:40px;
	text-align:center;
	border-left:2px solid #E9EAEA;
}

#result th {
	height:40px;
	text-align:left;
	border-left:2px solid #E9EAEA;
}

.chiffre { 
	float:left; 
	margin-top:10px;
	top:0; 
	margin-left:15px; 
	margin-right:-5px;
}

.chiffre2 {
	font-size:32px;
	color:#BEBDBD;
}

#tab  th {
	height:25px;
	background-color:#D0CFCF;
	text-align:center;
}

#tab td {
	background-color:white;
	text-align:center;
}

#tab2  th {
	background-color:#E1E0E0;
	text-align:center;
}

#tab2 td {
	background-color:#E1E0E0;
	text-align:center;
}

#h > th {
	background-color:white;
	text-align:center;
	height:60px;
	vertical-align: top;
	margin:0px;
	padding:0px;
}

#h > td {
	background-color:white;
	border-left:1px solid black;
	height:60px;
	vertical-align:top;
		margin:0px;
	padding:0px;
}

#vide {
	background-color:#E9EAEA;
}

.tab_vert {
	background-color:#4DB047;
	color:white;
	font-weight: bold;
	text-align:center;
}

.tab_bleu {
	background-color:#1DC1EB;
	color:black;
	font-weight: bold;
	text-align:center;
}

.tab_rouge {
	background-color:#EF2B24;
	color:white;
	font-weight: bold;
	text-align:center;
}

.setposition{
  position:relative;
  margin-top:1px;
}

#layer {
  position:absolute;
  background-color:#E7E7E7;
  width:100%;
  overflow:auto;
  border-top:1px solid white;
  padding-left:6px;
}

.b_red {
	border-right:6px solid #EF3423;
}

.b_green {
	border-right:6px solid #27B24A;
}

.b_orange {
	border-right:6px solid #F99D1D;
}

.b_surname {
	font-size:13px;
}

.b_commentaire {
	font-size:13px;
}

.bulle { 
	height:20px; 
	width:30px; 
	text-align:center; 
	font-size:12px; 
	padding-top:2px; 
	margin-right:3px; 
	right:6px; 
	bottom:3px; 
	position:absolute;
	font-weight: bold;
}

.bulle_rose {
	background-color:pink;
}

.bulle_verte {
	background-color:#9ECF7A;
}

.bulle_orange {
	background-color:#FAF6AC;
}

.bulle_orangefonce {
	background-color:#FFDBA7;
}

select {
	background: transparent;
	width: 228px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 38px;
	font-size:14px;
	-webkit-appearance: none;
        -moz-appearance: none;
	appearance: none;
        color:#555656 !important;
        font-style : italic;
        padding:0px;
        padding-left:10px;
        margin:0px;
}

.select{
	width: 228px;
	height: 38px;
	overflow: hidden;
	margin-top:-10px;
	margin-bottom:5px;
	background: url('../img/bottom-arrow.png') no-repeat 94% center #F1F1F1;
	border: 0px solid #ccc;
}


.m_date {
	font-size:13px;
	text-align:right;
	padding:10px;
	font-weight: bold;
}

#m > th {
	background-color:white;
	text-align:center;
	height:60px;
	vertical-align: top;
	margin:0px;
	padding:0px;
	font-weight: bold;
	border-bottom:1px solid black;
}

#m > td {
	background-color:white;
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:60px;
	vertical-align:top;
	margin:0px;
	padding:0px;
	font-weight: bold;
	text-align:center;
	padding-bottom:5px;
	padding-right:5px;
}

.m_verte {
	background-color:#D2E8BF !important;
}

button.m_prev {
	width:35px;
	height:30px;
	color:white;
	text-align:center;
	background-color:#787979;
	border:0px solid black;
}

button.m_suiv {
	width:35px;
	height:30px;
	color:white;
	text-align:center;
	background-color:#787979;
	border:0px solid black;
}

button.definir {
	width:104px;
	height:32px;
	color:white;
	text-align:center;
	background-color:#4DB047;
	border:0px solid black;
}

#p_rdv td { 
	height:40px;
}

.content { 
        width:80%; 
        min-width:1000px; 
        background-color:white;
        margin-top:20px;
}

.content2 {
        width:80%; 
        min-width:1000px; 
        margin-top:20px;
}

.content3 {
        width:80%; 
        min-width:1000px;
        margin-top:20px;
}

.navigation { 
        width:70%; 
        padding:10px; 
        background-color:white; 
        font-size:13px;
}

.navigation_content2 > .titre {
        float:left;
        font-size:18px;
        font-weight:bold;
        color:#555656;
        padding-bottom:5px;
}

.navigation_content2 > .boutons {
        float:right; 
        font-size:18px;
        font-weight:bold;
        color:#555656;
        padding-bottom:5px;
}

.annuel_boutons { 
        float:right; 
        font-size:18px; 
        font-weight:bold; 
        color:#555656; 
        padding-bottom:5px;
}

.annuel_titre { 
        font-size:18px; 
        font-weight:bold; 
        color:#555656; 
        padding-bottom:5px;
}

.tab_annuel { 
        margin-bottom:10px;
}

.tab_annuel td { 
        vertical-align:bottom;
}

.legend_annuel { 
        float:right; 
        width:300px; 
        height:95px; 
        background-color:white; 
        font-size:13px;
}


.tab_agenda_mensuel #tab  th { height:25px; background-color:#D0CFCF; text-align:center; } 

.tab_agenda_mensuel table { border-top:1px solid #cccccc; border-left:1px solid #cccccc; }
.tab_agenda_mensuel td { background-color:#F8F8F8; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; height:60px; margin:1px; }

.tab_agenda_mensuel #tab_legend { border:0px solid white; font-size:13px; } 
.tab_agenda_mensuel #tab_legend td { border:0px solid white; padding:0px; margin:0px; height:30px; font-size:13px; font-weight:600; } 

.resulttab table { border:1px solid white; padding:0px; margin:0px; background-color:white; }
.resulttab td { border:0px solid white; padding:0px; padding-left:5px; padding-right:5px; margin:0px;  background-color:white; height:25px; }
.resulttab tr { border:0px solid white; padding:0px; margin:0px;  background-color:white; }

.result2tab table { border:1px solid white; padding:0px; margin:0px; background-color:#D2E8BF; }
.result2tab td { border:0px solid white; padding:0px; padding-left:5px; padding-right:5px; margin:0px;  background-color:#D2E8BF; height:25px; }
.result2tab tr { border:0px solid white; padding:0px; margin:0px;  background-color:#D2E8BF; }