body {
    margin:0;
    overflow:hidden;
    background-attachment:scroll;
    
}/* for ie mac*/

/* commented backslash hack v2 \*/
html, body {
    padding:0;
    background-attachment:scroll;
    font-family:Tahoma;
    font-size:11px;
    overflow-x:hidden;
    background-color: #1e2b33;
    
}
* html, * html body{
    overflow:hidden;
    margin:-24px 0;
    padd\ing:0;
    ma\rgin:0;
}
* html #outer {
    overflow:auto;
    overflow-x:hidden;
    height:99.9%;
    voice-family: "\"}\""; voice-family:inherit;
}
* html #contain-all{
    position:absolute;
    overflow-y:scroll;
    overflow-x:hidden;
    width:100%;
    height:100%;
    z-index:1;
}
/* end hack */

#top-bar{
    position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
    top:0px;
    left:0px;
    height:50px;
    width:100%;
    margin:0;
    padding:0;
    z-index:999;
    overflow:hidden;
}
#topbar-inner, #footer-inner {
    height:24px;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,* html #footer-inner {margin-right:17px;}
/* end hide*/

#footer {
    position:absolute;
    background-color:#1f2c34;
    bottom:0;
    width:100%;
    height:26px;
    z-index:999;
}
.spacer {height:50px}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #top-bar,html>body #footer{position:fixed}/* for moz/opera and others*/

#bar_resizer {
    border-top:1px solid #C0C0C0;
    border-left:1px solid white;
    background-color:#F0F0F0;
    font-size:11px;
    z-index:998;
}

#bar_resizer_arrow {
    border-top:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    background-color:#F0F0F0;
    cursor:pointer;
}

.ombre {
    -webkit-box-shadow: 2px 2px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    border-top:1px solid #356FA9;
    border-left:1px solid #356FA9;
    border-bottom:1px solid #444444;
    border-right:1px solid #444444;
    background-color:#F0F0F0;
}

#box_rapport_tts {
    height:140px;
    width:150px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#box_positions {
    height:200px;
    width:600px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#box_mes_positions {
    height:220px;
    width:500px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#box_favoris {
    height:200px;
    width:500px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#box_price {
    height:200px;
    width:500px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#box_log {
    height:200px;
    width:430px;
    z-index:-1;
    display:none;
    position:absolute;
    top:25px;
}

#log_area a {
    text-decoration:none;
    color:#2d5b8e;
}

#log_area a:hover {
    text-decoration:underline;
}

#log_area div {
    width:440px;
    height:14px;
    border-bottom:1px dashed #FAFAFA;
    overflow:hidden;
    padding:1px;
}

#positions_area a {
    text-decoration:none;
    color:#2d5b8e;
}

#positions_area a:hover {
    text-decoration:underline;
}

#positions_area div {
    width:590px;
    height:14px;
    border-bottom:1px dashed #FAFAFA;
    overflow:hidden;
    padding:1px;
}

#last_log {
    background-color:#E0E0E0;
    padding-left:2px;
    overflow:hidden;
    height:17px;
}

#last_position {
    background-color:#E0E0E0;
    padding-left:2px;
    overflow:hidden;
    height:17px;
}

#last_position a {
    text-decoration:none;
    color:#2d5b8e;
}

#last_position a:hover {
    text-decoration:underline;
}

#last_log a {
    text-decoration:none;
    color:#2d5b8e;
}

#last_log a:hover {
    text-decoration:underline;
}

#box_jeux {
    height:140px;
    width:150px;
    position:absolute;
    top:25px;
    border:1px solid #C0C0C0;
    background-color:#F0F0F0;
    z-index:-1;
    display:none;
}

table.box_toolbar {
    border:1px solid white;
    border-bottom:0px;
}

table.box_toolbar thead td  {
    background-color:#245e98;
    padding:2px;
}

table.box_toolbar thead td.bt {
    background-color:#144e88;
}

