/*************************************/
/* Viewer: Layout                    */
html, body {
	margin: 0;															/* pour �viter les marges */
        text-align : center;													/* pour corriger le bug de centrage IE */
	background : #000000 url(../img/bkg.jpg) no-repeat top center; /*#9bb9c4 #4b6019 */
	font : normal normal normal 12px Arial, sans-serif;
        padding: 0;
}
	
#bloc_960{
	width : 960px;
	margin: 0 auto;
	text-align: left;
        /*background-color: #FFFFFF;*/
}

#global{
    /*background-color:#FFFFFF;*/
    background : url(../img/bkg_960.jpg) repeat-y top center;
}

.clear{
	clear: both;
	height: 0;
	overflow: hidden;
}

.cliquable{
	cursor: pointer;
}

strong{
    font-weight: bold;
}

/****************************************************************************************************************
	HEADER
*****************************************************************************************************************/
div#header{
    background-color: #FFFFFF;
    position: relative;
}

div#header img{
    display: block;
    border: 0;
}

div#header img.billetterie{
    position: absolute;
    right: -30px;
    top: 48px;
    z-index: 10;
    display: block;
}

div#header img.boutique{
    position: absolute;
    left: -30px;
    top: 48px;
    z-index: 10;
}

div#header a.facebook{
    display: block;
    height: 60px;
    width: 315px;
    position: absolute;
    right:70px;
    bottom:0;
    text-indent: -9999px;
    z-index: 15;
    background-color: #335b98;
    opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */

}

/* Dernières minutes */
div#minutes{
    height: 40px;
    overflow: hidden;
    background : #9bb9c4 url(../img/bkg_minutes.gif) repeat-x top left;
}

div#minutes h1{
    margin: 0;
    width: 200px;
    height: 40px;
    float: left;
    padding-left: 55px;
    line-height: 40px;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background : transparent url(../img/last_minutes.png) no-repeat top left;
}

/* List Ticker */
div#tickers{
    position: relative;
    padding-left: 20px;
}

div#tickers ul a{
        display: block;
        margin-top: 4px;
        color: #65ccff;
        font-weight: bold;
        text-decoration: none;
}

div#tickers ul p{
        margin-top: 1px;
        color: #FFFFFF;
}

/* Menu top */
div#menu_top{
    height: 40px;
    background-color: #FF5562;
    background-color: #FFFFFF;
}

div#menu_top ul{
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
}

div#menu_top ul.left{
    float: left;
    margin-left: 150px;
}

div#menu_top ul.right{
    float: right;
    margin-right: 100px;
}

div#menu_top ul li{
    display: inline;
    margin: 0 4px;
    padding: 0;
    padding-right: 12px;
    border-right: #CCCCCC 1px solid;
}

div#menu_top ul li.last{
    border-right: none;
}


/* Menu */
ul#menu{
    position: relative;
    height: 38px;
    background : #CCCCCC url(../img/bkg_menu.gif) repeat-x top left;
    z-index: 100;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#menu li {
	float: left;
	margin: 0;
        padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
        height: 38px;
}

ul#menu li a{
        display: block;
        height: 34px;
	padding: 0 14px;
	color: #333333;
	text-decoration: none;
        line-height: 34px;
        font-weight: bold;
        border-left: 1px #b0acac solid;
        border-right: 1px #FFFFFF solid;
}

ul#menu li a.parent{
    text-transform: uppercase;
}

ul#menu li a:hover, ul#menu li a.active, ul#menu li a.selected{
	background-color: #393939;
        color: #FFFFFF;
        border-left: 1px #6d6c6c solid;
        border-right: 1px #666666 solid;
}

ul#menu li.first a{
    border-left: none;
}

ul#menu li.last a{
    border-right: none;
}

ul#menu li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 38px;
	background: #393939;
	margin: 0; padding: 0;
	display: none;
	width: 190px;
        border-right: 1px #333333 solid;
        border-left: 1px #333333 solid;
}
ul#menu li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	width: 190px;
        height: 35px;
}
ul#menu li ul.subnav li a {
	display: block;
        height: 35px;
        line-height: 35px;
	width: 176px;
        padding: 0;
	padding-left: 14px;
        border: none;
        color: #CCCCCC;
        height: inherit;
}
ul#menu li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	color: #FFFFFF;
        border: none;
}

