/******************************************************************************/
/*                            BALISE GENERALE                                 */
/******************************************************************************/

* {
	margin: 0px;
	padding: 0px;
    outline: none;
}

input {
    border: 0;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666;
	background:#fffdee;
	
}



img {
    border: 0;
}

select {
    border: 0;
    width: 55px;
	
}

a{
	color:#fff;
	text-decoration:none;
}


a:hover{
	text-decortion:underline;
}

.champsRequis {
    padding: 5px 10px;
    font-size:10px;
	color:#fff;
}

label{
	font-size:11px;
	margin-left:0;
}



.champ {
    background: url('../image/css_champ.gif') repeat-x left #fff;
	 width:154px;
}

.compCompte .champ#dejapays {
	 width:124px;
	 padding: 4px 1px 4px 17px;
	
}

input {
	background: url("../image/ico_BgInput.png") repeat-x scroll left center #fff;
	padding:2px;
}



table.oubliMDP input {
	border: 1px solid #D1D1D1;
	-webkit-box-shadow: inset 0px 0px 0 0 #F7F7F7;
	-moz-box-shadow: inset 0px 0px 0 0 #F7F7F7;
	box-shadow: inset 0px 0px 0 0 #F7F7F7;

	width:175px;
}

table.oubliMDP input.champTel {
	border: 1px solid #D1D1D1;
	-webkit-box-shadow: inset 0px 0px 0 0 #fff;
	-moz-box-shadow: inset 0px 0px 0 0 #fff;
	box-shadow: inset 0px 0px 0 0 #fff;
	width:170px;
	padding: 1px 1px 1px 5px;
}


.compCompte input.btSubmit{
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    left: 128px;
    padding: 0 0 4px 2px;
    position: relative;
    text-transform: uppercase;
    top: -30px;
    width: 32px;
	line-height:19px;
	background: #006d82;

	font-family:Arial, Helvetica, sans-serif;

}


input.champ {
	padding: 4px 1px 4px 5px;
	border:1px solid #ccc;
	
}

input.champTel {
	background:url('../image/bgChampInput.png') no-repeat 5px 0 #fff;
	padding: 1px 1px 1px 17px;
	width: 157px;
	
}




input#metaMobilePorteur{
	width:138px;
	}
	
input.champPwd {
    background: #fff url('../image/bgCadenas.gif') no-repeat 5px center;
	padding: 1px 1px 1px 17px;
	width: 185px;
	/text-indent:0;
	clear:both;

}

input#dejamail {
    background: url("../image/ico_mail.gif") no-repeat scroll left center #FFFFFF;
    border: 1px solid #D1D1D1;
    clear: both;
    padding: 1px 1px 1px 20px;
    width: 125px;
}

#pageCompteIdentification input#dejatel,
#pageEtape2 input#dejatel{
	padding: 4px 1px 4px 17px;
	width:138px;
	border:1px solid #ccc;
	background: url("../image/bgPhoneInput.gif") no-repeat scroll 2px 3px #FFFFFF;
}




input#dejatel{
	width: 150px;
	padding: 1px 1px 1px 17px;
}

#pageCompteIdentification input#dejapass,
#pageEtape2 input#dejapass{
	padding: 4px 1px 4px 17px;
	width:138px;
	border:1px solid #ccc;
	 background: url("../image/bgCadenasInput.gif") no-repeat scroll 2px 3px #FFFFFF;
}

input#dejapass{
	width: 154px;
	padding: 4px 1px 4px 5px;
	border:1px solid #ccc;
}

input#nouveautel{
	width: 154px;
	padding: 4px 1px 4px 5px;
	border:1px solid #ccc;
}

input#nouveaupass{
	width: 154px;
	padding: 4px 1px 4px 5px;
	border:1px solid #ccc;
}

input#nouveaupassconfirm{
	width: 154px;
	padding: 4px 1px 4px 5px;
	border:1px solid #ccc;
}

