* { margin:0;padding:0;}
body{width:960px;height:100%;color:#000;font-size:0.7em;font-family:Arial,Verdana, Helvetica, sans-serif;margin:0;padding:0;background:#fff url(img/bg_body.jpg) repeat-x;}

p{margin:5px;margin-left:10px;}
h1{font-weight:bold;font-size:1.6em;}
h2 {
   margin:15px auto;
   width:90%;
   padding:3px 2%;
   font-family:"Century Gothic", "Trebuchet MS";
   font-size:1.6em;
   text-shadow:1px 1px 2px #ccc;
   border:1px solid #9F3B3F;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color:#6F1418;
   background:rgba(255,255,255,0.3);
}
h3 {
   color:#000;
   font-family:"Century Gothic", "Trebuchet MS";
   font-size:1.2em;
   text-indent : 10px;
   margin : 5px 15px;
   border-bottom : 1px dotted #000;
}
h4 {
   color:#c1bcbc;
   font-family:"Century Gothic", "Trebuchet MS";
   font-size:1.2em;
   text-shadow:1px 1px 2px #000;
   text-indent : 5px;
   margin : 5px 15px;
   border-bottom : 1px dotted #000;
}

#global {position:relative;margin:0 auto;padding:0 2px;width:1024px;min-height:600px;background:url(img/bg_global.jpg) repeat-y;}

#header {
   position:relative;
   width:889px;
   height:80px;
   background:url(img/header.jpg) no-repeat;
   margin:0 auto;
}
#lien_logo {
   position:absolute;
   width:140px;
   height:80px;
}
#bg_content {
   position:relative;
   float:left;
   width:905px;
   min-height:530px;
   margin:0 0 0 59.6px;
   background:url(img/bg_content.png) repeat-y;
}
#content {
   position:relative;
   width:889px;
   margin:0 auto;
}

ul#nav, ul#nav ul  {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float:right;
}
ul#nav li  {
   float: left;
   margin: 0 13px;
   padding: 0px;
   height:39px;
   cursor:pointer;
   outline:none;
}
ul#nav a {
   outline:none;
}
li.accueil{width:86px;background:url(img/menu/accueil.png) top left no-repeat;}
li.actualite{width:106px;background:url(img/menu/actualite.png) top left no-repeat;}
li.club{width:59px;background:url(img/menu/club.png) top left no-repeat;}
li.mediatheque{width:144px;background:url(img/menu/mediatheque.png) top left no-repeat;}
li.forum{width:86px;background:url(img/menu/forum.png) top left no-repeat;}
li.espacesup{width:123px;background:url(img/menu/espacesup.png) top left no-repeat;}

li.accueil:hover{background:url(img/menu/accueil.png) bottom left no-repeat;}
li.actualite:hover{background:url(img/menu/actualite.png) bottom left no-repeat;}
li.club:hover{background:url(img/menu/club.png) bottom left no-repeat;}
li.mediatheque:hover{background:url(img/menu/mediatheque.png) bottom left no-repeat;}
li.forum:hover{background:url(img/menu/forum.png) bottom left no-repeat;}
li.espacesup:hover{background:url(img/menu/espacesup.png) bottom left no-repeat;}

ul#nav li.selected  { background-position:bottom left; }

ul#nav li:hover ul {
   display:block;
}
ul#nav li a.direct {
   height:33px;
   width:100%;
   display:block;
   text-indent:-9000px;
}
ul#nav li ul {
   display:none;
   position:absolute;
   list-style-type: none;
   margin: 0;
   padding: 0;
   top:35px;
   left:145px;
   width:750px;
   height:18px;
}
ul#nav li ul li {
   float:left;
   margin: 0 6px;
   font-family:Arial;
   color:#e9bd0e;
   height:18px;
   background:url(img/menu/puce.gif) 0px 5px no-repeat;
   padding-left:8px;
}

ul#nav li ul li a {
   color:#e9bd0e;
   text-decoration:none;
   font-size:1.1em;
}
ul#nav li ul li a:hover {text-decoration:underline;}