/****************************************************************************************************************
	CONTENT
*****************************************************************************************************************/
div#bloc_840{
    float: left;
    width: 840px;
    /*background : #FFFFFF url(../img/bkg_content.gif) repeat-y top left;*/
}

div#bloc_840 div#content{
    float: left;
    width: 560px;
}

div#bloc_840 div#sidebar{
    float: right;
    width: 280px;
}

/* Matchs */
div#matchs {
        width: 840px;
        height: 260px;
        overflow: hidden;
        position: relative;
        border-bottom: 1px #bbbbbb solid;
}

div#matchs ul {
        position: absolute;
        top: 0;
        list-style: none;
        padding: 0;
        margin: 0;
}

ul#tabs {
        right: 0;
        z-index: 2;
        width: 299px;
}

ul#tabs li a {
        color: #7c2532;
        text-decoration: none;
        display: block;
        height: 49px;
        padding: 8px 16px;
        background: transparent url('../img/bkg_feature_tab.gif') repeat-x top right;
        margin-left: 19px;
        font-weight: bold;
}


ul#tabs li h3{
        font-size: 11px;
        color: #999999;
        margin-bottom: 2px;
}

ul#tabs li a.current h3{
        color: #65CCFF;
}

ul#tabs li a:hover {
        background: transparent url('../img/bkg_feature_tab_hover.gif') repeat-x top right;
}

ul#tabs li a.current {
        margin-left: 0;
        background:  url('../img/feature-tab-current.png');
        color: #FFFFFF;
        padding-left: 35px;
}

ul#tabs li a.current:hover {
        text-decoration: none;
        cursor: default;
}

ul#output {
        left: 0;
        width: 560px;
        height: 260px;
        position: relative;
        /*background-color: #61bbcc;*/
        background-color: #000000;
}

ul#output img{
    display: block;
    margin: 0 auto;
}

ul#output li {
        width: 560px;
        height: 260px;
        position: absolute;
}

ul#output li .cliquable{
        position: relative;
        width: 560px;
        height: 260px;
}

ul#output li div.infos{
    position: absolute;
    width: 524px;
    background-color: #51b7ce;
    padding: 8px;
    padding-right: 30px;
    text-align: justify;
    bottom: 0;
    left: 0;
    opacity : 0.9;
    -moz-opacity : 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter : alpha(opacity=90); /* IE < 8 */
}

ul#output li div.infos h3{
    font-weight: bold;
    color: #FFFFFF;
}

ul#output li div.infos h2{
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    margin: 4px 0;
}

img.big{
    display: block;
    width: 530px;
    margin: 10px auto;
}

div.contenu{
    margin-top: 20px;
}

/* Histoire */
ul.histoire, ul.palmares{
    margin: 10px;
    margin-right: 20px;
    margin-top: 15px;
}

ul.histoire li, ul.palmares li{
    margin: 10px 0;
    text-align: justify;
    color: #333333;
    position: relative;
    padding-left: 55px;
}

ul.palmares li{
    padding-left: 0;
}

ul.palmares p{
  margin-top: 6px;
  margin-bottom: 14px;
}

ul.palmares li span{
    background-color: #882937;
    color: #FFFFFF;
    padding: 2px 6px;
    font-weight: bold;
}

ul.histoire li span{
    background-color: #882937;
    color: #FFFFFF;
    padding: 2px 6px;
    position: absolute;
    top: -2px;
    left: 0;
    font-weight: bold;
}


ul.histoire li span.big{
    height: 30px;
    line-height:30px;
}
/****************************************************************************************************************
	SIDEBAR
*****************************************************************************************************************/
div#sidebar h1, div#content h1, div#partenaires h1{
    background-color: #f0f0f0;
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px #BBBBBB solid;
    height: 44px;
    line-height: 44px;
    padding-left: 56px;
    text-transform: uppercase;
}

/* Billetterie */
div#sidebar #billetterie h1{
    background : #f0f0f0 url(../img/icon_ticket.gif) no-repeat top left;
}

div#sidebar #billetterie img{
    display: block;
    margin: 0 auto;
}

div#sidebar #billetterie a{
    display: block;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    padding: 10px 0;
}



