/*************************************
	DspWEB : Global.css 
	Decription : définitions des classes communes

*************Z-index*****************
	- front-office:  < 999
	- back-office :  >1000
	- popin       :  1101<= z <= 1200
*************************************/

@import url("reset.css");
*
{
    margin: 0px;
    padding: 0px;
    -khtml-user-select: text;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
html, body
{
    background-repeat:no-repeat;
    font-family: Verdana, Century Gothic;
    font-size: 11px;
    color: #333;
    height: 100%;
    width: 100%;
}
html.no-touch #Main
{
    position: absolute;
    top: 0em;
    left: 50%;
    margin-left: -500px;
    z-index: 0;
}
html.touch #Main
{
    position: absolute;
    top: 0em;
    z-index: 0;
}
#body { 
  margin:0;
  padding:0;
  /* background: url(image/bg.jpg) no-repeat center fixed; */ 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
/************************Shadows************************************/
#shadows
{
    background-image: url("../images/shadows.png");
    background-repeat: repeat-y;
    width: 1200px;
    height:100%;
    position: absolute;
    top:0em;
    bottom:0em;
    left: 50%;
    margin-left: -600px;
    z-index: -2147483647;
}
/****************************************************************/
header
{
    /* position: absolute; */
    top: 0;
    left: 50%;
    /* margin-left: -500px; */
    width: 1000px;
    /*height: 185px;*/
    /* min-height:90px; */
    max-height:390px;
    text-align: center;
    z-index: 0;
}
#headerContent
{
    width: 1000px;
    /*height: 185px;*/
    z-index: 2;
    /*position: absolute; */
}
#shinyHeader
{
    background-image: url('../images/header.png');
    background-repeat: no-repeat;
    width: 1000px;
    /*height: 185px; */
    z-index: 1;
    position: absolute;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#container
{
    float:left;
    margin: auto auto 0px auto;
    width: 960px;
    min-height: 1050px;
    height: 100%;
    padding: 20px 20px 20px 20px;
    transition: filter 1s ease-in-out;
    filter: none;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwNTA1MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-70deg,  rgba(0,0,0,1) 0%, rgba(5,5,5,1) 1%, rgba(229,229,229,0.6) 50%, rgba(255,255,255,0.7) 68%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(1%,rgba(5,5,5,1)), color-stop(50%,rgba(229,229,229,0.6)), color-stop(68%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-56deg,  rgba(0,0,0,1) 0%,rgba(5,5,5,1) 1%,rgba(229,229,229,0.6) 50%,rgba(255,255,255,0.7) 68%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-70deg,  rgba(0,0,0,1) 0%,rgba(5,5,5,1) 1%,rgba(229,229,229,0.6) 50%,rgba(255,255,255,0.7) 68%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-70deg,  rgba(0,0,0,1) 0%,rgba(5,5,5,1) 1%,rgba(229,229,229,0.6) 50%,rgba(255,255,255,0.7) 68%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(160deg, #000000 0%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.8) 70%, #FFFFFF 85%) repeat scroll 0 0 transparent;
}
#container #header
{
    width: 1000px;
    height: 180px;
}
#container #maincont
{


}
#container #maincont #mainleft
{
    float: left;
    width: 640px;
}
#container #maincont .EventsList, #container #maincont .PackagesList, #container #maincont #mainleftAbo, #container #maincont #mainleftAccessDenied
{
    float: left;
    width: 640px;
    padding: 0;
    height: auto !important;
    border: 1px solid #555555;
    margin-bottom: 2em;
    margin-top: .8em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
#container #mainright
{
    position: relative;
    top: 0;
    right: 0;
    height: auto !important;
    float: left;
    width: 297px;
    padding: 0px 0px 20px 20px;
    margin: 0;
}

#MaintenanceMessage
{
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 2em;
    margin-top: .2em;
    padding: 2em;
    text-align: center;
    font-weight: bold;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.DspPopinMessage
{
    height: auto;
    margin: 20px;
}

#footercont
{
    position:fixed;
    bottom:0em;
    width: 1000px;
    font-size: 11px;
	height:31px;
    /*background-color:#111111;
    background: url("../images/overlay.png") repeat-x scroll 0 -110px #111111;*/
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 100px;
    z-index:2;
}
#DSPCube
{
    position:absolute;
    background-image: url('./images/DSPCube2.png');
    background-repeat: no-repeat;
    width:150px;
    height:150px;
    float:right;
    bottom:2em;
    right:4em;
    cursor:pointer;
}
#ui-accordion-accordion-panel-2,#ui-accordion-accordion-panel-4
{
    padding:1em;
}
#ui-accordion-accordion-panel-4
{
    margin-bottom:5em;   
}
div.icon-information
{
    background-image: url("../images/information_small.png");
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    vertical-align: middle;
    cursor:pointer;
}
#deliverymodepage .icon-information
{
       float:left;
}


#navsections-menu div.icon-information
{
    float: right;
    margin: -15px 5px 0px 0px;
}
#container #maincont .MainLeftPage1, #container #maincont .MainLeftPage2, #container #maincont #mainUserSpace, #container #maincont #mainAccessDenied
{
    float: left;
    width: 640px;
}
#container #maincont .MainLeftPage1 .EventsList, #container #maincont .MainLeftPage1 .PackagesList, #container #maincont .MainLeftPage1 #mainleftAbo, 
#container #maincont #mainUserSpace #divAccountSpace, #container #maincont #mainleftAccessDenied
{
    float: left;
    width: 640px;
    padding: 0;
    height: auto !important;
    margin-bottom: 2em;
    margin-top: .2em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}   
      
.EventsList h1, .PackagesList h1, #divAccountSpace h1, #mainleftAccessDenied h1
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 200px;
}
       
#mainMenu
{
    width: 640px;
    height: 35px;
    font-weight: bold;
    margin: 0em 0em 1.2em 0em;
    display: inline-block;
}   
.floatL
{
    clear: none !important; /*float: left;*/
    text-decoration: underline;
    width: 100px;
}
.floatC
{
    clear: none !important;
    float: none;
    text-decoration: underline;
}
.floatR
{
    clear: none !important; /*float: right;*/
    text-decoration: underline;
}
h1
{
    padding: 20px 20px 20px 20px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 0px 0px 0px;
    border-radius: 25px 25px 0px 0px;
    font-weight:normal;
}
.ellipsis {
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:135px;
   display:block;
}
.ellipsis165 {
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:165px;
   display:block;
}
.ellipsis240 {
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:240px;
   display:block;
}
.msie9 .ellipsis, .msie9 .ellipsis165, .msie9 .ellipsis240, .msie9 .lib
{
    white-space: normal;
}

#mainDiv
{
    position: absolute;
    width: 100%;
    height: 100%;
}
div
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input
{
    font-size: 10px;
    background-color: #EFEFEF;
    float: left;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
  background-color: rgba(220, 220, 220, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 0.5), rgba(240, 240, 240, 0.1));
  background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 0.5), rgba(240, 240, 240, 0.1));
  background-image: -o-linear-gradient(top, rgba(220, 220, 220, 0.5), rgba(240, 240, 240, 0.1));
  
  background: linear-gradient(top, rgba(220, 220, 220, 0.5) 0%, rgba(240, 240, 240, 0.1) 100%);
  -moz-box-shadow: inset 0 1px 4px #232323, 0 0 2px #ffffff;
  -webkit-box-shadow: inset 0 1px 4px #232323, 0 0 2px #ffffff;
  box-shadow: inset 0 1px 4px #232323, 0 0 2px #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Position radios and checkboxes better */
 input[type="radio"],
 input[type="checkbox"] {
   margin: 0px 4px 3px 0px;
   line-height: normal;
   cursor: pointer;
}
input[type="checkbox"] {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
input[type="checkbox"]:active, .input[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.select {
   width: 240px;
   height: 34px;
   overflow: hidden;
}
.select::-moz-selection { /* Pour firefox */
	background-color:red;
	color:white;
}
.select::selection { /* Pour les autres */
	background-color:red;
	color:white;
}
inputCaption
{
    font-weight: bold;
}
input:focus, textarea:focus
{
    outline: none;
}

#tableEvents.noDispo #infosmanif_txt { width: 202px; }
#eachEvent tr:nth-child(2n+1), #eachPackage tr:nth-child(2n+1){
     background-color:transparent;
}
#eachEvent tr:nth-child(2n), #eachPackage tr:nth-child(2n){
    background-color:transparent;
}
#eachEvent td:nth-child(2n+1), #eachPackage td:nth-child(2n+1){
    background-color:transparent;
}
#eachEvent td:nth-child(2n), #eachPackage td:nth-child(2n) {
    background-color:transparent;
}
#eachEvent td.tdinlinesparklineCaption, #eachPackage td.tdinlinesparklineCaption
{
    background-color: #3B3B3B;
    background-image:none;
    color: #AAAAAA;
    text-align: center;
    font-size: 11px;
    padding: .2em;
}

.eachEvent tr:hover td, #eachPackage tr:hover td
{
    background-image: url('../images/Manif_over.png');
    background-repeat: repeat-x;
}
/*#eachEvent tr:nth-last-line:hover, #eachPackage tr:nth-last-child:hover, #eachEvent tr:last-line:hover, #eachPackage tr:last-child:hover  
{
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
}*/
#eachEvent tr:last-child:hover
{
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
}
.eachEvent tr.CaptionEvent:hover, #eachPackage tr.CaptionPackage:hover
{
    background-image:none;
}

#OverLay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    background-color: #000000;    
    z-index: 999999;
}
#notification
{
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    border-radius: 2em;    
    float:left;    
}
#notification #notificationContent { float:left; padding: 10px 10px 10px 10px ;}
#RightAccordionPage, #mainright
{
    z-index:2;   
}


/** Links **/
a
{
    color: #900;
    text-decoration: none;
}
a:hover
{
    color: #222;
    text-decoration: none;
}