#datetoday {
   position:absolute;
   top:60px;
   left:150px;
   color:#fff;
}
#membre_connecte p {
   float:left;
   margin-top:7px;
   width:150px;
}
#form_espacesup, #membre_connecte {
   position:absolute;
   top:52px;
   left:350px;
}
#form_espacesup img, #membre_connecte img {
   float:left;
}
#form_espacesup button {
   float:left;
   margin:5px 6px 0 0;
}
#form_espacesup button.btn_aide {
   float:none;
}
#form_espacesup input {
   float:left;
   margin:5px 6px 0 0;
}
#membre_connecte button {
   margin:5px 6px 0 0;
}
#form_recherche {
   position:absolute;
   top:54px;
   left:690px;
}
#form_recherche input {
   float:left;
   margin:3px 6px 0 0;
}
#form_recherche img {
   float:left;
   margin-right:10px;
}
input[type=text], input[type=password] {
   border:1px solid #c04343;
   height:17px;
   width:73px;
   padding:0 5px;
   font-family:Arial;
   font-size:11px;
}
textarea {
   border:1px solid #c04343;
   font-family:Arial;
   font-size:12px;
}
input.btn_connexion {
   width:65px;
   height:19px;
   background:url(img/btn_connexion.png) no-repeat;
   border:none;
   cursor:pointer;
   margin:0;
   padding:0;
}
button.btn_deconnexion {
   float:left;
   width:75px;
   height:19px;
   background:url(img/btn_deconnexion.png) no-repeat;
   border:none;
   cursor:pointer;
   margin:0;
   padding:0;
}
button.btn_aide {
   float:left;
   width:43px;
   height:19px;
   background:url(img/btn_aide.png) no-repeat;
   border:none;
   cursor:pointer;
}
input.btn_rechercher {
   width:65px;
   height:19px;
   background:url(img/btn_rechercher.png) no-repeat;
   border:none;
   cursor:pointer;
   margin:0;
   padding:0;
}
.btn_endform {width:30%;margin: 10px auto;}
.btn_endform input {
   float:right;
}
.btn_endform input:first-child {float:left;}


#articleUNE, #articleUNE_supporters {
   position:relative;
   float:left;
   width:347px;
   height:254px;
   overflow:hidden;
}
#articleUNE_supporters {height:269px;}
#articleUNE img, #articleUNE_supporters img { float:left; }
#articleUNE img.img_article, #articleUNE_supporters  img.img_article {
   width:347px;
   height:163px;
}
#articleUNE h1.titre, #articleUNE_supporters h1.titre {
   position:absolute;
   bottom:91px;
   width:347px;
   padding:5px 0 2px 0;
   background:#000;
   color:#fff;
   text-align:center;
   font-weight:bold;
   font-size:12px;
   text-transform: uppercase;
}
#articleUNE_supporters h1.titre {background:#50514f;bottom:106px;}
#articleUNE h1.titre a, #articleUNE_supporters h1.titre a {color:white;text-decoration:none;}
#articleUNE h2.theme, #articleUNE_supporters h2.theme {
   position:absolute;
   top:0;
   left:0;
   margin:0;
   padding:2px 20px 1px 5px;
   width:auto;
   background:#000;
   color:#fff;
   text-align:left;
   font-weight:normal;
   font-size:10px;
   text-transform: uppercase;
   font-family:Arial;
   text-shadow:none;
   border:none;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
}
#articleUNE_supporters h2.theme {background:#50514f;}
#articleUNE h3.auteur, #articleUNE h3.partage {
   width:100%;
   line-height:20px;
   margin:0;
   padding:0;
   font-size:10px;
   background:#c6c4c4;
   font-style:italic;
}
#articleUNE h3.partage {
   position:relative;
   background:#fff;
}
#articleUNE h3.partage img {margin-left:4px;}
#articleUNE div.text, #articleUNE_supporters div.text {
   clear:both;
   float:left;
   background:url(img/bg_articleUNE.gif) top left repeat-x;
   color:#fff;
   font-size:12px;
}
#articleUNE_supporters div.text {background:url(img/bg_article_espacesup.jpg) top left repeat-x;}
#articleUNE div.text p, #articleUNE_supporters div.text p {
   margin:2px 4px;
   padding:0;
   line-height:14px;
   overflow: hidden; 
   -o-text-overflow: ellipsis; /* pour Opera 9 */ 
   text-overflow: ellipsis; /* pour le reste du monde (Firefox à partir de 3.7) */ 
   height:56px;
}
#articleUNE ul, #articleUNE_supporters ul {
   float:left;
   margin-top:3px;
   margin-left:10px;
   height:30px;
   color:#000;
   list-style-type: none;
}
#articleUNE ul li {
   float:left;
   line-height:13px;
   height:13px;
   width:140px;
   background:url(img/puce.png) 0px 5px no-repeat;
   padding-left:10px;
   overflow:hidden;
}

#articleUNE_supporters ul li {
   float:left;
   line-height:13px;
   height:13px;
   width:158px;
   background:url(img/puce.png) 0px 5px no-repeat;
   padding-left:10px;
   overflow:hidden;
}
#articleUNE ul li a, #articleUNE_supporters ul li a {
   color:#000;
   text-decoration:none;
}
#articleUNE ul li a:hover, #articleUNE_supporters ul li a:hover {text-decoration:underline;}
#articleUNE_supporters div.ajouter_article {
   position:absolute;
   bottom:0;
   width:347px;
   padding:2px 0 2px 0;
   height:11px;
   line-height:10px;
   background:#50514f;
   color:#fff;
   text-align:center;
   font-weight:normal;
   font-size:10px;
   text-transform: uppercase;
}
#articleUNE_supporters div.ajouter_article img {float:none;vertical-align:middle;}
#articleUNE_supporters div.ajouter_article a {color:white;text-decoration:none;}