/* Donateurs */
div#sidebar #donateurs h1{
    background : #f0f0f0 url(../img/icon_heart.gif) no-repeat top left;
}

div#sidebar #donateurs ol li{
    list-style-type: decimal-leading-zero;
    padding: 5px 10px;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    list-style-position: inside;
}

div#sidebar #donateurs ol li i{
    font-size: 10px;
    font-style: normal;
    color: #999999;
    margin-left: 8px;
}

/* Présidence */
div#sidebar #presidence h1{
    background : #f0f0f0 url(../img/icon_man.gif) no-repeat top left;
}

div#sidebar #presidence img{
    display: block;
    margin: 0 auto;
}

div#sidebar #presidence p{
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    text-transform: uppercase;
}

/* Prochain Match */
div#sidebar #next_match h1{
    background : #f0f0f0 url(../img/icon_calendar.gif) no-repeat top left;
}

div#sidebar #next_match #affiche{
    position: relative;
    background: #FFFFFF url(../img/bkg_next_match.jpg) no-repeat top left;
    height: 108px;
}

div#sidebar #next_match #affiche span{
    display: block;
    width: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    position: absolute;
    z-index: 20;
    top: 6px;
}

div#sidebar #next_match #affiche span.dom{
    left: 5px;
    
}

div#sidebar #next_match #affiche span.ext{
    right: 5px;
}

div#sidebar #next_match #affiche img.dom{
    position: absolute;
    top: 28px;
    left: 15px;
    height: 75px;
}

div#sidebar #next_match #affiche img.ext{
    position: absolute;
    top: 28px;
    right: 15px;
    height: 75px;
}

div#sidebar #next_match p{
    text-align: center;
    background-color: #FFFFFF;
    font-weight: bold;
    border-bottom: 1px #BBBBBB solid;
    padding-bottom: 8px;
}

div#sidebar #next_match p span{
    color: #882937;
}

/* Classement */
div#sidebar #classement{
    border-bottom: 1px #BBBBBB solid;
}

div#sidebar #classement h1{
    background : #f0f0f0 url(../img/icon_podium.gif) no-repeat top left;
}

div#sidebar #classement table{
   width: 280px;
   border-spacing: 0px;
   border-collapse: collapse;
}

div#sidebar #classement table tr{
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   color: #4197ab;
   background-color: #f9f8f8;
   border: 0;
}

div#sidebar #classement table tr.odd{
   background-color: #f0f0f0;
}

div#sidebar #classement table tr.current{
  color: #771726;
}

div#sidebar #classement table tr.hover{
  background-color: #e9e7e7;
}

div#sidebar #classement table tr td.position{
    width: 24px;
    padding-left: 16px;
}

div#sidebar #classement table tr td.equipe{
    width: 144px;
    padding-left: 16px;
}

div#sidebar #classement table tr td.points{
    width: 64px;
    padding-left: 16px;
}

div#sidebar #classement table tr td.points span{
    text-transform: lowercase;
}

/* Phototheque */
div#sidebar #phototheque h1{
    background : #8b2b39 url(../img/icon_photo.gif) no-repeat top left;
}

/* Videotheque */
div#sidebar #videotheque{
    border-bottom: 1px #BBBBBB solid;
}

div#sidebar #videotheque h1{
    background : #f0f0f0 url(../img/icon_video.gif) no-repeat top left;
}

div#sidebar #videotheque .dailymotion{
    width: 280px; 
    height: 220px; 
    text-align: left;
    margin-top:14px;
    margin-left:-7px;
}

/* Brasserie */
div#sidebar #brasserie img{
    display:block;
     border-bottom: 1px #BBBBBB solid;
}

/* Direct */
div#sidebar #direct{
    background-color: #FFFFFF;
    border-bottom: 1px #BBBBBB solid;
    text-align:center;
}

div#sidebar #direct h1{
    color: #FFFFFF;
    background : #4197ab url(../img/icon_radio.gif) no-repeat top left;
    text-align:left;
}

div#sidebar #direct img{
    margin: 10px 15px;
    vertical-align: middle;
}

/* Facebook */
div#bloc_840 div#content div.facebook{
    margin: 10px 0;
}

div#sidebar #facebook{
    margin-bottom: 10px;
}

/****************************************************************************************************************
	CONTENT
*****************************************************************************************************************/
/* Actualité */
div#content h1{
    padding-left: 0;
}

