TD
{COLOR: #666; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica}

<!-- 
A:link {COLOR: #000099; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica}
A:visited {COLOR: #000099; TEXT-DECORATION: none; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica}
A:hover {COLOR: #ff6600; TEXT-DECORATION: none; FONT-SIZE: 8pt. FONT-FAMILY: Verdana, Arial, Helvetica}
-->
a.prem {
  color:#666666;
}

a.prem:hover {
  color:#F3F3F3;
}

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

a.bouton_voeux
{
COLOR: #161616;
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana, Arial, Helvetica
}

a.bouton_voeux:hover
{
COLOR: #FF6600;
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana, Arial, Helvetica
}

.centre
{
	margin:0 auto;
}

.icones{
	padding: 10px;
	color: #fff;
	border: 5px solid transparent;
}

.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px; 
    min-width: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
}
.bordhaut
{
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom: 0px
 border-top: 1px solid #aaa;
}
.bordbas
{
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}

.bordlat
{
 border-left-style: solid;
 border-left-width: 1px;
 border-right-style: solid;
 border-right-width: 1px;
}

.bordu
{
 border-left-style: solid;
 border-left-width: 1px;
 border-right-style: solid;
 border-right-width: 1px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}

.bordcadre
{
 border-left-width: 1px;
 border-right-width: 1px;
 border-top-style: solid;
 border-top-width: 1px;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}

.arrondi 
{
border:1px solid #4682B4;
border-spacing: 0;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}

.arrondi_fond
{
border-spacing: 0;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
}

.arrondi_left_fond
{
border:0;
border-spacing: 0;
-webkit-border-radius: 9px 0 0 9px;
-moz-border-radius:  9px 0 0 9px;
-khtml-border-radius:  9px 0 0 9px;
border-radius:  9px 0 0 9px;
}

.arrondi_search
{
border:thin solid #ccc;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 2px 2px 0px #ccc;
  -webkit-box-shadow: 2px 2px 0px #ccc;
  box-shadow: 2px 2px 0px #ccc;
padding:0;

}
.arrondi_usr
{
background-color:#eff;
text-align:left; 
width:300px; 
border-spacing: 0;
border:thin solid #4baae4;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
padding:0;

}

.arrondi_login
{
border:1px solid #ccc;
border-spacing: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 3px 3px 5px #ccc;
padding:0;

}

.arrondi_doc
{
border:1px solid #ccc;
border-spacing: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
padding:0;
min-width:200px; 
min-height:30px; 
max-width:350px; 
max-height:250px;
}


.arronditop
{
border:0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -khtml-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
}
.agendatop
{
border:0;
background-color:#ddd;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}
.agendabottom
{
border:0;
background-color:#ddd;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -khtml-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
}

.connex
{
padding:0;
border:2px solid #ccc; 
background-color: #eee;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
font-family: Verdana, Arial, Helvetica;
color:#0066cc";
text-align:center;
}

.bouton
{
padding:3px;
border:1px solid #ccc;
background-color: #eee;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
font-family: Verdana, Arial, Helvetica;
font-weight:bold;
}

a.bouton
{
color:#777;
}
a.bouton:hover
{
color:#ff6600;
}
.valid
{
padding:3px;
border:1px solid #ff4000;
background-color:#fa8258;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
font-family: Verdana, Arial, Helvetica;
font-weight:bold;
}

a.valid
{
color:#3b240b;
}
a.valid:hover
{
color:#3b240b;
}
.boutonlong
{
padding:3px 8px;
border:1px solid #ccc;
background-color: #eee;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
font-family: Verdana, Arial, Helvetica;
font-weight:bold;
}
a.boutonlong
{
color:#777;
}
a.boutonlong:hover
{
color:#ff6600;
}

.gris
{
	background-color: transparent;
	padding:3px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	
}

a.gris
{
	color:#777;
}
a.gris:hover
{
	color:#ff6600;
}

.titreconnex
{
font-size:2em;
padding:0;
margin:0;
}

.textconnex
{
font-size:1em;
padding:0;
margin:0;

}

.agendatopleft
{
border:1px solid #ccc;
  -webkit-border-radius: 12px 0 0 0;
  -moz-border-radius: 12px 0 0 0;
  -khtml-border-radius: 12px 0 0 0;
  border-radius: 12px 0 0 0;
padding:3;
}
.agendatopright
{
border:1px solid red;
  -webkit-border-radius: 0 12px 0 0;
  -moz-border-radius: 0 12px 0 0;
  -khtml-border-radius: 0 12px 0 0;
  border-radius: 0 12px 0 0;
padding:3;
}
.arrondi_tr
{
  background-color:#eee;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius:  12px 12px 0 0;
  -khtml-border-radius:  12px 12px 0 0;
  border-radius:  12px 12px 0 0;

}

table tr.alterne:nth-child(2n){
       background-color:#fff;
}
 
table tr.alterne:nth-child(2n+1){
       background-color:#eee;
}

table tr.alterne_ent:nth-child(2n){
       background-color:#68b1ff;
}
 
table tr.alterne_ent:nth-child(2n+1){
       background-color:#60a3f6;
}

table tr.alterne_int:nth-child(2n){
       background-color:#FFFF81;
}
 
table tr.alterne_int:nth-child(2n+1){
       background-color:#EFEF81;
}

table tr.alterne_dep:nth-child(2n){
       background-color:#FF8181;
}
 
table tr.alterne_dep:nth-child(2n+1){
       background-color:#DF8181;
}

table tr.alterne_ins:nth-child(2n){
       background-color:#81FF81;
}
 
table tr.alterne_ins:nth-child(2n+1){
       background-color:#81CE81;
}

table tr.alterne_liv:nth-child(2n){
       background-color:#DF01D7;
}
 
table tr.alterne_liv:nth-child(2n+1){
       background-color:#B404AE;
}

table tr.alterne_rdv:nth-child(2n){
       background-color:#01DFD7;
}
 
table tr.alterne_rdv:nth-child(2n+1){
       background-color:#04B4AE;
}

th { 
font-family: Verdana, Arial, Helvetica;
font-size: 8pt;
border-bottom: thin solid #ccc;
padding: 4px 2px;
background-color:none;
}

.titre
{
background-color:#eee;
}

.mail
{
background-color: #DC143C;
-webkit-border-radius: 9px 9px 0 0;
-moz-border-radius: 9px 9px 0 0;
-khtml-border-radius: 9px 9px 0 0;
border-radius: 9px 9px 0 0;
COLOR: #FFFFFF;
FONT-SIZE: 18pt;
FONT-FAMILY: Verdana, Arial, Helvetica
}


#charge
{
        display: none;
}

/* Ombrages */
.ombrage {
  border: 5px solid #fff;
  -moz-box-shadow: 8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
  -webkit-box-shadow: 8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
  box-shadow:8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
}

/*arrondis */
.roundedtop { 
border-radius: 9px 9px 0 0;
-webkit-border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-radius: 9px 9px 0 0;
-o-border-radius: 9px 9px 0 0;
-khtml-border-radius:9px 9px 0 0; 
}
.roundedbottom { 
border-radius: 0 0 12px 12px;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
-moz-border-radius: 0 0 12px 12px;
-o-border-radius: 0 0 12px 12px;
-khtml-border-radius: 0 0 12px 12px; 
}
.roundedright { 
border-radius: 0 9px 9px 0;
-webkit-border-top-right-radius:9px;
-webkit-border-bottom-right-radius:9px;
-moz-border-radius: 0 9px 9px 0;
-o-border-radius: 0 9px 9px 0;
-khtml-border-radius: 0 9px 9px 0; 
}
.roundedleft { 
border-radius: 9px 0 0 9px;
-webkit-border-top-left-radius:9px;
-webkit-border-bottom-left-radius:9px;
-moz-border-radius: 9px 0 0 9px;
-o-border-radius: 9px 0 0 9px;
-khtml-border-radius: 9px 0 0 9px; 
}
.roundedtopleft { 
border-radius:12px 0 0;
-webkit-border-top-left-radius:12px;
-moz-border-radius:12px 0 0;
-o-border-radius:12px 0 0;
-khtml-border-radius:12px 0 0; 
}
.roundedtopright { 
border-radius: 0 12px 0 0;
-webkit-border-top-right-radius:12px;
-moz-border-radius:0 12px 0 0;
-o-border-radius:0 12px 0 0;
-khtml-border-radius: 0 12px 0 0;
}
.roundedbottomleft { 
border-radius: 0 0 0 9px;
-webkit-border-bottom-left-radius:9px;
-moz-border-radius: 0 0 0 9px;
-o-border-radius: 0 0 0 9px;
-khtml-border-radius: 0 0 0 9px; 
}
.roundedbottomright {
border-radius: 0 0 9px 0;
-webkit-border-bottom-right-radius:9px;
-moz-border-radius: 0 0 9px 0;
-o-border-radius: 0 0 9px 0;
-khtml-border-radius: 0 0 9px 0; 
}

/* MENU */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 6px 0;
				padding: 0;
				list-style-type: none;
				background-color: #eee;
				font-size: 11px;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 15px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			#menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #ff6600;
			}
			#menu_wrapper ul {margin-left: 12px;}
			#menu_wrapper {padding: 0 16px 0 0; background: url(/images/grey.png) no-repeat right;}
			#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(/images/grey.png) no-repeat left;}
			
			/* Black Menu */
			#menu_wrapper.black ul {
				border-top: 2px solid #333;
				border-bottom: 2px solid #000;
				background: #333;}
			#menu_wrapper.black a {color: #CCC;}
			#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
			#menu_wrapper.black {background: url(/images/black.png) no-repeat right;}
			#menu_wrapper.black div {background: url(/images/black.png) no-repeat left;}
			
			/* Blue Menu */
			#menu_wrapper.blue ul {
				border-top: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				background: #356AA0;}
			#menu_wrapper.blue a {color: #fff;}
			#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}
			#menu_wrapper.blue {background: url(/images/blue.png) no-repeat right;}
			#menu_wrapper.blue div {background: url(/images/blue.png) no-repeat left;}
			
			/* Red Menu */
			#menu_wrapper.red ul {
				border-top: 2px solid #f50000;
				border-bottom: 2px solid #510000;
				background: #ff0000;}
			#menu_wrapper.red a {color: #fff;}
			#menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			#menu_wrapper.red {background: url(/images/red.png) no-repeat right;}
			#menu_wrapper.red div {background: url(/images/red.png) no-repeat left;}
			
			/* Orange Menu */
			#menu_wrapper.orange ul {
				border-top: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				background: #d15600;}
			#menu_wrapper.orange a {color: #fff;}
			#menu_wrapper.orange li a:hover, #menu_wrapper.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}
			#menu_wrapper.orange {background: url(/images/orange.png) no-repeat right;}
			#menu_wrapper.orange div {background: url(/images/orange.png) no-repeat left;}

/* MODIFICATION SELECT ET INPUT */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background: #f8f8f8;
    color:#888;
    border:1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/*input {
    padding:6px;
    margin: 0px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background: #f8f8f8;
    color:#888;
    border:1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}*/

/*  STYLE POUR LE DATEPICKER JAVASCRIPT */
.ds_box {
  background-color: #FFF;
  border: 1px solid #000;
  position: absolute;
  z-index: 32767;
}

.ds_tbl {
  background-color: #FFF;
}

.ds_head {
  background-color: #333;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

.ds_subhead {
  background-color: #CCC;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  width: 32px;
}

.ds_cell {
  background-color: #EEE;
  color: #000;
  font-size: 13px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  cursor: pointer;
}

.ds_cell:hover {
  background-color: #F3F3F3;
}

.prem {
  color:#EEE;
}

.prem:hover {
  color:#F3F3F3;
}



/* This hover code won't work for IE */

#frais {
  position: fixed;
  list-style-type:none;
  right: 18em;
  top: 50%;
  width: 20em;
  padding: 2em;
  margin-top: -2.5em;
  border:1px solid #4682B4;
  border-spacing: 0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -khtml-border-radius: 9px;
  border-radius: 9px;
}

#blocantiscroll
{
    overflow:hidden;
}