#articleUNE.suite {
   height:210px;
}
#articleUNE.suite h1.titre {
   position:absolute;
   bottom:47px;
   width:347px;
   padding:5px 0 2px 0;
   background:#000;
   color:#fff;
   text-align:center;
   font-weight:normal;
   font-size:12px;
}
#articleUNE h3.partage .links {
   position:absolute;
   bottom:2px;
   left:100px;
}


#suite_articleUNE {
   position:relative;
   clear:left;
   font-size:12px;
}
#suite_articleUNE div {
   width:96%;
}
#suite_articleUNE p {
   margin-bottom:15px;
}
#suite_articleUNE p.intro {
   color:#570202;
   font-weight:bold;
}
#suite_articleUNE p.boutons {
   clear:left;
   float:left;
}
#suite_articleUNE p.boutons {margin:40px 5px 0 5px;}
#suite_articleUNE p.boutons img {margin:0 5px;}
#suite_articleUNE ul {
   margin:5px 0px;
}
#suite_articleUNE li {
   margin:0 30px;
}

p.filarianne {
   clear:left;
   float:left;
   background:#fff;
   border:1px solid #a09f9f;
   margin-top:15px;
   padding:4px 100px 4px 3px;
   height:10px;
   line-height:10px;
   min-width:315px;
   font-size:11px;
   text-shadow:1px 1px 2px #ccc;
}

p.filarianne a {
   color:#6F1418;
}


#rubriques {
   clear:left;
   float:left;
   background:url(img/bg_rubriques.png) top left repeat;
   border-top:1px solid #bb8888;
   border-bottom:1px solid #cdbebe;
   margin-top:70px;
   width:100%;
}
#rubriques table {
   text-align:center;
   width:90%;
   margin:10px 5%;
}
#rubriques table tr td{
   vertical-align:top;
   width:20%;
}
#rubriques table tr.titre td{
   text-transform: uppercase;
   font-weight:bold;
}
#rubriques ul {
   margin:5px 0px;
}
#rubriques li {
   margin:0 30px;
}

#rubriques2 {
   clear:left;
   float:left;
   background:url(img/bg_rubriques.png) top left repeat;
   border-top:1px solid #bb8888;
   border-bottom:1px solid #cdbebe;
   margin-top:10px;
   width:100%;
}
#rubriques2 table {
   width:90%;
   margin:10px 5%;
}
#rubriques2 table tr td {
   vertical-align:top;
   width:20%;
   padding:3px 0;
}
#rubriques2 table tr.hover:hover {background:#CF7478;}
#rubriques2 table tr td a.hover:hover {
   background:#CF7478;
   border:1px solid #9F3B3F;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   padding:3px;
}
#rubriques2 table tr.titre td{
   text-transform: uppercase;
   font-weight:bold;
}
#rubriques2 ul {
   margin:5px 0px;
}
#rubriques2 li {
   margin:0 30px;
}


div.media {
   clear:left;
   float:left;
   background:url(img/bg_rubriques.png) top left repeat;
   border-top:1px solid #bb8888;
   border-bottom:1px solid #cdbebe;
   margin-top:40px;
   width:92%;
   padding:5px 4%;
}
div.media .visuel {
   float:left;
}
div.media p.detail {
   float:left;
   width:600px;
}


div.contenu {
   margin:15px auto;
   width:94%;
   padding:3px 0;
   border:1px solid #9F3B3F;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background:url(img/bg_rubriques.png) top left repeat;
}

div.contenu ul {
   margin:10px 25px;
}


ul#onglets_nav, ul#onglets_nav_supporters {
   position:relative;
   float:left;
   list-style-type: none;
   margin: 0;
   padding: 0;
   height:27px;
   background:url(img/bg_onglets.gif) top left repeat-x;
   border-bottom:1px solid rgba(0,0,0,0.3);
}
ul#onglets_nav_supporters {border-bottom:1px solid #693737;}
ul#onglets_nav li, ul#onglets_nav_supporters li {
   float: left;
   margin: 0;
   padding: 3px 0 2px 0;
   height:22px;
   cursor:pointer;
   border-right:1px solid rgba(0,0,0,0.2);
}
ul#onglets_nav_supporters li {border-left:1px solid rgba(0,0,0,0.2);}
li.ongl_classement{width:129px;background:url(img/onglets/classement.png) center 3px no-repeat;}
li.ongl_calendrier{width:129px;background:url(img/onglets/calendrier.png) center 3px no-repeat;}
li.ongl_breves{width:73px;background:url(img/onglets/breves.png) center 3px no-repeat;}
li.ongl_infirmerie{width:89px;background:url(img/onglets/infirmerie.png) center 3px no-repeat;}
li.ongl_suspension{width:118px;background:url(img/onglets/suspensions.png) center 3px no-repeat;}
ul#onglets_nav li.ongl_suspension {border:0;}