div#content h1.shadow{
    background : #f0f0f0 url(../img/bkg_shadow.gif) no-repeat top right;
	text-align: left;
}

div#content h1 span{
    display:block;
    padding-left: 56px;
    background : transparent url(../img/icon_csbj.gif) no-repeat top left;
}

div#content h1.shadow span.contact{
    float: right;
	padding-right: 16px;
	text-align: right;
	background: transparent;
	line-height: normal;
	font-size: 14px;
	color: #7c212f;
	margin-top: 6px;
}


div#content h1.more, div#content h1.lnr{
    border-top: 1px #BBBBBB solid;
}

div#content h1.more span, div#content h1.lnr span{
    background : transparent url(../img/icon_more.gif) no-repeat top left;
    padding-left: 56px;
    float: left;
}

div#content h1.lnr span{
    background : transparent url(../img/icon_lnr.gif) no-repeat top left;
}

div#content #actualites ul{
    margin: 10px;
    margin-right: 20px;
}

div#content #actualites ul li{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px #C6C6C6 solid;
    text-align: justify;
}

div#content #actualites ul li.last{
    padding-bottom: 0;
    margin-bottom: 12px;
    border: none;
}

div#content #actualites ul h4{
   font-weight: bold;
   color: #999999;
   margin-bottom: 3px;
}

div#content #actualites ul h2{
   font-size: 14px;
   font-weight: bold;
   color: #7c212f;
   margin-bottom: 10px;
}

div#content #actualites ul img{
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;
}

div#content #actualites ul .photos{
    text-align: center;
}

div#content #actualites ul .photos img{
    float: none;
    display: inline;
    margin: 15px 20px;
}

div#content #actualites ul h3{
   font-size: 13px;
   font-weight: bold;
   color: #000000;
   margin-bottom: 3px;
}


div#content #actualites ul p.chapeau{
    color: #666666;
}

div#content #actualites ul span.read{
    display: block;
    text-align: right;
    font-weight: bold;
    margin-top: 6px;
}

/* Boutique **/
div#content #boutique{
    width: 560px;
    height: 180px;
    background : #000000 url(../img/bkg_boutique.jpg) no-repeat top left;
    position: relative;
}

div#content #boutique .slides_container{
    width: 312px;
    height: 156px;
    margin-left: 220px;
    /*background-color: red;*/
    padding: 12px 14px;
    display: block;
    z-index: 20;
}

div#content #boutique img{
    float: left;
    border: 1px solid #FFFFFF;
}

div#content #boutique .infos{
    float: left;
    width: 150px;
    margin-left: 35px;
}

div#content #boutique h2{
   font-size: 18px;
   font-weight: bold;
   color: #00acda;
   margin-bottom: 10px;
}

div#content #boutique p{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    height: 30px;
}

div#content #boutique span{
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
}

div#content #boutique .pagination {
        position: relative;
        bottom: 45px;
        left: 450px;
        list-style: none;
        margin-top: 20px;
}

div#content #boutique .pagination li {
        float:left;
        margin:0 2px;
}

div#content #boutique .pagination li a {
        display:block;
        width:12px;
        height:0;
        padding-top:12px;
        background-image:url(../img/pagination.png);
        background-position:0 0;
        float:left;
        overflow:hidden;
}

div#content #boutique .pagination li.current a {
        background-position:0 -12px;
}

/* Centre de formation */
div.coordonnees{
    margin: 10px;
    margin-right: 20px;
    border: 1px #CCCCCC solid;
    background-color: #E7E7E7;
    padding: 4px 8px;
    font-weight: bold;
    text-align: right;
    color: #8b2b39;
}

div.coordonnees p{
    float: left;
    font-weight: normal;
    text-align: left;
    color: #333333;
}

div.page img.big{
   display: block;
   margin: 10px auto;
}

div.page .contenu{
    margin: 10px;
    margin-right: 20px;
    text-align: justify;
}

div.page .contenu h3{
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
    color: #333333;
    text-transform: uppercase;
}

div.page .contenu h3 span{
    float: right;
    color: #4197ab;
}

div.page .contenu .chapeau{
    color: #999999;
}

div.page .contenu img.left{
    float: left;
    margin: 0;
    margin-right: 10px;
}