#aucuneTransaction {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	color:#666;
	padding-top:15px;
}


/******************************************************************************/
/*                          BALISE POUR LE POSITIONNEMENT                     */
/******************************************************************************/

#positionSite {
    margin: 0 auto;
	background:url('../image/bgGlobal.jpg') no-repeat center top;
	background-size:100% 300px;
	
}
#positionSite .langage {

}
#positionSite .langage .pageEtape {
}

#langageFR{
	
}

#cadreContent{
	clear:both;
	display:block;

}

#cadreContent .ligneContent1 {

}

#cadreContent .ligneContent2 {
     width:1023px;
	
	margin:0 auto;
	
}

#cadreContent .ligneContent1 {
	margin:0 auto;
    position: relative;
    width: 1023px;
	margin-bottom:32px;
}


/***************** LOGO *************************/

.logo{
	width:277px;
	height:310px;
	background: url('../image/logo.png');
	clear:both;
	}





/******************************************************************************/
/*                          TAILLE DU CONTENU DU SITE                         */
/******************************************************************************/

#pageErreur #cadreContent {
	float: none;
	padding: 20px;
	min-height: 100px;
	_height: 100px;
}

/******************************************************************************/
/*         BALISE POUR LES TAILLES LIGNE ET COLONNE DE PREMIER NIVEAU         */
/******************************************************************************/

.ligneContent1 {
  
}
.ligneContent1 .colonneContent1 {
  
}
.ligneContent1 .colonneContent2 {
    padding: 8px 0 0 15px;
    float:left;
    width: 580px;
}
.ligneContent1 .colonneContent3 {
    padding: 8px 0 0 15px;
    float:left;
    width: 180px;
}


.ligneContent2 .colonneContent1 {
	float:left;
	width: 735px; 
	
}




.ligneContent2 .colonneContent2 {
    float: right;
    width: 271px;
	padding-top:15px;
	min-height: 654px;
}

.ligneContent2 .colonneContent3 {
    padding: 0 0 0 15px;
    float:left;
    width: 180px;
}

.ligneContent3 {
    clear: both;
	background: url("../image/bgFooter.png") no-repeat scroll 0 0 #d9dadc;
	width:1037px;
	margin:0 auto;
	height: 62px;
	position:relative;
	
}
.ligneContent3 .colonneContent1 {

    padding: 0px;
	clear:both;
}

#pageCompte .ligneContent3 .colonneContent1 {

    padding: 0px;
	clear:both;
}


#pageCompte .ligneContent2 .colonneContent2 {
    display: none;
}

#pageCompte .ligneContent2 .colonneContent1 {
	 margin-left: 0;
    margin-top: 0;
	padding-top:0;
    width: 1023px;
	background:transparent;
}

/******************************************************************************/
/*        BALISE POUR LES TAILLES LIGNE ET COLONNE DE NIVEAU INFERIEUR        */
/******************************************************************************/
/*
.ligneContent1 .colonneContent1 .ligneContent1 .colonneContent1 {
    padding:0;
    float: left;
    width: 477px;
}
.ligneContent1 .colonneContent1 .ligneContent1 .colonneContent2 {
    background: none;
    padding:0;
    float: left;
    width: 203px;
}

.ligneContent1 .colonneContent1 .ligneContent2 {
    padding:30px 0 0 0;
}

*/

.buttonsContainer {
    text-align: center;
    height: 67px;
	width:700px;
	padding-top:30px;
}





/********************FOOTER******************/