li.ongl_classement:hover{background:url(img/onglets/classement.png) center -19px no-repeat;}
li.ongl_calendrier:hover{background:url(img/onglets/calendrier.png) center -19px no-repeat;}
li.ongl_breves:hover{background:url(img/onglets/breves.png) center -19px no-repeat;}
li.ongl_infirmerie:hover{background:url(img/onglets/infirmerie.png) center -19px no-repeat;}
li.ongl_suspension:hover{background:url(img/onglets/suspensions.png) center -19px no-repeat;}
ul#onglets_nav li.selected {
   background-position:center -19px;
}



li.ongl_moncompte, li.ongl_mesmessages {
   width:128px;
   background:#a90707;
   line-height:23px;
   color:#fff;
   text-align:center;
   font-family:Arial;
   font-weight:normal;
   font-size:11px;
   text-transform: uppercase;
   text-shadow:0 0 2px #fff
}
li.ongl_moncompte a, li.ongl_mesmessages a {
   color:#fff;
}
li.ongl_moncompte:hover, li.ongl_mesmessages:hover {background:#dd2424;}
ul#onglets_nav_supporters li.ongl_mesmessages {width:127px;border-left:1px solid #f5a51a;border-right:1px solid rgba(0,0,0,0.2);}
ul#onglets_nav_supporters li.ongl_mesbreves{width:283px;background:url(img/onglets/vos_dernieres_breves.png) 10px top no-repeat;border-left:0;border-right:0;}
ul#onglets_nav_supporters li.ongl_mesbreves a{display:block;width:283px;height:23px;text-indent:-10000px;z-index:1;position:relative;}


div.bg_onglets_1 {
   position:relative;
   float:right;
   width:259px;
   height:226px;
   z-index:3;
}
div.bg_onglets_2 {
   position:relative;
   float:right;
   width:283px;
   height:425px;
   margin: 0;
   padding: 0;
}
div.bg_onglets_2 div.ajouter_article, #onglets_voir_plus {
   position:absolute;
   bottom:0;
   width:283px;
   padding:2px 0 2px 0;
   height:13px;
   line-height:12px;
   background:#50514f;
   color:#fff;
   text-align:center;
   font-weight:normal;
   font-size:10px;
   text-transform: uppercase;
}
div.bg_onglets_2 div.ajouter_article img, #onglets_voir_plus img {float:none;vertical-align:middle;}
div.bg_onglets_2 div.ajouter_article a, #onglets_voir_plus a {color:white;text-decoration:none;}

table#classement {
   position:relative;
   float:right;
   width:259px;
   height:226px;
   background:rgba(255,255,255,0.2);
   border-left:1px solid #C4AFAF;
   border-bottom:1px solid #C4AFAF;
   z-index:1;
}
table#classement tr {
   border:1px solid;
}
table#classement th, table#classement td {
   line-height:10.5px;
   text-align:center;
   font-size:10px;
   letter-spacing:0.25px;
}
table#classement th {color:#fff;font-size:9px;border-bottom:1px solid rgba(0,0,0,0.2);vertical-align:top;}
table#classement th.pos {width:34px;text-align:left;}
table#classement th.equipe {width:105px;text-align:left;}

table#classement td.t_l {text-align:left;}
table#classement td.pos {color:#c40202;}
table#classement td.pos span.pos_num, table#classement td.pos span.pos_img {float:left;width:50%;text-align:center;}
table#classement tr.pos_monaco td {background:#b90303;color:#fff;}
table#classement tr.zone_imp_top td {background:rgba(0,0,0,0.1);}
table#classement tr.zone_imp_bottom td {background:rgba(0,0,0,0.1);}
table#classement tr.b_b td {border-bottom:1px solid #b28888;}
table#classement tr.b_t td {border-top:1px solid #bfa6a6;}

table#classement tr:hover td {background:rgba(0,0,0,0.2);}

ul#calendrier {
   position:relative;
   clear:right;
   float:left;
   width:258px;
   height:225px;
   list-style-type: none;
   background:rgba(255,255,255,0.2);
   border-left:1px solid #C4AFAF;
   border-bottom:1px solid #C4AFAF;
   z-index:1;
}
ul#calendrier li {
   clear:left;
   float: left;
   width:249px;
   height:26px;
   padding:3px 5px;
   border-bottom:1px solid rgba(0,0,0,0.2);
}
ul#calendrier p {
   position:relative;
   margin:0;
   padding:0;
}
ul#calendrier li.voir_plus_calendrier {
   border:0;
   text-align:center;
   font-weight:bold;
   margin-top:4px;
}


ul#breves {
   position:relative;
   float:right;
   width:282px;
   height:408px;
   background:url(img/bg_breves.png) top left repeat-x;
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow-x:hidden;
   overflow-y:auto;
   border-left:1px solid #C4AFAF;
   border-bottom:1px solid #C4AFAF;
   z-index:1;
}
ul#breves li  {
   float: left;
   width:265px;
   height:16px;
   margin: 0;
   padding: 4px 9px 13px 9px;
   border-bottom:1px solid rgba(0,0,0,0.2);
}
ul#breves li a, div#rapport_info ul li a {color:#dc0707;}

