@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------RESET--------*/
/*---------------------------------------------------------RESET--------*/

    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, code,
    del, dfn, img, q, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
		outline:none;
		
    }	
    body { font-size:100.01%; line-height:1; }
    table { border-collapse:collapse; border-spacing:0; }
    caption, th, td { text-align:left; font-weight:normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    blockquote, q { quotes:"" ""; }
    embed:hover, embed:active:hover, embed:visited:hover { border:0px #fff solid; }


/*---------------------------------------------------------CSS--------*/
/*---------------------------------------------------------CSS--------*/



body{
margin:0; padding:0;
height:100%;
/*overflow:hidden;*/
}
	

html {
background-color:#171717;
color:#fff;
margin:0; padding:0;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
	
#sidebar {
width:300px;
height:100%;
min-height:100%;
background:url(../img/sidebar-bg.png) repeat-y #F1F2F2;
float:left;
position:fixed;
left:0px;
top:0px;
z-index:0;
}

#sidebar #liens{
     background: url('../img/menu-bg.png') no-repeat 0 0;
     padding: 4px 5px 5px 4px;
     width: 280px;
     height: 182px;
     clear:both;
}

#liens-2  {
     margin-top: 30px;
}

#sidebar #liens li.menu,
#sidebar #liens li.menu:hover{
     background: url('../img/bouton_menu.png') no-repeat;
     width: 100%;
     padding: 8px 15px;
     cursor: pointer;
}

#sidebar #liens li.menu:hover {
     background: url('../img/bouton_menu_on.png') no-repeat;
}

#sidebar #liens li.menu a,
#sidebar #liens li.menu a:hover,
#sidebar #liens li.menu a:link,
#sidebar #liens li.menu a:visited{
     color: #D2D2D2;
     text-transform: uppercase;
     text-decoration: none;
     width: 100%;
     padding-right: 120px;
     font-weight: bold;
}

#sidebar .newsletter,
#sidebar .facebook,
#sidebar .twitter,
#sidebar .yahoo {
     display: inline;
     float: left;
     padding-right: 5px;
     width: 16px;
     height: 16px;
}

#sidebar #icones a{
     border: 0;
}

#sidebar #icones {
     margin: -30px 0 0 30px;
}

#sidebar .newsletter {
     width: 96px;
}

#sidebar .langues {
     padding: 2px 0 0 55px;
     float: left;
     display: inline;
     font-size: 10px;
     color: #2B2B2B;
     text-decoration: none;
}

#sidebar .langues a,
#sidebar .langues a:hover,
#sidebar .langues a:link,
#sidebar .langues a:visited{
     text-decoration: underline;
     font-size: 10px;
     color: #2B2B2B;
}

#spacer1 {
width:257px;
height:31px;
}

#logo {
     padding-top: 20px;
	padding-left:29px;
	width: 244px;
	height: 203px;
}

#contenu {
width:690px;
padding-left:300px;
float:left;
}

#menu {
	padding-left:25px;
	padding-top:40px;
}


#menu_2 {
	padding-left:24px;
}




div#footer {
color:#4d4d4d;
font-size:10px;
text-align:center;
margin:0 auto;
width:300px;
line-height:18px;
letter-spacing:1px;
bottom:10px;
clear:both;
left:0;
position:absolute;
}


h1 {
font-size:24px;
text-transform:uppercase;
letter-spacing:2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#CCCCCC;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
padding: 10px 0 10px 2px;
margin-bottom: 30px;
}

h2 {
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
font-family:Lucida Sans,Arial, Helvetica, sans-serif;
font-weight:normal;
color:#d2d2d2;
margin-bottom:10px;
}

h3 {
background: url('../img/arrow.png') no-repeat 0 10px;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
clear: left;
padding: 5px 0 0 15px;
margin: 10px 0 0;
border-bottom: 1px solid #353535;
}

h3.active {
    background: url('../img/arrow-bas.png') no-repeat 0 10px; 
}

h3.trigger a,
h3.trigger a:link{
     color: #ccc;
     text-decoration: none;
}

h4 {
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
font-family:Lucida Sans,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
margin-top:15px;
margin-bottom:3px;
}

h5 {
font-size:18px;
text-transform:uppercase;
letter-spacing:1px;
font-family:Lucida Sans,Arial, Helvetica, sans-serif;
font-weight:normal;
color:#d2d2d2;
margin:15px;
}

p {
font-size:12px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:4px 0px;
}

table.table_form_1 {
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#d2d2d2;
}

table.table_form_1 td{
padding:5px 0px 5px 30px;

}

p.tab {
margin-left:20px;
}

p.tab2 {
margin-left:5px;
font-size:11px;
}

.tab3 {
margin-top: 20px;
font-size:12px;
line-height:18px;
}

.tab3 .titre {
     float: left;
     text-transform: uppercase;
     font-style: none;
     color: #ccc;
     width: 160px;
     font-weight: bold;
}
.horaire {

}


p.petit_txt {
font-size:9px;
}