table.box_toolbar tbody td {
    border-top:1px solid white;
}

.toolbar_lien {
    display:block;
    text-decoration:none;
    color:#2d5b8e;
    margin:0;
    padding:0;
    padding-left:4px;
}

.toolbar_lien:hover {
    background-color:#245e98;
    color:white;
    text-decoration:underline;
}

.box_toolbara {
    color:white;
}

a.box_toolbara {
    display:block;
    color:white;
    text-decoration:none;
}
a.box_toolbara {
    text-decoration:underline;
}

.toolbar_sep_both {
    border-left:1px solid #D0D0D0;
    border-right:1px solid #D0D0D0;
    padding:4px;
    padding-left:6px;
}

.toolbar_sep_left {
    border-left:1px solid #D0D0D0;
    border-right:1px solid white;
    padding:4px;
    padding-left:6px;
    font-size:11px;
}   

.tabbar {
    border-top:1px solid white;
}

/* end of fixed bottom bar */

#top {
    background: #888888 url(/img/bg_top.png) repeat-x;
    height:40px;
}

a img {
    border: none;/*remove border for linked images*/
}

/***** clear *****/
.clear {
    clear: both;
    height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */


/***** Main Layout ****/
#container {
    background:url(../webdesign/background.jpg) repeat-x top center;
    width: 100%;
    height: 100%;
    text-align: center;/* IE fix to center the page */
}

#content {
    margin: 0 auto;/* center the page in Firefox */
    text-align: justify;
    width:965px;
}

#menu {
    height:36px;
}

#menu .left {
    background: #979797 url(/img/menu_left.png);
    height:36px;
    width:24px;
    float:left;
}

#menu .right {
    background: #979797 url(/img/menu_right.png);
    height:36px;
    width:24px;
    float:left;
}

#menu .center {
    background: #979797 url(/img/menu_center.png) repeat-x 0 0;
    height:36px;
    width:892px;
    float:left;
    padding-left:10px;
}

#menu .items {
    margin-top:5px;
}

#menu span {
    display:block;
    float:left;
    color:white;
    padding:2px;
    width:126px;
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    line-height:20px;
    height:22px;
    cursor:pointer;
    font-size:12px;
}

#menu a {
    color:#F0F0F0;
    text-decoration:none;
    font-weight:bold;
}

#menu span.selected {
    background:url(/img/bg_bt.png) repeat-x;
}

/* MARIE-LAURENCE */

#bandeau_top {
    margin-left:375px;
}

.content {
    text-align: justify;
    padding-left:10px;
}


.bandeau_pub_top {
    background-color:#FFFFFF;
    height:68px;
    width:460px;   
}

.moncompte {
    background:url(../webdesign/identification.png) no-repeat;
    height:140px;
    width:182px;
    margin-left:30px;
    padding: 10px 10px 10px 10px;
}


.date {
    background:url(../webdesign/date.png) no-repeat; 
    /*filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; */
}

.date_jour {
    font-variant:small-caps;
    color:#6699cc;
    font-size:14px;
    font-weight:bold;
    padding-left:20px;
}

.date_jour a {
    color:#6699cc;
    text-decoration:none;
}

.titre {
    background:url(../webdesign/titre.png) repeat-x; 
    /*filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; */
}

.image_titre {
    vertical-align:middle;

}

#div_menu_gauche {
    position:absolute;
    width:165px;
    /*height:790px;*/
    background-color:#5588aa;
    background-position:top right;
    filter : alpha(opacity=40); 
    -moz-opacity : 0.4; 
    opacity : 0.4; 
}

.liste_menu {
    position:absolute;
    padding-top:180px;
    width:165px;
}

.centre {
    background-color:#e1e5e9;
    vertical-align:top;
    padding: 0 10px 0 10px;
}

.menu_droit {
    background-color:#6699cc;
    background:url(../webdesign/menu_droit.png) no-repeat;
}