ul#infirmerie, ul#suspension {
   position:relative;
   float:right;
   width:282px;
   height:408px;
   background:url(img/bg_breves.png) top left repeat-x;
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow-x:hidden;
   overflow-y:auto;
   border-left:1px solid #C4AFAF;
   border-bottom:1px solid #C4AFAF;
   z-index:1;
}
ul#infirmerie li, ul#suspension li {
   float: left;
   width:265px;
   height:48px;
   margin: 0;
   padding: 4px 9px 13px 9px;
   border-bottom:1px solid rgba(0,0,0,0.2);
}
ul#infirmerie li .detail, ul#suspension li .detail {color:#dc0707;}


div#rapport_info {
   position:relative;
   clear:both;
   float:right;
   z-index:1;
}
div#rapport_info ul {
   position:relative;
   width:282px;
   height:238px;
   background:url(img/bg_rapport_info.png) top left repeat-x;
   list-style-type: none;
   margin: 25px 0 0 5px;
   padding: 0;
   overflow-x:hidden;
   overflow-y:auto;
   border-top:1px solid #C4AFAF;
   border-left:1px solid #C4AFAF;
   border-bottom:1px solid #C4AFAF;
}
div#rapport_info ul li  {
   float: left;
   width:265px;
   height:16px;
   margin: 0;
   padding: 4px 9px 13px 9px;
   border-bottom:1px solid rgba(0,0,0,0.2);
}
div#rapport_info ul li .detail {color:#dc0707;}

div.nombre_membres {
   position:relative;
   height:20px;
   background:#693737;
   color:white;
   line-height:20px;
   text-align:center;
   font-size:10px;
   text-transform: uppercase;
}
div.nombre_membres span {color:#dfe20c;}

div#supporters_liste_connectes {
   position:relative;
   background:url(img/bg_supporters_liste_connectes.png);
   color:white;
   font-size:12px;
   width:100%;
   height:221px;
   border:none;
   border-collapse:collapse;
   overflow-x:hidden;
   overflow-y:scroll;
}
div#supporters_liste_connectes table {
   position:relative;
   width:100%;
   border:none;
   border-collapse:collapse;
}
div#supporters_liste_connectes table tr {
   height:19px;
   line-height:19px;
   padding:2px 0;
}
div#supporters_liste_connectes table tr td {
   border-bottom:1px solid #d87b7b;
   padding:2px 0;
}
div#supporters_liste_connectes table tr td img {vertical-align:middle;}
div#supporters_liste_connectes table tr td.pseudo {padding:0 10px;}
div#supporters_liste_connectes table tr td.avatar {width:28px;text-align:center;background:#e44141;border-bottom:1px solid transparent;}
div#supporters_liste_connectes table tr td.actions {width:50px;text-align:center;background:#993b3b;font-weight:bold;}
div#supporters_liste_connectes table tr td a {color:#c1bdbd;}
div#supporters_liste_connectes table tr td a:hover {color:#c1bdbd;}
div.supporters_liste_connectes_stats {
   height:24px;
   line-height:24px;
   width:242px;
   padding:0;
   position:absolute;
   bottom:0;
   color:#f18f03;
   font-weight:bold;
   background:#bc3434;
}
div.supporters_liste_connectes_stats span {
   color:white;
   background:#ca2626;
   width:37px;
   height:24px;
   float:left;
   text-align:center;
   margin-right:5px;
}
div.supporters_liste_connectes_stats a {
   color:#c1bdbd;
   background:#9d1a1a;
   width:50px;
   height:24px;
   float:right;
   text-align:center;
}
div.supporters_liste_connectes_stats a:hover {background:#dd2424;}




#chatroom {
   position:relative;
   z-index:1;
   clear:left;
   float:left;
   width:584px;
   height:220px;
   border:3px solid red;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   margin:25px 0 0 5px;
   -moz-box-shadow: 1px 1px 15px #555; 
   -webkit-box-shadow: 1px 1px 15px #555; 
   box-shadow: 1px 1px 15px #555;
   background:#fff url(img/bg_chatroom.jpg) top left repeat-x;
   overflow-x:hidden;
   overflow-y:scroll;
}
#chatroom-title {
   position:absolute;
   z-index:2;
   background:url(img/chatroom.png) no-repeat;
   width:128px;
   height:28px;
   top:272px;
   left:10px;
}
#chatroom ul {
   list-style-type: none;
   font-size:12px;
}
#chatroom ul li {position:relative;float:left;border-bottom:1px solid #c4c4c4;}
#chatroom ul li span.pseudo {position:relative;float:left;margin:0;padding:2px 4px;font-weight:bold;width:140px;}
#chatroom ul li span.pseudo span {color:#a3a2a2;font-weight:normal;}
#chatroom ul li span.message {position:relative;float:right;width:414px;padding:2px;}
form#chatroom-form {
   clear:left;
   float:left;
   margin-top:-4px;
   margin-left:5px;
}
form#chatroom-form input[type=text] {
   width:500px;
   height:21px;
   line-height:21px;
   padding-top:4px;
   background:#f00001 url(img/bg_input_chatroom.jpg) repeat-x;
   color:white;
   border:none;
}
form#chatroom-form input[type=submit] {
	background:#c70606;
	font-family:verdana;
	font-size:11px;
	color:white;
	border:none;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   height:22px;
   line-height:22px;
   padding-top:4px;
   width:76px;
}