div.page .contenu p{
    margin: 10px 0;
}

div.page .contenu ul.puce{
    margin-left: 40px;
}

div.page .contenu ul.puce li{
    list-style-type: disc;
    margin: 6px 0;
}

/* Joueurs & Staff */
ul.joueurs{
    width: 530px;
    margin: 10px auto;
    margin-bottom: 20px;
}

ul.joueurs li{
    position: relative;
    float: left;
    margin: 6px 0;
    margin-right: 12px;
    padding: 3px;
    border: 1px #CCCCCC solid;
}

ul.joueurs li.end{
    margin-right: 0;
}

ul.joueurs li a{
    display: block;
}

ul.joueurs li img{
    display: block;
    width: 115px;
    height: 140px;
    border: 0;
    margin: 0;
    padding: 0;
}

ul.joueurs li p{
    position: absolute;
    left: 3px;
    bottom: -7px;
    width: 109px;
    height: 30px;
    padding: 3px;
    color: #FFFFFF;
    background-color: #999999;
    opacity : 0.9;
    -moz-opacity : 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter : alpha(opacity=90); /* IE < 8 */
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

ul.joueurs h1.test{
    font-weight: bold;
    font-size: 14px;
}
/** TIPSY **/
.tipsy {
	padding: 5px;
        font-weight: bold;
	font-size: 12px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background-repeat: no-repeat;
	background-image: url(../img/tipsy.gif);
        width: 250px;
}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 400px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

p.infos{
    margin-top: 20px;
    border: 1px #CCCCCC solid;
    background-color: #E7E7E7;
    padding: 4px 8px;
    font-weight: bold;
    color: #8b2b39;
}


/* Infirmerie */
ul.infirmerie{
    width: 530px;
    margin: 10px auto;
    margin-bottom: 10px;
}

ul.infirmerie li{
    display: block;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px #C6C6C6 solid;
    text-align: justify;
}

ul.infirmerie li.last{
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

ul.infirmerie li h3{
   font-size: 14px;
   font-weight: bold;
   color: #333333;
   margin-bottom: 10px;
}

ul.infirmerie li img{
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;
    width: 80px;
}

p.no_result{
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    margin: 30px 0;
    color: #CCCCCC;
}

/* Classement */
table.classement, table.calendrier{
   width: 559px;
   border-spacing: 0px;
   border-collapse: collapse;
}

table.classement tr, table.classement th, table.calendrier tr, table.calendrier th{
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   color: #4197ab;
   background-color: #f9f8f8;
   border: 0;
}

table.classement thead tr, table.calendrier thead tr{
    background-color: #666666;
    color: #FFFFFF;
}

table.classement tr.odd, table.calendrier tr.odd{
   background-color: #f0f0f0;
}

table.classement tr.current, table.calendrier tr.current{
  color: #771726;
}

table.classement tr.hover, table.calendrier tr.hover{
  background-color: #e9e7e7;
}

table.classement .position{
    width: 20%;
    padding-left: 16px;
}

table.classement .equipe{
    width: 40%;
    padding-left: 16px;
}

table.classement .points{
    width: 20%;
    padding-left: 16px;
}

table.classement .points span{
    text-transform: lowercase;
}

table.classement .matchs{
    width: 20%;
    padding-left: 16px;
    text-align: center;
}


/* Calendrier */
table.calendrier .date{
    width: 35%;
    padding-left: 16px;
}

table.calendrier .dom, table.calendrier .ext{
    width: 25%;
    padding-left: 16px;
}

table.calendrier .resultats{
    width: 15%;
    text-align: center;
}

table.calendrier .resultats span{
    display: block;
    text-align: center;
    width: 50%;
    float: left;
}

table.calendrier tr.odd .resultats span.dark{
    background-color: #ebe9e9;
}

table.calendrier tr .resultats span.dark{
    background-color: #f0f0f0;
}

table.calendrier .victoire{
    color: #771726;
}

table.calendrier tr.odd .resultats span.victoire{
    background-color: #771726;
    color: #FFFFFF;
}

table.calendrier tr .resultats span.victoire{
    background-color: #9c3b48;
    color: #FFFFFF;
}

/* Sponsors */
div#content ul.sponsors{
    margin: 10px;
    margin-right: 20px;
}

div#content ul.sponsors li{
    display: block;
    padding: 4px 0;
    margin-top: 4px;
    border-bottom: 1px #C6C6C6 solid;
    text-align: justify;
}