.menu_bas {
    color:#FFFFFF;
    text-align:center;
    padding-top:25px;
    height:50px;
    font-size:11px; /*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    font-weight:normal;/*special google chrome et safari qui ne prennent pas en compte la taille sinon */
}

.menu_bas a:link {
    color:#FFFFFF;
    text-decoration:none;
}

.menu_bas a:visited{
    color:#FFFFFF;
    text-decoration:none;
}


.menu_bas a:active{
    color:#FFFFFF;
    text-decoration:none;
}

.menu_bas a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

/*PAGE LISTING EVENEMENTS*/
 
.titre_categorie {
    background-color:#6ca4c5;
    color:#FFFFFF;
    text-align:left;
    padding-left:10px;
    font-size:11px;
}

.titre_categorie a {
    text-decoration:none;
    color:white;
}

.titre_categorie a:hover {
    text-decoration:underline;
}

.date_evenement {
    background-color:#6ca4c5;
    color:#FFFFFF;
    text-align:right;
    padding-right:10px;
    font-size:11px;
}


.titre_evenement {
    color:#366b94;
    font-size:13px;
    font-weight:bold;
    padding-top:7px;
    padding-left:12px;
}

.titre_evenement a {
    color:#366b94;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}

.titre_evenement a:hover {
    text-decoration:underline;
}

.titre_evenement_detail {
    line-height:29px;
}

.titre_evenement_detail a {
    color:#366b94;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}

.titre_evenement_detail a:hover {
    text-decoration:underline;
}

.description_evenement {
    color:#000000;
    text-align:justify;
    padding-left:4px;
    margin-top:-3px;
    font-size:11px; /*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    font-weight:normal;/*special google chrome et safari qui ne prennent pas en compte la taille sinon */
}

.resume_evenement {
    color:#000000;
    font-size:11px; /*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    font-weight:normal;/*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    text-align:justify;
    padding-left:13px;
    padding-top:3px;
}

.resume {
    color:#000000;
    text-align:justify;
    padding-left:13px;
    padding-top:3px;
}

.resume a {
    color:#336699;
    text-decoration:underline;
}


.footer {
    width:950px;
    height:26px;
    background: url(../webdesign/footer.gif) no-repeat center;
    margin-left:5px;
    color:#FFFFFF;
    font-size:11px; /*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    font-weight:normal;/*special google chrome et safari qui ne prennent pas en compte la taille sinon */
    padding-left:-0px;
    bottom:0;
}

.titre_etablissement {
    color:#366b94;
    font-size:13px;
    font-weight:bold;
    text-align:right;
}

.infos_etablissement {
    color:#366b94;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    text-decoration:none;
}

.infos_etablissement a:link {
    color:#366b94;
    text-decoration:none;
}

.infos_etablissement a:hover {
    text-decoration:underline;
}

.infos_etablissement a:visited {
    color:#366b94;
    text-decoration:none;
}


.video a {
    color:#336699;
    text-decoration:none;

  }
/* MARIE-LAURENCE */

#session {
    text-align:right;
    width:920px;
    color:#444444;
    font-size:12px;
}

#session a {
    color:#444444;
    text-decoration:none;
}

#session a:hover {
    text-decoration:underline;
}

.tb_left {
    background: url(/img/tb_left.png) repeat-y;
    width:7px;
}

.tb_center {
    width:935px;
    background-color:white;
}

.tb_right {
    background: url(/img/tb_right.png) repeat-y;
    width:7px;
}

#bottom {
    height:36px;
}

#bottom .left {
    background: url(/img/bottom_left.png);
    height:36px;
    width:24px;
    float:left;
}

#bottom .right {
    background: url(/img/bottom_right.png);
    height:36px;
    width:24px;
    float:left;
}

#bottom .center {
    background: url(/img/bottom_center.png) repeat-x 0 0;
    height:36px;
    width:901px;
    float:left;
}

#div_login {
    background: url(/img/bg_login.gif);
    height:207px;
    color:white;
    padding-left:20px;
    font-size:0.9em;
}