#blogs-forum {
   position:relative;
   clear:left;
   float:left;
   width:584px;
   height:110px;
   margin:15px 0 0 5px;
   border:3px solid #b5b3b3;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background:#d2bbbb;
}
#blogs-forum div.blogs, #blogs-forum div.forum {
   float:left;
   width:292px;
   height:100%;
}
#blogs-forum div.blogs img, #blogs-forum div.forum img {margin-left:4px;}
#blogs-forum div.forum {
   background:#d2d0d0;
}
#blogs-forum div.blogs table, #blogs-forum div.forum table {
   width:284px;
   border-collapse:collapse;
   margin:0 auto;
}
#blogs-forum div.blogs table tr {
   height:12px;
   line-height:12px;
   border-bottom:2px solid #d2bbbb;
}
#blogs-forum div.blogs table tr td {background:#ae8787;}
#blogs-forum div.blogs table tr td.puce {width:13px;background:#ae8787 url(img/puce_forum.jpg) no-repeat;padding-right:5px;}
#blogs-forum div.blogs table tr td.visites {color:#f8c619;}
#blogs-forum div.blogs table tr td.ajouter_adresse {height:14px;line-height:14px;background:#50514f;text-align:center;font-size:10px;}
#blogs-forum div.blogs table tr td.ajouter_adresse img {vertical-align:-2px;}
#blogs-forum div.blogs table tr td.ajouter_adresse a {color:white;text-transform:uppercase;}
#blogs-forum div.blogs table tr td.ajouter_adresse a:hover {text-decoration:none;}
#blogs-forum div.blogs table tr td.action, #blogs-forum div.forum table tr td.action {
   width:30px;
   text-align:center;
}
#blogs-forum div.blogs table tr td.action a, #blogs-forum div.forum table tr td.action a {color:white;}
#blogs-forum div.blogs table tr td.action {background:#c70606;}

#blogs-forum div.forum table tr {
   height:12px;
   line-height:12px;
   border-bottom:2px solid #d2d0d0;
}
#blogs-forum div.forum table tr td {background:#b9b7be;}
#blogs-forum div.forum table tr td.puce {width:16px;background:#b9b7be url(img/topic.png) left center no-repeat;padding-right:3px;}
#blogs-forum div.forum table tr td.reponses {color:#c70606;width:70px;}
#blogs-forum div.forum table tr td.action {background:#797777;}


#matches {
   position:relative;
   clear:left;
   float:left;
   width:606px;
   height:113px;
   background:#f1cfcf url(img/bg_matches.gif) top left repeat-x;
   border-bottom:1px solid rgba(0,0,0,0.1);
}
#last_match {
   position:relative;
   float:left;
   width:302px;
   height:100%;
   border-right:1px solid rgba(0,0,0,0.1);
}
#next_match {
   position:relative;
   float:left;
   width:303px;
   height:100%;
}
#last_match img.club1, #next_match img.club1 {
   position:absolute;
   z-index:1;
   left:0;
}
#last_match img.club2, #next_match img.club2 {
   position:absolute;
   z-index:1;
   right:0;
}
#last_match h1, #next_match h1 {
   width:100%;
   height:18px;
   padding-top:2px;
   text-align:center;
   color:#fff;
   font-family:Calibri, Arial;
   font-size:14px;
   font-weight:normal;
   text-shadow:0 0 2px #fff
}
#last_match .detail, #next_match .detail {
   text-align:center;
}
#last_match .score img, #next_match .score img {
   margin:4px 0 4px 2px;
}
#last_match .detail p, #next_match .detail p {
   margin:0;
}

#chiffre-citation-sondage {
   clear:left;
   float:left;
   position: relative;
   min-height:50px;
   width:100%;
}

#chiffre {
   position:absolute;
   left:0;
   top:-85px;
   padding-top:15px;
   width:302px;
   height:100%;
   background:#f5e3e3;
}

#chiffre p {height:50px;line-height:50px;font-size:12px;margin:0;padding:0;}
#chiffre p.img {float:left;margin:0 15px;padding:0;font-weight:bold;font-size:18px;text-shadow:1px 1px 1px #000;}
#chiffre p span {
   width:220px;
   vertical-align:middle; 
   display:inline-block; 
   line-height:1.2;
   text-align:left;
}
#chiffre img {vertical-align:middle;}