A:link {color:#fff;}
A:visited {color:#969696;}
A:active {color:#d2d2d2;}
A:hover {color:#fff;}

a.btn_long,
a.btn_long:visited,
a.btn_long:hover,
a.btn_moyen,
a.btn_moyen:visited,
a.btn_moyen:hover,
a.btn_tres_long,
a.btn_tres_long:visited,
a.btn_tres_long:hover,
a.btn_milieu,
a.btn_milieu:visited,
a.btn_milieu:hover{
     padding-top: 10px;
     height: 31px;
     width: 265px;
     display: block;
     float: left;
     text-align:center;
     text-decoration: none;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 12px;
     cursor: pointer;
     background: url('../img/bouton_contenu.png') no-repeat;
     letter-spacing: -0.1em;
}

a.btn_long:hover{
     background: url('../img/bouton_contenu_hover.png') no-repeat;
}

a.btn_moyen {
     background: url('../img/bouton_moyen.png') no-repeat;
     width: 117px;
}

a.btn_moyen:hover {
     background: url('../img/bouton_moyen_on.png') no-repeat;
     width: 117px;
}

a.btn_tres_long {
     background: url('../img/bouton_tres_long.png') no-repeat;
     width: 265px;
     letter-spacing: -0.05em;
}

a.btn_tres_long:hover {
     background: url('../img/bouton_tres_long_on.png') no-repeat;
     width: 265px;
}

a.btn_milieu {
     background: url('../img/bouton_milieu.png') no-repeat;
     width: 206px;
     
}

a.btn_milieu:hover {
     background: url('../img/bouton_milieu_on.png') no-repeat;
     width: 206px;
}

ul.communiques,
p.renseignements{
     margin-top: 20px;
}

ul.communiques li a,
ul.communiques li a:hover,
ul.communiques li a:visited{
     color: #fff;
     text-decoration: none;
     font-weight: bold;
}

.voyage {
     line-height: 14px;
}

li.pdf {
background-color:#8C8B8B;
display:block;
padding:5px 5px 10px 5px;
margin-bottom:1px;
width:180px; /*165px*/
margin-left:10px;
color: #fff;
text-decoration: none!important;
}

li.pdf2 {
background-color:#8C8B8B;
display:block;
padding:5px 5px 10px 5px;
margin-bottom:1px;
width:250px;
margin-left:10px;
}

li.pdf3 {
background-color:#8C8B8B;
display:block;
padding:5px 5px 10px 5px;
margin-bottom:1px;
width:160px;
margin-left:10px;
}

li.pdf4 {
/*background-color:#8C8B8B;*/
display:block;
padding:5px 5px 10px 25px;
margin-bottom:1px;
width:600px;
margin-left:10px;
background: url('../img/icon_pdf.png') no-repeat 5px 5px #8C8B8B;
}

li.pdf4 a {
	text-decoration: none;
}
li.pdf5 {
background-color:#8C8B8B;
display:block;
padding:5px 5px 10px 5px;
margin-bottom:1px;
width:200px;
margin-left:10px;
}


#liste1 {
float:left;
/*padding-right:75px;*/
width:279px;
}

#liste2 {
float:left;
padding-right:90px;
padding-bottom:20px;
}

#liste3 {
float:left;
}


h2.h2space{
padding-top:15px;
}

div.float{
float:left;
padding:0px 20px;
border-right:1px solid #353535;
height:170px;
}

div.float2{
float:left;
padding:0px 20px;
height:170px;
}

div.float3{
float:left;
padding:0px 22px;
border-right:1px solid #353535;
height:125px;
}

#accueil
{
/*padding-top:10px;*/
padding-bottom:300px;
}

#vente{
padding-left:20px;
vertical-align:top;
padding-bottom:300px;
}

#tournoi{
padding-left:20px;
vertical-align:top;
padding-bottom:300px;
}

#billets{
padding-left:20px;
vertical-align:top;
padding-bottom:300px;
}

#billets a.btn_long {
     margin-left: 0;
}

#billets h1 {
     margin-bottom: 20px;
}

#billets h3 {
     background: none;
     padding: 0 0 10px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
}

#highlight{
	background-color:#3d3b3c;
	padding-left:10px;
	padding-right:10px;
}


#billets h4,
#benevoles h4,
#benevoles2 h4,
#vente h4{
     font-size: 14px;
     color:#ccc;
     margin-bottom: 10px;
     clear: left;
}

#vente h4 {
}

#tarification table td{
}

#tarification table td sup {
     
}

#benevoles{
padding-left:20px;
vertical-align:top;
padding-bottom:300px;
}

#benevoles2{
padding-left:20px;
vertical-align:top;
padding-bottom:300px;
}

#benevolesinsc{
padding-left:20px;
vertical-align:top;
padding-bottom:500px;
}

div#langue {
font-size:10px;
float:left;
padding:15px 0px 0px 45px;
}

div#media {
padding:12px 0px 0px 25px;
float:left;
}

div#info {
z-index:100;
float:right;
padding:6px 0px 0px 535px;
position:fixed;
}

div#light {
width:100%;
height:100%;
color:#000000;
}


#adresse{
	float:left;
	}
	
#video{
	float:left;
	padding-left:100px;
	}
	
.fb_iframe_widget{
	float:right;
	}