/**
 * @project   : ASMoulins.fr
 * @author    : zebNet Créations <zebnet.fr>
 * @copyright : CopyRight 2010 [28 Mai] - All Right Reserved
 */

/*  ASMoulins.fr :: CSS Reset Reloaded *************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* /ASMoulins.fr :: CSS Reset Reloaded *************************************** */

   
   

/* Général */
html {font-size: 100%;}

a {color: #2e3092; text-decoration: underline;}
a:hover, a:focus {color: #2e3092;}
a img {border: none; /* -> 10 */}
strong {color: #A1B55D; font-weight: bold; color: dimgray;}

h1, h2, h3, h4, h5, h6 {margin:0;}
h1, h2 {font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;}
h1 {font-size: 3em; /* -> 8 */ font-style: italic;}
h1 a{text-decoration:none; color:#2e3092;}
h1 a:hover {text-decoration:underline; color:#2e3092;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

ul, ol {margin: .75em 0 .75em 24px; padding: 0;}
ul {list-style: square;}
li {margin: 0; padding: 0;}

p {margin: .75em 0;}
li p, blockquote p {margin:.5em 0;}

blockquote, q {font-size: 1.1em; font-style: italic; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;}
blockquote {margin: .75em 0 .75em 24px;}
cite {font-style: italic;}

em {font-style: italic;}

/* Les boutons */
.button-ok {background:url("../gfx/bg-button-ok.png") no-repeat top transparent; cursor:pointer; height:22px; width:40px; border:none;}

/* liens "plus ..." */
.plus {color:#0157a2; text-align:right; font-size:11px; font-weight:bold; height:15px; padding:5px 10px 5px 0;}
.plus a {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:none;}
.plus a:hover {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:underline;}

/* liens "retour ..." */
.retour {color:#0157a2; text-align:left; font-size:11px; font-weight:bold; height:15px; padding:5px 10px 5px 0;}
.retour a {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:none;}
.retour a:hover {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:underline;}

.spacer {clear:both;}

body {
	color: #F0E39E;
	background:url("../gfx/bg-body.jpg") repeat-x top left #E7ECF0;
	padding: 0;
	margin: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	text-align:center;
}

#global {background-color:#FFFFFF; margin:auto; position:relative; width:1000px; text-align:left;}

/* Conteneur central */
#centre {background: url(img/10-colonnes.png) repeat-y; overflow: hidden; padding-top:195px;}

/* Conteneur fil d'ariane */
#navbar {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #EFEFEF; height:15px; margin:0; padding:5px 10px; line-height:15px;}
#navbar ul { margin:0; padding:0; font-size:10px; color:#C0C0C0;}
#navbar ul li.first {border-left:none; background:url("../gfx/navbar-home.jpg") left center no-repeat #ffffff; padding-left:2em; }
#navbar ul li {padding:0; display:inline; list-style:none outside none;}
#navbar ul li a {color:#2672b9; text-decoration:none;}
#navbar ul li a:hover {color:#2672b9; text-decoration:underline;}

/* Contenu premier */
#premier {background:none repeat scroll 0 0 #FFFFFF; color:#181A12; float:left; margin:5px 0 0 0; padding:0; width:489px;}
#premier h1 {color:#2e3092; font-size:20px; font-weight:bold; font-style:normal; text-transform:uppercase; margin:0 0 15px;}
#premier h2 {color:#767676; font-size:16px; font-weight:bold; font-style:normal; text-transform:uppercase; margin:0;margin-top:10px;}
#premier a {}
#premier a:hover, #premier a:focus {}
#premier strong {color:#181A12;}
#premier li {line-height:1.5;}
#premier .signature p {color:#aaaaaa; font-style:italic; text-align:right; padding:0 10px 0 0;}
#premier .image  {color:#A0A0A0; float:left; font-size:10px; margin:10px; text-align:center;}
#premier .summary {font-weight:bold; margin:10px 0 0 0; text-align:justify; line-height:1.5em;}
#premier .content {margin:0 0 0 10px;}
#premier .content p {text-align:justify; line-height:1.5em; padding-right:5px;}

#premier #last-items {background:#FFFFFF; margin:10px 0;padding:0;}
#premier #last-items .title {background:url("../gfx/bg-gd+-cadre-title.jpg") no-repeat scroll center top #FFFFFF; height:30px; line-height:10px; margin:10px 0 0; padding:0 10px;}
#premier #last-items .title h3 {color:#FFFFFF; font-size:12px; font-weight:bold; line-height:30px; margin:0; padding:0; text-transform:uppercase; vertical-align:middle;}
#premier #last-items .title h3 a {color:#FFFFFF; text-decoration:none;}
#premier #last-items .title h3 a:hover {color:#FFFFFF; text-decoration:underline;}
#premier #last-items .content {margin:0; padding:0 5px; background:url("../gfx/bg-gd+-cadre-content.jpg") repeat-y top #FFFFFF;}
#premier #last-items .footer {height:15px; background:url("../gfx/bg-gd+-cadre-footer.jpg") no-repeat top #FFFFFF;}
#premier #last-items .content .item {margin:0; padding:0; border-bottom:1px solid #cacaca;position:relative;}
#premier #last-items .content .img-item {position:absolute;top:0; height:70px; left:0; margin:20px 10px 10px; width:70px;}
#premier #last-items .content .img-item a {text-decoration:none; border:0;}
#premier #last-items .content .img-item a:hover {text-decoration:none; border:0;}
#premier #last-items .content .title-item {margin:0 0 0 90px; padding:5px 0 0;}
#premier #last-items .content .title-item h2 {color:#444444; float:left; font-size:12px; font-weight:bold; margin:0; padding:0; text-transform:uppercase;}
#premier #last-items .content .title-item h2 a {text-decoration:none; color:#444444;}
#premier #last-items .content .title-item h2 a:hover {text-decoration:underline; color:#444444;}
#premier #last-items .content .title-item span {color:#A0A0A0; font-size:10px; font-style:italic; margin:0 0 0 5px;}
#premier #last-items .content .content-item {margin:0 0 0 90px;}
#premier #last-items .content .plus {padding:5px 10px 5px 0;}

/* Tabs
----------------------------------*/
#tabs1.ui-tabs {position: relative; padding:0; zoom: 1; background:url("../gfx/bg-gd+-cadre-content.jpg") repeat-y top #FFFFFF;}
#tabs1.ui-tabs .ui-tabs-nav {margin:0; padding:0; height:30px; background:url("../gfx/bg-gd+-cadre-title.jpg") no-repeat top #FFFFFF; line-height:30px;}
#tabs1.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top:0; margin: 0 0 1px 10px; border-bottom: 0 !important; padding: 0; white-space: nowrap; height:30px;}
#tabs1.ui-tabs .ui-tabs-nav li a {float:left; padding:9px 0 3px 0; text-decoration:none; color:#767676; background:url("../gfx/bg-tabs-passif.jpg") no-repeat transparent; height:18px; font-size:12px; font-weight:bold; width:162px; text-align:center;}
#tabs1.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom:0;}
#tabs1.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #tabs1.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #tabs1.ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text; background:url("../gfx/bg-tabs-actif.jpg") no-repeat transparent; height:18px; color:#124fa4; font-size:12px; font-weight:bold; width:162px; text-align:center;}
#tabs1.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover, #tabs1.ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover,#tabs1.ui-tabs .ui-tabs-nav li.ui-state-processing a:hover {text-decoration:underline;}
#tabs1.ui-tabs .ui-tabs-nav li a, #tabs1.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;}
#tabs1.ui-tabs .ui-tabs-nav li a:hover, #tabs1.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover {text-decoration:underline;}
#tabs1.ui-tabs .ui-tabs-panel {display: block; border-width:0; padding:0; margin:0 12px; background:none;}
#tabs1.ui-tabs .ui-tabs-hide { display: none !important; }
#tabs1 .footer {height:15px; background:url("../gfx/bg-gd+-cadre-footer.jpg") no-repeat top #FFFFFF;}
#tabs1 .item {margin:0; padding:0;position:relative;}
#tabs1 .img-item {position:absolute;top:0; height:70px; left:0; margin:20px 10px 10px; width:70px;}
#tabs1 .img-item a {text-decoration:none; border:0;}
#tabs1 .img-item a:hover {text-decoration:none; border:0;}
#tabs1 .title-item {margin:0 0 0 90px; padding:5px 0 0;}
#tabs1 .title-item h2 {color:#444444; float:left; font-size:12px; font-weight:bold; margin:0; padding:0; text-transform:uppercase;}
#tabs1 .title-item h2 a {text-decoration:none; color:#444444;}
#tabs1 .title-item h2 a:hover {text-decoration:underline; color:#444444;}
#tabs1 .title-item span {color:#A0A0A0; font-size:10px; font-style:italic; margin:0 0 0 5px;}
#tabs1 .content-item {margin:0 0 0 90px;}
#tabs1 .plus {padding:5px 0;}

#carrousel {margin:10px 0 0 5px; padding:0;height:320px;overflow:hidden;}
#carrousel.ui-tabs {position:relative; padding:0; zoom:1;}
#carrousel.carrousel-bottom {position: relative; overflow:hidden;} 
#carrousel.carrousel-bottom .ui-tabs-panel {overflow:hidden;} 
#carrousel.carrousel-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding:0;} 
#carrousel.carrousel-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width:none;}
#carrousel.ui-tabs .ui-tabs-nav {margin:0; padding:0; height:84px; background:#333333; opacity:0.7; width:480px; z-index:9999;}
#carrousel.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top:0; margin:0 5px 1px 5px; border-bottom:0 !important; padding:10px 0 0; white-space: nowrap; height:36px;}
#carrousel.ui-tabs .ui-tabs-nav li img {border:1px solid #FFFFFF;}
#carrousel.ui-tabs .ui-tabs-nav li a {float:left; padding:9px 0; text-decoration:none; color:#767676; height:36px; font-size:12px; font-weight:bold; width:47px; text-align:center;}
#carrousel.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-top:-2px !important;}
#carrousel.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #carrousel.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #carrousel.ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text; height:36px; color:#124fa4; font-size:12px; font-weight:bold; width:47px; text-align:center;}
#carrousel.ui-tabs .ui-tabs-nav li a, #carrousel.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
#carrousel.ui-tabs .ui-tabs-hide {display: none !important;}

#carrousel .infos  {background:none repeat scroll 0 0; left:240px; margin:0 0 25px; padding:0; position:absolute; top:240px; z-index:10000; width:240px;}
#carrousel .infos h3 {padding:20px 0 0 0; color:#ffffff; font-size:22px;}
#carrousel .infos h3 a {padding:20px 0 15px; color:#ffffff; font-size:22px; text-decoration:none;}
#carrousel .infos h3 a:hover {padding:20px 0 15px; color:#ffffff; font-size:22px; text-decoration:underline;}
#carrousel .infos p {position:absolute; top:0; width:200px; color:#ffffff; font-size:10px;}
#carrousel .mask-top {position:absolute; background:url("../gfx/carrousel-mask-top.png") left top no-repeat transparent; height:10px; width:480px; z-index:0;top:0;left:0;}
#carrousel .mask-bottom {position:absolute; background:url("../gfx/carrousel-mask-bottom.png") left bottom no-repeat transparent; height:10px; width:480px; z-index:15000;bottom:0;left:0;}

/* Contenu premier | #autre-photos */
#autre-photos {width:480px; padding:0; margin:0 0 0 10px;}
#autre-photos .title {margin:0; padding:0; height:30px;}
#autre-photos .title h3 {margin:0; padding:0; text-transform:uppercase; font-size:14px; font-weight:bold; color:#c0c0c0;}
#autre-photos .content {margin:0; padding:0; height:95px;}
#slider-code {height: 96px; overflow:hidden; margin:0 0 0 18px;}
#slider-code .viewport { float: left; width: 380px; height: 93px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin:0; float: left; }
#slider-code .next {background:url("../gfx/carrousel-btn-right.jpg") left center no-repeat #ffffff; width:18px; height:96px; margin:0 0 0 10px;}
#slider-code .prev {background:url("../gfx/carrousel-btn-left.jpg") left center no-repeat #ffffff; width:18px; height:96px; margin:0 10px 0 0;}
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0 top: 0; }
#slider-code .overview li { float: left; margin: 0 10px 0 0; padding: 1px; height: 93px; border: none; width: 120px;}
.preview {position:relative;}
#slider-code2 {height:36px; margin:-40px 0 0 5px; position:absolute;}
#slider-code2 .viewport {float:left; height:36px; overflow:hidden; position:absolute; width:250px; margin-left:24px;}
#slider-code2 .buttons {display:block; float:left; margin:0; position:absolute;}
#slider-code2 .next {background:url("../gfx/galerie-btn-right.gif") left center no-repeat transparent; height:36px; margin:0 0 0 274px; width:24px;}
#slider-code2 .prev {background:url("../gfx/galerie-btn-left.gif") left center no-repeat transparent; height:36px; margin:0; width:24px;}
#slider-code2 .disable {visibility: hidden;}
#slider-code2 .overview {list-style:none outside none; margin:0; padding:0; position:absolute; top:0;}
#slider-code2 .overview li {border:medium none; float:left; height:36px; margin:0; padding:0 1.5px; width:47px;}
#slider-code2 .overview li img {border:1px solid #FFFFFF;}


/* Contenu premier | #pub-logos */
#pub-logos {height:85px; margin:10px 0 0 5px; padding:0; text-align:center; width:480px;}

/* Contenu deuxieme */
#deuxieme {background:none repeat scroll 0 0 #FFFFFF; float:left; margin:5px 0 0 2px; width:308px;padding:0;}
#deuxieme ul {margin: 0; padding: 20px 10px 20px 10px; list-style: none;}
#deuxieme .title h3 a {color:#FFFFFF; text-decoration:none;}
#deuxieme .title h3 a:hover {color:#FFFFFF; text-decoration:underline;}

/* Contenu deuxieme | #pave1 */
#pave1, #pave2 {background:#FFFFFF;margin:5px 0;padding:0;z-index:95;}
#pave1 .title, #pave2 .title {background:url("../gfx/bg-gd-cadre-title-gris.jpg") no-repeat bottom center #FFFFFF; height:12px; margin:0; padding:0;}
#pave1 .content, #pave2 .content {overflow:hidden;background:url("../gfx/bg-gd-cadre-content-gris.jpg") repeat-y scroll center top #FFFFFF; height:250px; margin:0; padding:0; text-align:center;}
#pave1 .content img, #pave2 .content img {border:0 none; height:250px; margin:0; padding:0;}
#pave1 .footer, #pave2 .footer{margin:0; padding:0; height:8px; background:url("../gfx/bg-gd-cadre-footer-gris.jpg") no-repeat top center #FFFFFF;overflow:hidden;}

/* Contenu deuxieme | #flash-infos */
#flash-infos, #photos  {background:#FFFFFF; margin:5px 0;}
#flash-infos .title , #photos .title {background:url("../gfx/bg-gd-cadre-title.jpg") no-repeat top #FFFFFF; height:30px; line-height:10px; margin:0; padding:0 10px;}
#flash-infos .title h3, #photos .title h3 {color:#FFFFFF; font-size:12px; font-weight:bold; height:30px; line-height:30px; margin:0; padding:0; text-transform:uppercase; vertical-align:middle; overflow:hidden;}
#flash-infos .content, #photos .content {margin:0; padding:0 5px; background:url("../gfx/bg-bg-cadre-content.jpg") repeat-y top #FFFFFF;}
#flash-infos .content .flash-list {margin:0; padding:0 5px;}
#flash-infos .content .flash-list li {border-bottom:1px solid #EFEFEF; font-size:12px; line-height:15px; height:15px; padding:4px 3px 4px 5px;}
#flash-infos .content .flash-list span {color:#A0A0A0; font-weight:bold; margin-right:3px;}
#flash-infos .content .flash-list a.flash-link {width:auto; margin:0; padding:0; display:inline; color:#000000; font-size:12px; text-decoration: none;}
#flash-infos .content .flash-list a.flash-link:hover {background:none; text-decoration:underline;}
#flash-infos .footer, #photos .footer {height:15px; background:url("../gfx/bg-gd-cadre-footer.jpg") no-repeat top center #FFFFFF;}

/* Contenu deuxieme | #pave2 */
#photos .content img {border:0; margin:0;}
#photos .content .link-plus {margin:0 5px 0 0;}

/* Contenu troisieme */
#troisieme {background:none repeat scroll 0 0 transparent; float:left; margin:5px 2px 0 6px; padding:0; width:187px;overflow:hidden;padding:0;}
#troisieme p {margin:0 0 0.75em 0;}
#troisieme .title h3 a {color:#FFFFFF; text-decoration:none;}
#troisieme .title h3 a:hover {color:#FFFFFF; text-decoration:underline;}
#troisieme #cadre {margin:5px 0; padding:0; background:#FFFFFF;}
#troisieme #cadre .title {background:url("../gfx/bg-petit-cadre-title.jpg") no-repeat top left #216eb5; height:30px; line-height:30px; vertical-align:middle; padding:0 10px; margin:0;}
#troisieme #cadre .title-gris {background:url("../gfx/bg-petit-cadre-title-gris.jpg") no-repeat top #216eb5; height:30px; line-height:30px; vertical-align:middle; padding:0 10px; margin:10px 0 0;}
#troisieme #cadre .title h3 {color:#FFFFFF; font-size:12px; font-weight:bold; line-height:30px; margin:0; padding:0; text-transform:uppercase; vertical-align:middle;}
#troisieme #cadre .title-gris h3 {color:#767676; font-size:12px; font-weight:bold; /*padding:3px;*/ text-transform:uppercase;}
#troisieme #cadre .title-gris h3 a {text-decoration:none; color:#767676;}
#troisieme #cadre .title-gris h3 a:hover {text-decoration:underline; color:#767676;}
#troisieme #cadre .content {background:url("../gfx/bg-petit-cadre-content.jpg") repeat-y top #216eb5; padding:0 5px 0;}
#troisieme #cadre .content .nextgame {margin:0; padding:5px 0; text-align:center;}
#troisieme #cadre .content .nextgame a {color:#000000; font-size:14px; font-weight:bold; text-decoration:none;}
#troisieme #cadre .content .nextgame a:hover {color:#000000; font-weight:bold; text-decoration:underline;}
#troisieme #cadre .content .championnat {margin:0; padding:5px 0; text-align:center;}
#troisieme #cadre .content .championnat a {color:#000000; font-size:14px; font-weight:bold; text-decoration:none;}
#troisieme #cadre .content .championnat a:hover {color:#000000; font-weight:bold; text-decoration:underline;}
#troisieme #cadre .content .nextdate {font-size:12px; font-weight:bold; color:#434343; text-align:center;}
#troisieme #cadre .content .nextdate a {font-size:12px; font-weight:bold; color:#434343; text-align:center; text-decoration:none;}
#troisieme #cadre .content .nextdate a:hover {font-size:12px; font-weight:bold; color:#434343; text-align:center; text-decoration:underline;}
#troisieme #cadre .content .pastdate {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center;}
#troisieme #cadre .content .pastdate a {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center; text-decoration:none;}
#troisieme #cadre .content .pastdate a:hover {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center; text-decoration:underline;}
#troisieme #cadre .content .lieu {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center;}
#troisieme #cadre .content .lieu a {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center; text-decoration:none;}
#troisieme #cadre .content .lieu a:hover {font-size:12px; font-weight:bold; color:#a0a0a0; text-align:center; text-decoration:underline;}
#troisieme #cadre .content .logos {margin:0; padding:0; height:64px; text-transform:uppercase; font-size:20px; font-weight:bold; color:#cacaca; text-align:center;}
#troisieme #cadre .content .score {color:#434343; font-size:25px; font-weight:bold; text-align:center;}
#troisieme #cadre .content .score a {color:#434343; font-size:25px; font-weight:bold; text-align:center; text-decoration:none;}
#troisieme #cadre .content .score a:hover {color:#434343; font-size:25px; font-weight:bold; text-align:center; text-decoration:underline;}
#troisieme #cadre .content .equipes {font-size:12px; color:#434343; text-align:center; padding:10px 0 0;}
#troisieme #cadre .content .equipes a {font-size:12px; color:#434343; text-align:center; text-decoration:none;}
#troisieme #cadre .content .equipes a:hover {font-size:12px; color:#434343; text-align:center; text-decoration:underline;}
#troisieme #cadre .content .classement {color:#000000; font-size:12px; margin:0;}
#troisieme #cadre .content .item {border-bottom:1px solid #EFEFEF; color:#000000; font-size:12px; height:15px; padding:3px;}
#troisieme #cadre .content .item a {color:#000000; font-size:12px; height:15px; padding:3px; text-decoration:none;}
#troisieme #cadre .content .item a:hover {color:#000000; font-size:12px; height:15px; padding:3px; text-decoration:underline;}
#troisieme #cadre .footer {background:url("../gfx/bg-petit-cadre-footer.jpg") no-repeat top #216eb5; height:17px;}
#troisieme #cadre .footer-gris {background:url("../gfx/bg-petit-cadre-footer-gris.jpg") no-repeat top #216eb5; height:17px;}


table {width:100%; margin:0; padding:0; border-collapse:collapse;}
table.petit-classement{width:177px; margin:0; padding:0; border-collapse:collapse;}
table.petit-classement tr.red, table.petit-classement tr.red td {background-color:#f8f8f8; color:#000000; font-weight:bold;}
table thead th{font-size:11px; color:#a0a0a0; background:none repeat scroll 0 0 #F4F4F4; border-bottom:1px solid #CACACA;padding:4px;}
table tbody tr td {border-bottom:1px solid #EFEFEF; height:15px;font-size:12px; color:#000000; padding:4px;}
table tbody tr.club  td {font-weight:bold; background:#f8f8f8;}
table a {text-decoration:none; color:#000000;}
table a:hover {text-decoration:underline; color:#000000;}

/* Contenu partenaires */
#partenaires {width:100%; margin:80px 0 0; padding:0; text-align:center;}

/* En-tête */
#entete {padding:0; position:absolute; background:url("../gfx/bg-header.jpg") no-repeat top #ffffff; width:1000px; height:195px; top:0; left:0;}
#entete h1, #entete h1 a {margin: 0;height:161px;display:block;}
#entete h1 img {margin: 0;}
#entete .sous-titre {margin: 4px 0 15px 0;}

/* Menu horizontal */
#menu {padding:0;}
#menu ul.main {height:34px; background:url("../gfx/bg-menu.jpg") repeat-x 0 0 #FFFFFF; margin:0; padding:0; list-style:none;}
#menu li.gauche{float:left; font-size:13px; font-weight:bold; margin:0; text-transform:uppercase;position:relative;}
#menu li.droite {float:right; margin:1px 10px 0 0px; padding:3px 0;}
#menu li a {color:#FFFFFF;display:block;font-size:13px;line-height:1.5;padding:5px 15px;text-decoration:none;width:auto;height:24px;float:left;}
#menu li a:hover {background:url("../gfx/bg-menu.jpg") repeat-x 0 -34px #FFFFFF;}
#menu ul.sub-menu {display:none; padding:0; margin:0; position:absolute; width:250px; z-index:97; list-style:none;top:30px;left:0;}
#menu ul.sub-menu li {margin:0; height:28px; z-index:97; background:url("../gfx/bg-submenu.jpg") repeat-x #adadad; text-transform:none; line-height:28px; }
#menu ul.sub-menu li a {background:none repeat scroll 0 0 transparent;display:inline;font-size:12px;height:auto;line-height:28px;padding:0;text-align:left;text-indent:5px;vertical-align:middle;width:auto;}
#menu ul.sub-menu li a:hover {text-decoration:underline;background:none;}

/* Pied de page */
#pied {margin: 0; padding:15px 0 0; font-size:15px; height:277px; background:url("../gfx/bg-footer.jpg") repeat-x top #a0a0a0;}
#pied #about {height:45px; text-align:center;}
#pied #about a {margin-right:10px; margin-left:10px; color:#8e8e8e; text-decoration:none; font-weight:bold;}
#pied #about a:hover {color:#fff; text-decoration:underline;}
#pied #links {text-align:center; padding-left:12px;}
#pied #links ul {float:left; text-align:left; margin:20px 0; list-style:square; list-style-position:inside; color:#fff; width:245px;}
#pied #links ul li {margin-bottom:3px;}
#pied #links ul li.title {color:#e6e6e6; font-weight:bold; list-style:none; margin-bottom:8px;}
#pied #links ul li a {color:#fff; text-decoration:none; font-size:0.8em;}
#pied #copy {font-size:10px; padding:0; text-align:center; color:#FFFFFF;}
#pied #copy a {color:#FFFFFF; text-decoration:underline;}
#pied #copy a:hover {color:#FFFFFF; text-decoration:underline;}

/* news */
#news-list {margin:10px;}
#news-list .content {line-height:1.5em; margin:10px 0 0; text-align:justify;}
#news-list .news-featured {border-bottom:1px solid #EFEFEF; padding:10px;}
#news-list .news-featured p {text-align:justify; line-height:1.5em;}
#news-list .news-media {float:left; margin-right:5px;}
#news-list h2 {color:#767676; font-size:14px; font-weight:bold; text-transform:uppercase;}
#news-list h2 a {text-decoration:none;}
#news-list h2 a:hover {text-decoration:underline;}
.news-date {color:#575757; float:right; font-size:11px; font-style:italic;}
.news-links a {color:#A0A0A0; font-weight:bold; font-size:11px; text-decoration:none;}
.news-links a:hover {text-decoration:underline;}
#news-list .news {border-bottom:1px solid #EFEFEF; padding:10px;}
#news-list .news p {text-align:justify; line-height:1.5em;}


#news-list .date {color:#A0A0A0;}
#news-list ul {margin:5px 0; padding:0; font-size:12px; color:#000000;}
#news-list ul li {list-style:none outside none; padding-left:2em; border-bottom:1px solid #EFEFEF; margin:0 0 0 10px; padding:0 0 0 5px;}
#news-list ul li a {color:#2672b9; text-decoration:none;}
#news-list ul li a:hover {color:#2672b9; text-decoration:underline;}

/* players */
#premier .players h2 {font-size:14px; margin:20px 0 5px 10px; padding:5px 0 0 0; text-transform:capitalize;}
#premier .player {margin:10px; text-align:center; width:125px;height:250px;}
#premier .player a {text-decoration:none;}
#premier .player a:hover {text-decoration:underline;}
#premier .player img {float:left;}
#premier .player table {clear:none; width:290px;}

/* statistique */
#static {margin:10px; padding:0;}
#static p {line-height:1.5em; margin:10px 0 0; text-align:justify;}
#static.calendrier h2 {border-top:3px solid #656565; margin-top:20px; padding-top:5px;}
#static.calendrier h2 a {text-decoration:none;}
#static.calendrier h2 a:hover {text-decoration:underline;}
#static.calendrier h2 span {font-size:70%;}
#static h3 a {color:#656565; text-decoration:none; font-weight:bold;}
#static h3 a:hover {color:#656565; text-decoration:underline; font-weight:bold;}
#static.partners p {margin-bottom:30px;}
#static.partners p.center {text-align:center;}
p.access {line-height:1.5em; margin:10px 0 10px 10px; text-align:justify;}
#static table tr th, table tr th {font-weight:bold;}
#static table tr {width:100%;}
#static table tr td {line-height:20px; border:none;}
#static table tr td.center {text-align:center;}
#static table.calendar {width:100%;}
#static table.calendar tr {border-bottom:1px solid #E0E0E0;}
#static table.calendar tr.ligne1, #static table.calendar tr.ligne1 td {background-color:#FAFAFA;}
#static table.calendar tr.ligne2, #static table.calendar tr.ligne2 td {background-color:#ffffff;}
#static table.calendar tr.red, #static table.calendar tr.red td {background-color:#0157A2; color:#ffffff;}
#static table.calendar .team.winner {font-weight:bold;}
#static table.calendar tr td.team {width:35%;}
#static table.classement {width:100%; margin:10px 0 0 0;}
#static table.classement tr th {background-color:#F4F4F4;}
#static table.classement tr, table.classement tr {border-bottom:1px solid #E0E0E0;}
#static table.classement tr.ligne1 td, #static table.classement tr.ligne1 {background-color:#FAFAFA;}
#static table.classement tr.ligne2 td, #static table.classement tr.ligne2 {background-color:#ffffff;}
#static table.classement tr.red, #static table.classement tr.red td {background-color:#0157A2; color:#ffffff;}

/* organigramme */
table.organigramme {width:100%;}

p.center {margin: 0 0.75em 0 10px}

.pagination { text-align:center;}
.by {color:#575757; float:right; font-size:11px; font-style:italic;}

#news {margin:10px;}
#news .content{line-height:1.5em; margin:10px 0 0; text-align:justify;}
.linkredright {color:#0157a2; text-align:right; font-size:11px; font-weight:bold; height:15px; padding:5px 10px 5px 0;}
.linkredright a {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:none;}
.linkredright a:hover {color:#0157a2; font-size:11px; font-weight:bold; text-decoration:underline;}

.galerie_photo {text-align:center;}
.players {text-align:center;}

.button strong {background:url("../gfx/bg-big-button.png") no-repeat scroll right top transparent; cursor:pointer; display:block;}

/* feuille de match */
#scoresheet {margin:10px; padding:0;}
#scoresheet #details table tr td {border:none;}
#scoresheet #details table {border-collapse:collapse; margin:0;}
#scoresheet ul li {list-style:none;}
#scoresheet h1 {}
#scoresheet h2 {font-size:14px; margin:0; padding:5px 0 0 0; text-transform:capitalize;}
#scoresheet h3 {color:#656565; font-weight:bold; border-bottom:1px solid #656565;}
#scoresheet .titre {color:#000000; font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #ABABAB; }
#scoresheet .player {margin:0 0 0 50px; text-align:left;height:inherit;}
#scoresheet .team {border-right:1px solid #ABABAB; width:254px; padding:10px 0 10px 0;}
#scoresheet #details tr.infos td {height:60px; font-size:10px;}
#scoresheet #details tr.rencontre {}
#scoresheet #details .logo {width:60px; margin:0; padding:0;}
#scoresheet #details .equipe {color:#000000; font-size:14px; font-weight:bold; margin:0; padding:0; text-align:center; vertical-align:top; width:140px;}
#scoresheet #details .buteur-left, #scoresheet #details .carton-left  {color:#ABABAB; font-size:10px; font-weight:normal; margin-top:10px; text-align:left;}
#scoresheet #details .buteur-right, #scoresheet #details .carton-right  {color:#ABABAB; font-size:10px; font-weight:normal; margin-top:10px; text-align:right;}
#scoresheet #details .resultat {color:#666666; font-weight:bold; font-size:25px; margin:0; padding:0; width:80px; text-align:center; vertical-align:middle;}
#scoresheet #details table.action {list-style-type:none; margin:0; padding:0;}
#scoresheet #details table.action tr.gris td {background-color:#F4F4F4; margin:0; padding:7px 7px 7px 10px;}
#scoresheet #details table.action tr.blanc td {background-color:#FFFFFF; margin:0; padding:7px 7px 7px 10px;}
#scoresheet #details table.action td.minute {font-weight:bold; overflow:hidden; vertical-align:top; width:45px;}
#scoresheet #details table.action td.picto {height:30px; overflow:hidden; text-align:center; vertical-align:top; width:25px;}
#scoresheet #details table.action td.story {overflow:hidden; vertical-align:top; width:360px;}

/* Match */
#match-summary-header  {margin-bottom:10px; min-height:75px; padding-bottom:10px;}
#match-summary-header .infos {font-size:14px; font-weight:bold; margin:0 auto; width:360px; color:#767676;}
#match-summary-header .infos p  {line-height:1.5em; margin:10px 0 0; text-align:center;}
#match-summary-header .infos .sub {font-size:10px; font-weight:normal;}
#match-summary-header .teams {margin:15px 0 0; min-height:75px; overflow:hidden;}
#match-summary-header .inside {float:left; width:180px; text-align:center;}
#match-summary-header .inside .team, #match-summary-header .outside .team {font-size:14px; font-weight:bold; height:30px; color:#000000; }
#match-summary-header .teams img.inside {left:10px; position:absolute; top:0;}
#match-summary-header .outside {float:right; width:180px; text-align:center;}
#match-summary-header .teams img.outside {right:10px; position:absolute; top:0;}
#match-summary-header .score {float:left; width:109px; text-align:center;}
#match-summary-header .score p {text-align:center; color:#666666; font-size:30px; font-weight:bold; vertical-align:middle;}
#match-summary-header .links {margin:10px 0 0; text-align:center;}
#match-summary-header .links a {text-decoration:none;}
#match-summary-header .links a:hover {text-decoration:underline;}

/* player */
#static .photo_id {float:left; margin:10px 0; width:180px;}
#static .identite {float:right; width:275px;}
#static table.classement tr.entete {border-bottom:1px solid #E0E0E0; line-height:30px;}

/* formulaire contact */
#contact {margin:10px; padding:0;}

#contact .label {float:left;
padding-right:10px;
text-align:right;
width:125px;}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../gfx/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../gfx/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