div#content ul.sponsors li.last{
    border: 0;
}

div#content ul.sponsors li h3{
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   margin-bottom: 2px;
}

div#content ul.sponsors li p{
   color: #999999;
   margin: 2px 0;
}

div#content ul.sponsors li span{
    font-size: 10px;
    color: #CCCCCC;
    float: right;
    text-transform: uppercase;
}

/* Ciel et Grenat */
div#content p.doc{
    margin: 4px 0;
    text-align:center;
    padding: 4px 0;
}

/* Billetterie */
div#content .contenu .affiche{
    position: relative;
    height: 120px;
    /*border-bottom: 1px #C6C6C6 solid;
    margin-bottom: 10px;*/
}

div#content .contenu .affiche span{
    display: block;
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    position: absolute;
    z-index: 20;
    top: 90px;
}

div#content .contenu .affiche span.dom{
    left: 0;
}

div#content .contenu .affiche span.ext{
    right: 0;
}

div#content .contenu .affiche img.dom{
    position: absolute;
    top: 5px;
    left: 40px;
    height: 75px;
}

div#content .contenu .affiche img.ext{
    position: absolute;
    top: 5px;
    right: 40px;
    height: 75px;
}

div#content .contenu .affiche .infos{
    text-align: center;
    font-weight: bold;
    width: 280px;
    margin: 0 auto;
    padding-top: 20px;
}

div#content .contenu .affiche h2, div#content .contenu .affiche h4{
    text-align: center;
}

div#content .contenu .affiche h3{
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
    color: #882937;
    text-transform: uppercase;
}

table.tribunes{
   border-spacing: 6px;
   width: 530px;
}

table.tribunes td{
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   color: #FFFFFF;
   border: 0;
   padding: 6px;
   text-align: center;
   width: 20%;
}

table.tribunes td.prix{
    font-size: 16px;
}

table.tribunes td.est_vip{
    background-color: #a6beb1;
}

table.tribunes td.est_centre{
    background-color: #7b8972;
}

table.tribunes td.est_laterale{
    background-color: #7ec23b;
}

table.tribunes td.tribune_c{
    background-color: #fbc92a;
}

table.tribunes td.gradin{
    background-color: #fec828;
}

div.points_ventes{
    margin: 10px;
    margin-right: 20px;
    /*border: 1px #CCCCCC solid;
    background-color: #E7E7E7;*/
    padding: 4px 8px;
    color: #333333;
}

div.points_ventes h2{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    color: #8b2b39;
    text-transform: uppercase;
}

div.points_ventes ul{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #C6C6C6 solid;
}

div.points_ventes ul.last{
    border: 0;
    margin: 0;
    padding: 0;
}

div.points_ventes li{
    margin: 4px 0;
    font-weight: bold;
}

div.points_ventes span{
    display: block;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
}

/* Liens */
div.liens h2, div.brasserie h2{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin: 10px 0;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}

div.liens h2.first{
    margin-top: 10px;
}

/* Flux LNR */
ul#flux_lnr{
   color: #4197ab;
   background-color: #f9f8f8;
   border: 0;
   /*margin-bottom: 20px;*/
   border-right: 1px #CCCCCC solid;
}

ul#flux_lnr li{
    padding: 8px 10px;
    padding-right: 20px;
}

ul#flux_lnr li.odd{
   background-color: #f0f0f0;
}

ul#flux_lnr li.hover{
  background-color: #e9e7e7;
}

/* Phototheque */
ul.phototheque li{
    float: left;
    width: 110px;
    border: 1px #CCCCCC solid;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.phototheque li.hover{
    border: 1px #999999 solid;
}

ul.phototheque li .img{
    height: 110px;
    width: 110px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 5px;
}

ul.phototheque li.photo .img{
        margin-bottom: 0;
}

ul.phototheque li img{
   width: 110px;
   display: block;
}

ul.phototheque li p{
   display: table-cell;
   height: 60px;
   vertical-align: middle;
   font-weight: bold;
   text-align: center;
   font-size: 11px;
   background-color: #d9d8d8;
   width: 110px;
   overflow: hidden;
   padding: 0 4px;
}

