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

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

input {
    border: 0;
}

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


img {
    border: 0;
}

select {
    border: 0;
    width: 55px;
	 font-family:Helvetica, Arial, Helvetica, sans-serif;
}

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


a:hover{
	text-decortion:underline;
}

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

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



.champ {
    background:#fff;
	 width:154px;
	
}

.compCompte .champ#dejapays {
	 width:124px;
	 padding: 2px 1px 2px 17px;
	 border: 1px solid #c3c3c3;
	 -webkit-box-shadow: inset 0px 0px 3px 0px #cccccc;
	box-shadow: inset 0px 0px 3px 0px #cccccc; 
	
}

input {
	background: #fff;
	padding:2px;
	
}



table.oubliMDP input {
	-webkit-box-shadow: inset 0px 0px 3px 0px #cccccc;
	box-shadow: inset 0px 0px 3px 0px #cccccc;
		width:159px;
	border: 1px solid #C3C3C3;
    padding: 4px 1px 4px 17px;
}

table.oubliMDP input.champTel {
	 -webkit-box-shadow: inset 0px 0px 3px 0px #cccccc;
	box-shadow: inset 0px 0px 3px 0px #cccccc;
		width:159px;
	border: 1px solid #C3C3C3;
    padding: 4px 1px 4px 17px;
}


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

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


input.champ {
	padding: 4px 1px 4px 5px;
	border:1px solid #c3c3c3;
	-webkit-box-shadow: inset 0px 0px 3px 0px #cccccc;
box-shadow: inset 0px 0px 3px 0px #cccccc;  
	
}

input.champTel {
	background:#fff;
	padding: 1px 1px 1px 17px;
	width: 157px;
	-webkit-box-shadow: inset 0px 0px 3px 0px #cccccc;
box-shadow: inset 0px 0px 3px 0px #cccccc;  
	
}




input#metaMobilePorteur{
	width:138px;
	}
	
input.champPwd {
    background: #fff url('../image/bgCadenas.gif') no-repeat 5px center #FFFDEE;
	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 #FFFDEE;
    border: 1px solid #D1D1D1;
    clear: both;
    padding: 1px 1px 1px 20px;
    width: 125px;
}

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




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

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

select#dejapays {
	padding-left: 0;
	width: 163px;
}

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

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

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

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

#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/bgGlobal1.jpg') no-repeat center top;
	
}
#positionSite .langage {

}
#positionSite .langage .pageEtape {
	width:940px;
	margin:0 auto;
}

#langageFR{
	
}

#cadreContent{
background:#fff;
border-top:45px solid #e6e6e6;

}

#cadreContent .ligneContent1 {

}

#cadreContent .ligneContent2 {
     width:940px;
	margin:0 auto;
	float:left;
	
	
}


#pageCompte #cadreContent .ligneContent2 {
     width:1000px;
	margin:0 auto;
	float:left;
	
	
}

#cadreContent .ligneContent1 {
	margin:0 auto;
    position: relative;
    width: 940px;
	
}


/***************** 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 {
  position:relative;
}
.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: 600px;
	padding-top:10px;
	padding:0 10px 20px 20px;
		
}

#pageAccueil .ligneContent2 .colonneContent1 {
	 background: transparent;
	 padding:0 0 10px 0;
	
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	width: 620px;



}


.ligneContent2 .colonneContent2 {
    float: right;
    width: 302px;
	
	min-height: 654px;
	background:url('../image/bgRightColumn.jpg') no-repeat -6px top;
	
	
}

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

.ligneContent3 {
    clear: both;
	background: url("../image/bgFooterGlobal.jpg") no-repeat scroll 0 bottom transparent;
	width:960px;
	margin:0 auto;
	height: 599px;
	position:relative;
	margin-bottom:10px
	
}
.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: 910px;
	 background: #ffffff; 
	
	margin-bottom:24px;
	
	padding:20px 10px 10px 13px;
}

/******************************************************************************/
/*        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;
	padding-top:30px;
	width:600px;
}





/********************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: #CB0F2C; 
	line-height: 20px;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    text-transform: none;
	font-weight:bold;
}
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: #fff;
	width:10px;
	height:10px;
}
div.dp-popup div.dp-nav-next .dp-nav-next-month {

   color: #fff;
	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: #fff;
}

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 {
  
    color:#000;
}

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: none repeat scroll 0 0 #CB0F2C;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 5px 0 #989797;
    text-align: center;
    width: 211px;
	font-weight: normal;
	height:33px;
	line-height: 33px;
	text-transform:uppercase;
	cursor:pointer;
	margin: 15px auto 20px;
	color: #fff;
    font-family: Helvetica ,Arial,Helvetica,sans-serif;
    font-size: 18px;
	}
	

#nouvelleCB td#rowSubmitEtape3 .btSubmit:hover {
    text-align: center;
    width: 211px;
	
	height:33px;
	cursor:pointer;
	color: #fff;

	background:#000000;
	text-transform:uppercase;
	}
	
	
	
.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:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform:none!important;
}

.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: 73px;
    position: absolute;
    top: 89px;
    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;
	margin-left:20px;
	background:url('../image/ico_20px.gif') no-repeat 0 6px;
}

.backToMap a{
	color:#000;
	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;
	}

#mapRoom_default-2-MapRoomSection-canvasHolder-of{
	width:635px!important;
}


.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom {
   
    color: #cb0f2c;
    font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	 line-height: 25px;
	
	 text-transform:uppercase;

}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .date ,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate {
    clear: left;
    font-size: 18px;
    font-weight:normal;
	text-transform:none;
    color: #000000;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
		
}