/************* feuille de style du site Mutame & Plus **********************/
/* Auteur : Hervé MOQUET */

/* balise html */
body {
  font-family: Arial;
  background-color: #ffeee;
  font-size: 12px;
  width: 92%;
  margin: 0 auto;  
}

h1 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

h2 {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

h3 {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

fieldset {  
  text-align: center;
  max-width: 320px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

ul{
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
}

li {
  list-style-type: square;
  color: #0039A6;
  text-align: left;
}

hr{
 display: block;
 height: 8px;
 color: #808080;
 background-color: #808080;
 border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;         
}

hr.Adherent{
  display: block;
  height: 8px;
  color: #7AB800;
  background-color: #0039A6;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;       
}

hr.Correspondant{
  display: block;
  height: 8px;
  color: #1F65A2;
  background-color: #1F65A2;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}

hr.Tiers{
  display: block;
  height: 8px;
  color: #0039A6;
  background-color: #0039A6;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

hr.Admin{
  display: block;
  height: 8px;
  color: #0039A6;
  background-color: #0039A6;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

hr.Simulateur{
  display: block;
  height: 1px;
  color: #808080;
  background-color: #808080;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}

p{
  text-align: justify;
  font-size: 12px;  
}

big{
 color: #C60C30;
 font-weight: bold;
}

th,
td{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;       
}
/* class formulaire */
.boutonAccesAdherent {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 16px;
  color: #ffffff;
  text-align: center;  
  border-color: #7AB800;
  border: 2px outset #7AB800;  
  height: 80px;
  background-color: #7AB800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.boutonAccesAdherent:hover {
  color: #7AB800;  
  border: 2px outset #7AB800;  
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.boutonAccesCorrespondant {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 16px;
  color: #ffffff;
  text-align: center;  
  border-color: #1F65A2;
  border: 2px outset #1F65A2;  
  height: 80px;
  background-color: #1F65A2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;    
}

.boutonAccesCorrespondant:hover {
  color: #1F65A2;  
  border: 2px outset #1F65A2;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;    
}


.boutonAccesTiers {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 16px;
  color: #ffffff;
  text-align: center;  
  border-color: #C60C30;
  border-width: 2px outset #C60C30;  
  height: 80px;  
  background-color: #C60C30;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;   
}

.boutonAccesTiers:hover {
  color: #C60C30;
  border-width: 2px outset #C60C30;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.boutonAccesAdmin {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 16px;
  color: #000000;
  text-align: center;  
  border-color: #BFB7BF;
  border-width: 2px outset #BFB7BF;  
  height: 80px;  
  background-color: #BFB7BF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.boutonAccesAdmin:hover {
  border: 2px outset #BFB7BF;  
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.boutonAdherent {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 12px;
  color: #ffffff;
  text-align: center;  
  border-color: #7AB800;
  border:2px outset #7AB800;
  background-color: #7AB800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}     

.boutonAdherent:hover {
  color: #7AB800;  
  border:2px outset #7AB800;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}

.boutonAdherentMEX {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 12px;
  color: #ffffff;
  text-align: center;  
  border-color: #8396c0;
  border:2px outset #1F65A2;
  background-color: #1F65A2;    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}

.boutonAdherentMEX:hover {
  color: #8396c0;  
  border:2px outset #8396c0;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;            
}

.boutonCorrespondant {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 12px;
  text-align: center;
  color: #ffffff;  
  border:2px outset #1F65A2;
  background-color: #1F65A2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;            
}

.boutonCorrespondant:hover {
  color: #1F65A2;  
  border:2px outset #1F65A2;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;            
}

.boutonTiers {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 12px;
  text-align: center;   
  color: #ffffff;   
  border:2px outset #C60C30;
  background-color: #C60C30;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;         
}

.boutonTiers:hover {
  color: #C60C30;  
  border:2px outset #C60C30;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;            
}

.boutonAdmin {
  font-family: Verdana;
  cursor: pointer;
  font-weight: bold; 
  font-size: 12px;
  color: #000000;
  text-align: center;  
  border-color: #BFB7BF;
  border: 2px outset #BFB7BF;    
  background-color: #BFB7BF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;          
}

.boutonAdmin:hover {
  color: #BFB7BF;  
  border:2px outset #BFB7BF;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;            
}

/* class tableau */
.tdTitreAdherent{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;  
  background-color: #7AB800;
  color: #ffffff;        
}

.tdTitreCorrespondant{
  font-weight: bold;  
  background-color: #1F65A2;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}

.tdTitreTiers{
  font-weight: bold;  
  background-color: #C60C30;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;        
}

.tdTitreAdmin{
  font-weight: bold;  
  background-color: #7AB800;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;        
}

.tdTitreSimulateurMEX{
  font-weight: bold;  
  background-color: #1F65A2;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;        
}

.tdTitreSimulateur{
  font-weight: bold;  
  background-color: #7AB800;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;        
}

.tdTitreDevis{
  font-weight: bold;  
  background-color: #99CCCC;
  color: #000000;
  border-radius: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;        
}

.arrondie {
  border: 2px solid black;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  overflow: hidden;
}

.tdArrondieRouge {
  border: 2px solid;
  border-color: #C60C30; 
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;  
}

.tableArrondie {
  border: 1px solid black;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;  
}

/* class lien */
a.lienAdherent {
  cursor: pointer;
  color: #000000;
  text-decoration: none;     
}

a.lienAdherent:hover {
  cursor: pointer;
  color: #7AB800;
  text-decoration: underline;
}

a.lienCorrespondant {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}

a.lienCorrespondant:hover {
  cursor: pointer;
  color: #1F65A2;
  text-decoration: underline;  
}

a.lienTiers {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}

a.lienTiers:hover {
  cursor: pointer;
  color: #C60C30;
  text-decoration: underline;  
}

a.lienAdmin {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}

a.lienAdmin:hover {
  cursor: pointer;
  color: #BFB7BF;
  text-decoration: underline;  
}

a.lienSimulateur {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}

a.lienSimulateur:hover {
  cursor: pointer;
  color: #BFB7BF;
  /*color: #FFFFFF;*/
  text-decoration: underline;  
}

a.lienNull {
  color: #000000;
  cursor: text;
  text-decoration: none;  
}

/* CSS menu de navigation dans le site */
table#menuAdherent a {  
  padding: 3px;   
  text-align: center;
  font-weight: bold;
  border: 2px solid #7AB800;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

table#menuAdherent a:hover {  
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #7AB800;
  background: #7AB800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
} 

table#menuAdherent a.selectionMenu {  
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #7AB800;
  background: #7AB800;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

table#menuCorrespondant a {
  padding: 3px;
  text-align: center;
  font-weight: bold;  
  border: 2px solid #1F65A2;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

table#menuCorrespondant a:hover {
  color: #ffffff;
  border: 2px solid #1F65A2;
  background: #1F65A2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;   
}

table#menuCorrespondant a.selectionMenu {  
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #1F65A2;
  background: #1F65A2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

table#menuTiers a {
  padding: 3px;
  text-align: center;
  font-weight: bold;      
  text-decoration: none;
  color: #C60C30;
  background: #ffffff;
  border: 2px solid #C60C30;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

table#menuTiers a:hover {  
  color: #ffffff;
  background: #C60C30;
  border: 2px solid #C60C30;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;    
}

table#menuTiers a.selectionMenu {  
  font-weight: bold;
  color: #ffffff;
  background: #C60C30;
  border: 2px solid #C60C30;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;       
}

table#menuAdmin a {
  padding: 3px;
  text-align: center;
  font-weight: bold;    
  border: 2px solid #BFB7BF;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

table#menuAdmin a:hover {
  color: #ffffff;
  border: 2px solid #BFB7BF;
  background: #BFB7BF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;   
}

table#menuAdmin a.selectionMenu {  
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #BFB7BF;
  background: #BFB7BF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}

/* Style des tableaux */
.tdTitre {
  font-size: 12px;  
  background-color: #ffffcc;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;    
}

.trTitreAdherent {
  font-size: 12px;  
  background-color: #ffffcc;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;   
}

.trTitreAdmin {
  font-size: 12px;  
  background-color: #BFB7BF;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;   
}

.bienvenueAdherent {
  font-size: 12px;
  background-color: #7AB800;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.bienvenueCorrespondant {
  font-size: 12px;
  background-color: #1F65A2;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.bienvenueTiers {
  font-size: 12px;
  background-color: #C60C30;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.bienvenueAdmin {
  font-size: 12px;
  background-color: #BFB7BF;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.titrePageAdherent {
  font-size: 16px;
  font-weight: bold;
  background-color: #7AB800;
  color: #ffffff;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.titrePageCorrespondant {
  font-size: 16px;
  font-weight: bold;
  background-color: #1F65A2;
  color: #ffffff;               
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.titrePageTiers {
  font-size: 16px;
  font-weight: bold;
  background-color: #C60C30;
  color: #ffffff;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.titrePageAdmin {
  font-size: 16px;
  font-weight: bold;
  background-color: #BFB7BF;
  color: #ffffff;  
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}

.espaceAdherent {
  color: #7AB800;
}

.espaceCorrespondant {
  color: #1F65A2;
}

.espaceTiers {
  color: #C60C30;
}

.espaceAdmin {
  color: #BFB7BF;
}

.zoneGris {
  color: #404040;
  background-color: #d0d0d0;  
}

.zoneGrisBloquee {
  font-weight: bold;  
  text-align: left;
  background-color: #ffffff;
  border: 0;
}

.zoneChiffreGris {
  color: #404040;
  background-color: #d0d0d0;
  text-align: right;
  font-weight: bold;   
}

.zoneChiffre {
  color: #000000;
  text-align: right;
  font-weight: bold; 
}

.zoneChiffreBloquee {
  font-weight: bold;  
  text-align: right;
  background-color: #ffffff;
  border: 0;
}

.zoneSaisie {
  font-weight: bold;  
  text-align: left;
  background-color: #ffffff;
}

.zoneSaisieChiffre {
  text-align: center;
  font-weight: bold;
  background-color: #ffffff;   
}

.ligneTotal {
  font-weight: bold;
  color: #000000;
  background-color: #d0d0d0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;       
}

@page:impr {
  size: 210mm 297mm portrait;
  margin-top: 2cm;
  margin-right: 2cm;
  margin-bottom: 2cm;
  margin-left: 2cm;
  marks: none;
}   

@page:impr_mutame {
  size: 210mm 297mm landscape; 
  margin: 20mm;
  marks: none
}

/************************* Style pour le chargement **************************/
#cache {
  position: absolute;
  width: 30%;
  top: 300px;
  margin: 0 auto;
  z-index:10;
  visibility:hidden;
}

.chargement {
  text-align: center;
  background-color: #C60C30;
  font-family: Verdana;  
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;      
}
/************************* Style pour le calendrier **************************/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;  
}

.ds_tbl {
	background-color: #FFF;  
}

.ds_head {
	background-color: #7AB800;
	color: #ffffff;
	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;
} /* This hover code won't work for IE */