/****************************************************************************************************************
	ARTICLES
*****************************************************************************************************************/
div#content .articles ul{
    margin: 10px;
    margin-right: 20px;
    text-align: justify;
}

div#content .articles ul li{
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px #C6C6C6 solid;
}

div#content .articles ul li.last{
    padding-bottom: 0;
    margin-bottom: 12px;
    border: none;
}

div#content .articles ul h4{
   font-weight: bold;
   color: #999999;
   margin-bottom: 3px;
}

div#content .articles ul h2{
   font-size: 14px;
   font-weight: bold;
   color: #7c212f;
   margin-bottom: 10px;
}

/****************************************************************************************************************
	FORMULAIRES
*****************************************************************************************************************/
form{
    margin: 0;
    padding: 0;
}


form img.medium_joueur{
    width: 115px;
}

sup{
    color:#ae0008;
}

i{
    color: #999999;
}

label{
    display: block;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px  #E7E7E7 dashed;
    color: #666666;
}

label.first{
    border-top: 0;
}

input, textarea{
    display: block;
    width: 515px;
    border: 1px #E0E0E0 solid;
    padding: 5px;
    color: #333333;
    margin-bottom: 20px;
    text-align: justify;
}

textarea.message{
    height: 100px;
    resize:vertical;
}

textarea{
    font : normal normal normal 12px Arial, sans-serif;
}

input.valid{
    display: block;
    margin: 40px auto;
    width: 120px;
    background-color: #9bb9c4;
    border: 1px #6892a2 solid;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    text-align : center;
}

select{
    width: 525px;
    padding: 4px;
    margin-bottom: 20px;
}

select option{
    padding: 2px 4px;
}

input.valid:hover{
    background-color: #6892a2;
}

img.captcha{
    float: left;
    margin-right: 20px;
    border: 0;
}

img#reload_captcha{
    cursor: pointer;
}

input.captcha{
    float : left;
    margin-left: 0;
    font-size: 24px;
    padding: 8px;
    font-weight: bold;
    color: #CCCCCC;
    text-align: center;
    width: 150px;
}

input.black{
    color: #333333;
}

/* Message Erreurs / Succès */
ul.errors, #errors, .errors{
    background-color: #990000;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px #660000;
    margin: 10px 0;
    padding: 6px;
}

#errors, #succes{
    display: none;
}

ul.succes, .succes{
    background-color: #009900;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px #006600;
    margin: 10px 0;
    padding: 6px;
}


/****************************************************************************************************************
	PUBS BAS
*****************************************************************************************************************/
div#pubs_bottom .first, div#pubs_bottom .second{
    display: block;
    margin: 20px auto;
    border: 0;
    text-align: center;
    width: 520px;
    /*height: 70px;*/
    background-color: #FFFFFF;
}

/****************************************************************************************************************
	PUBS DROITES
*****************************************************************************************************************/
div#pubs{
    float: right;
    width: 120px;
    background-color: #FFFFFF;
}

div#pubs img{
    display: block;
}

div#pubs .pub{
    background : #333333 url(../img/bkg_pub.gif) repeat-y top left;
}

div#pubs #first{
    height: 600px;
}

div#pubs #second{
    height: 240px;
    /*border-top: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;*/
    margin: 2px 0;
}

div#pubs #third{
    height: 240px;
}


/****************************************************************************************************************
	FOOTER
*****************************************************************************************************************/
div#partenaires h1{
     color: #FFFFFF;
     background : #666666 url(../img/bkg_partenaires.gif) repeat-x top left;
     padding-left: 15px;
}

div#partenaires #wall{
    background-color: #FFFFFF;
    height: 85px;
    border-bottom: 1px solid #898989;
    text-align: center;
}

div#sitemap{
    position: relative;
     background : #dbdbdb url(../img/bkg_sitemap.gif) repeat-x top left;
     padding: 10px 0;
}

div#sitemap ul li{
    float: left;
    width: 125px;
    margin-left: 16px;
    text-align: left;
}

div#sitemap ul li.large{
    width: 165px;
}

div#sitemap ul li h2{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
    text-transform: uppercase;
}

div#sitemap a{
    display: block;
}

div#copyright{
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: right;
    font-weight: bold;
}