#bottomContent{
	background:url("../image/bg_footer.gif") no-repeat scroll 0 0 transparent;
	float:right;
	height:37px;
	width:980px;
	margin-top:10px;
	display:none;
}
#site-generator{
	float:right;
	margin-top:-9px;
}
#site-info{
	width:695px;
	color:#fff;
	margin-left:10px;
	margin-top:15px;
	font-weight:bold;
}
#site-info a {
	color:#FFFFFF;
	margin-right:13px;
}
#site-info span {
	margin-right:6px;
}
.menu-footer,
#menu-footer{
	list-style:none outside none;
}
#menu-footer.inline_menu{
}
.menu-footer ul li{
	background:url("../image/ico_puces.gif") no-repeat scroll left center transparent;
	display:inline;
}

/*OLD*/
.infoChoixFirst {
    padding: 10px;

}
.infoChoixFirst span {
    font-size:12px;
    font-weight:bold;
}
.infoChoixSecond {
    background: url('../image/tetiere.gif') no-repeat center 26px;
    display: block;
    width: 538px;
    height: 48px;
    padding: 0px 10px;
    float:left;
    margin-top:20px;
}
.infoChoixSecond span {
    font-size:12px;
    font-weight:bold;
}
.infoChoixSecond .titre {
    color:#004958;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    width: 100%;
    display: block;
    text-align: center;
}

div#dp-popup {
   background:none repeat scroll 0 0 #fff;
	
 	border:1px solid #252525;
    padding:5px;
    margin: 22px 0 0 -7px;
	z-index:5000;
}

div#dp-popup h2{
      background: #C10134; 

    color: #FFFDEE;
    font-size: 12px;
    padding: 6px;
    text-transform: uppercase;
}
div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next {
    top: 7px;
    right: 15px;
}
div.dp-popup div.dp-nav-prev {
    left:20px;
}

div#dp-popup .dp-nav-prev .dp-nav-prev-year,
div#dp-popup .dp-nav-next .dp-nav-next-year {
    display:none;
}

div#dp-popup.dp-nav-prev dp-nav-prev-month,
div#dp-popup.dp-nav-next dp-nav-next-month {
    color:#FFF;
}
div.dp-popup div.dp-nav-prev .dp-nav-prev-month {
   
    color: #5D4023;
	width:10px;
	height:10px;
}
div.dp-popup div.dp-nav-next .dp-nav-next-month {

   color: #FFEC99;
	width:10px;
	height:10px;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    background: none;
    color: #FFEC99;
}

div#dp-popup .dp-calendar {
	background: none repeat scroll 0 0 #F9F9F9;
}

div#dp-popup .dp-calendar table.jCalendar {

    width: 190px;
    border:none;
}

div#dp-popup .dp-calendar .jCalendar thead {
    /*background:#D8D8D8;*/
    color:#AF6741;
}

div#dp-popup .dp-calendar table.jCalendar th{
    border:none;
    background:#EAE8E8;
    padding:5px;
}

div#dp-popup .dp-calendar .jCalendar tbody{
}

div#dp-popup .dp-calendar .jCalendar tbody td {
    color:#FFF;
    padding:0px;
}

div#dp-popup .dp-calendar .jCalendar tbody .other-month{
	color:#999;
	background:#EAE8E8;
}



div#dp-popup .dp-calendar .jCalendar tbody .current-month {
    background: none;
    width: 23px;
    height: 24px;
    color: #424242;
    padding: 0px;
    border: none;
}

div#dp-popup .dp-calendar .jCalendar tbody .current-month:hover {
    background: none repeat scroll 0 0 #424242;
	color:#fff;
}

div#dp-popup .dp-calendar .jCalendar tbody td.disabled {
    background:none;
    color: #999999;
}



/******************************************************************************/

#haut_de_page {
    height: 87px;
}


/******************************************************************************/


#nouvelleCB td#rowSubmitEtape3 .btSubmit {
     background: url("../image/bgBtGlobal.png") repeat scroll 0 0 transparent;
    color: #FFFDEE;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    cursor: pointer;
    font-weight: normal;
    height: 44px;
    line-height: 28px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 229px;
	
	}
	
table#nouvelleCB{
    border-spacing: 0;
    width: 690px;
	
	}
	
