* {
	margin: 0;
	padding: 0;
}


#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	width:100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
#content {
}
			html, body {
				height: 100%;
			}

body {
	background: #FFFFFF url(images/fd1.png) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

form {}

fieldset {	border: none;}

legend {	display: none;}

h1, h2, h3 {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #385B88;
}

h2 {
	margin-bottom: .5em;
	font-size: 1.8em;
}

h3 {
	margin-bottom: 1em;
	font-size: 1em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}

p {
}

blockquote {
	margin-left: 3em;
	font-style: italic;
}

ul {
	margin-left: 2em;
	list-style: square;
}

ul li {
}

ol {
	margin-left: 2em;
	list-style: lower-alpha;
}

ol li {
}

a {
	color: #EA672E;
}

a:hover {
	text-decoration: none;
	color: #385B88;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 1em 1em 0;
}

img.right {
	float: left;
	margin: 0 1em 1em 0;
}

.pos_logo { 
position:absolute; top:0px; left:0px; 
} 



/********************* boite Style ****************************/
.boxed {
	margin-bottom: 1em;
	background: #FFFFFF;
	border: 1px solid #CAD4DF;
}
.boxed .title {
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}
.boxed .content {	padding: 10px;}

/*********************** Header */
#header {	width: 99%;	height: 91px;	margin: 0 auto;}

/* Header > Logo */

#logo    {	height: 91px;	background: url(images/m-logo.png) no-repeat left bottom;}

#logo h1 {	padding: 110px 0 0 0;	text-transform: uppercase;	font-size: 3em;}
#logo h2 {	margin: 0;	padding: 5px 0 0 100px;	text-transform: uppercase;	font-size: 1.6em;}
#logo a  {	text-decoration: none;	color: #385B88;display: block ;}

/* Header > Top Menu */

#topmenu {
	float: right;
	margin: 0 -4px 0 0;
}

#topmenu ul {
	margin: 0;
	list-style: none;
}

#topmenu li {
	display: inline
}

#topmenu a {
	display: block;
	float: left;
	height: 51px;
}

#topmenu a:hover {
}

#topmenu span {
	display: none;
}

#topmenu1 {width: 50px;	background: url(/epodo/images/coord.png) no-repeat left center;}
#topmenu2 {width: 50px;background: url(images/planning.gif) no-repeat left center;}
#topmenu3 {width: 50px;background: url(images/sortir.gif) no-repeat left center;}
#topmenu4 {width: 50px;background: url(images/ameli.png) no-repeat left center;}
#topmenu5 {width: 50px;background: url(images/contacts.png) no-repeat left center;background-size: 46px Auto;}
#topmenu6 {width: 50px;background: url(images/save.png) no-repeat left center;}
#topmenu7 {width: 50px;background: url(images/stats.png) no-repeat left center;}
#topmenu8 {width: 50px;background: url(images/config.png) no-repeat left center;background-size: 46px Auto;}
#topmenu9 {width: 50px;background: url(images/prospect.png) no-repeat left center;}
#topmenu0 {width: 50px;background: url(images/post-it.png) no-repeat left center;}
#topmenu10 {width: 50px;background: url(images/telet.png) no-repeat left center;background-size: 46px Auto;}
#topmenu11 {width: 50px;background: url(images/fact.png) no-repeat left center;background-size: 46px Auto;}
#topmenu12 {width: 50px;background: url(images/fabt.png) no-repeat left center;background-size: 46px Auto;}
#topmenu13 {width: 50px;background: url(images/facture.png) no-repeat left center;background-size: 46px Auto;}
#topmenu14 {width: 50px;background: url(images/compta.png) no-repeat left center;background-size: 46px Auto;}
#topmenu15 {width: 50px;background: url(images/vitale.png) no-repeat left center;background-size: 46px Auto;}
#topmenu16 {width: 50px;background: url(images/www.png) no-repeat left center;background-size: 46px Auto;}

