body
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;            
}

A:link
{
	color: #D24E4E;
	text-decoration: none;
}
A:visited
{
	color: #DB5E5E;
	text-decoration: none;
}
A:active
{
	color: #A81007;
	text-decoration: none;
}
A:hover
{
	font-weight: bold;
	color: #860F08;
}

.clearall
{
    clear: both;
}

.textbox,.txtlogin,.txtmdp,.txtficheclient,.txtprlvmt
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #ffffff;
	font-size: 11px;		
}

.traide
{
	height:20px;
}

.trnoaide
{
	height:0px;
}

.tdaide
{
	font-weight:bold;
}

.tbl1_headers
{
    width:100%;    
}

.tbl1_noheaders
{
    width:100%;    
}

.tbl2_headers
{       
    background:white;    
}

.tbl2_noheaders
{
    width:100%;    
}

.tbl3
{   
    width:100%;    
}

.divglobal
{
    border: solid 1px;
    padding: 5px;
    margin:5px;
    background:#ffffff;    
}

.divglobalfooter
{
    padding-top: 5px;    
}

.tblglobal
{
    width: 100%;
    border: 0;
    font-family: Arial, Sans-Serif;
    font-size: 11px;     
}

.trglobal
{
    width: 100%;    
}

.tdglobal
{
    width: 100%;  
}

.tdheaderglobal
{    
    height: 25px;
    padding-top: 3px;
    padding-left: 3px;    
    color: #FFFFFF;
    background-color: #666666;
    font-size: 16px;
    font-weight: bold;
}

.tdempty
{
    height: 1px;
    background-color: #ffffff;
}

.tdempty5
{
    height: 5px;
    background-color: #ffffff;
}

.tdempty10
{
    height: 10px;    
}

.tdempty30
{
    height: 30px;    
}

.tbl
{
    width: 100%;    
    border: 0;    
}

.trtbl
{    
    height: 25px;
}

.trcolor
{
    background-image: url(../images/web/red.gif);
    height: 25px;
}

.trheadertbl,.trheadertblbulle
{    
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    color:#FFFFFF;
    background-color: #BDBBBB;
    text-align: center;
}

.tdheadertbl,.tdheadertblpaniermanif,.tdheadertblpanierformule,.tdheadertblbeneficiaire
{
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    color:#666666;
    background-color: #EEECEC;
    text-align: center;
}

