/* Copyright DAKINI - 2009 - bitlles.fr */

* { font-family: Arial, Verdana, Times new roman; font-size: 12px; }
body { background: #2678A8; width: 974px; margin: auto; color: #FFF; }

.clear { clear: both; }

/*---------------------------------------------------------------------------------------------------------*/
#header { width: 974px; height: 40px; background: url(img/banniere.jpg) no-repeat; padding-top: 230px; }
#header .navigation { float: left; margin-left: 20px !important; margin-left: 10px; padding-top: 7px; padding-left: 10px; }
#header .navigation a { font-size: 0.83em; text-decoration: underline; color: #FFF; }
#header .navigation a:hover { text-decoration: none; }
#header .title { float: right; font-size: 1.50em; letter-spacing: 5px; margin-right: 5px; padding-top: 5px; }
#header .drapo { float: left; padding-top: 2px;}
#header .drapo img { border: none; }
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
#footer { width: 974px; height: 30px; background: url(img/ligne.jpg) 17px 0px no-repeat; margin-top: 10px; }
#footer p { font-size: 0.83em; text-align: center; margin-left: 15px; padding-top: 10px; }
#footer a { font-size: 1em; text-decoration: underline; color: #FFF; }
#footer a:hover { text-decoration: none; }
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
#menu { float: left; width: 210px; margin: 0px 0 0 15px !important; margin-left: 8px; }
#menu .association  { width: 210px; height: 70px; background: url(img/association.jpg) 1px 0 no-repeat; }
#menu .associacio  { width: 210px; height: 70px; background: url(img/associacio.jpg) 1px 0 no-repeat; }
#menu .bitlles   { width: 210px; height: 43px; background: url(img/bitlles.jpg) 1px 0 no-repeat; }
#menu .elbitlles   { width: 210px; height: 43px; background: url(img/elbitlles.jpg) 1px 0 no-repeat; }
#menu .content { width: 210px; background: url(img/bg-menu.gif); }
#menu .content ul { margin: 0;  color: #43464A; }
*+html #menu .content ul{ margin-left: 40px; }
* html #menu .content ul{ margin-left: 40px; }
#menu .content li { list-style-image: url(img/puce.gif); }
#menu .content a { text-decoration: none; color: #43464A; }
#menu .content a:hover { text-decoration: underline; }
#menu .bas { width: 210px; height: 26px; background: url(img/basMenu.jpg) 1px 0 no-repeat; margin-bottom: 10px; }
#menu .rencontres { width: 210px; height: 38px; background: url(img/rencontres.jpg) 1px 0 no-repeat; margin-bottom: 10px; }
#menu .rencontres:hover { background: url(img/rencontres-hover.jpg) 1px 0 no-repeat; }
#menu .actualites { width: 210px; height: 38px; background: url(img/actualites.jpg) 1px 0 no-repeat; }
#menu .actualites:hover { background: url(img/actualites-hover.jpg) 1px 0 no-repeat; }
#menu .tornejos { width: 210px; height: 38px; background: url(img/tornejos.jpg) 1px 0 no-repeat; margin-bottom: 10px; }
#menu .tornejos:hover { background: url(img/tornejos-hover.jpg) 1px 0 no-repeat; }
#menu .noticies { width: 210px; height: 38px; background: url(img/noticies.jpg) 1px 0 no-repeat; }
#menu .noticies:hover { background: url(img/noticies-hover.jpg) 1px 0 no-repeat; }
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
#content { float: left; width: 725px; margin: 15px 0 0 15px; }
#content .news { float: left; width: 430px; }
#content .news p { font-size: 0.92em; }
#content .news img { float: left; margin-bottom: 5px;}
#content  a { font-size: 1em; text-decoration: underline; color: #FFF; }
#content  a:hover { text-decoration: none; }
#content h1 { border-bottom: 1px solid #FFF; background: url(img/fleche2.gif) 3px 3px no-repeat; padding-left: 20px; font-weight: bold; margin-bottom: 15px; font-size: 1.09em; }
#content .ligne { clear: both; height: 2px; border-top: 1px dotted #FFF; }
#content .diapo { float: left; width: 300px; }
#content .video a { background: #5193B9 url(img/video.jpg) 43px 30px no-repeat; width:100px; height:75px;}
#content .page { float: left; width: 15px; height: 15px; text-align: center; border: 1px solid #777; background: #ccc; color: #000; margin: 10px 5px 0 0; }
#content .page a { color: #000; }
#content input{ border: 1px solid #777; }
#content textarea{ width: 100%; height: 100px; border: 1px solid #777; }
#content table{ width: 100%; }
#content .actus p img { float: left; margin-bottom: 5px;}
#content a img { border: none; }
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
#content #passes { float: left; width: 355px; margin-right: 10px; border-right: 1px dashed #FFF;}
#content #passes .tournoi { float: left; width: 165px; height: 50px; margin: 0 10px 10px 0; border: 1px solid #FFF; background-color: #5193B9;}
#content #passes .tournoi:hover { border: 1px solid #777; }
#content #futurs { float: left; width: 355px; }
#content #passes p { font-size: 0.92em; text-align: center; margin-top: 3px; }
#content #futurs p { font-size: 0.92em; }
#content #passes a { text-decoration: none; color: #FFF; }
#content #passes a:hover { text-decoration: underline; }
#content #passes img { float: left; border: none; margin: 3px; }
#content #futurs img { border: none; }
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
.example { position: relative; overflow: hidden; height: 250px; }
ul.crossfade { padding: 0; margin: 0; list-style: none; position: relative; }
#fade-example-1 li { margin: 0; width: 300px; background-color: #ccc; visibility: hidden; }
li img { display: block; }
.caption { clear: both; background-color: #5193B9; color: #FFF; height: 20px; padding: 5px 0 0 10px; font-size: 0.92em; }
.control { position: absolute; z-index: 100; cursor: pointer; font-size: 2em; font-weight: bold; color: #000; }
#fade-example-1-next { margin-left: 280px; }
#fade-example-1-previous { margin-left: 5px; }
/*---------------------------------------------------------------------------------------------------------*/

/* border: 1px solid orange; */