body {
	font-family			: Arial;
	font-size			: 14px;
	padding				: 0px;
	margin 				: 0px;
	background-color	: white;
}


td, th {
    padding-left 		: 0.5em;
    padding-right 	:0.5em;
}

td.head{
	background		: #f7f7f7 url(./images/bg_ph_multimedia.jpg) 0 0 repeat-x;
	border-bottom	: solid 1px black;
	height			: 130px;
	vertical-align	: bottom;
}
td.head2{
	background		: #f7f7f7 url(./images/ph_multimedia.jpg) 0 0 no-repeat;
	width				: 794px;
	height			: 129px;
	margin			: 0;
	padding			: 0;
	vertical-align	: bottom;
}
a.onglet{
	padding-top			: 2px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-bottom		: 2px;
	font-size			: 14px;
	color					: #A040ff;
	background-color	: #400088;
	border-right		: inset 2px #400088;
	border-left			: inset 2px #400088;
	border-top			: inset 2px #400088;
}
a.onglet	:hover{
	background-color	: #8000ff;
	border-right		: outset 2px #8000ff;
	border-left			: outset 2px #8000ff;
	border-top			: outset 2px #8000ff;
	color					: white;
}
a.ongletsel{
	padding-top			: 5px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-bottom		: 3px;
	margin-bottom		: 0;
	font-size			: 14px;
	color					: white;
	background-color	: #8000ff;
	border-right		: outset 2px #8000ff;
	border-left			: outset 2px #8000ff;
	border-top			: outset 2px #8000ff;
	border-bottom		: none;
}
span {
	font-family			: Arial;
	font-size			: 14px;
	padding				: 0;
	margin 				: 0;
	background-color	: silver;
}
a{
	font-size	: 14px;
	color			: blue;
}
a.ext{
	font-size	: 14px;
	color			: red;
}

a.menu{
	color	: black;
}

a.menurouge{
	color	: red;
}

div.menu{
	font-size			: 14px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-top			: 5px;
	padding-bottom		: 5px;
	text-decoration	: none;
	font-weight			: bold;
	color					: black;
	background-color	: silver;
	border				: outset 2px silver;
}

div.menu	:hover{
	border	: inset 2px silver;
}
div.menusel{
	font-size			: 14px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-top			: 5px;
	padding-bottom		: 5px;
	text-decoration	: none;
	font-weight			: bold;
	color					: black;
	background-color	: silver;
	border				: inset 2px silver;
}

div.menu	:visited{
	border	: inset 2px silver;
}

div.menu	:active{
	border	: inset 2px silver;
}

td.menu{
	padding-top			: 5px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-bottom		: 0px;
	margin-bottom		: 0px;
	background-color	: #8000ff;
	border-right		: outset 2px silver;
}

td.appli{
	font-family		: Arial;
	font-size		: 14px;
	vertical-align	: top;
	padding-top 	: 1em;
}

th{
	font-family			: Arial;
	font-size			: 14px;
	font-weight			: bold;
	background-color	: yellow;
}

th.right{
	font-family	: Arial;
	font-size	: 14px;
	font-weight	: bold;
	text-align	: right;
}

th.total{
	background-color	: red;
}
th.totalright{
	background-color	: red;
	text-align			: right;
}

th.small{
	font-family	: Arial;
	font-size	: 10px;
	font-weight	: bold;
}
a{
	font-family			: Arial;
	font-size			: 12px;
	font-weight			: bold;
	text-decoration	: none;
	font-weight			: bold;
	color					: blue;
}

input{
	font-family			: Arial;
	font-size			: 10px;
	font-weight			: bold;
	border				: solid 1px black;
	padding 				: 1px;
	text-decoration	: none;
	font-weight			: bold;
	color					: black;
}
select{
	font-family	: Arial;
	font-size	: 10px;
	font-weight	: bold;
	border		: solid 1px black
}
.small {
	font-size 	: 10px;
}
.smallred{
	font-size 	: 10px;
	color			: red;
}
.erreur {	
	font-size			: 1.5em;
	background-color	: White;
	color				: red;
	font-weight			: bold;
	border				: 1px solid Red;
	padding				: 10px;
	display				: block;
	margin				: 3em auto;
	text-align			: center;
}
select.large{
	width	: 120px;
}
td.rouge{
	color	: red;
}

span.gratuit {
	color					: green;
	background-color	: transparent;
}
span.payant {
	color					: blue;
	background-color	: transparent;
}

/*couleurs des clients*/

span.rouge {
	color					: #f00;
	background-color	: transparent;
}
span.violet {
	color					: #f0f;
	background-color	: transparent;
}
span.rose {
	color					: #fAA;
	background-color	: transparent;
}

span.jaune {
	color					: #AA0;
	background-color	: transparent;
}

span.marron {
	color					: brown;
	background-color	: transparent;
}

span.gris {
	color					: #AAAAAA;
	background-color	: transparent;
}

span.orange {
	color					: #FF8C00;
	background-color	: transparent;
}

span.rose {
	color					: #FF1493;
	background-color	: transparent;
}

span.noir {
	color					: #000000;
	background-color	: transparent;
}

div#chat{
  position					: absolute;
  top							: 1em;
  right						: 1em;
  background-color		: #AAA;
  display					: none;
  padding					: 10px;
  border						: solid 1px #AAA;
  box-shadow				: 8px 8px 10px #333; 
	-moz-box-shadow		: 8px 8px 10px #333;  
	-webkit-box-shadow	: 8px 8px 10px #333;  
  border-radius			: 5px;
  
  opacity 				: 0.9; 
  -moz-opacity 			: 0.9; 
  -ms-filter				: "alpha(opacity=90)"; /* IE 8 */ 
  filter 					: alpha(opacity=90); /* IE < 8 */   
}

div#chatmess{
  max-height	: 320px;
  overflow-y	: auto;
  overflow-x	: none;
  border 		: solid 1px black;
}

div#appel_detail{
  position					: absolute;
  top							: 1em;
  right						: 1em;
  background-color		: #AAA;
  display					: none;
  padding					: 10px;
  border						: solid 1px #AAA;
  box-shadow				: 8px 8px 10px #333; 
	-moz-box-shadow		: 8px 8px 10px #333;  
	-webkit-box-shadow	: 8px 8px 10px #333;  
  border-radius			: 5px;
  
  opacity 				: 0.9; 
  -moz-opacity 			: 0.9; 
  -ms-filter				: "alpha(opacity=90)"; /* IE 8 */ 
  filter 					: alpha(opacity=90); /* IE < 8 */   
}

table tbody tr:nth-child(even) { background : #DDD; }
table tbody tr:nth-child(odd) { background : #FFF; }
table tbody th { text-align : right; }
table thead tr th { text-align : center; }

.warning { background-color : #F61; }


.datepicker-done {
	display : none !important;
}