/************************************************** Boutons **************************************************/
.DspButton
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
    color: #111111;
    border: 1px solid #999999;
    cursor: pointer;
    width: 80px;
    height: 22px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: .2em .5em .2em .5em;
    margin: 1em;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3), inset 0px 0px 40px rgba(0,0,0,0.2), 3px 2px 5px #333333;
    background: rgb(153,153,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(206,206,206,1) 7%, rgba(255,255,255,1) 32%, rgba(255,255,255,1) 59%, rgba(206,206,206,1) 83%, rgba(183,183,183,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(7%,rgba(206,206,206,1)), color-stop(32%,rgba(255,255,255,1)), color-stop(59%,rgba(255,255,255,1)), color-stop(83%,rgba(206,206,206,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,255,255,1) 32%,rgba(255,255,255,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}
.DspButton:hover
{
    color: #FFFFFF;
    text-shadow: #acacac 1px 1px,#acacac -1px 1px,#acacac -1px -1px,#acacac 1px -1px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1), inset 0px 0px 20px rgba(0,0,0,0.1), 2px 1px 5px #555555;
    background: rgb(211,211,211); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(206,206,206,1) 5%, rgba(255,255,255,1) 24%, rgba(206,206,206,1) 66%, rgba(119,119,119,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(5%,rgba(206,206,206,1)), color-stop(24%,rgba(255,255,255,1)), color-stop(66%,rgba(206,206,206,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,255,255,1) 24%,rgba(206,206,206,1) 66%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,255,255,1) 24%,rgba(206,206,206,1) 66%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,255,255,1) 24%,rgba(206,206,206,1) 66%,rgba(119,119,119,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,255,255,1) 24%,rgba(206,206,206,1) 66%,rgba(119,119,119,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
}

.DspModeTest
{
    background: rgb(153,153,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(206,206,206,1) 7%, rgba(255,50,50,1) 32%, rgba(255,50,50,1) 59%, rgba(206,206,206,1) 83%, rgba(183,183,183,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(7%,rgba(206,206,206,1)), color-stop(32%,rgba(255,50,50,1)), color-stop(59%,rgba(255,50,50,1)), color-stop(83%,rgba(206,206,206,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(206,206,206,1) 83%,rgba(183,183,183,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(206,206,206,1) 5%,rgba(255,50,50,1) 24%,rgba(255,50,50,1) 66%,rgba(183,183,183,1) 100%); /* W3C */
    display: block;
    font-size: 8px;
    height: 18px;
}

.DspModeTest:hover
{
    color: #111111;
    background: rgb(153,153,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(206,206,206,1) 7%, rgba(255,50,50,1) 32%, rgba(255,50,50,1) 59%, rgba(119,119,119,1) 83%, rgba(119,119,119,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(7%,rgba(206,206,206,1)), color-stop(32%,rgba(255,50,50,1)), color-stop(59%,rgba(255,50,50,1)), color-stop(83%,rgba(119,119,119,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(119,119,119,1) 83%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(119,119,119,1) 83%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 7%,rgba(255,50,50,1) 32%,rgba(255,50,50,1) 59%,rgba(119,119,119,1) 83%,rgba(119,119,119,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,50,50,1) 24%,rgba(255,50,50,1) 66%,rgba(119,119,119,1) 100%); /* W3C */
}

.UserSpaceButton:hover
{
    -webkit-text-shadow: none;
    text-shadow: none;
}


/**************************MainMenu**************************/

.LoginGlobalBox .SocialConnectTxt,  #LoginPage .SocialConnectTxt
{  
    width: 130px;
    text-align: center;
    margin-right:.5em;
    margin-left:10px;
    margin-top:.8em;
    vertical-align:top;
    color: #FFFFFF;
    font-size:0.8em;
    display: inline-block;
    overflow: hidden;
}
.SocialConnectTxt:hover
{
    color: #EFEFEF;
}

.LoginClose
{
    float: right;
    margin: 8px 8px 0px 8px;
    vertical-align: top;
}
.LoginTitle
{
    margin:8px 8px 0px 8px;
}
.LoginTxt
{
    width: 180px;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 50px;
    display: inline-block;
    color:#FFFFFF;
    font-size:0.8em;   
}
.SocialConnectTxt .or, .LoginTxt .or
{
    width: 100%;
    font-size: 0.7em;
    text-align: center;
    margin-top: 5px;
}
#LoginBoxIdentify
{
    margin-top: -10px;
}

.LoginRegister
{  
    display: inline-block;
    padding: 0px 5px 0px 5px;
    margin: -3px 0px 0px 50px;
}
.inputText
{
    width: 130px;
    padding: 0px 5px 0px 5px;
    margin: 3px 0px 3px 50px;
    float: none;
    display: block;
    /*background-color: #CFCFCF;*/
    color: #000000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #555555;
}
.inputText:hover
{
    background-color: white;
}


.LoginRegisterAction
{
    cursor: pointer;
    height: 18px;
    background-image: none;
    font-size:.8em;
    color:#FFFFFF;
    font-weight:bold;
}
.LoginRegisterAction:hover
{
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=1);
}

#menucont
{
    width: 640px;
    height: 35px;
    font-weight: bold;
    margin: 0em 0em 1.2em 0em;
}
#menucontright
{
    width: 300px;
    height: 150px;
    color: #333333;
    font-weight: bold;
    margin-left: 0em;
    margin-bottom: 2em;
    margin-top: 0;        
}
.right_profil_box
{
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
    color: #262626;
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 200px;
    margin-bottom: 1em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    height: 42px;
    padding: 5px 0px;
}
.right_profil_line
{
    float: left;
    width: 30px;
}
.right_profil_label
{
    float: left;
    margin-left: 2.3em;
}
.right_profil_text
{
    float: left;
    margin-left: 0.5em;
}
.right_background_menu1
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 200px;
    cursor: pointer;
    list-style: none;
    padding: 0.4em;
    display: block;
    vertical-align: middle;
    text-align: left;
    font: bold 12px Verdana;
    color: #262626;
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
    -moz-border-radius: 25px 25px 0px 0px;
    -webkit-border-radius: 25px 25px 0px 0px;
    border-radius: 25px 25px 0px 0px;
    height: 40px;
}
.right_background_menu2
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 90px;
    cursor: pointer;
    list-style: none;
    padding: 0.4em;
    display: block;
    vertical-align: middle;
    text-align: left;
    font: bold 12px Verdana;
    color: #262626;
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
    height: auto;
    margin-bottom: .6em;
}
.right_background_menu3
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 100px;
    cursor: pointer;
    list-style: none;
    padding: 0.4em;
    display: block;
    vertical-align: middle;
    text-align: left;
    font: bold 12px Verdana;
    color: #262626;
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    height: 20px;
}
.right_background_menu4, .right_background_menu5
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 500px;
    cursor: pointer;
    list-style: none;
    padding: 0.4em;
    display: block;
    vertical-align: middle;
    text-align: left;
    font: bold 12px Verdana;
    color: #FFFFFF;
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
}
.right_background_menu4
{
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
}

/*#region LoginMulti */
/*#region LoginMulti - Eléments génériques */
.LoginMulti_Header
{
    padding-right: 15px !important;
}
.LoginMulti_Header div
{
    display: inline-block;
    font-size: 14px;
    margin: 0px 0px 0px 10px;
    padding-top: 10px;
}
.LoginExchange
{
    background-image: url('../images/Bourse_Echange.png');
    background-repeat: no-repeat;
    height: 40px;
    padding-left: 50px !important;
    color:white;
}
.LoginMulti_Content { 
    font: normal 10px Verdana;
    color: #232323;
    text-align: center;
    padding: 25px 65px 25px 65px;
    background-color: #E5E5E5;
    background-image: linear-gradient(top, #E5E5E5 0%, #707070 100%);
    background-image: -moz-linear-gradient(top, #E5E5E5 0%, #707070 100%);
    background-image: -ms-linear-gradient(top, #E5E5E5 0%, #707070 100%);
    background-image: -o-linear-gradient(top, #E5E5E5 0%, #707070 100%);
    background-image: -webkit-linear-gradient(top, #E5E5E5 0%, #707070 100%);
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
}
.LoginMulti_Logo
{
    margin: 14px;
}
.LoginMulti_LoginBox
{
    width: 100%;
}
.LoginMulti_Message
{
    text-align: left;
    font-size: 12px;
    margin: 0px 0px 15px 0px;
    font-weight:bold;
}
.LoginMulti_Frame
{
    padding: 5px 0px 10px 0px;
}
.LoginMulti_Frame > div
{
    display: inline-block;
    vertical-align: top;
}
.LoginMulti_Button
{
    display: inline-block;
    float: none !important;
    margin: 10px 0px 0px 0px !important;
}
/*#endregion*/

/*#region LoginMulti - Eléments spécifiques à la création/liaison de compte avec un compte réseau social */
/*.LoginMulti_Header #SocialConnectedTitle { margin-left: 20px; margin-right: 10px; }*/
#LoginSocialLinkConnected .LoginMulti_Content
{
    padding: 0px 35px 35px 35px;
}
#SocialConnectedLink { width: 16px; background-image: url("../images/BrokenArrow.png"); background-repeat: no-repeat; background-position: bottom; }
/*.LoginMulti_Header #SocialConnectedSocialNetworkType { margin-left: 10px; }*/
.LoginMulti_Header #SocialConnectedClose { float:right; width: 20px; }

.SocialConnectedAccountWelcome
{
    margin: 0px 0px 0px 84px;
    padding: 25px 0px 25px 0px;
}

#SocialConnectedAccountExistsMsg {
    margin: 15px 0px 0px 0px; padding: 10px 0px 10px 0px; text-align: center;
    background-image: linear-gradient(top, #C1C1C1 0%, #A1A1A1 100%);
    background-image: -moz-linear-gradient(top, #C1C1C1 0%, #A1A1A1 100%);
    background-image: -ms-linear-gradient(top, #C1C1C1 0%, #A1A1A1 100%);
    background-image: -o-linear-gradient(top, #C1C1C1 0%, #A1A1A1 100%);
    background-image: -webkit-linear-gradient(top, #C1C1C1 0%, #A1A1A1 100%);
}
.SocialConnectedAccountTypeWelcome { display: inline-block; vertical-align: middle; }
.SocialConnectedAccountType { 
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
    float: left;
    cursor: pointer;
    margin: 10px 0px 10px 0px;
}
.SocialConnectedfacebook { background-image: url("../images/facebook2.png"); }
.SocialConnectedgoogle { background-image: url("../images/googleplus.png"); }
.SocialConnectedtwitter { background-image: url("../images/twitter64.png"); }
#SocialConnectedAccountChoice .SocialConnectedAccountChoiceExplain
{
    margin-top: 2em;
    display: inline-block;
    width: 210px;
    vertical-align: top;
}
.SocialConnectedAccountChoiceButton { 
    background-color: #D0D0D0; 
    border: 1px solid #8D8D8D; 
    padding: 15px 0px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    min-height: 80px;
}
.SocialConnectedAccountChoicePlus { color: #4D4D4D; font-style: italic; }
.SocialConnectedAccountChoiceExplain .button_login { margin-top: 25px; float: none;  }
.SocialConnectedAccountChoiceExplain #ConnectedSubmit.button_login { margin-top: 5px; }
.SocialConnectedAccountChoiceExplain a { display: block; margin-top: 10px; }
#SocialConnectedAccountChoice .SocialConnectedAccountChoiceSeparator
{
    margin: 10px 25px 0px 25px;
    display: inline-block;
    width: 2px;
    height: 120px;
    vertical-align: top;
    background-image: linear-gradient(top, #BEBEBE 0%, #8A8A8A 100%);
    background-image: -moz-linear-gradient(top, #BEBEBE 0%, #8A8A8A 100%);
    background-image: -ms-linear-gradient(top, #BEBEBE 0%, #8A8A8A 100%);
    background-image: -o-linear-gradient(top, #BEBEBE 0%, #8A8A8A 100%);
    background-image: -webkit-linear-gradient(top, #BEBEBE 0%, #8A8A8A 100%);
}
#SocialConnectedAccountLink .inputText { margin: 5px 25px 0px 25px; width: 140px; }
/*#endregion*/
/*#endregion*/

.right_background_menu2:hover
{
    border-style: none;
    color: #555555;
    text-decoration: none;
    background-image: url("../images/mainbk.png");
    background-position: 0 167px;
}
.right_background_menu_logged
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    /*background-position: 0 200px;*/
    cursor: pointer;
    list-style: none;
    padding: 0.4em;
    display: block;
    vertical-align: middle;
    text-align: left;
    font: bold 12px Verdana;
    color: #262626;
    border-width: 0px;
    border-color: #333333;
    border-style: solid;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    height: 40px;
    margin-bottom:.2em;
}
.right_background_menu1:hover, .right_background_menu_logged:hover
{
    border-style: none;
    color: #555555;
    text-decoration: none;
    background-image: url("../images/mainbk.png");
    /*background-position: 0 190px;*/
}
#CustomerActions
{
    margin-top: 1em;
}
#User_icon
{
    background-image: url('../images/Padlock.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin:0px;
}
#socialConnect
{
    padding: 0.6em;
}
#customerAction_text
{
    float: left;
    margin-left: 1.5em;
}
#customerAction_select
{
    float: left;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 1em;
}
#AccountBox_CustomerInfos
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 200px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 0px 0px 0px;
    border-radius: 25px 25px 0px 0px;
}
#welcome
{
    margin-left: 0.5em;
    float: left;
}
#deconnect
{
    margin-left: 0.5em;
}
#welcome_pic
{
    background-image: url("../images/icones_VAD.png");
    background-position: -162px 0px;
    cursor: pointer;
    float: left;
    height: 25px;
    vertical-align: middle;
    width: 27px;
    margin-top: 0em;
    margin-left: .2em;
}
#deconnect_pic
{
    background-image: url("../images/icones_VAD.png");
    background-position: -273px 0px;
    cursor: pointer;
    float: left;
    height: 25px;
    vertical-align: middle;
    width: 20px;
    margin-top: 0em;
    margin-left: .2em;
}
#welcome_info
{
    margin-top: 0.8em;
    text-align: center;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu
{
    display: block;
    display: inline-block;
    position: relative;
    height: 3.3em;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    zoom: 1;
}
.ui-selectmenu-icon
{
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
}
.ui-selectmenu-menu
{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    display: none;
    z-index: 1005;
    margin-left: 1px;
}
/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    color:#FFFFFF;
}
.ui-selectmenu-open
{
    display: block;
}
.ui-selectmenu-menu-popup
{
    margin-top: -1px;
}
.ui-selectmenu-menu li
{
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
    color:#FFFFFF;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status
{
    line-height: 1.4em;
    display: block;
    padding: .405em 2.1em .405em 1.5em;
    outline: none;
    text-decoration: none;
    font-weight:bold;
    color:#FFFFFF;
}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled
{
    cursor: default;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status
{
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon
{
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
    margin-left:0.1em;
}
.ui-selectmenu-status
{
    line-height: 1.4em;
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span
{
    margin-bottom: 0.2em;
    margin-left: .6em;
    margin-top: -0.4em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header
{
    font-weight: bold;
    border-bottom:1px solid #333333;
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer
{
    opacity: .8;
}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group 
{
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: normal;
    cursor: pointer;
    color:#FFFFFF;
    font-size:.8em;
}
.ui-selectmenu-group-label
{
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: bold;
    cursor: pointer;
    font-size:1.4em;

    color:#FFFFFF;
    margin-left:-.88em;
    padding:.2em .2em .2em 1em;
    width:80%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 5%, rgba(0,0,0,0.65) 6%, rgba(0,0,0,0.94) 11%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0.65)), color-stop(6%,rgba(0,0,0,0.65)), color-stop(11%,rgba(0,0,0,0.94)), color-stop(12%,rgba(0,0,0,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.ui-selectmenu-menu .ui-selectmenu-group ul
{
    margin: 0;
    padding: 0;
}
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li
{
    border-color: pink;
    filter: chroma(color=pink);
    width: 100%;
}
* html .ui-selectmenu-menu li a
{
    position: relative;
}
/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a
{
    color: silver;
}
#section_sections
{
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: bold;
    font-weight: bold;
}
a:hover
{
    cursor: pointer;
}

/*
 * icons with tooltip
 */
div.dialog-title-picto
{
    display: inline-block;
}
div.dialog-title-picto
{
    position: relative;
    text-decoration: none;
    margin-left: 1em;
    vertical-align: middle;
    cursor: help;
}
div.dialog-title-picto span
{
    display: none;
}
div:hover.dialog-title-picto span
{
    background: url("images/ui-bg_glass_75_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
    display: inline;
    position: absolute;
    top: 1.5em;
    left: 0.5em;
    width: auto;
    z-index: 20;
    padding: 2px 4px;
}
div:hover.dialog-title-picto span td
{
    padding: 2px 5px 2px 5px;
    vertical-align: top;
}
div.dialog-title-info
{
    background: url("../images/information.png") no-repeat;
    width: 15px;
    height: 15px;
}
div.dialog-title-online, div.dialog-title-offline
{
    background-image: url("../images/icones_VAD_over.png");
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
}
div.dialog-title-online
{
    background-position: 0px -50px;
}
div.dialog-title-offline
{
    background-position: -27px -50px;
}

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


/*********************SpinGlobal&Flags**********************/
#spinGlobal
{
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 2147483647;
}
.navsections
{
    width: 0px;
    height: 0px;
}
#navsections-button
{
    visibility: hidden;
}
.down_arrow
{
    background-image: url("../images/down_arrow.png");
    width: 15px;
    height: 9px;
    float: right;
    margin-right: 1.5em;
    margin-top: -2.2em;
}
#percentStyle
{
    font-size: 1em;
}

#titleEvents, #titlePackages, #titleAccessDenied
{
    color:#FFFFFF;
    margin-left:-.88em;
    padding:.2em .2em .2em 1em;
    width:80%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 5%, rgba(0,0,0,0.65) 6%, rgba(0,0,0,0.94) 11%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0.65)), color-stop(6%,rgba(0,0,0,0.65)), color-stop(11%,rgba(0,0,0,0.94)), color-stop(12%,rgba(0,0,0,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

/*******************************************************/
#Noeventmessage, #Nopackmessage
{
    font-size: 18px;
    margin-bottom: 2em;
    margin-right: 2em;
    margin-left: 2em;
    margin-top: 2em;
}



/*************************MenuIcon**********************/
#Ticketing_icon
{
    background-image: url('../images/Billetterie.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
}
#Ticketing_icon.hover
{
    background-image: url('../images/Billetterie_over.png');
}
#Exchange_icon
{
    background-image: url('../images/Bourse_Echange.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
}
#Shop_icon
{
    background-image: url('../images/Boutique.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
}
#Packs_icon
{
    background-image: url('../images/Packs.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
}
#Abonnements_icon
{
    background-image: url('../images/Abonnements.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
}
#Ticketing_txt, #Shop_txt, #Packs_txt, #Abonnements_txt, #Exchange_txt, #CMS_txt
{
    height: 32px;
    padding-left: 4em;
    padding-top: 1.2em;
}
#CMS_icon
{
    background-image: url('../images/CMS.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 3px;
    float: left;
    background-size: 40px;
}
/*************************MenuIconMainRight**********************/


/***********************Profils*************************/
#profils
{
    margin: auto;
    width: 100%;
    padding: auto;
}
.ProfilsLigne
{
    background-image: url('../images/ProfilsBG.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 80px;
}
.ProfilsLigne:hover
{
    background-image: url('../images/ProfilsBG_over.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 80px;
    color:#333333;
}
.ProfilsLigne div { display: inline-block; text-align: center; vertical-align: middle; }
.InfoProfils { width: 69px; height: 80px; display: inline-block; }
.InfoProfils:hover { color:#333333; }
.InfoProfilsOverAvailability { width: 148px; }
.boutonProfils
{
    width: 78px;
    height: 33px;
    margin: auto;
    text-align: center;
    margin: 1.8em 0.5em 0.5em 0.5em;
    display: inline-block;
}
.boutonProfilsLabel
{
    width: 83px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
}
.ProfilLogo { width: 158px; }
.ProfilLogo img { height: 50px; }
.ProfilTitle
{
    width: 222px;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    padding: 0.4em 0em 0em 0.48em;
    text-align: center;
}
.IconeProfils div { display: inline-block; text-align: center; vertical-align: middle; }
.InfoProfils .icon-information { margin: 3.3em; }
.InfoProfilsOverAvailability .icon-information { margin: 3.3em 6.6em; }
.ContainerImageInfosProfils
{
    width: 272px;
    display: none;
}
.ImageInfosProfils
{
    background-image: url('../images/information.png');
    background-repeat: no-repeat; 
    margin-top: 2em;
    margin-left: 12.8em;
    margin-bottom: 2em;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.availabilityProfil {
    display: inline-block;
    height:67px;
    width:69px;
    padding-top:1.2em;     
}
#ModeResa
{
    min-height: 80px;
    max-height: 240px;
}
#selected, #auto, #fg
{
    
    background-repeat: repeat-x;
    height: 50px;
    cursor: pointer;

    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(175,175,175,1) 96%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(96%,rgba(175,175,175,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,175,175,1) 96%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,175,175,1) 96%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(175,175,175,1) 96%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(175,175,175,1) 96%,rgba(255,255,255,1) 100%); /* W3C */
}
#selected:hover, #auto:hover, #fg:hover
{
    color: #555555;
    background-repeat: repeat-x;
    height: 50px;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 76%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(76%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 76%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 76%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 76%,rgba(255,255,255,1) 100%); /* W3C */

}
#MapTabFacebookUser, #MapTabGoogleUser, #MapTabTwitterUser
{
    display:inline-block;
    margin-top:13px;
    padding:0px;
    border-radius:0px;
}

#selectedTitle, #autoTitle, #fgTitle
{
    color: #333333;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1em 1em 1em 3em;
    float:left;

}
#selectedSubtitle, #autoSubtitle, #fgSubtitle
{
    color: #333333;
    font-size: .9em;
    width: 480px;
    padding: .8em 0em 0em 2em;
}
#selected:hover > *, #auto:hover > *, #fg:hover > *
{
    color: #555555;
}
#selectedLogo
{
    background-image: url('../images/selected.png');
    background-repeat: no-repeat;
    width: 120px;
    height: 69px;
    margin-right: 2em;
    float: right;
    margin-top: -4.4em;
}
#autoLogo
{
    background-image: url('../images/auto.png');
    background-repeat: no-repeat;
    width: 85px;
    height: 63px;
    margin-right: 2em;
    float: right;
    margin-top: -4.8em;
}
#fgLogo
{
    background-image: url('../images/fg.png');
    background-repeat: no-repeat;
    width: 127px;
    height: 64px;
    margin-right: 2em;
    float: right;
    margin-top: -4.2em;
}
div#tabmapbooking .ui-accordion-content-active
{
    background-color:#FFFFFF;
    border:1px solid #333333;
}

/*******************************************************/
#TitleBookingPage
{
    width: 640px;
    height: 94px;
}
#miniMainSvg
{
    padding:2em;
    height: 140px; 
    width: 225px;   
    
}
#tabbookinngbmaxseats
{
    color:#AFAFAF;
    font-size:.7em;
    font-style:italic;   
}
#tabbookingareadispos
{
    color:#AFAFAF;
    font-size:1.1em;   
}
#bookeventinformationsline
{
    float: left;
    padding: 10px 0px 10px 40px;
}
#bookLogosNames
{
    margin-top:-2em;
    margin-left:17em;
    width: 25em;
	height: 350px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%); /* W3C */
}
.bookeventlogo
{
    text-align:center;
    margin:5em auto auto auto;
    max-width: 60px;
}
#bookeventlogo1
{
    margin-right:2em;
}
#bookeventlogo2
{
    margin-left:2em;
}
#booklogo
{
	/*margin-left:2.6em;*/
    text-align:center;
    width:275px;
}
.gradient {
    filter: none;
}
#bookeventtype
{
    background-color:#FFFFFF;
    padding:.5em;
    position:absolute;
    left:0em;
    font-size:1em;
    color:#333333;       
}
#bookeventdate
{
    position:absolute;
    left:0em;
    color:#333333;
    background-color:#efefef;
    padding:.5em;
    margin-top:2em;
    font-size:1.2em;
    font-style:italic;   
    font-weight:bold;
    font-variant:small-caps;    
}
#bookeventname
{
    float:left;
    margin:auto;
    padding:10px;
    font-weight:bold;
    font-size:1.2em;
    text-align:center;
    /*max-height:80px;*/
    width:255px;
    margin-bottom:2.3em;
}
#bookeventsite
{
    font-size:1.2em;
    float:center;
    position:absolute;
    left:5em;
    color:#333333;
    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 10%, rgba(255,255,255,0.6) 74%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,0.4)), color-stop(74%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.6) 74%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.6) 74%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.6) 74%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 10%,rgba(255,255,255,0.6) 74%,rgba(255,255,255,0) 100%); /* W3C */
    
    padding:.5em 0 0 2.5em;
    margin-top:10px;
    font-size:1.2em;
    font-style:italic;   
    font-weight:bold;
    font-variant:small-caps;
    width:50%;
}
#booklocationico
{
    background-image:url('../images/Location.png');
    width:27px;
    height:26px;
    float:left;
    margin-left:-4em;
    margin-bottom:-0.2em;
    margin-top:-0.2em;
}
/***********************Caption Manif*******************/
.tdheadRowCaption, .tdinfosmanifCaption, .tdnommanifCaption, .tdimglogoClubCaption, .tdResaCaption
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 169px;
}
.tdnommanif
{
    text-align: center;
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    padding: .2em .5em .2em .5em;
}
.tdimglogo
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    padding: .2em .5em .2em .2em;
    text-align: center;
    width: 60px;
}
.tdimglogoPack
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    padding: .2em .2em .2em .2em;
    text-align: center;
    width: 155px;
}
.tdinlinesparklineCaption
{
    background-color: #555555;
    color: #AAAAAA;
    text-align: center;
    font-size: 11px;
    padding: .2em;
}
.tdinlinesparkline
{
	width:68px;
	text-align:center;
	background-image:url('../images/ManifBGSparkline.png');
	background-repeat:repeat-x;
	padding-right:1em;  
}
.tdinlinesparklineEmpty
{
	width:70px;
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    text-align: center;
	padding-right:1.1em;  
}
.labelMiseEnVente
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    text-align: center;
    width: 96px;
    padding: .2em .5em .2em .5em;
}
/***********************Event*************************/
#eachEvent tr:hover td.tdinfosmanif, #eachEvent tr:hover td.tdnommanif, #eachEvent tr:hover td.tdimglogo, #eachEvent tr:hover td.tdinlinesparklineEmpty, #eachEvent tr:hover td.ButtonResaInscription, 
#eachPackage tr:hover td.tdinfosmanif, #eachPackage tr:hover td.tdnommanif, #eachPackage tr:hover td.tdimglogo, #eachPackage tr:hover td.ButtonResaInscription
{
    background-image: url('../images/Manif_over.png');
    background-repeat: repeat-x;
}
.lastTrHover td.tdprofilmanif div.tableInfosEvent, .lastTrHover td.tdprofilmanif div.tableInfosEvent :last-child div.ProfilsLigne
{
    -moz-border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px;
}

#eachEvent tr.CaptionEvent:hover, #eachPackage tr.CaptionPackage:hover
{
    background-image:none;
}

.lasteventright, .lastpackright
{
    -moz-border-radius: 0px 0px 25px 0px;
    -webkit-border-radius: 0px 0px 25px 0px;
    border-radius: 0px 0px 25px 0px;
}
.lasteventleft, .lastpackleft
{
   -moz-border-radius: 0px 0px 0px 25px;
    -webkit-border-radius: 0px 0px 0px 25px;
    border-radius: 0px 0px 0px 25px;
}
.headRow.lasteventleft2, .headRow.lastpackageleft2
{
/*background-image:url('../images/headRow3.png'); 	
background-repeat:no-repeat; 	
width:3px; 	
height:68px;*/
}
.headRow
{
    /*background-image:url('../images/headRow2.png'); 	
    background-repeat:no-repeat;*/
    background-image: url("../images/ManifBG.png");
    background-repeat: repeat-x;
    width: 6px;
}
.infosmanif1
{
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    float: left;
    width:180px;
}
.infossites
{
    margin-top: 5px;
    max-height: 32px;
    overflow: hidden;
}
.infossite1
{
    background: url("../images/plan.png") no-repeat 3px 3px;
    display: inline-block;
    font-weight: normal;
    padding: 3px 0px 3px 20px;
    cursor: pointer;
    font-size: 10px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tdinfosmanif .infossite1
{
    max-width: 170px;
}
.tdnomformule .infossite1
{
    max-width: 200px;
}
.infosmanif2
{
    font-size: 9px;
    font-weight:bold;
    /*font-variant:small-caps;*/
    background-color:rgba(255, 255, 255, 0.5);
    padding:.1em .2em .1em .2em;
    margin:.1em 1em 0.1em 0em;
    color:#333333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    width:178px;
}
.infosmanif3
{
    font-size: 8.5px;
    cursor: pointer;
}
.tdinfosmanif, .detailformule
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    padding: .2em 0em .2em .2em;
    width:190px;
}
.tdnommanif, .detailformule
{
    width: 160px;
    font-size: 11px;
    text-align: center;
    vertical-align:middle;
}
.tdnomformule 
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    width: 192px;
    font-size: 11px;
    text-align: center;
    vertical-align:middle;
    height:80px;
    font-weight:bold;
}
#eachPackage .tdnomformule 
{
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    width: 222px;
    font-size: 11px;
    text-align: center;
    vertical-align:middle;
    height:80px;
}
.detailformule
{
    font-weight:bold;
    font-size:12px;
    font-variant:small-caps;
    width:155px;
}
.tddetailformule1
{
    font-size: 11px;
    text-align: center;
}
.tdInfoPack
{
    width:60px;
    text-align:center;
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    /*padding: .2em .5em .2em .5em;*/
      
}
#infosmanif_txt, .infosmanif2, .infosmanif3, .infosmanif1
{
   cursor: default; 
}
.divmessage2
{
    text-align: center;
}
.inlinesparkline
{
    font-size: 10px;
    float: right;
    margin-right: .5em;
}
#eventInfosTitle
{
    font-size: 11px;
    font-style: italic;
}
#eventInfosDetails
{
    margin-left: auto;
    margin-right: auto;
}
.ButtonResaInscription
{
    text-align: center;
    background-image: url('../images/ManifBG.png');
    background-repeat: repeat-x;
    padding: .2em 0em .2em 0em;
    width:96px;
    overflow:hidden;
}
.ReserverOver_FR:hover,.ReserverOver_EN:hover,.ReserverOver_DE:hover, 
.ReserverOver_IT:hover, .ReserverOver_ES:hover, .ReserverOver_CA:hover,
.InscriptionOver_FR:hover,.InscriptionOver_EN:hover,.InscriptionOver_DE:hover, 
.InscriptionOver_IT:hover, .InscriptionOver_ES:hover, .InscriptionOver_CA:hover
{
    cursor: pointer;
}
.PlusinfosOver_FR:hover
{
    background-image: url('../images/Infos_over_FR.png');
    cursor: pointer;
}
.PlusinfosOver_EN:hover
{
    background-image: url('../images/Infos_over_EN.png');
    cursor: pointer;
}
.ligneProfil
{
    display: block;
}

/**************************************/
/*        Mot de passe oublié        */
/************************************/
#ForgotPassword { border-radius: 25px; width: 320px; box-shadow: 1px 1px 20px #AFAFAF; }
#ForgotPasswordTitle { float: left; margin: 5px 5px 0px 10px; }
#ForgotPasswordClose { float: right; margin: 5px 10px 0px 5px; }
#ForgotPassword .button_login
{
    margin-top: -24px;
}

#ForgotValidateMessages
{
    margin-top: 10px;
    text-align: center;
}

/**********************/
/*        FAQ        */
/*********************/
#simpleFAQSearch
{
    width: 200px;
    background-color: #EFEFEF;
    color: #333333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 2px 10px 2px 10px;
    border: 1px solid #555555;
    margin-left:1em;
    position:absolute;
    z-index: 8888888888888888888;
    top:7em;
}
#simpleFAQSearch:hover
{
    background-color: #FFFFFF;
}
.simpleFAQList
{
    line-height: 3em;
}
#FaqDescription
{
    width:100%;
    text-align:justify;
    font-size:1em;
    font-weight:bold;
    margin-top:1em;
    padding:1em;   
}
#MenuFaq, #Answer
{
    float:left;
}
#MenuFaq
{
    width:280px;
}
#Answer
{
    width:780px;
}
#MenuFaqTitle
{
    background: url('../images/faqMenu_title.png') no-repeat;
    width:280px;
    height:120px;
    -moz-opacity: 0.3;
    opacity: 0.5;
    filter: alpha(opacity=30);
}
#MenuFaqBottom
{
    background: url('../images/faqMenuBottom.png') repeat-y;
    width:280px;
    height:160px;
    -moz-opacity: 0.3;
    opacity: 0.5;
    filter: alpha(opacity=30);    
}
#frontOfficefaq
{
    padding:0em;   
}
/*.sortable
{
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/
/*#sortable2
{
    margin-left: 1.5em;
}
.sortable.grid
{
    overflow: hidden;
}*/
.sortable li
{
    list-style: none;
    background: url('../images/faqMenu_over.png') no-repeat;
    color: #333333;
    width:280px;
    height:16px;
    font-weight:bold;
    margin: 0em;
    padding: .5em;
    font-size: 1.1em;
    vertical-align:middle;
    cursor:pointer;
    font-variant:small-caps;
}
.sortable li:hover, .sortable li.question
{
    background: url('../images/faqMenu.png') no-repeat;
    color: #FFFFFF;
    font-weight:bold;
}
.sortable li:active
{
    background: url('../images/faqMenu_active.png') no-repeat;
    color: #FFFFFF;
    font-weight:bold;
}
.fieldsetFaq
{
    border-top: 1px solid #eeeeee;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    padding: 1em 0em 1em 0em;
    margin-left: .8em;
    margin-right: 1em;
    margin-top:.8em;
    margin-bottom:.8em;
    background-color: #efefef;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline;
    height: 100%;
    width: 97%;
    overflow-y: auto;
    border: 1px solid #ABABAB;
    margin-left:2em;
}
.fieldsetFaqTitle
{
    font-size: 1.2em;
    color: #666666;
    margin-top: 0.2em;
    margin-left: 0.8em;
    padding: 0.5em 1.5em 0.5em 1.5em;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
}
#faqDiv
{
    height: 95%;
    width:100%;
}

.simpleFAQList li
{
    list-style: none outside none;
}
.simpleFAQList .question
{
    background-image: url('../images/+.png') no-repeat;
    padding: 1em 2em 1em 2em;
    margin-left: .8em;
    margin-right: 1em;
    margin-top:.8em;
    margin-bottom:.8em;
    line-height: 1em;
    font-weight:bold;

}
.simpleFAQList li.simpleFAQShowing .question
{
    background-image: url('../images/-.png') no-repeat;
    padding: 1em 2em 1em 2em;
    margin-left: .8em;
    margin-right: 1em;
    margin-top:.8em;
    margin-bottom:.8em;
    line-height: 1em;
    background: #ACACAC;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 1em;
}
.simpleFAQList .simpleFAQHover
{
    color: #ffffff;
    background: #333333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 1em 2em 1em 2em;
    margin-left: .8em;
    margin-right: 1em;
    margin-top:.8em;
    margin-bottom:.8em;
    line-height: 1em;
}
.simpleFAQList .answer
{
    margin-left: 1em;
    margin-right: 1em;
    padding: 0.4em;
    background: ACACAC;
    line-height: 1.2em;
    text-align: justify;
    border: 1px solid #BCBCBC;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 1.5em;
    display: inline-block;
}
.tags
{
    /*color: #FFFFFF;
    font-size: 1.5em;
    background: #999999;
    writing-mode: tb-rl;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    text-shadow: 0px 1px 1px #555;
    white-space: nowrap;
    height: 100%;
    display: inline-block;
    margin-top: 0.2em;
    margin-left: 0.8em;
    padding: 0.5em 1.5em 0.5em 1.5em;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    border: 1px solid #e0e0e0;*/
}
#map
{
    width: 250px;
    height: 250px;
}
#tableInfosEvent, #tableInfosPackage
{
    width: 100%;
    text-align: center;
    color:#FFFFFF;
}
#tableInfosEvent:hover, #tableInfosPackage:hover
{
    color:#333333;
}
#msgResaIdentification
{
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding: 2em;
    margin-top: 2em;
}
#divLoginMdp
{
    margin: auto;
    padding: 3em 3em 3em 0em;
    width: 60px;
}
#divbtnvalider
{
    margin: auto;
}
#loginBox
{
    color: white;
    float:left;
}
.button_login
{
    width: 90px;
    margin: -40px 5px 0px 0px;
    float: right;
}
.socialSharebox 
{
    height:30px;
}
.Event_CalendarMultiSeances
{
    width: 500px;
    margin: 0 auto;
}


/*******************Right Block*********************/
#divLocationDisplay
{
    width: 250px;
    margin:1em;
}
#divLocationMap
{
    width: 250px;
    height: 250px;
}
#LocationRoute
{
    margin-top: 5px;
    font-weight: normal;
}
#LocationRouteMap, #LocationRouteDestinationMap
{
    height: 250px;
}
#google, #facebook, #twitter
{
    margin-right: .5em;
    margin-top: .25em;
}
.googleplus, .facebook, .twitter
{
    margin-top: 0em;
    width: 60px;
    float: left;
    margin-left: 1em;
}
.googleplus
{
    margin-right: -0.5em;
}
.facebook
{
    margin-right: 0.4em;
}

/****************Message d'erreur********************/
#Error_Message_Title, #Error_Description_Title, #Error_Method_Title
{
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 1.5em;
    margin-left: 1em;
}
#SessionError
{
    background-color: #EFEFEF;
    width: 95%;
    font-family: Verdana, Century Gothic;
    font-size: 11px;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 1em;
    margin-bottom: 4em;
    padding: 2em;
}
#errorMethod
{
    background: none;
    background-color: #EFEFEF;
    width: 95%;
    font-family: Verdana, Century Gothic;
    font-size: 11px;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 1em;
    margin-bottom: 4em;
    padding: 2em;
}
#errorDescription
{
    background: none;
    background-color: #EFEFEF;
    width: 95%;
    font-family: Verdana, Century Gothic;
    font-size: 11px;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 1em;
    margin-bottom: 4em;
    padding: 2em;
}
#messageDescription
{
    background: none;
    background-color: #EFEFEF;
    width: 95%;
    font-family: Verdana, Century Gothic;
    font-size: 11px;
    border-color: #999999;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 1em;
    margin-bottom: 4em;
    padding: 2em;
}



/*************************Footer Language**************************/
#footer-language
{
    position: absolute;
    /*bottom: -3.1em;*/
    left: -2em;
    height: .5%;
    width: 105%;
    background: url("../images/overlay.png") repeat-x scroll 0 -110px #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 4px 2px 2px 2px;
    height: 27px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    bottom:-4em;
}

#languagesMenu
{
/*background-image: url("../images/mainbk.png");
background-repeat: repeat;
background-position: 0 200px;
border-width: 0px;
border-style: none;
border-color: #333333;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    height: 46px;*/
width: 300px;
float: right;
}

#lbllanguages{
    float: left;
height: 46px;
vertical-align: middle;
padding-top: 13px;
margin-left: 30px;
margin-right: 10px;
font-weight: bold;
}

#Flags
{
    height:100%;
    float: right;
    /*margin-right: 20px;*/
    cursor:pointer;
}
body .FlagFR, body .FlagEN,body .FlagCA,body .FlagIT, body .FlagDE, body .FlagES
{
    height: 24px;
    width: 24px;
    float:left;
    margin-top:8px;
    margin-left:6px;
    /*background-position:center;
    background-repeat:no-repeat;*/
}
body .FlagFR
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -0px; 
}
body .FlagEN
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -24px; 
}
body .FlagES
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -72px; 
}
body .FlagIT
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -96px; 
}
body .FlagDE
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -48px; 
}
body .FlagCA
{
    background: url("../images/Cultures/Flags.png") no-repeat -0px -120px;
}

/*********************************Social Networks*********************/
#facebook
{
    background-image: url("../images/facebook.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    cursor: pointer;
}
#google
{
    background-image: url("../images/google.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    cursor: pointer;
}
#twitter
{
    background-image: url("../images/twitter.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
    cursor: pointer;
}

.sharrre .box
{
}

.sharrre .middle a
{
}

.facebook_manifs
{
    background-image: url("../images/facebook_mini.png");
    background-repeat: no-repeat;
}
.twitter_manifs
{
    background-image: url("../images/twitter-dbr2.png");
    background-repeat: no-repeat;
}
.googleplus_manifs
{
    background-image: url("../images/gplus-16.png");
    background-repeat: no-repeat;
}

.facebook_manifs, .googleplus_manifs, .twitter_manifs
{
    margin-bottom: 0.3em;
    margin-right: 0.1em;
    margin-left: 0.3em;
    margin-top: 0.3em;
    height: 16px;
    width: 16px;
    display: inline-block;
}

#sharebox
{
    margin-left: 1.5em;
}

#AppWebversion, #leagalnotices
{
    float: left;
    color: #FFFFFF;
    font-size: .7em;
    margin-top: 1.2em;
    margin-left: 1em;
}

#infos_pic
{
    float: left;
    background-image: url("../images/loupe.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    margin-left: 0.5em;
    -moz-opacity: 0.3;
    opacity: 0.5;
    filter: alpha(opacity=30);
    cursor: help;
}
#plusinfosmanif_pic
{
    background-image: url("../images/plus_dbr5.gif");
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    margin-left:1em;
    -moz-opacity: 0.3;
    opacity: 0.5;
    filter: alpha(opacity=30);
    cursor: help;
}
#infosmanif_txt
{
    float: left;
    width: 120px;
    font-size: 10px;
}
.fc-event-icons
{
    float: right;
    background-image: url("../images/plus_infos.gif");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: help;
}
.carousel_numberofplaces
{
    margin: 0 0 0px 0px;
    width: 220px;
}
.carousel_numberofplaces ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.carousel_numberofplaces li
{
    text-align: center;
    width: auto;
    height: 25px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
}
.carousel_numberofplaces.responsive
{
    width: auto;
    margin-left: 0;
}
.clearfix
{
    float: none;
    clear: both;
}
.prev
{
    float: left;
    margin-left: 10px;
}
.next
{
    float: right;
    margin-right: 10px;
}
.pager
{
    float: left;
    width: 219px;
    text-align: center;
}
.pager a
{
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected
{
    text-decoration: underline;
}

#tablePricesbyCategories
{
    margin-top: 3px;
}

.tablePricesbyCategoriesrow
{
    text-align: center;
}
.tablePricesbyCategorieselement
{
    padding-left: 5px;
    padding-right: 5px;
}

.tableBasketContentbtnremove
{
    background: url("../images/removefromcart.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    width: 20px;
    height:20px;
    float:left;
}

#pageTitleIcon
{
    background-image: url(../images/MM_OnMapSales_small.png);
}
#MainMap
{
    /*padding-top: 85px;    */
    background-position:center;
    background-repeat:no-repeat;
    overflow: hidden;
    width:640px;
    height:600px;
    float:left;
}
#MainSvg
{
    background-repeat: no-repeat;
}
svg
{
    /*position: absolute;*/
}

polyline, circle
{
    cursor: pointer;
}
rect, text
{
    cursor: pointer;
}

#LogoDSPVAD_bottomleft
{
    background-image: url('../images/LogoDSPVAD_bottomleft.png');
    width: 60px;
    height: 20px;
    float: left;
    margin-top: 0.5em;
    margin-left: 0.5em;
    background-repeat: no-repeat;
}
#MentionsDSPVAD { float: left; margin: 10px; cursor: pointer; color: #FFFFFF; }
#SocialNetworkDSPVAD{  float: right; margin: 6px 35px 0px 12px; }
#LanguagesDSPVAD {  float: right; margin: 6px 12px 0px 12px; }
#LegalNoticesList .answer { display: block; }
#LegalNoticesCGV p { margin: 0px 0px 30px 0px; }

#cartbuttonentitle
{
    font-size: 9px;
    padding-right: 12px;
}
#cartQuantity, #cartArticle, #cartFrais, #cartAssurance 
{
    width:auto;
    float:left;
    min-width:140px;
    font-size:9px;   
}
#cartMontant
{
    float:right;
    font-size:10px;
    margin-top:1em;
}
#Quantity, #Articles, #Frais, #Assurance
{
    font-size:9px;
    color:#FFFFFF;
}
#Montant
{
    font-size:12px;
    color:#FFFFFF;
}
#zoom
{
    /*width: 576px;height:240.5px;  */
}
.small
{
    /*width: 576.5px; height:240.5px;*/
}
.large
{
    /*width: 1153px;height:481px; */
}
.zoom
{
    display: block;
    margin: 0 auto;
}

#bodyArea
{
    background-repeat: no-repeat;
    background-size: 100%;
}

#bodyAreasmall
{
    background-repeat: no-repeat;
    background-size: 100%;
    /*-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;*/
}

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

                                                                                           /*Page 2*/

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









/****************************************************************************Menu Filtre Sélection de place***********************************************************************************/

.MainLeftFilter
{
   /*position:absolute;*/
   z-index:1000;
   margin-top:11em;
   margin-left:-1.7em;
   /*width:70%;*/
}

#MenuFilter
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 100px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#MenuFilter.noBottomLeftRadius
{
    border-radius: 10px 10px 10px 0px;
}
#MenuFilter.noBottomRightRadius
{
    border-radius: 10px 10px 0px 10px;
}

    
/* Filtres réservation : mise en forme générale */
#FilterBookingPage
{
    display: inline-block;
    vertical-align :top;
    cursor:pointer;
    /*padding:1.5em 1.2em 0.8em 0.8em;*/
    /*padding:0.5em 0em 0.5em 0em;*/
    /*background:url("../images/overlay.png") repeat-x scroll 0 -110px #000000;*/
    /*box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);*/
    float:left;
}

.filter-title
{
    font-size:.9em;
    font-weight:bold;
    text-align:center;
}
#FilterBookingAvailabilitiesTitle, #FilterBookingPricesTitle, #FilterBookingFriendsTitle { 
    /*width: 102px; */
}
.filter-title:hover, .filter-title.actif
{
    background-color:#efefef;
    color:#333333;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius:  25px 25px 25px 25px;
    padding:.6em 0em .6em 0em;
    margin-top:-.5em;
}
.separator
{
    background: url("../images/separator.png") repeat-y;
    width:1px;
    height:17px;
    margin:-0.2em 1.5em 0.2em;
    top:0.6em; 
}
#FilterGradient
{
    background: url("../images/FilterGradient.png") no-repeat;
    width:54px;
    height:42px;
    float:left;
    box-shadow:0 1px 0 rgba(0, 0, 0, 0.23)
}
#FilterBookingSeatArea
{
    margin-left:1.1em;   
}
#FilterBookingSeatAreaSelect, #FilterBookingSeatAccessSelect, #FilterBookingSeatRowSelect, #FilterBookingSeatSeatSelect, #FilterBookingSeatBySocialNetWork
{
    margin-left:0em;
    margin-top:.5em;
    margin-bottom:1em;
}
#FilterBookingSeatAccess, #FilterBookingSeatRow, #FilterBookingSeatSeat
{
    font-size:.9em;
    margin-left:1.2em;
    margin-top:.5em;
    width:233px;   
}
#FilterBookingSeatAccess, #FilterBookingSeatRow, #FilterBookingSeatSeat
{
    float:left;   
}
#FilterBookingAvailabilitiesPricesContent
{
    background:#00000;
}

/* Filtres réservation : mise en forme générale */
#FilterBookingPage div, #FilterBookingAvailabilities, #FilterBookingPrices, #FilterBookingSeat 
{
    display: inline-block;
    vertical-align:top;
    margin-right:1em;
}

#FilterBookingPage div:hover { }
#FilterBookingPage div div.filter-content { display: block;}
#FilterBookingPage div:hover div.filter-content { display: block; }
#FilterBookingPage div:hover div.filter-content > div { display: block;}

/* Disponibilités : Choix du nombre de places */
.FilterBookingAvailabilitiesSeatsButton
{
    float: left;
    width: 15px;
    padding: .5em;
    margin-left: .2em;
    border: 1px solid #EFEFEF;
    background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(206,206,206,1) 5%,rgba(255,255,255,1) 24%,rgba(206,206,206,1) 66%,rgba(119,119,119,1) 100%);
    font-weight:bold;
    background-color: #CCCCCC;
    color: #333333;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.FilterBookingAvailabilitiesSeatsButton:hover, #FilterBookingSeatsCustomChoice > div:hover, .filter-nbSeatsActive
{
    background: url("../images/admin_menu_bg.png") repeat-x scroll 0 0 #43638D;
    color: #FFFFFF;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

#FilterBookingSeatsCustomChoice
{
    position: absolute;
    z-index: 800;
    border: none;
    background-color: #CCCCCC;
    margin-top: 0em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#FilterBookingSeatsCustomChoice:hover
{
    color: #333333;
    font-weight: normal;
}
#FilterBookingSeatsCustomChoice > div
{
    color: #333333;
    font-weight: normal;
    width: 15px;
    padding: .5em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*#FilterBookingSeatsCustomChoice { position: absolute; background: #F7F7F7; color: #070707; text-align: center; z-index: 800; }

#FilterBookingSeatsCustomChoice div { display: block; }*/


/* Disponibilités : Choix de la gamme de tarif */
#FilterBookingPage #FilterBookingAvailabilitiesPricesMilestones div { position: relative; text-align: center; margin-top:2em;}
#FilterBookingAvailabilitiesPricesMilestones { width: 200px; }
.filter-milestone-active { color:Red; }

/* Tous les tarifs */
#FilterBookingAvailabilities, #FilterBookingPrices, #FilterBookingSeat, #FilterBookingFriends
{
    position: relative;
    padding: 1em;
    /*top:3.7em;*/
    left: 1px;
    /*background-color:#282828;*/
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0;
    border-top: 0px solid #000000;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    height: 180px;
    width: 250px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    opacity: 0.9;
    z-index: 201;
}
.filter-prices-color, .filter-prices-color2
{
    width:10px;
    height:10px;
    display: inline-block;
    margin: 2px;
}
#FilterBookingAvailabilities{margin-left:-2px;}
#FilterBookingPrices{display:inline-block;margin-left:11.25em; width:auto;}
#FilterBookingSeat{margin-left:24.2em;width:260px;height:250px;}
#FilterBookingFriends
{
    display: inline-block;
    margin-left: 34.25em;
    width: 260px;
    height: 250px;
    z-index: 900;
}

.classPlaceCaption
{
    margin-right:.6em;
    margin-left:.5em;
    color:#FFFFFF;
    /* font-size:.8em;   */
    font-family: Verdana,arial;
    font-weight: bold;
}
.PricesHeader
{
    background-color:#555555;
    color:#FFFFFF;
    font-size:.8em;
    font-weight:bold;
    padding:.8em;
    float:left;
    text-align:center;
}
.filter-prices-row1 { float:left; background-color: #dedede; clear:both;padding:.5em 0em;color:#333333;}
.filter-prices-row2 { float:left; background-color: #efefef; clear:both;padding:.5em 0em;color:#333333;}

.filter-prices-row1:hover, .filter-prices-row2:hover
{
    background: url("../images/admin_menu_bg.png") repeat scroll 0 0 #B8CFED;
} 
/*.filter_hover_disabled
{
    background: url("../images/admin_menu_bg.png") repeat scroll 0 0 #B8CFED;   
}*/
.filter_hover_enabled
{
    background: url("../images/admin_menu_bg.png") repeat scroll 0 0 #43638D;
    color:#FFFFFF;
    font-weight:bold;   
}
#FilterBookingPage .filter-prices-row1 > div, #FilterBookingPage .filter-prices-row2 > div { height: 25px; vertical-align: middle; }

#FilterBookingPricesBody
{
       
}

#FilterBookingPricesHeaderCheckbox
{
    background-image: url("../images/WhiteThick.png"); 
    background-repeat: no-repeat; 
    float:left; 
    width:27px;
    height:20px;
    padding:.2em;
}
.filter-prices-color { width:10px; height:10px; float:left; margin-left:5px; margin-top:.2em; }
.filter-prices-catHead { float:left; text-align: center; vertical-align:middle; font-size:.9em;width:65px;}
.filter-prices-marginLeftHead { float:left; text-align: center; vertical-align:middle; font-size:.9em;width:16.5px;}
.filter-prices-infoHead { width: 33px; float:left; }
.filter-prices-info
{
    height: 14px;
    width: 26px;
    float: left;
    text-align: center;
    background: url("../images/information_small.png") no-repeat;
    margin-left: 4px;
    padding: 0em 0.15em 0em 0.15em;
}
.filter-prices-category { float:left; text-align: center; vertical-align:middle; font-size:.9em;width:50px;}
.filter-prices-price { float:left; font-size:.9em; vertical-align:middle; font-variant:small-caps;width:165px;}
.filter-prices-cost { float:left; text-align: right; vertical-align:middle; font-size:.9em; width: 85px;}
.filter-prices-enabled
{
    width: 27px;
    height:20px; 
    background-image: url("../images/icones_VAD.png");
    background-position: -54px -26px; 
    background-repeat: no-repeat; 
    float:left; 
    margin-top:-.5em;
    margin-left:1.5em;
}
.filter-prices-enabled:hover
{
    background-image: url("../images/icones_VAD.png");
    background-position: -81px -26px; 
}
.filter-prices-enabled-all
{
    width: 13px;
    height:9px; 
    background-image: url("../images/icones_VAD.png");
    background-position: -109px 0px; 
    background-repeat: no-repeat; 
    float:left; 
    padding: 0px;
    cursor:pointer;
}
.filter-prices-disabled  
{
    width: 27px;
    height:20px; 
    background-image: url("../images/icones_VAD.png"); 
    background-repeat: no-repeat; 
    float:left; 
    background-position: -81px -26px;
    margin-top:-.5em;
    margin-left:1.5em;
}
.filter-prices-disabled:hover  
{
    background-image: url("../images/icones_VAD.png"); 
    background-position: -54px -26px;
}
.PricesHeader
{
    background-color:#555555;
    color:#FFFFFF;
    font-size:.8em;
    font-weight:bold;
    padding:.8em 0;
    float:left;
    text-align:center;
    font-variant:normal;
}
.filter-prices-disabled-all
{
    width: 13px;
    height:23px; 
    background-image: url("../images/icones_VAD.png"); 
    background-repeat: no-repeat; 
    float:left; 
    background-position: -122px 0px;
    padding: 0px;
    cursor:pointer;
}
#FilterMissingCaptionPart
{
    width:3px;
    height:23px;   
    background-color:#555555;
    float:left;
}

#FilterBookingSeatGoButton
{
    margin-top:.5em;
    margin-left:3.5em;
    color:#FFFFFF;
}
#FilterBookingAvailabilitiesSeatsCaption, #FilterBookingAvailabilitiesPricesCaption
{
    font-size:.9em;
    color:#FFFFFF;
    margin-bottom:2em;
    font-weight: bold;
    font-family: Verdana,arial;
}
#FilterBookingAvailabilitiesSeatsButtons{
    padding-left:30px;
}
#FilterBookingAvailabilitiesPricesContent
{
     margin-top:7em;
}
.jslider-value
{
    color:#333333;   
}
/*****************************************************************************************************************************************************
                                                                    Page 2
*****************************************************************************************************************************************************/
#btnBackTomanif
{
    background-image: url('../images/Retour.png');
    width: 39px;
    height: 30px;
    position: relative;
    margin-left: -1.9em;
    cursor: pointer;
}
#btnBackTomanif:hover
{
    background-image: url('../images/Retour_over.png');
}
h3#selected
{
    background-color: #555555;
}
h3#auto
{
    background-color: #a5a5a5;
}
#TabBookingDialog, .ViewSeatOnMap_Main
{
    background: #EFEFEF;
    padding: 2em;
    margin-top: 2em;
    background-color: #efefef;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow:hidden;
    border:1px solid #979797;
}



.InformationsGlobal.ui-dialog-content, #divInformationsManifProfil.ui-dialog-content { padding: 0.5em 0em; }
.InformationsGlobal .ui-dialog-titlebar, #divInformationsManifProfil .ui-dialog-titlebar { margin-top: 1em; }
.InformationsContent, #divInformationsManif, #divInformationsProfil, #divInformationsProfilTitle
{
    margin-top:0.5em;
    padding:2em;
    text-align:justify;   
}

/* Masquer les prix 
 * - Travel Stadium : les prix en euro sont masqués
 * - Bourse d'échange : les libellés et infos des tarifs sont masqués */
.hidePrice, #FilterBookingPricesHeader > div.hidePrice, #FilterBookingPricesBody .filter-prices-row1 > div.hidePrice, 
#FilterBookingPricesBody .filter-prices-row2 > div.hidePrice { display: none; }


/****************Choix de place | Panier **********************************/
#lstPrix
{
    width:auto;
    max-width:800px;
}
#cart_button
{
    font-size:14px;
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 190px;
}
#btnemptybasket
{
    background-image:url('./images/deletcart.png');
    background-repeat:no-repeat;
    width:30px;
    height:23px;
    position:absolute;
    right:.5em;
    top:0.5em;
    cursor:pointer;
}
.RecapSumUp
{
    background-color:#EFEFEF;
    font-size:1.2em;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    padding:2em 2em 3em 2em;
    box-shadow: 3px 3px 3px 3px rgba(33, 33, 33, 0.2); 
    text-align:left; 
    vertical-align:middle;
    margin:2em;
}
#totalpricesummarylbl
{
    float:left;
    margin-top:.8em;
}
#totalpricesummary
{
    font-size:1.2em;
    font-weight:bold;
    float:left;
    margin-left:1em;
    margin-top:.8em;
}
#cgv
{
    cursor:pointer;
}
.cgvlink
{
    float:left;
    margin-top:.8em;
    margin-left:.5em;
}
.assuranceCGV
{
    font-size:.9em;
    color:#920606;
    cursor:pointer;
    text-align:left;
    vertical-align:inherit;
}
#assuranceannulation2
{
    font-size:.9em;
    text-align:justify;
    float:left;
    color:#999999;
}
#tablepackabosinfos, #TableGrilleSelectionTarif
{
    font-size:1.1em;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    margin-bottom:2em;
}
#TableGrilleSelectionTarif tr.TableGrilleSelectionTarifLigne
{
    background: url(../images/bg_menu2.png); 
    margin-right: 1.5em;
    background-repeat: repeat-x;

    font-size:1.2em;
    font-weight:bold;  
} 
#TableGrilleSelectionTarif tr.TableGrilleSelectionTarifLigne td
{
    padding:.8em;
}
#TableGrilleSelectionTarif tr.TableGrilleSelectionTarifLigne:hover
{
    background: url(../images/bg_menu2.png); 
    margin-right: 1.5em;
    background-repeat: repeat-x;
 
    font-size:1.2em;
    font-weight:bold;
    background-color:#FFFFFF;
    cursor:pointer;  
} 
#TableGrilleSelectionTarif tr:nth-child(2n+1) {
    background: url(../images/bg_menu2.png) #bfbfbf;
    margin-right: 1.5em;
    background-repeat: repeat-x;
}
#TableGrilleSelectionTarif tr:nth-child(2n){
    background: url(../images/bg_menu2.png) #dfdfdf;
}

#TableGrilleSelectionTarifLigne
{
    background-image:none;
}
#infoTarifaire
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 200px;
    font-weight:bold;
    font-size:1.2em;
    margin-bottom:1em;
}
.thinfoTarifaire
{
    background-color:#333333;
    color:#FFFFFF;
    font-weight:bold;
    padding:.2em .5em .2em .5em;
    font-size:.9em;
    padding:.5em;
}

.SeatDetailsContent
{
    display: inline-block;
    width: 40%;
    font-size: 12px;
}
.SeatDetailsPicto
{
    display: inline-block;
    width: 60%;
    height:100px;
    background-image: url(../images/PictoPlace.png);
    background-position: center;
    background-repeat: no-repeat;
}
.SeatDetailsZone
{
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.SeatDetailsDataTitle
{
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}


/************************************************************************************************************************************************
                                                                Stade
************************************************************************************************************************************************/

/*****************************Tools Tips********************************/
#ZoneTitle, .grilleTarifaire, .ViewSeatOnMap_ZonesPhotosTitle
{
    padding:.2em .5em .2em .5em;
    background-color:#333333;
    border:0px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:1.1em;
    -moz-border-radius: 10px 10px 0 0;  
    -webkit-border-radius: 10px 10px 0 0;  
    border-radius: 10px 10px 0 0;        
}
.grilleTableauPlace
{
    background-color:#333333;
    color:#FFFFFF;
    font-weight:bold;
    font-size:1.1em;     
}
.grilleTarifaire
{
    margin-top:1em;
}
#ZoneTitle, .ViewSeatOnMap_ZonesPhotosTitle
{
    margin-top:1.5em;
}
#MiniatureVueStade #ZoneTitle, .ViewSeatOnMap_ZonesPhotosTitle
{
    margin-top:0em;
}
#StadiumImage, #qtip_tariftable
{
    border:1px solid #333333;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin-bottom:.6em;
}
#tableauPlace, .tableauPlace 
{
    border-collapse: collapse;
    border:1px solid #333333;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    padding:0em;
}
#StadiumImage img, .ViewSeatOnMap_ZonesPhotos img
{
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin-bottom:.6em;
}
#StadiumImage .pagination, #tabbookingareaimage .pagination, .ViewSeatOnMap_ZonesPhotos .pagination { display: none; }
#StadiumImage .slides_container, #tabbookingareaimage .slides_container, .ViewSeatOnMap_ZonesPhotos .slides_container
{
    height: 150px;
    width: 225px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
.slides_container img{ border-radius: 0px 0px 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
/*Coloration Ligne */
 #qtip_tariftable tr:nth-child(2n+1), #tableauPlace tr.gl:nth-child(2n+1), .tableauPlace tr.gl:nth-child(2n+1)  {
    background-color:#EFEFEF;
}
 #qtip_tariftable tr:nth-child(2n), #tableauPlace tr.gl:nth-child(2n+1), .tableauPlace tr.gl:nth-child(2n+1)   {
    background-color:#CFCFCF;
}
.thTarifTable
{
    background-color:#999999;
    color:#FFFFFF;
    font-weight:bold;
    padding:.2em .5em .2em .5em;
    font-size:.9em;
}

.cat, .lib, .prix
{
    text-align:center;
    vertical-align:middle; 
    padding:.2em;   
}

.lib
{
    max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
    font-size:0.8em;
    font-variant:small-caps;   
}

#qtip_tariftable2, #ZoneTitleStadiumImage
{   
    border:1px solid #333333;
    margin-bottom:.6em;
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    border-radius: 0 0 0px 0px;
}
.slides_container
{
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
 #2 tr:nth-child(2n+1)  {
    background-color:#EFEFEF;
}
#qtip_tariftable2 tr:nth-child(2n) {
    background-color:#FFFFFF;
}
#qtip_tariftable2 tr:last-child
{
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
#qtip_tariftable tr.cat:last, #qtip_tariftable tr.lib:last
{
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

#PaymentMethodDialog
{
    color:#000000;   
}

#tabbookingareaimage
{
    cursor:url(../images/loupe.png), pointer;
}

#tooltipnomzone
{   
   font-weight:bold;
   font-size:1.1em;    
}
#tooltipnbdispos
{
    font-size:.9em;   
}  

/*****************************Menu Disponibilité*********************************/
#MainSvg g.mainmap-filter-hide, #MainSvg image.mainmap-filter-hide
{
    display: none;
}
#MainSvg g.mainmap-filter  
{
    /*stroke-width: 3px;
    stroke: #FFFFFF;
    font-size:5.2em;
    font-weight:bold;    */
    padding:1em;
}
#MainSvg .rect 
{
    width:190px;
    height:150px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius:  25px 25px 25px 25px;
    background:#FFFFFF;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.filter-cancel { width: 30px; /*height: 20px;*/ background-image: url("../images/WhiteThick.png");background-size: 90%; background-repeat: no-repeat; padding:0em;}
.filter-cancel-Facebook{ width: 30px; height: 30px; background-image: url("../images/FaceBookFlag30x30.png"); background-repeat: no-repeat; padding:.2em;}

/*#FilterBookingAvailabilitiesCancel.filter-cancel { position:absolute; top:.85em; left:10.2em;}
#FilterBookingPricesCancel.filter-cancel { position:absolute; top:.85em; left:23.5em;}*/
#FilterBookingAvailabilitiesCancel.filter-cancel, #FilterBookingPricesCancel.filter-cancel, 
#FilterBookingSeatCancel.filter-cancel, #FilterBookingFriendsCancel.filter-cancel, 
#FilterBookingFriendsCancel.filter-cancel-Facebook { 
    display: inline-block; 
    /*margin: -5px -20px 0px -16px; */
}

/*****************************Etiquette de Stade********************************/
#MainMap polyline { fill-opacity: 0.1;stroke:#FFFFFF; stroke-width:3;}
#MainMap polyline:hover { fill-opacity: 0.8;stroke:#FFFFFF; stroke-width:4;}
#MainMap polyline.mainmap-selected { opacity: 0.8}
#MainMap polyline.mainmap-filter {fill:black; fill-opacity: .7; stroke:#FFFFFF; stroke-width:2;}

#MainMap polyline.mainmap-filter:hover { fill:black; fill-opacity: .9; stroke:#FFFFFF; stroke-width:2;}

#MiniatureStade polyline { opacity: 0.1 }
#MiniatureStade polyline:hover { opacity: 0.5; stroke:#FFFFFF; stroke-width:2; }
#MiniatureStade polyline.mainmap-selected { opacity: 0.8;;stroke:#FFFFFF; stroke-width:2;}

/********************TabBookingAreaname***********************/
#tabbookingareaname
{
    background-color:#333333;
    color:#FFFFFF;
    padding:0.2em 0.5em;
    -moz-border-radius: 10px 10px 0 0;  
    -webkit-border-radius: 10px 10px 0 0;  
    border-radius: 10px 10px 0 0;           
}
.tabbookingth, .packageInformationsTitlecell, .recipientinfoheadercolumn
{
    background-color:#333333;
    color:#FFFFFF;
    font-weight:bold;
    padding:.5em;  
    text-align:center;
    vertical-align:middle;  
}
.recipientinfoheadercolumn
{
    background-color: #666;
}

.tabbookingth2
{
    background-color:#EFEFEF;
    color:#333333;
    font-weight:bold;
    padding:.5em;  
    text-align:center;
    vertical-align:middle;
    font-size:.8em;
}
.tabbookingthCat, .tabbookingthDisponibility, .tabbookingthNbPlace, .tabbookingthArea
{
    background-color:#666666;
}
.TablePriceArea
{
    padding: 0px 10px;
}
.TablePricePrice
{


}

.tabbookingthTarifs
{
    /*width:auto;*/
    /*min-width:200px;
    max-width:400px;
    width:200px;*/
    background-color:#666666;
}
.tabbookingthTarifsLarger
{
    /*width:auto;
    min-width:200px;
    max-width:500px;*/
    background-color:#666666;
}
.tabbookingthInfos, .tabbookingthAvailability
{
    background-color:#666666;
}
.tabbookingthArea
{
    /*width:200px;*/
}
.tabbookingthPrice
{
    background-color:#666666;
    min-width:60px;
}
.tabbookingthColor
{
    
    background-color:#666666;    
}
.tabbookingtd
{
    color:#333333;
}
/*Coloration Ligne */
 #tabbookingtablecatplaces tr:nth-child(2n+1),#tbodyAutomaticBookingTable tr:nth-child(2n+1),.packageInformationsTable tr:nth-child(2n+1),#clientbenefTable tr:nth-child(2n+1) {
    background-color:#EFEFEF;color:#333333;
}
 #tabbookingtablecatplaces tr:nth-child(2n),#tbodyAutomaticBookingTable tr:nth-child(2n),#packageInformationsTable tr:nth-child(2n),#clientbenefTable tr:nth-child(2n) {
    background-color:#CFCFCF;color:#333333;
}

.packageInformationsTable
{
    font-size: 9px;
    font-weight:bold;
    text-align: center;
    margin-top:10px;
    width:100%;
}
.packageInformationscell
{
    padding:5px 10px;
}
.packageInformationscellSite
{
    background-color: rgba(0,0,0, 0.6); 
    background: url("../images/plan.png") no-repeat 3px 3px;
    font-weight: bold;
    padding: 3px 0px 3px 20px !important;
    font-size: 10px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
 .packageInformationsTitlecell
{
    background-color:#666666;
}
 .tabautomaticbooking
{
    padding:5em 12em 5em 12em;   
}
.tabautomaticbookingNoMap
{
    padding:5em 5em 5em 5em;   
}


/**************************Menu déroulant******************************/
#navsections-menu
{
    padding:1em 0em 0em 0em;
    box-shadow: 3px 3px 3px 3px rgba(33, 33, 33, 0.4);
}

/************************Formulaire d'inscription*************************/

.registerFormFieldset  tr:nth-child(2n+1){
     background-color:transparent;
}
.registerFormFieldset  tr:nth-child(2n){
    background-color:transparent;
}
.registerFormFieldset  td:nth-child(2n+1){
    background-color:transparent;
}
.registerFormFieldset  td:nth-child(2n){
    background-color:transparent;
}

fieldset.registerFormFieldset
{
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding:2em;
    margin-top:2em;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(150,150,150,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(150,150,150,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(150,150,150,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(150,150,150,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(150,150,150,0) 100%); /* W3C */
}
legend.registerFormLegend
{
    margin-left:1em;
    margin-right:1em; 
    font-weight:bold;
    padding:0 1.5em 0 1.5em;
    color:#333333;  
}
code
{
    font-size:0.8em;
    text-align:justify;
    font-family:verdana;   
}
input.recipientEditable
{
    background-color: #efefef;
    color: #555555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ABABAB;
    width:150px;
    height: 18px;
}
input.recipientEditableRib
{
    width:150px;
    background-color:#ffffff;
    margin-left:10px;
}
input.registerEditable,select.lst
{
    background-color: #efefef;
    color: #555555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ABABAB;
    width:220px;
    height: 18px;
}
input.registerSmall
{
    background-color: #efefef;
    color: #555555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ABABAB;
    width:160px;    
    height: 18px;
}
input.registerSmall2
{
    background-color: #efefef;
    color: #555555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ABABAB;
    width:180px;
    margin-right:1em;    
    height: 18px;
}
select.lst
{
    background-color:Transparent;
    background: url(../images/down_arrow_select.jpg) no-repeat right #ddd !important;  
    -webkit-appearance: none;
    overflow: hidden;
    width:232px;
    height: 22px;
    font-size: 11px;
    border: 1px solid #ccc;
    display:block;
    /*line-height: 22px;*/
}
select.shortlst
{
    background-color:Transparent;
    background: url(../images/down_arrow_select.jpg) no-repeat right #ddd !important;  
    -webkit-appearance: none;
    overflow: hidden;
    width:160px;
    height: 22px;
    font-size: 11px;
    border: 1px solid #ccc;
    display:block;
    line-height: 21px;
}
.select.lst:hover
{
  background-color:Transparent; 
  overflow: hidden;
  background: #FFFFFF url(../Images/down_arrow_select.jpg) no-repeat 0 0 !important; 
  padding:4px; 
  line-height: 25px;
}
.select.lst:active
{
  overflow: hidden;
  background-color:Transparent; 
  background: url(../Images/down_arrow_select.jpg) no-repeat 0 0 !important; 
  padding:4px; 
  line-height: 31px;
}
input.registerEditable:hover,select.lst:hover,input.recipientEditable:hover
{
    background-color: white;
}
#InfoCheckBox
{
    width:100%;
}
#sendClubInfos,#sendPartnerInfos
{
    margin-right:1em;   
}
#clubInfos, #partnerInfos
{
    float:left;
    width:50%;
    margin-top:1.5em;
    color:#333333;
    margin-left:1em;    
}
.lblCNIL
{
    margin-bottom:1em;
    font-weight:bold;
    font-size:1.2em; 
}
.lblCNIL2
{
    margin-bottom:1em;
    font-weight:bold;
    font-size:1em; 
}
.lblficheclient
{
    background-color:#CDCDCD;
    color:#555555;
    font-weight:bold;
    padding:.5em;
    margin-right:.5em;
}
.lblficheclient_ER
{
    color:#555555;
    font-weight:bold;
    padding:.5em;
    margin-right:.5em;
}
#divinfosCNIL
{
    margin-top:2em;
    text-align:justify;
    padding:1em;
    background-color:#efefef;
    color:#555555;
    border:1px solid #acacac;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
#lbl_mailing_club, #lbl_mailing_partner
{
    width:40em;
    font-weight:bold;
    font-size:11px;
    color:#333333;    
}
#divinfosmail
{
    font-size:.8em;
    margin-top:1em;
    margin-bottom:1.5em;
    font-style:italic;
    color:#333333;   
}
/**********************************************************************************************************************************************
                                                                  Espace Perso
***********************************************************************************************************************************************/
#divAccountSpace
{
    background-color:#EFEFEF;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top:2em;
    padding-bottom:2em;
}

ui-tabs-active ui-state-active
{
    background:#FF0000;   
}

#ui-tabs-anchor
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#divAccountOrdersDetails, #divAccountInvitations, #divAccountOrders, #divAccountOrdersPast, #divAccountSales
{
    color:#333333;
}
#divAccountOrdersPast .ui-accordion .ui-accordion-content,
#divAccountOrders .ui-accordion .ui-accordion-content,
#divAccountSales .ui-accordion .ui-accordion-content
{
    padding: 0em 1.2em 1em 1.2em;
    margin-bottom: 0em;
}
#divAccountOrders .ticketsGroupTitle, 
#divAccountOrdersPast .ticketsGroupTitle{
    margin-top: 20px;
}
#titleAccountSpace
{
    color:#FFFFFF;
    font-size:.8em;   
}
 #lbl_radio_typeclient_par, #lbl_radio_typeclient_soc, #lbl_rbSexe_1_fac, #lbl_rbSexe_2_fac
{
    color:#333333;   
}
#divAccount
{
    height:100%;    
}
.PersonalTab
{
    border-left:2px solid #555555;
    border-right:2px solid #555555;
}
/*#divAccount .ui-state-active a:visited
{   
    color:#00FF00;   
}*/
label
{
    width: 20em;
}
#register_Form label
{
   float: left;   
}
.labeloption label
{
    width: 15em;
}
label.error
{
    float: none;
    color: #8A2929;
    padding:.5em;
    vertical-align: middle;
    width: 28em;
}
label.error.CGVerror
{
    font-size: 16px;
    font-weight: bold;
    color: red;
    display: block;
    width: 100%;
    text-align: center;
}
em
{
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
}
.focus2
{
    border: 2px solid #AA88FF;
    background-color: #FFEEAA;
}
form.register_Form label.error
{
    display: none;
}
.registerNotEditable
{
    display: none;
}
#divAccountInfosAction
{
    margin-bottom:2em;
    float:right;   
}
#tablePricesbyCategoriesCenter
{
       
}
.frontOffice-orderETicketAvailable
{
    background-image: url("../images/PDF-download-icon.png");
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right:10px;        
    width: 15px;
    height: 15px;
    float: right;
}
.frontOffice-orderETicketNotAvailable
{
    background-image: url("../images/information17x15.png");
    background-repeat: no-repeat;
    background-position: right;
    float: right;
    width: auto;
    height: 15px;
    margin-right: 10px;
    padding-top: 2px;
    padding-right: 30px;
    color: #222;
    font-variant: small-caps;
}
.frontOffice-orderETicketAvailableZip
{
    background-image: url("../images/shop/zip_24.png");
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-right:10px;
    width: 24px;
    height: 24px;
    float: right;
}
.frontOffice-orderETicketAvailablePDF
{
    background-image: url("../images/PDF-download-icon.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-right:10px;
    width: 24px;
    height: 24px;
    float: right;
}
.frontOffice-orderReceipt
{
    background-image: url("../images/shop/printer_24.png");
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-right:10px;
    width: 24px;
    height: 24px;
    float: right;
}
/***********PopIn Info***********/
.zone-info
{
    background: url("../images/information.png") no-repeat;
    width: 27px;
    height: 25px; 
    display: inline-block;
}
.price-info
{
    background: url("../images/information.png") no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
    margin-left:.1em;
    cursor:pointer;
}
.tabbookingtdinfo
{
    text-align:center;
}
/************Récapitulatif de votre commande****************/
#Paiement_lbl_UneFoisVotrePaiementEffectue
{
    margin-top:3em;
    font-size:1.1em;
    margin-bottom:2em;
}   

/*  BOUTON */
.Button
{
    min-width: 108px;
    height: 32px;
    border-radius:10px 10px 0px 0px;
    background-color: #000000;
    border:0px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    font-size: 1em;
    padding:.5em;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
    line-height: 11px;
    margin-left:.5em;
    margin-top:1.5em;
}
.Button:hover
{
    box-shadow: 1px 1px 16px #333333;
    color: #FFFFFF;
    font-style: italic;
    background-color: #999999;
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 100px;
}
.ButtonSmall
{
    width: 62px;
    height: 12px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border:none;
    background-color: #555555;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    cursor: pointer;
    line-height: 11px;
    float:left;
    padding:0.4em;
    margin-top:.2em;
}
.ButtonSmall:hover
{
    box-shadow: 1px 1px 4px #333333;
    color: #f0f0f0;
    background-color: #333333;
    font-style: italic;
}
.Button.right
{
    float:right;
}

.Button.right.round
{
    float:right;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}

/* Boutons de gauche */
#home, #out, #refresh, #print, #pay, #refresh
{
    margin-bottom: 10px;
    background-color: #222;
    background-position: right;   
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    cursor: pointer;
    border-radius: 0 6px 6px 0;
    z-index: 10;
}

#home
{
    background-image: url(../images/home.png);
}

#home:hover
{
    box-shadow: 1px 1px 16px #333;
}

#blur
{
   position:absolute; 
   z-index:-2147483646;
   top:185px; 
   left:0px;    
   width:1000px;
   min-height:1000px; 
   background-image:url(../images/pattern.png);  
}

/**************PopUpConnection************/
#popinLoginForm #LoginPage, .LoginGlobalBox
{
    box-shadow: 1px 1px 20px #AFAFAF;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.countdown-digit{
display:inline;
color:red;
font-size:0.8em;
}

.countdown-letter{
display:inline;
color:#222222;
font-size:0.8em;
}

#TabBookingTitle
{
    float:left;
    margin-top:.85em;
    margin-left:1em;
}


#TabBookingTitleResume
{
    margin-left:800px;
    width:200px;
}
#TabBookingTitleImage
{
    background-image: url(../images/cart.png);
    background-position: left;
    background-repeat:no-repeat;
    height:30px;
    width:30px;
    float:left;
    margin-top:-.2em;
}
#TabBookingTitleItems
{
    padding-top:3px;
}
#TabBookingTitleItems div:nth-child(even)
{
    /*background-position: left;*/
    color:red;
}

.RegisterSocialNetworkLink { color: #333333; display: table-cell; height: 50px; vertical-align: top; }
.RegisterSocialNetworkName { display: inline; }
.RegisterSocialNetworkName > span { margin-left: 20px; }
.RegisterSocialNetworkTagSeat { display: table-row; }
.RegisterSocialNetworkTagSeat > label { width: auto; margin-right: 5px; }
.RegisterSocialNetworkLink .RegisterSocialNetworkName > img, .RegisterSocialNetworkLink .RegisterSocialNetworkName > span { vertical-align: middle; }
.RegisterSocialNetworkLink .RegisterSocialNetworkName > img { height: 50px; }
.lblSocialNetworkfacebook, .lblSocialNetworkgoogle, .lblSocialNetworktwitter { background-repeat: no-repeat; padding-left: 3em; width: 17.5em; }
.lblSocialNetworkfacebook { background-image: url("../images/facebook.png"); }
.lblSocialNetworkgoogle { background-image: url("../images/google.png"); }
.lblSocialNetworktwitter { background-image: url("../images/twitter.png"); }

.recipientEvent
{
    font-size: 1em;
    font-weight: bold;
}
.table_recipient
{
    margin-bottom:10px;
}
.recipient_head
{
    font-size:0.8em;
}
.recipienttitle
{
    margin-top:5px;
    margin-bottom:5px;
    text-decoration: underline;
}
.recipientheaderpopin
{
    width:100px;
}
.recipientinfoheadercolumn
{
    text-align: center;
    font-weight: bold;
    border-spacing : 10px; 
    padding-left: 10px;
    padding-right: 10px;
}

.recipientinfocolumn
{
    width:auto;
    max-width:250px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.table_recipient input.valid
{
    border: 1px solid #ABABAB;
}

.recipient_radio
{
    float:left;
}

#input_codebanque,#input_codeguichet,#input_numcompte,#input_clef
{
    width:100px;
}

.rib_label
{
    float:left;
    padding-top:5px;
    padding-right:5px;
    font-weight:bold;
    width:150px;
    text-align:right;
}

#input_BIC,#lbl_BIC
{
    width:100px;
}


#input_pays
{
    margin-left:10px;
}

.label_and_or
{
    text-align:center;
    font-weight:bold;
    width:150px;
}
#lineRIB
{
}

#faq_button, #map_button,
.headerAccordion
{
    background-image: url("../images/mainbk.png");
    background-repeat: repeat;
    background-position: 0 100px;
}

#Flags-menu
{   
    overflow:hidden;
    padding:.2em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#msgInfostarif
{
    background-image: url(../images/information_big.png);
    background-position: +10px;
    background-repeat: no-repeat;
    float: left;
    background-color: #EFEFEF;
    font-size: 1.2em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 2em 2em 2em 5em;
    box-shadow: 3px 3px 3px 3px rgba(33, 33, 33, 0.2);
    text-align: left;
    vertical-align: middle;
    margin: 0em 2em 2em 1em;
}

#msgInfostarif p
{   
    text-align:justify;
    text-decoration:none;
    font-style:italic;
}

.linkableobject
{
    font-style:italic
}
.linkableobject:hover
{
    text-decoration:underline;
}

.PaymentButton
{
    font-weight: bold;
    font-size: 1.5em;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: .9em;
    padding: 0em;
    width: 215px;
    height: 29px;
}

.seatdebug 
{ 
    /*border-width:1px;
    border-style:dotted;
    border-color:black;*/
}

#tablePricesbyCategoriesbtnbasketPurchase, #tablePricesbyCategoriesbtnbasket{
    border-radius:25px;
    line-height: 1.4;
    height:25px;
    padding: .4em 1em;
}

#MapTabBySocialNetwork
{
    width:550px;
}


#MapTabBySocialNetworkSelectType
{
    margin-top: 2px;
    float: right;
    padding:0px;
}

#MapTabBySocialNetworkList
{
    float: right; 
    margin-top:0px;
    margin-left:10px;
}

.dd-option-image, .dd-selected-image 
{
    max-width:30px;
}

#MapTabBySocialNetworkSelectType .dd-selected{
    height:32px;
    display: table-cell;
    vertical-align: middle;
}

.dd-desc{
    vertical-align:middle;
}

#MapTabBySocialNetworkSelectType .dd-option:hover,#MapTabBySocialNetworkSelectType .dd-selected:hover 
{
    color:Gray;
}

.pointer{
    cursor:pointer;
}


#ulAccountSelection
{
    width:100%;
    background-color:#EFEFEF;
    color:black;
}

#ulAccountSelection .trEspacePersoSelection
{
    display: table-row;
    background-image: url('../images/EspacePerso_BG-menu.png');
    background-repeat: repeat-x;
}
#ulAccountSelection .trEspacePersoSelection:hover
{
    background-image: url('../images/EspacePerso_BG-menu_over.png');
    background-repeat: repeat-x;
    color:#555555;
}

#ulAccountSelection .tdEspacePersoSelection
{
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url('../images/EspacePersoIcones.png');
    /*background-size: 20px 20px;
    background-position: 5% 50%;*/
    /*margin: 3px;*/
    padding-left:50px;
    display: table-cell;
    vertical-align:middle;
    /*float: left;*/
}

#ulAccountSelection #tdHOMEuserspace
{
    
    background-position: 10px 0px;
}
#ulAccountSelection #tdINFORMATIONuserspace
{
    background-position: 10px -31px;
}
#ulAccountSelection #tdORDERuserspace
{
    background-position: 10px -62px;
}
#ulAccountSelection #tdSALEuserspace
{
    background-position: 10px -93px;
}
#ulAccountSelection #tdINVITATIONuserspace
{
    background-position: 10px -124px;
}
#ulAccountSelection #tdDECONNECTuserspace
{
    background-position: 10px -155px;
}

#divAccountSales .h3Orderline,#divAccountOrders .h3Orderline, #divAccountEspaceRetrait .h3Orderline, #divAccountOrdersPast .h3Orderline
{
    background-image: url('../images/EspacePerso_BG-menu.png'); /*background-color:#EFEFEF;*/
}
#divAccountSales .h3Orderline input,#divAccountOrders .h3Orderline input, #divAccountEspaceRetrait .h3Orderline input, #divAccountOrdersPast .h3Orderline input
{
    margin: 0 0 0 0 ;
}

#divAccountOrders [data-eventid],#divAccountSales div.SA_eventGroupTitle.SA_bold,#contentAccountEspaceRetrait div.ER_eventGroupTitle.ER_bold, #divAccountOrdersPast [data-eventid]
{
    color:#FFFFFF;
    margin-left:-.88em;
    padding:.2em .2em .2em 1em;
    width:80%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 5%, rgba(0,0,0,0.65) 6%, rgba(0,0,0,0.94) 11%, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(0,0,0,0.65)), color-stop(6%,rgba(0,0,0,0.65)), color-stop(11%,rgba(0,0,0,0.94)), color-stop(12%,rgba(0,0,0,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 6%,rgba(0,0,0,0.94) 11%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.lblDownloadeticket
{
    float:right;
    margin-top: 5px;
    color:black;
    font-style:italic;
}

a[ref=divCurrentOrdersContains], a[ref=divPastOrdersContains]
{
    text-shadow:none;
}

a.prev, a.next {	
	width: 24px;
	height: 103px;
	display: block;	
	top: 85px;    
}
a.prev {			/*left: -22px;*/
                    margin-top: 4px;
                    margin-right: 10px;
					background-image: url('../images/left_arrow.png'); }
a.prev:hover {		background-image: url('../images/left_arrow_over.png'); }
a.prev.disabled {	background-image: url('../images/left_arrow.png');  }


a.next {			/*right: -22px;*/
                    margin-top: 4px;
					background-image: url('../images/right_arrow.png'); }
a.next:hover {		background-image: url('../images/right_arrow_over.png'); }
a.next.disabled {	background-image: url('../images/right_arrow.png');  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.image_carousel {
    /* padding: 25px 0 0 0;	*/    
    min-height:135px;
    padding: 14px 0 0;
    /* width:580px; */
    /*display: inline;*/
}
.image_carousel img {
    border: 0px solid #ccc;		
    float: left;
    cursor:pointer;
}

.basket_lbltypexp
{
    font-size:8px;
    float:left;
    max-width:230px;
    width:auto;
}

.tblecheance
{
    border-collapse:collapse;
    text-align: center;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height:20px;
}

.tblecheance td
{
    border:1px solid black;
}

.tblecheance .trheadertbl
{
    font-weight:bold;
    background-color:silver;
}


#paymentSecurityClickHere
{
    margin-left: 10px;
}



#mainlefttitle, #mainLeftExchange2Title
{
    float:left;
    max-height:220px;
}
.MainLeftFilter
{
    float:left;
    height:27px;
    margin-top:0px;
    margin-bottom:15px;
}
#mainleftcontent, #mainLeftExchange2Content
{
    float:left;
    width:100%;
    /*padding-top: 15px;*/
}

.cartlblmodedistrib
{
    font-size:8px;
    float:left;
    width:auto;
    overflow:hidden;
    max-width:240px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    padding-top:2px
}

.carticoninfo
{
    float:left;
    margin-top:-2px;
    margin-left:3px;
}

.AutomaticBooking_ZonesList
{
    width: 170px;
}
.selectpricebycategoriesclass
{
    width: 45px;
}

#divAccountOrders > h3,
#divAccountEspaceRetrait > h3
{
    line-height: 24px;
}

.hnavfilter {
    /*background: #efefef;
    border-radius: 6px;*/
    width:660px;

}
.hnavfilter ul {
    /*background: #128F9A;
    float: left;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #0e7079;*/
   
    float:none;
    display:table;

}
.hnavfilter ul li {
    float: none;
    display:table-cell;
    border-collapse:collapse;
    border-spacing:0;
    text-align:center;
    vertical-align: middle;
    height:27px;
    /*border-left: 1px solid #0e7079;*/
}
.hnavfilter ul li:first-child {
    /*border-left: 0 none;*/
}
.hnavfilter ul li a {
    color: white;
    font-size: .9em;
    font-weight: 700;
    /*display: block;
    padding: 10px 20px;
    color: #fff;
    border-top: 1px solid rgba(255,255,255, 0.25);
    border-left: 1px solid rgba(255,255,255, 0.25);*/
}
.hnavfilter ul li:first-child a {
    border-left: 0 none;
}
.hnavfilter ul li:hover {
    /*background: black;*/
    opacity:0.6;
}
.hnavfilter ul li:first-child a {
    /*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/
}
.hnavfilter ul li:last-child a {
    /*border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;*/
}


#imgMainPhotoArticle{
    max-height:320px;
    width: auto;
    max-width:320px;
}

.horizontal-navRubriques {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;

}

#menuRubrique{
    border-spacing: 1px;
}

    .horizontal-navRubriques li
    {
        background-image: url("../images/mainbk.png");
        background-repeat: repeat;
        background-position: 0 200px;
        /*max-width:100px;*/
        position: relative;
        display: block;
        float: left;
        width:200px;
        margin: 0 0 0 1px;
    }
    .horizontal-navRubriques li:first-child
    {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    }
    .horizontal-navRubriques li:last-child
    {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    }
    .horizontal-navRubriques a
    {
        color: white;
        font: bold 12px Verdana;
        
    }
    .horizontal-navRubriques li:hover
    {
        cursor: pointer;
        
        background-image: url("../images/mainbk.png");
        background-position: 0 190px;
         background-repeat: repeat;
    }

    .displaynone{
        display:none;
    }

    /*.horizontal-navRubriques li{
        float:left;
    }*/

    #menuRubrique #menu_CMS{
        width:110px;
    }

#navRubriques.horizontalNav-notprocessed{
    width:600px;
}

.Loading_small
{
    background-image: url("../images/load_50.GIF");         background-repeat: no-repeat;
}