/* Menu */
#menu {
	width: 700px;
	height: 20px;
	margin: -40px auto 0 auto;
	padding: 0 0 0 200px;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 0 1.5em 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	padding-left: 0;
	background: none;
}

.pos_date { 
position:absolute; 
float: right; 
text-align : right;
top:1px; 
left:90px;
} 

/* Content */

#content {

	margin: 0 auto;
	padding: 20px 0;
}

/* Content > Main */

#main {
	float: left;
	margin:0 auto;
}

/* Content > Main > Example */

#example {
}

/* Content > Main > Welcome */

#welcome {
	margin: 0 0 3em 0;
	padding: 40px 0 1.5em 0;
	border-bottom: 1px dotted #CAD4DF;
}

/* Content > Sidebar */

#sidebar {
	position:relative;
 	top:5px;
 	left:40%;
	margin-right: 200px;
	width: 220px;
	margin: 2px 0 0 0;
}

/* Content > Sidebar > Login */

#login {
}

#login label {
	display: block;
}

#login #inputtext1, #login #inputtext2 {
	width: 180px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#login #inputsubmit1 {
	float: right;
	width: 60px;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
}

#login p {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates li {
	margin-bottom: 1em;
}

#updates h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#updates p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#updates a {
	text-decoration: none;
}

/* Content > Sidebar > Partners*/

#partners {
}

/* Footer */

#footer {
	clear: both;
	right: 0px;
	width: 100%;	
    position:fixed;
    bottom:.0em;
	
	padding: 2px 0 4px 0;
	background: #C3CDDB;
	border: 1px solid #CAD4DF;
	text-align:center;
}

#footer p {
	

	margin: 0 auto;
	font-size: x-small;
}


.classbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
}.classbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.classbutton:active {
	position:relative;
	top:1px;
}

.classlmenu {
	position:relative;	right:2px;
	width:180px;
	background-color:transparent;
	border:0px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:0px 0px 0px #aade7c;
}.classlmenu:active {
	position:relative;
	top:1px;
}