.tdfootertbl,.tdfootertblleft
{
    background-color: #BDBBBB;    
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.tdfootertblleft
{
	text-align:left;
}
.divglobalfooter
{
    padding-top: 5px;
}

.divinfos
{
    display: none;
    position: absolute;
    border: 1px solid;
    background-color: white;
    padding: 5px;    
}

.bandeauetapespanier,.bandeau
{
    width:100%;
    height:40px;    
    background-color: #EEECEC;
}

.bandeau
{
    margin-bottom:10px;
}

.etapes
{
    margin-right: 20px; 
    float: left;
}

.etape1_on
{
	background-image: url(../images/web/1_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
	cursor: pointer;
}

.etape1_off
{
	background-image: url(../images/web/1_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
}

.etape2_on
{
	background-image: url(../images/web/2_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
	cursor: pointer;
}

.etape2_off
{
	background-image: url(../images/web/2_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
}

.etape3_on
{
	background-image: url(../images/web/3_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
	cursor: pointer;
}

.etape3_off
{
	background-image: url(../images/web/3_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
}

.etape4_on
{
	background-image: url(../images/web/4_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
	cursor: pointer;
}

.etape4_off
{
	background-image: url(../images/web/4_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;	
}

.etape5_on
{
	background-image: url(../images/web/5_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;
	float: left;
	cursor: pointer;
}

.etape5_off
{
	background-image: url(../images/web/5_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
}

.etape6_on
{
	background-image: url(../images/web/6_on.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
	cursor: pointer;
}

.etape6_off
{
	background-image: url(../images/web/6_off.gif);
	margin-right: 3px; 
	border: none;
	width: 40px; 
	height: 40px;	
	float: left;
}

.divetpcli
{
    clear:both;
}

.nomEtp1,.nomEtp2,.nomEtp3,.nomEtp4,.nomEtp5,.nomEtp6
{   
    width: 300px; 
	height: 17px;	
	border: none;	
	float:left;
	display: inline;	
	background-repeat:no-repeat;
}

.nomEtp1
{
    /*background-image: url(../images/web/nomEtp1_on.gif);*/
    margin-left:0px;
}

.nomEtp2
{
    /*background-image: url(../images/web/nomEtp2_on.gif);*/
    margin-left:43px;
}

.nomEtp3
{
    /*background-image: url(../images/web/nomEtp3_on.gif);*/
    margin-left:86px;
}

.nomEtp4
{
    /*background-image: url(../images/web/nomEtp4_on.gif);*/
    margin-left:129px;
}

.nomEtp5
{
    /*background-image: url(../images/web/nomEtp5_on.gif);*/
    margin-left:172px;
}

.nomEtp6
{
    /*background-image: url(../images/web/nomEtp6_on.gif);*/
    margin-left:215px;
}

.nomEtpOff1,.nomEtpOff2,.nomEtpOff3,.nomEtpOff4,.nomEtpOff5,.nomEtpOff6
{       
    float:left;
    width: 400px; 
	height: 40px;	
	border: none;
	background-repeat:no-repeat;
}

.nomEtpOff1
{
    /*background-image: url(../images/web/nomEtp1_off.gif);*/
}

.nomEtpOff2
{
    /*background-image: url(../images/web/nomEtp2_off.gif);*/  
}

.nomEtpOff3
{
    /*background-image: url(../images/web/nomEtp3_off.gif);*/
}

.nomEtpOff4
{
   /*background-image: url(../images/web/nomEtp4_off.gif);*/
}

.nomEtpOff5
{
    /*background-image: url(../images/web/nomEtp5_off.gif);*/
}

.nomEtpOff6
{
    /*background-image: url(../images/web/nomEtp6_off.gif);*/
}

.panier,.panier_on
{     
    float:right;
    font-weight: bold; 
    font-size: 11px;   
    padding-right:20px;    
}

.panier_on
{
	cursor:pointer;
	text-decoration: underline;	
}

.lblnbplpaniervide
{   
    text-align: left;
    color: #666666;  
}

.lblnbfpaniervide
{   
    text-align: left;
    color: #666666;  
}

.lblmontantpaniervide
{
    text-align: left;
    color: #666666;    
}

.lblnbplpanier
{    
    text-align: left;
    color: #A81007;          
}

.lblnbfpanier
{       
    text-align: left;
    color: #A81007;  
}

.lblmontantpanier
{
    text-align: left;
    color: #A81007;     
}

.divlangues
{
    margin-left:5px;
    margin-right: 20px; 
    float: left;
}

.langue_fr_on
{
	background-image: url(../images/web/langue_fr_on.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_fr_off
{
	background-image: url(../images/web/langue_fr_off.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_en_on
{
	background-image: url(../images/web/langue_en_on.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_en_off
{
	background-image: url(../images/web/langue_en_off.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_de_on
{
	background-image: url(../images/web/langue_de_on.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_de_off
{
	background-image: url(../images/web/langue_de_off.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_es_on
{
	background-image: url(../images/web/langue_es_on.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_es_off
{
	background-image: url(../images/web/langue_es_off.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_it_on
{
	background-image: url(../images/web/langue_it_on.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.langue_it_off
{
	background-image: url(../images/web/langue_it_off.gif);
	margin-right: 3px; 
	border: none;
	width: 20px; 
	height: 20px;	
	float: left;
	cursor: pointer;
}

.divlogofooter
{
    float:right; 
    margin-bottom:5px;
    margin-right:5px;
}

.logodsp,.logodth
{   
    border:none;
    cursor:pointer;        
}

.logodsp
{
    background-image: url(../images/web/logodatasport.gif);    
    width: 105px;
    height: 20px;
}

.logodth
{
    background-image: url(../images/web/logodatathea.gif); 
    width: 105px;
    height:23px;
}

.lst,.lstpays,.lstzones
{
    border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #ffffff;
	font-size: 11px;	
}

.btnplan
{
    font-size:11px;
	width: 140px; 
	height: 20px;	
	text-align: center;			
}

.btnnavlst
{
    font-size:11px;
	width: 220px; 
	height: 20px;	
	text-align: center;	
}

.divheader,.divheaderCGAU
{
    height: 25px;    
    padding-top: 3px;
    padding-left: 3px;
    color: #FFFFFF;
    background-color: #666666;
    font-size: 16px;
    font-weight: bold; 
    border-bottom:solid 1px #FFFFFF;
    vertical-align:middle;
    clear:both;    
}

.divtitle,.divtitleclient,.divtitlepaiement
{
    padding-top: 3px;
    padding-left:3px;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    color:#FFFFFF;
    background-color: #BDBBBB; 
    border-top:solid 1px #FFFFFF;
    border-bottom:solid 1px #FFFFFF;
    text-align:left;
}

.divmain
{    
    overflow:hidden;
    width:100%;    
    padding-top:35px;
    padding-bottom:35px;
    background-color: #E0E0E0;        
}

.divfooter,.divfooterleft
{
    border-top:solid 1px #FFFFFF;
    background-color: #BDBBBB;    
    height: 30px;   
    padding-top:5px;
    text-align:right;    
}
.divfooterleft
{
	text-align:left;    
}

.btnfooter,.btncontinuer
{
    margin:5px;
    font-size:11px;
	width: 150px; 
	height: 20px;	
	text-align: center;		
}

.imginfo
{    
    width: 18px;
    height: 18px;   
    cursor: pointer;     
    vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
    border:none;    
}

.divmessage,.divmessage2,.divmessage3,.divmessage4,.divmessage5,.divmessage6,.divunauthorized
{
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
}

.divunauthorized
{
    width:230px;    
}

.divmessage
{
    width:300px;
    text-align:center;
}

.divmessage2
{
    width:340px;
    text-align:center;
}

.divmessage3
{
    padding-left:20px;
    padding-right:20px;
    width:100%;
    text-align:justify;
}

.divmessage4,.divmessage5
{
    width:100%;
    text-align:center;
}
.divmessage5
{
    padding-top:20px;
    padding-bottom:20px;
}

.divmessage6
{
    padding-left:20px;
    padding-right:20px;
    text-align:justify;
    margin-top:20px;
    margin-bottom:20px;
}

.divTxtCGV
{
    padding-left:5px;
    padding-right:5px;  
    font-weight:bold;  
}

.grd
{
    clear:both;    
}

.divmsgconfirmation
{
    font-weight:bold;
    font-size:11px;
    text-align:center;
}

.liste
{
	font-size: 11px;
	color: #000000;	
	background-color: #fff;
}

option {
	padding-right: 0.5em;
}

.divClose
{
    background-image:url(/App/Images/web/delete.gif);
    cursor:pointer; 
    width:15px;
    height:18px;
    float:right;
    margin-top:5px;
    margin-right:5px;
}

.titreBandeau
{
    margin-left:1px;
    margin-top:16px; 
    text-align:left;
    font-weight:bold;            
    float:left;
    font-size: 16px;
    color:#666666;
}

.divicoinfo
{
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    margin-left:5px;
}

.imgdispo,.imgdispoSel
{    
    width: 13px;
    height: 13px;   
    cursor: pointer;     
    vertical-align:middle;  
    border: none;
}
.imgdispoSel
{
    width: 16px;
    height: 16px;   
    border: solid 2px #000;
}
.lblchoixlangue
{
	font-family: Arial, Sans-Serif;
    font-size: 11px;      
}
.tblPatienceSeances
{   
	width:300px;       
    font-weight: bold;       
    background-color: #EEECEC;   
    border: solid 2px #ddd;             
    font-weight: bold;  
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    margin-left:auto;
    margin-right:auto;    
}          
.tdPatience
{
    background-color: #EEECEC;    
}
.defaultBckgrndColor1
{
	background-color: #EEECEC;    
}
.defaultBckgrndColor2
{
	background-color: #E0E0E0;    
}
.divaccueil
{
	float:left;
}

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

.divRechercheVille
{
	border: #a9a9a9 1px solid;
	color: White;
	background-color: Black;
	font-size: 11px;		
}

.divVille
{
    color : Black;
	background-color: White;
	font-size: 11px;
	white-space: nowrap;
	cursor: default;		
}

.divVilleOn
{
    color: Black;
	background-color: Silver;
}

.spanVille
{
    color: Red;
}