#div_login input.clean {
    border:1px solid black;
    width:180px;
}

#div_login a {
    color:white;
}

#rcontent {
    min-height:450px;
    height:expression(this.scrollHeight > 450 ? "auto":"450px");
    border:1px solid #444444;
    padding:10px;
    background-color:#FFFFFF;
}

.label {
    width:250px;
    float:left;
    padding-top:5px;
}

.input {
}

br {
    clear: left;
}

#smenu {
    background:url(/img/smenu_degrade.png) repeat-x;
    height:36px;
    width:100%;
}

#smenu .items {
    padding-top:3px;
}

#smenu span {
    display:block;
    float:left;
    color:white;
    padding:2px;
    width:105px;
    margin-left:5px;
    margin-right:5px;
    text-align:center;
    line-height:20px;
    height:22px;
    cursor:pointer;
}

#smenu a {
    color:#6699cc;
    text-decoration:none;
}

#smenu a:hover {
    text-decoration:underline;
}

#smenu span.selected {
    background:url(/img/smenu_bt.png) repeat-x;
}

.form_title_bg {
    background:url(/img/form_title_bg.png) repeat-x;
    height:19px;
    padding:4px;
    padding-left:10px;
    padding-bottom:0px;
    font-weight:bold;
    font-size:11px;
}

.footerstretch {
    background-color:#C8C8C8;
    background-repeat:repeat-x;
    min-height:132px;
    height:132px;
    overflow:auto;
    color:#555555;
    font-size:12px;
    text-align:center;
}

.footerstretch2 {
    background-color:#C8C8C8;
    background-repeat:repeat-x;
    min-height:52px;
    height:52px;
    overflow:auto;
    color:#555555;
    font-size:12px;
    text-align:center;
}


.footerstretch a {
    text-decoration:none;
    color:#555555;
    font-size:12px;
}

.footerstretch a:hover {
    text-decoration:underline;
}

.forum-font {
    font-family:verdana;
    font-size:12px;
}

.tooltips {
    background-color:#245e98;
    color:white;
    font-weight:bold;
    padding:3px;
    font-size:10px;
    z-index:10000;
}

.msg {
    background-color:#fffea1;
    border:1px solid red;
    padding:5px;
    margin-bottom:10px;
    line-height:18px;
}

.msg img {
    margin:5px;
}

.ajax_toolbar_lien {
    text-decoration:none;
    color:#2d5b8e;
    margin:0;
    padding:0;
    padding-left:4px;
}

.ajax_toolbar_lien a {
    text-decoration:none;
    color:#2d5b8e;

}

.ajax_toolbar_lien:hover {
    background-color:#245e98;
}

.ajax_toolbar_lien:hover a {
    color:white;
}

.logMsg {
    width:290px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.pub_droite1 img {
    border:1px solid white;
    -webkit-box-shadow: 2px 2px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
}


.categorie_menu {
    text-align:right;
    padding-right:15px;
    line-height:24px;
    
}

.categorie_menu a {
    text-decoration:none;
    color:white;
    font-weight:bold;
    font-size:11px; /*special google chrome et safari qui ne prennent pas en compte la taille sinon */
}

.categorie_menu a:hover {
    text-decoration:underline;
}

.flyerbg {
    background:url(/webdesign/bgflyer.gif) no-repeat;
    width:193px;
    height:108px;
    margin-top:8px;
}

.flyerbg div {
    height:104px;
    width:189px;
    overflow:hidden;
}

.flyerbg img {
    padding-top:4px;
    padding-left:4px;
}

.pagination {
    background-color:#6699cc;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
}

.all_pages {
    width:101px;
    height:14px;
    background:url(/webdesign/allpages.gif) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
}

.current_page {
    color:#336699;
    font-weight:bold;
    font-size:11px;
}

.link_blue a {
    color:#336699;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
}

.link_blue a:hover {
    text-decoration:underline;
}