#citation {
   position:absolute;
   left:303px;
   top:-85px;
   width:303px;
   height:100%;
   min-height:200px;
   padding-top:15px;
   background:#e1d1d1;
   font-size:12px;
}
#citation p{margin:0;padding:0;}
#citation p:first-child{margin:4px 4px 0 4px;padding:0;}

#citation span.quote_open {
   float:left;
   height:50px;
   margin-right:5px;
}
#citation p.auteur { text-align:right; font-size:11px;margin-right:20px;}

#sondage {
   float:right;
   width:283px;
   height:100%;
   background:#f5e3e3;
   font-size:11.5px;
   min-height:50px;
}
#sondage p {color:#a16303;line-height:12px;margin-bottom:2px;}
#sondage ul {width:260px;margin:0 0 0 20px;padding:0;}
#sondage ul li {float:left;margin:0 10px;}



#replay {
   clear:left;
   float:left;
   position:relative;
   width:300px;
   height:216px;
   background:#eed5d5;
}
#asmatch {
   float:left;
   position:relative;
   width:300px;
   height:216px;
   background:#eed5d5;
}
#replay .cadre_video {
   position:absolute;
   width:277px;
   height:191px;
   background:url(img/cadre_video.png) no-repeat;
   z-index:2;
   bottom:0;
   left:0;
}
#asmatch .cadre_video {
   position:absolute;
   width:277px;
   height:191px;
   background:url(img/cadre_video.png) no-repeat;
   z-index:2;
   bottom:0;
}
#replay .cadre_video a, #asmatch .cadre_video a {outline:none;}
#replay .cadre_video img, #asmatch .cadre_video img {width:233px;height:131px;margin:20px 15px;}
#replay .cadre_video img.btn_player, #asmatch .cadre_video img.btn_player {left:95px;width:41px;height:41px;}
#replay .plus_de_videos, #asmatch .plus_de_videos {
   position:absolute;
   top:36px;
   right:-8px;
   width:72px;
   height:164px;
   background:url(img/plus_de_videos.png) no-repeat;
}
#replay .plus_de_videos ul, #asmatch .plus_de_videos ul {
   position:relative;
   margin:10px 16px;
   font-size:10px;
   letter-spacing:-1px;
   list-style-type: none;
   z-index:1000;
}
#replay .plus_de_videos ul li, #asmatch .plus_de_videos ul li {text-align:center;height:40px;}
#replay .plus_de_videos ul li:hover, #asmatch .plus_de_videos ul li:hover {background:#D93939;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#replay .plus_de_videos ul li:hover a, #asmatch .plus_de_videos ul li:hover a {color:black;}
#replay .plus_de_videos ul li img, #asmatch .plus_de_videos ul li img {width:29px;height:26px;}
#replay .plus_de_videos p, #asmatch .plus_de_videos p {position:absolute;bottom:7px;right:12px;margin:0;padding:0;z-index:10000;}
#replay .plus_de_videos p.suite, #asmatch .plus_de_videos p.suite {position:absolute;bottom:21px;right:14px;margin:0;padding:0;z-index:10000;}

#photographies, #supporters_photographies {
   float:left;
   position:relative;
   width:289px;
   height:216px;
   background:#eed5d5;
}

#supporters_photographies {
   float:right;
   position:relative;
   width:289px;
   height:216px;
   background:transparent;
   margin-top:-50px;
}
#photographies .cadre_photo, #supporters_photographies .cadre_photo {
   position:absolute;
   width:294px;
   height:191px;
   padding:0px 0 0 0px;
   background:url(img/cadre_photo.png) no-repeat;
   z-index:1;
   bottom:0;
   right:0;
}
#photographies .cadre_photo img, #supporters_photographies .cadre_photo img {margin:23px 0 0 18px;width:261px;height:149px;}
#photographies .cadre_photo img.btn_player, #supporters_photographies .cadre_photo img.btn_player {top:60px;left:110px;width:41px;height:41px;}
#photographies .cadre_photo a, #supporters_photographies .cadre_photo a {outline:none;}
#photographies .cadre_photo p.detail {
   position:absolute;
   z-index:2;
   bottom:14px;
   left:8px;
   width:257px;
   padding-left:4px;
   color:#fff;
   height:16px;
   line-height:16px;
   background:rgba(0,0,0,0.4);
   letter-spacing:1px;
   font-size:11px;
}
#supporters_photographies .cadre_photo p.ajouter {
   position:absolute;
   z-index:2;
   bottom:14px;
   left:8px;
   width:257px;
   padding-left:4px;
   color:#fff;
   height:16px;
   line-height:16px;
   background:#50514f;
   text-align:center;
   text-transform:uppercase;
   font-size:10px;
}
#supporters_photographies .cadre_photo p.ajouter img {margin:0;width:12px;height:9px;vertical-align:-1px;}
#photographies .cadre_photo p.detail a, #supporters_photographies .cadre_photo p.ajouter a {color:#fff;}
#supporters_photographies .cadre_photo p.ajouter a:hover {text-decoration:none;}
#photographies .cadre_photo p.detail span {
   float:right;
   background:black;
   padding:0 4px;
}