.error2{ font-size:7px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#FF0000; text-align:left; float:center;}
.error { font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#FF0000; text-align:left; float:center;}
.error2 { font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#FF0000; text-align:left; float:center;}
.error3{ font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#FF0000; text-align:center; float:center;}
.errord { font-size:10px ;font : Arial,"Trebuchet MS", Helvetica;  font-style:italic; color:#385B88;vertical-align:top; text-align:left; float:center;}
.errort { font-size:14px ;font : Arial,"Trebuchet MS", Helvetica;  color:#FF0000; text-align:left; float:center;}
.Titre { font-size:16px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#385B88; text-align:left; float:center;}
.Titre2 { font-size:16px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#385B88; text-align:center; float:center;}
.TitreF { font-size:16px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#385B88; text-align:center; float:center;}
.TitreL { font-size:22px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#385B88; text-align:left; float:center;}

.Liste_spec { font-size:10px ;font-style:italic;}
.Liste_rdv { color:#FF0000;font-size:12px ;font-style:italic;}
.Liste_rel { color:#FF9000;font-size:10px ;font-style:italic;}
.Liste_rel1{ color:#00e10b;font-size:10px ;font-style:italic;}
.Liste_fact{ color:#25197e;font-size:12px ;}
.Liste_nbrep { font-size:12px ;font-style:italic;}

.Liste_hsui{ 
color:#0000FF;
font-size:10px ;
}
#cadre_texte 
{ 
width:220px;
height:100px;
margin:auto;
padding:1 1 1 1px;
overflow:auto;
}

.date_hfact { font-size:10px ;font : Arial,"Trebuchet MS", Helvetica;  font-style:italic; color:#385B88;vertical-align:top; text-align:left; float:center;}

.agenda_etat { position:relative;right:-30px;color:#FF0000;font-size:12px }

.prix_paye   { font-size:14px ;font : Arial,"Trebuchet MS", Helvetica;  color:#33CC33; text-align:right; float:center;}
.prix_impaye { font-size:14px ;font : Arial,"Trebuchet MS", Helvetica;  color:#FF0000; text-align:right; float:center;}
.prix_devis  { font-size:14px ;font : Arial,"Trebuchet MS", Helvetica;  color:#000000; text-align:right; float:center;}




.lib_facture { font-size:12px ;font-style: italic; color:#9e9eba;}



.nve_cmde { color:#FF0000 }

.nokrapp { font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#FF0000; text-align:left; float:center;}
.nokrapp2 { font-size:10px ;font : Arial,"Trebuchet MS", Helvetica;  color:#FF0000; text-align:left; float:center;font-style:italic;}
.ok_rapp { font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  font-weight:bold; color:#008000; text-align:left; float:center;}
.finrapp { font-size:12px ;font : Arial,"Trebuchet MS", Helvetica;  color:#385B88; text-align:left; float:center;font-style:italic;}
.Titre_tel { font-size:16px ;font : Arial,"Trebuchet MS", Helvetica;  color:#385B88; text-align:left; float:center;}

.ok2rapp { font-size:11px ;font :  sans-serif;   color:#080000; text-align:left; float:center;}

.texte_rapp{
width:620px;
height:400px;
overflow:auto;
padding-left:1px;
}
.texte_rapp_res{
color:#000000;
width:398px;
height:400px;
overflow:auto;
padding-left:1px;
font-size:10px;
font-family:  "Trebuchet MS", monospace;
text-align:left;
}

#fade_rapp {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=100);
	opacity: .0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}



.boxmenu {

height:170px;	
width:250px;
-moz-box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
-webkit-box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e7ebf0"); /* Pour IE seulement et mode gradient à linear */
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7ebf0));
background-image: -moz-linear-gradient(top center, #ffffff, #e7ebf0);
background-image: -o-linear-gradient(top, #ffffff, #e7ebf0); /*uniquement en mode linear*/

}

.boxmenu .title {
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}

.boxform {
float:center;
width:1024px;
-moz-box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
-webkit-box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
box-shadow:5px 6px 7px 0px rgba(119, 119, 119, 0.9);
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e7ebf0"); /* Pour IE seulement et mode gradient à linear */
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7ebf0));
background-image: -moz-linear-gradient(top center, #ffffff, #e7ebf0);
background-image: -o-linear-gradient(top, #ffffff, #e7ebf0); /*uniquement en mode linear*/

}

.boxform .title {
	padding: 10px 0 0 10px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}


/********** login form **********/
#saisieform { margin:0 auto 0 auto; padding:5px 0; width:100%; }
#saisieform * { color:#06566d; font: bold 15px Arial, Helvetica, sans-serif; }
#saisieform ol { margin:0; padding:0; list-style:none; }
#saisieform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#saisieform li.buttons { margin:5px 0 5px 0; clear:both; }
#saisieform label { margin:0; text-align: right;width:200px; display:block; padding:5px 0; color:#06566d; font: bold 13px Arial, Helvetica, sans-serif;  float:left; }
#saisieform label span { color:#000080; font-weight:bold; }
#saisieform input.text { width:410px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#saisieform textarea { width:410px;height:80px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }


/* tableau */
#tab_c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 5px 5px;
	width: 1024px;
	text-align: left;
	border-collapse: collapse;
	align:center;
}
#tab_c th
{
	font-size: 14px;
	font-weight: normal;
	padding: 5px 5px;
	color: #039;
	vertical-align:top;
	background: #eff2ff;
}
#tab_c td
{
	vertical-align:top;
	padding: 5px 5px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.tab_c_prem
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 1px solid transparent;
}
#tab_c tr:hover td
{
	color: #339;
	background: #eff2ff;
}

/* tableau commande*/
#tab_cmde
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 5px;
	width: 450;
	text-align: left;
	border-collapse: collapse;
	align:center;
}
#tab_cmde th
{
	font-size: 14px;
	font-weight: normal;
	padding: 2px 2px;
	color: #039;
	vertical-align:top;
	background: #eff2ff;
}
#tab_cmde td
{
	padding: 2px 2px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.tab_cmde_prem
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 1px solid transparent;
}
#tab_cmde tr:hover td
{
	color: #339;
	background: #eff2ff;
}




.btnliste {
	width:20px;
	height:18px;
	padding:2px 4px 2px 4px;
	font:bold 10px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	border:1px solid #ccc;
	text-align:center;
	box-shadow:1px 1px 3px #999;
	margin:1;
	vertical-align:top;
	display: inline-block;
}

.inputlist {
		color: #039;
	width:100px;
font-size:14px;
font-family: arial; 
border: 1px solid #d0dafd; 
padding:2px 4px 2px 4px;
background-color: #eff2ff;
}

#iframe {top:0px; border-width: 0px;height: 700px; width: 1024px; background: transparent;margin: 0 auto 0 auto;
		overflow:hidden;filter : alpha(opacity=95); -moz-opacity : 0.95;   opacity : 0.95;} 


#iframe_hf {top:0px; border-width: 0px;height: 450px; width: 1096px; background: transparent;margin: 0 auto 0 auto;
		overflow:hidden;filter : alpha(opacity=95); -moz-opacity : 0.95;   opacity : 0.95;} 


#iframed {top:0px; border-width: 0px;height: 720px; width: 485px; background: transparent;margin: 0 auto 0 auto;
		 overflow:hidden;filter : alpha(opacity=95); -moz-opacity : 0.95;   opacity : 0.95; 
		 border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;
		 -moz-box-shadow: 2px 2px 4px #000;
  		 -webkit-box-shadow: 2px 2px 4px #000;
  		 box-shadow: 2px 2px 4px #000;
		 /* For IE 8 */
		 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		 /* For IE 5.5 - 7 */
		 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}

#iframeb {top:0px; border-width: 0px;height: 640px; width: 1010px; background: transparent;margin: 0 auto 0 auto;
		overflow:hidden;filter : alpha(opacity=95); -moz-opacity : 0.95;   opacity : 0.95;} 


#iframe_cat {top:0px; border-width: 0px; height: 135px;width: 600px; background: transparent;margin: 0 auto 0 auto;
		filter : alpha(opacity=95); -moz-opacity : 0.95;   opacity : 0.95;} 




.buttonf {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .buttonf:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .buttonf:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   
.rec_select 
{	
color: #039;
width:100px;
font-size:14px;
font-family: arial; 
border: 1px solid #d0dafd; 
padding:2px 4px 2px 4px;
background-color: #eff2ff;

}

#imgok {background:url(/epodo/images/valid.png) no-repeat;} 

  
.dte_i{ font-size:7px ; 	font-style: italic; font-weight:normal;}


/* Post-it */
.note{
	height:150px;
	padding:10px;
	width:150px;
	position:absolute;
	overflow:hidden;
	cursor:move;
	
	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
	font-size:16px;
	
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-moz-box-shadow:3px 3px 0 #DDDDDD;
	-webkit-box-shadow:3px 3px 0 #DDDDDD;
	box-shadow:3px 3px 0 #DDDDDD;
}

#fancy_ajax .note{	cursor:default; }

/* Three styles for the notes: */

.yellow{
	background-color:#FDFB8C;
	border:1px solid #DEDC65;	
}

.blue{
	background-color:#A6E3FC;
	border:1px solid #75C5E7;	
}

.green{
	background-color:#A5F88B;
	border:1px solid #98E775;	
}

/* Each note has a data span, which holds its ID */
span.data{	display:none; }

/* The "Add a note" button: */
#addButton{
	position:absolute;
	top:-70px;
	left:0;
}

.supppostit{
	bottom:0px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	position:absolute;
	font-style: italic;
	left:-2px;
}

.date{
	bottom:0px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	position:absolute;
	font-style: italic;
	right:2px;
}

.author{
	/* The author name on the note: */
	bottom:10px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	position:absolute;
	right:2px;
}

#main{
	/* Contains all the notes and limits their movement: */
	left:0px;
	top:0px;
	margin:0 auto;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
}

h3.popupTitle{
	border-bottom:1px solid #DDDDDD;
	color:#666666;
	font-size:24px;
	font-weight:normal;
	padding:0 0 5px;
}

#noteData{
	/* The input form in the pop-up: */
	height:200px;
	margin:30px 0 0 200px;
	width:350px;
}

.note-form label{
	display:block;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:3px;
}

.note-form textarea, .note-form input[type=text]{
	background-color:#FCFCFC;
	border:1px solid #AAAAAA;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	height:60px;
	padding:5px;
	width:300px;
	margin-bottom:10px;
}

.note-form input[type=text]{	height:auto; }

.color{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	height:10px;
	margin:0 5px 0 0;
	width:10px;
}

#note-submit{	margin:20px auto; }

/* The styles below are only necessary for the demo page */
#triangle {
	position:absolute;
     width: 10;
     height: 25;
     border-top: 25px solid red; 
     border-right: 25px solid transparent;          
}

.majuscule
{
    text-transform: uppercase;
}
/* tooltip */
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

#rdv_cercle {
display: inline-block;
width:12px;
height:12px;
text-align:center;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-radius:50%;
color: #000000;
font-size:10px;
}

#rdv_carre {
display: inline-block;
width:auto;
height:12px;
text-align:center;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
//border-radius:50%;
color: #000000;
font-size:10px;
}



#etat_cli {
display: inline-block;
width:100%;
text-align:center;
background-color:#FFFFFF;
color: #000000;
font-size:14px;
}

#repartition {
color:#9e9eba;
font-size:12px;
text-align:center;
font-style: italic;
}

.fab_pos {
  position: absolute;
  top: 400px;
  right: 400px;
  background-color: #ffffff;
}

#invalid {
  display: none;
  float: left;
  width: 60%;
  margin-left: 120px;
  margin-top: .5em;
  color: #CC2A18;
  font-size: 130%;
  font-weight: bold;
}

.RES_ORG {
	display: block ;
	text-align:left;
	padding: 1 1 1 1;
	font-size:12px;
}

.RES_REJ {
	background: #FFBBBB;
	display: block ;
	text-align:right;
	font-weight: bold;
	color:#080000;
}
.RES_REG {
	background: #BBFFBB;
	display: block ;
	text-align:right;
	font-weight: bold;
	color:#080000;
}
.RES_TIT {
	display: block ;
	text-align:center;
	font-weight: bold;
	color:#080000;
}
.RES_REC {
	width: 100;	
	display: block ;
	text-align:right;
	color:#080000;
	padding: 1 1 1 2;
}
.RES_RO {
	display: block ;
	text-align:right;
	font-weight: bold;
	color:#080000;
}
.RES_RC {
	display: block ;
	text-align:right;
	font-weight: bold;
	color:#080000;
}

.ZRPT {
	display: block ;
	text-align:center;
	color:#080000;
	font-size:18px;
	background: #FFFFE1;
}

.RES_ERR {
	display: block ;
	text-align:left;
	color:#080000;
	font-size:10px;
}
.RES_LIB {
	display: block ;
	text-align:center;
	color:#FF0000;
	font-weight: bold;
	font-size:12px;
}

#RegleRORC {
display: block ;
border: 3px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;height: 100px;
width: 140px;
height: 50px;
padding: 1px;
text-align: center;
background-color: #F4F4F4;
color: blue;
-moz-transform: rotate(-15deg); /* pour effectuer une rotation sous Mozilla */
-o-transform: rotate(-15deg); /* pour effectuer une rotation  sous Opera */
-webkit-transform: rotate(-15deg); /* pour effectuer une rotation  sur les navigateurs utilisant Webkit (Chrome, Safari, ...) */
-ms-transform: rotate(-15deg); /* pour effectuer une rotation  sous Internet Explorer */
font-family:sans-serif;
font-size:12px;
vertical-align: middle;
}

.btn_imp {
	width:150px;
	height:32px;
	font:bold 12px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	border:1px solid #ccc;
	text-align:center;
	box-shadow:1px 1px 3px #999;
	margin:1;
	display: inline-block;
	padding:2px 4px 2px 4px;
	vertical-align:top;
}

#spanattente {
position:relative;
left:-7px;
top:3px;
}

#monmenu hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    
}
#monmenu {
	z-index:100;
	color:#000000;
	text-align:left; 
	POSITION: relative; 
	left:-30px;
	top:-3px;
	margin-bottom: -25px;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:385b88;
	font-size:13px;
}
#monmenu UL UL {
	BORDER-RIGHT: #b0b0b0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b0b0b0 1px solid; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #b0b0b0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b0b0b0 1px solid; POSITION: absolute; TOP: -1px
}
#monmenu LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 1px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #e9e9e9
}
#monmenu LI:hover {
	BACKGROUND-COLOR: #e9e9e9;
}
#monmenu LI.sfhover {
	BACKGROUND-COLOR: #b0b0b0;

}
#monmenu LI A {
	color:385b88;TEXT-DECORATION: none;
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block;
	WIDTH: 280px;
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block;
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.plus {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(illustrations/fdroite.gif); BORDER-BOTTOM: #b0b0b0 1px solid; BACKGROUND-REPEAT: no-repeat
}



#recmenu {
	z-index:0;
	color:#000000;
	text-align:left; 
	POSITION: relative; 
	left:-30px;
	top:-3px;
	margin-bottom: -25px;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:385b88;
	font-size:13px;
}
#recmenu UL UL {
	BORDER-RIGHT: #b0b0b0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b0b0b0 1px solid; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #b0b0b0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b0b0b0 1px solid; POSITION: absolute; TOP: -1px
}
#recmenu LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 1px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #e9e9e9
}
#recmenu LI:hover {
	BACKGROUND-COLOR: #e9e9e9;
}
#recmenu LI.sfhover {
	BACKGROUND-COLOR: #e9e9e9;

}
#recmenu LI A {
	TEXT-DECORATION: none
}
#recmenu LI:hover UL.niveau2 {
	DISPLAY: block;
	WIDTH: 220px;
}
#recmenu LI LI:hover UL.niveau3 {
	DISPLAY: block;
}
#recmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#recmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#recmenu LI.plus {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(illustrations/fdroite.gif); BORDER-BOTTOM: #b0b0b0 1px solid; BACKGROUND-REPEAT: no-repeat
}