table#nouvelleCB td{
	    padding: 4px 15px;
	}
	
table#nouvelleCB td.tableColonne1{
	        font-weight: bold;
    text-align: left;
    width: 226px;
	width: auto/9;
	/width: 226px;
	  }
	table#nouvelleCB td.tableColonne1-2{
	    padding: 10px 15px 0px;
		color:#000;
	}
table#nouvelleCB a{
	color: #000;
	font-weight: bold;
	text-decoration:underline!important;
	}

table#nouvelleCB a:hover{
	color: #666;
	font-weight: bold;
	text-decoration:none!important;

	}
table#nouvelleCB	input {
    width: 160px;
}
table#nouvelleCB	input#cgvCB {
    width: auto;
	margin-right: 6px;
}
table#nouvelleCB	input.champCarte {
    background: url("../image/css_champCB.gif") no-repeat scroll 1px center #FFFFFF;
    border: 1px solid #D1D1D1;
    height: 17px;
    padding: 0 0 0 30px;
    width: 120px;
}
table#nouvelleCB .champ {
	 width:146px;
	 width:100px\9;
	 /width:146px;
	  margin-top: 5px;
	  background:none repeat scroll 0 0 #fff;
	  border:1px solid #d1d1d1;
}

.popupTarifs .header {
  background: #ebcc5c; /* Old browsers */
background: -moz-linear-gradient(top, #ebcc5c 0%, #c99a1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebcc5c), color-stop(100%,#c99a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebcc5c 0%,#c99a1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebcc5c 0%,#c99a1a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ebcc5c 0%,#c99a1a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcc5c', endColorstr='#c99a1a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ebcc5c 0%,#c99a1a 100%); /* W3C */
 
    color: #252525;
	font-size:12px;
    padding: 5px 10px;
}

.popupTarifs .header .title {
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.popupTarifs .header .close {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    font-size: 10px;
    margin-top: 3px;
    text-decoration: none;
	color:#fff;
}



.popupTarifs .submit button, .popupTarifs .submit input {
    background: url("../image/bgReserver.jpg") no-repeat scroll center 0 transparent;
    border-radius: 0;
    color: #252525;
    cursor: pointer;
    font-family: Arial black,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width:130px;
}

.popupTarifs .submit .cancel {
    color: #252525;
}

label.formLabel {
    margin-left: 0;
	
}

.compCompte a#lienMdp{
	  left: 76px;
    position: absolute;
    top: 116px;
	
    width: 150px;
	font-size:9px;
	text-decoration:none;
	color:#000;
	
}

.compCompte a#lienMdp:hover{
	text-decoration:underline;
	
}



.backToMap{
	color:#000;
	background: transparent;
 	 padding: 3px 3px 3px 10px;
    width: 115px;
	margin:10px;
	background:url('../image/ico_20px.gif') no-repeat 0 6px;
}

.backToMap a{
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#champsRequis{
	font-size:10px;
	margin-left:37px;
	font-style:italic;
	color:#666;
}

#choixPlace {
    position: relative;
	margin-bottom:30px;
	
}

table.listeRenommageBillet input.renommageBilletInput{
	margin:5px 0;
	
}

table.listeRenommageBillet  button.renommageBilletSupp{
	background:url('../image/ico_erase.gif') no-repeat;
	width:11px;
	height:11px;
	outline:none;
	border:0;
	cursor:pointer;
	margin-left:5px;
}

table.listeRenommageBillet  button.renommageBilletSupp:hover{
	background:url('../image/ico_erase.gif') no-repeat 0 -11px;
	width:11px;
	height:11px;
	outline:none;
	border:0;
	cursor:pointer;
}

span.libelleBilletSupp{
	display:none;
}

.evenementAucun{
	padding-left:15px;
	padding-top:15px;
}


.champsRequisLibelle{
	 color: #000000;
	 font-size:9px;
	 font-style:italic;
	}