img.btn_player {
   position:absolute;
   left:80px;
   bottom:55px;
   z-index:1000;
   margin:0;
   padding:0;
   width:41px;
   height:41px;
}

#footer {
   clear:both;
   float:left;
   position:relative;
   width:100%;
   height:60px;
   border-top:11px solid #d91717;
   background:#efecec;
}
#footer div:first-child {
   width:1024px;
   height:100%;
   margin:0 auto;
   position:relative;
}
#footer img {border:none;}
#footer img.logo {float:left;margin-top:17px;}
#footer ul {
   position:relative;
   list-style-type: none;
   margin: 3px 40px 0 40px;
   padding: 0;
   font-size:10px;
}
#footer ul li {height:13px;line-height:13px;}

#footer ul li img {vertical-align:middle;}
#footer ul li a {color:#000;text-decoration:none;}
#footer ul li:hover {cursor:pointer;}
#footer ul li:hover a {position:relative;z-index:10000;color:#BB0909;text-decoration:underline;}
#footer ul li a:hover {color:#BB0909;text-decoration:underline;}

#footer .contact {margin-top:20px;text-align:center;}
#footer .copyright {bottom:0;color:#6e6e6e;}
#footer .contact, #footer .copyright {width:100%;position:absolute;text-align:center;}

.clear { clear:both; }
.f_l {float:left;}
.f_r {float:right;}
.hidden {display:none;}
.t-center {text-align:center;}

.t-gros {font-size:1.6em;}
.t-rouge {color:#6F1418;}

.p-style1 {
   font-family:"Century Gothic", "Trebuchet MS", Arial;
   font-size:1.6em;
   text-shadow:1px 1px 2px #ccc;
   color:#6F1418;
   font-weight:bold;
}

p.table_title {
   clear:both;
   float:left;
   width:90%;
   padding:3px 2%;
   margin:5px 3%;
   font-family:"Century Gothic", "Trebuchet MS", Arial;
   font-size:1.6em;
   text-shadow:1px 1px 2px #ccc;
   border:1px solid #9F3B3F;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color:#6F1418;
   background:rgba(0,0,0,0.1);
   font-weight:bold;
}


a {color:#000;text-decoration:none;}
a:hover {color:#BB0909;text-decoration:underline;}
img {border:none;}
#content input[type=button], #content input[type=submit] {
	background-color:#DFDFDF;
	font-family:verdana;
	font-size:11px;
	color:#4F4F4F;
	border:1px solid #4F4F4F;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding:5px;
}
#content input[type=button]:hover {background-color:#EF8686;cursor:pointer;border-color:#CF2626;color:#fff;}
#content input[type=submit]:hover {background-color:#86EF9E;cursor:pointer;border-color:#0F4F23;color:#000;}
input:focus, textarea:focus{background:rgb(216,233,233);}

/*---- TABLEAUX ----*/
table.calendrier {
	width:96%;
	background: rgba(0,0,0,0.2);
}
table.calendrier {
   border:2px solid #000;
}
table.calendrier tr td {
	text-align:center;
}
table.calendrier thead tr td {
	background:#d6f0ff;
	border-top: 2px solid #2fa5e9;
	border-bottom: 1px dotted #cccccc;
	vertical-align:top;
	text-align:center;
}
table.calendrier tbody tr td {
	font-size: 12px;
	vertical-align: middle;
}

table.table_rounded {
	background-color:#DFDFDF;
	font-family:verdana;
	font-size:11px;
	color:#4F4F4F;
	border:1px solid #4F4F4F;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding:5px;
}
table tr.table_title {
   width:90%;
   padding:3px 2%;
   font-family:"Century Gothic", "Trebuchet MS", Arial;
   font-size:1.6em;
   text-shadow:1px 1px 2px #ccc;
   border:1px solid #9F3B3F;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color:#6F1418;
   background:rgba(0,0,0,0.1);
   font-weight:bold;
}
table tr.next_match {
   background:#CFB674;
}
table tr.matchs_before {
   background:#74CF9A;
}

table tr.head {font-weight:bold;}
table tr.top2 {background:rgba(217,231,247,0.6);}
table tr.top3 {background:rgba(201,247,209,0.6);}
table tr.top4 {background:rgba(233,216,191,0.6);}
table tr.top18 {background:rgba(233,193,193,0.6);}
table tr.topothers {background:rgba(245,245,245,0.6);}

table tr.top2:hover, table tr.top3:hover, table tr.top4:hover, table tr.top18:hover, table tr.topothers:hover, table tr.let-hover:hover {background:rgba(0,0,0,0.2);}