.menumcl {
    display: flex;              /* Transformation en flexbox */
    padding:0 0 0 0;                  /* Suppression des marges internes */
    margin: 0px ; 
    //background-color: #ccc;     /* Ajout de la couleur d'arrière-plan */
    //justify-content: center     /* Alignements des liens dans le menu */
}
.menumcl ul {
    margin: 0px ;       /* Suppression des puces */
}
.menumcl li {
	margin: 0px ;
    list-style-type: none ;       /* Suppression des puces */
}
.menumcl a {
    display:block;                /* Transformation en block */
    min-width: 150px;             /* Largeur minimale des liens */   
    height:28px;
    margin-left: 4px;               /* Marges externes (1 valeurs = 4 directions) */
    padding: 0px 0;            /* Marges internes (2 valeurs = haut/bas et gauche/droite)*/
    text-align: center;           /* Centrage du texte */   
    background-color: #eff2ff;    /* Couleur d'arrière-plan */
    color: #000000;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;           /* Arrondis des bordures */
}
.menumcl a.actif {    
    //background-color: #000 ; 
    color: #000000 ;
    border-color: #1ABC9C ;
	font-weight: bold;

}
.menumcl a:hover,a:hover.actif {
  background-color: #d0dafd;
  color: #000000;
  border-color: #000000;
}


.pierdv {  
	margin: 1vmin auto;  
	border-radius: 50%;  
	width: 2vmin;  
	height: 2vmin;  
	overflow: hidden;  
	background: linear-gradient(90deg, #2196f3 50%, transparent 50%), linear-gradient(to right, #2196f3 50%, #ffc107 50%);
	}