@charset "utf-8";
/* CSS Document */

/* Don't Change this; to many script included 
Jean Mizero */
@charset "utf-8";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
/*body starts */
body {border:0;font:14px "Segoe UI", Arial;line-height:22px; padding:0; height: 100%; margin:0; background:#eee url(../images/body-bg.png) center fixed;}
.clearfix{clear:both; margin:0; padding:0;}
.main{width:1160px; margin:auto;}
/* header begin */
#header{height:263px; background:url(../images/header.png); border-bottom:#0c84c6 solid 18px;}
#topnavigation{height:40px;width:1160px;color:#fff;  background:#0c84c6; border-radius:5px; overflow: hidden;}
#topnavigation #topnav{ width:100%; float:left; list-style:none; margin:10px; padding:0px 20px; margin-left:0;}
#topnavigation ul li { display:inline-block; margin-right:15px; }
#topnavigation ul a {color:#fff; font-weight:700; text-decoration:none; }
#topnavigation ul a:hover{color:#fed609;}

#topnavigation #domaine{display:none !important; width:200px; padding:10px 0px; margin:0; float:left; overflow:hidden;}
#topnavigation #domaine ul{list-style:none; margin:0; padding:0; overflow:hidden; }
#topnavigation #domaine ul li{float:left; font-size:12px; margin:0px 10px;}
#topnavigation #domaine ul li a{text-decoration:none; color:#fff}
#topnavigation #domaine ul li a img{width:15px ! important; height:10px ! important; padding:0px 2px;}

#topnavigation > ul > li > div#sub-menu{display:none; position:absolute; z-index:9999;background: rgba(12, 132, 198, 0.9); padding:0; }
#topnavigation > ul > li:hover > div#sub-menu{display:block; pading:0; margin:0;}
#topnavigation > ul > li > div#sub-menu ul{list-style:none; width:150px; margin-top:10px; float:left; padding:0; overflow:hidden; }
#topnavigation > ul > li > div#sub-menu ul li{width:100%;padding-left:10px; border:1px solid #65c3f7; float:left; font-size:14px; transition:all 0.3s;}
#topnavigation > ul > li > div#sub-menu ul li:hover{padding-left:15px;  background:rgba(12, 132, 198,0.7);}
#topnavigation > ul > li > div#sub-menu ul li a{text-decoration:none; color:#fff; display:block; text-align: start; font-size:12px;}
#topnavigation > ul > li > div#sub-menu ul li a:hover{color: #fed609;}
#topnavigation > ul > li > div#sub-menu ul li > div#inner-menu{display:none; position:absolute; background: rgba(12, 132, 198, 0.9); padding:0px; margin:-30px 0 0 135px;}
#topnavigation > ul > li > div#sub-menu ul li:hover > div#inner-menu{display:block;}

#srch{float:right; width:650px;}
#srch form{float:right; overflow:hidden; margin:20px 0px; padding:0px 5px; }
#srch form input{width:250px;  padding:4px; margin:0; outline:none; float:left; border-radius:5px 0 0 5px; border:1px solid #f0edf6; color:#999;}
#srch form #button{width:50px;  height:25px; outline:none; float:left; border-radius:0 5px 5px 0; background:#ec8603; border:none; color:#fff;}
#srch form #button:hover{cursor:pointer;}

/*topaccordion*/
#topaccordion{background:#c2c2c2; height:133px; border-radius:5px;}
/*topaccordion*/
/*header end*/
/*Body begin*/
#body{background:#fff; width:1160px; min-height:0px;}
/*1st col*/
#col1{width:600px; min-height:500px; float:left;}
/*slider*/
#slider{width:570px; height:250px; background:#333;} 
/*slider end*/

#pub{background:#fff; float:left; width:100%; margin:5px 0px;}
#pub #banner{float:left; width:570px; margin:0px 5px;}
#pub #banner a{outline:none;}
#pub #banner a img{width:100%; min-height:50px;}

.section-title{background:url(../images/section-Title.png) left no-repeat; height:31px; width:263px; text-align:center; font-weight:bold; padding-top:10px; color:#fff;}
#section{width:270px; height:auto; float:left; margin-left:20px}
#section .imgholder{width:230px; height:160px;z-index:5;position:absolute;}
#section .imgholder2 {width:125px; height:80px; float:left;}
#section .imgholder img{width:230px; height:160px; }
#section .imgholder2 img{width:120px; }
#section .iconholder {height:160px; width:55px; background:url(../images/iconholder.png) no-repeat;  position:relative; z-index:999; color:#fff;}
#section .iconholder a{color:#fff; text-decoration:none;}
#section .iconholder span{ font-size:30px;}
#section .iconholder img{margin-bottom:8px;}
#section h2 a{color:#505050; text-decoration:none; font-size:15px;}
#section .h3 a{color:#251d15; text-decoration:none; font-size:13px; margin:0; width:115px; font-weight:bold;}
#section .h3{width:115px; float:left;}
#sectio2{margin:10px 0; overflow:hidden;}

#section .infoline {height:20px; color:#a6a6a6; font-size:10px}
#section .detail {height:60px; font-size:12px; padding-top:-10;}
#section .detail a{color:#ec8603; float:right;}


/* ---------------------------- rubrique style -------------------------- */
#middle{width:1120px; margin:10px 20px;float: left;}
#middle #rub{width:100%;overflow: hidden;float:left; background: #fff;}
#middle #rub h1 {color:#0c84c6;font-size: 30px;}
#middle #rub .pic{width: 100%;float: left;} 
#middle #rub .pic img{max-width:650px; float: left; margin:0px 10px;}
#middle #rub .pic p{padding: 0 0 0 10px; color: #333;font-size: 14px;line-height: 1.7;}



/* ---------------------------------- Fixture style --------------------------- */

#fixture {float:left; background:#1d242d; width:1120px; margin:10px 20px; line-height:25px;}
#fixture table {float:left; width:50%;}

/* ---------------------------------- Standing style --------------------------- */

#standing {float:left; width:820px; margin:10px 20px; line-height:25px;}
#standing table {float:left; width:100%; background:#0c84c6; }

/* ---------------------------------- news style --------------------------- */

#news {float:left; width:820px; margin:10px 20px; line-height:25px;}
#news #news-item {float:left; width:100%; margin: 10px 0px; border-bottom:1px solid #3faee2; }
#news #news-item img{float:left; width:150px;height:90px; margin-right:15px; box-shadow:3px 3px 3px #6e3f0d;}
#news #news-item p{width:100%;  line-height:20px; margin:5px 20px; }
#news #news-item p a{text-decoration:none; font-weight:bold; color:#3faee2;}
#news #news-item span{margin:5px 20px;}
#news #news-item span a{text-decoration:none; display:block; font-weight:bold; color:#3faee2;}
#news #news-item span a:hover{text-decoration:underline; }

/*----------------------------------- People style -----------------------------*/
#peopl {width:820px; margin:10px 20px; float:left; }
#peopl ul { width:100%; list-style:none; padding:0; margin:2.5px 0px;}
#peopl ul li{ float:left; width:150px; margin:5px; padding:0;}
#peopl ul li img{width:150px; height:220px; margin:0; box-shadow:2px 2px 2px #037c2e;}
#peopl ul li h1{padding:3px; width:148px; background:#0c84c6; border-radius:3px; font-size:12px; text-align:center; color:#fff; font-weight:bold;}
#peopl ul li #tg {width:150px; float:left; padding-bottom: 2px; padding-left: 3px; background:#0c84c6; color:#fed609; font-size:12px; font-weight:bolder; border-radius:5px;}
#peopl ul li #tg span {color:#fff; }

/* ----------------------------------------- executive committee style --------------------- */

#exe-comt {float:left; width:820px; margin:10px 20px; line-height:25px;}
#exe-comt #member-id {float:left; width:45%; height:200px; margin: 10px; padding:5px; border-radius:8px; background:rgba(220, 217, 217, 0.2); }
#exe-comt #member-id img{float:left; width:150px; height:194px; margin-right:15px; box-shadow:3px 3px 3px #037c2e;}
#exe-comt #member-id #details{overflow:hidden; padding:0; margin:0;}
#exe-comt #member-id #details h1{padding:0; margin:0; color:#0c84c6; font-size:15px; font-weight:600; text-transform:uppercase;}
#exe-comt #member-id #details h1 a{display:block; text-decoration:none;}
#exe-comt #member-id #details li{list-style:none; width:100%; float:left; color:#991b1e; font-size:12px; font-weight:bold;}
#exe-comt #member-id #details li span{width:50%; color:#ec8603; }
#exe-comt #member-id p{width:100%; line-height:20px; margin:0px; font-size:12px; }
#exe-comt #member-id p a{text-decoration:none; font-weight:bold; color:#0c84c6;}
#exe-comt #member-id p a:hover{text-decoration:underline; }

/*----------------------------------- team style -----------------------------*/
#team {width:820px; margin:10px 20px; float:left; }
#team ul { width:100%; list-style:none; padding:0; margin:2.5px 0px;}
#team ul li{ float:left; width:250px; margin:5px; padding:0;}
#team ul li img{width:250px; height:150px; margin:0; box-shadow:2px 2px 2px #037c2e;}
#team ul li h1{padding:3px; width:248px; background:#0c84c6; border-radius:3px; font-size:15px; text-align:center; color:#fff; font-weight:bold;}
#team ul li #tg {width:250px; float:left; padding-bottom: 2px; padding-left: 3px; background:#0c84c6; color:#fed609; font-size:14px; font-weight:bolder; border-radius:5px;}
#team ul li #tg span {color:#fff; }

/* -------------------------------------- live score ------------------------ */

#livescore{width:1140px; float:left; overflow:hidden; background:#fff; padding:0px 10px; margin:0;}
#livescore #livescore-details{width:100%; float:left; overflow:hidden; padding:0; margin:0;}
#livescore #livescore-details ul{width:150px; float:left; overflow:hidden; background:#f8f6f4; list-style:none; margin:5px; padding:0; border:1px solid #031c45; border-radius:5px;}
#livescore #livescore-details ul li{width:100%; float:left;}
#livescore #livescore-details ul li.details-status{width:100%; float:left; background:#031c45; border-radius: 3px 0px 0px;;}
#livescore #livescore-details ul li.details-status h1{width:100px; float:left; color:#fff; text-transform:uppercase; font-size:12px; padding:5px; margin:0;}
#livescore #livescore-details ul li.details-status span.live{width:30px; float:left; color:#40cb06; font-weight:600; text-transform:uppercase; font-size:12px; padding:5px; margin:0;}
#livescore #livescore-details ul li.details-status span.off{width:30px; float:left; color:#e40611; font-weight:600; text-transform:uppercase; font-size:12px; padding:5px; margin:0;}

#livescore #livescore-details ul li.team-status{width:100%; float:left; font-weight:600; }
#livescore #livescore-details ul li.team-status name{width:90px; float:left; color:#031c45;  font-size:12px; padding:5px; margin:0;}
#livescore #livescore-details ul li.team-status span{width:40px; float:left; color:#ec8603;  font-size:12px; padding:5px; margin:0;}


/* ----------------------------------------- search page ----------------------- */
#recherche {float:left; width:820px; margin:10px 20px; line-height:25px;}
#recherche-id{ width:800px; background:#fff; float:left;}
#recherche-id span > a{font-weight:bold; color:#003e6f; text-decoration:none; font-size:18px;}
#recherche-id span > a:hover{text-decoration:underline;}
#recherche-id a{font-weight:normal; font-style:italic; color:#999; text-decoration:none; font-size:13px;}
#recherche-id a:hover{color:#003e6f; text-decoration:underline;}
#recherche-id h1{width:100%; color:#003e71; font-weight:bolder; font-size:15px; margin:0 0 3px 0px; }
#recherche-id p{ font-size:12px; color:#000; margin:0 0 3px 0px; text-align:justify;}


/* ------------ pagination -------------- */

#pagination{width:100%;  float:left; margin:0px; padding:0;}
#pagination ul{list-style:none; border:0px; padding:3px 100px; margin:0; }
#pagination ul li{display:inline; color:#55bf03;}
#pagination ul li span.sep{display:none;}
#pagination ul li strong.on{display:none;}
#pagination ul li a{font-weight:normal; padding:5px 3px; margin:auto; text-decoration:none; color:#13498f;}
#pagination ul li a:hover{text-decoration:underline; color:#55bf03;}

/*Body end*/
/*1st col*/
.col2{width:270px; min-height:500px; float:left; margin:5px;}
.title-bg{height:30px; width:270px; background:url(../images/bg-title.png) no-repeat; text-align:center; color:#fff; font-weight:bold;}
.box{min-height:250px; width:270px;}
.list-box{height:300px; width:270px; overflow:scroll; }


/*Body end*//*1st col*/
.col3{width:270px; min-height:500px; float:left;margin:5px;}


/*Body end*/
/*prefooter begin*/
/*prefooter end*/
#footer{width:100%; float:left; background:#000; color:#fff;}
#footer .boxx{width:340px; float:left; margin-right:30px;}
#footer .boxx ul{overflow:hidden; padding:0; margin:0; list-style:none;}
#footer .boxx ul li{width:100%; float:left; padding:5px 0px; margin:0;}
#footer .boxx ul li a.pdfs{ float:left; overflow:hidden; text-decoration:none; color:#fff;}
#footer .boxx ul li a.pdfs:hover{text-decoration:underline; color:#0c84c6;}
#footer .boxx ul li a.pdfs img{float:left; width:14px; padding:5px 0px; }
#footer .boxx ul li a.pdfs span{float:left; font-size:11px; line-height:20px; width:316px; margin:0px 0px 0px 5px; padding:0;}

#featured{ 
	width:375px; 
	padding-right:225px; 
	position:relative;  
	height:250px; overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:375px; 
	list-style:none; 
	padding:0; margin:0; 
	width:225px; height:250px;
	overflow:auto;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:5px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
	z-index:-1;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:15px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	color:#fff;  background:#ec8603;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	color:#fff;  background:#ec8603;;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	color:#fff;  background:#ec8603;;  
}
#featured .ui-tabs-panel{ 
	width:375px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

		/* I Jean Mizero command you to not modify these lines! UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* I Jean Mizero hereby grants the ultimate permission to modify these as you want. FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:100%}
		
			
		#accordion-2{width:1140px;height:130px;background:#fff;border:1px solid #ccc; color:#333; font-family: Tahoma, Geneva, sans-serif; font-size:11px;}
		#accordion-2 h2{font-size:1.5em;margin-top:5px}
		#accordion-2 dl{width:1140px;height:130px;}	
		#accordion-2 dt{height:30px; padding-top:5px;line-height:10px;font-size:11px; text-align:center;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:url(../images/bg-inactive.png) 0 0 no-repeat;color:#fff}
		#accordion-2 dt.active{cursor:pointer;color:#fff;background:url(../images/bg-active.png) 0 0 no-repeat}
		#accordion-2 dt.hover{color:#333; background:url(../images/bg-hover.png) 0 0 no-repeat}
		#accordion-2 dt.active.hover{color:#fff}
		#accordion-2 dd{padding:0 10px 0 10px;background:#c2c2c2;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold; display:none;}
		#accordion-2 .active .slide-number{color:#fff}
		#accordion-2 a{color:#68889b}
		#accordion-2 .infobox{width:270px; height:120px; border-right:1px solid #fff; float:left; margin:0 10px;}
		#accordion-2 table{height:130px; font-size:11px;}
		#accordion-2 table td{height:20px;}
		
		#article{width:580px; min-height:400px; padding:0 10px 0 10px;}
		.tit{background:#c2c2c2; color:#333; min-height:60px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:400; text-align:center; border-radius:8px; margin-bottom:10px;}
		.tit h2{font-size:18px;}
		.tit .det{height:20px; border-top:0.1em solid #fff; width:550px; margin:auto; color:#666; font-size:10px;}
		.det{height:20px; border-bottom:0.1em solid #fff; width:550px; margin:auto; color:#666; font-size:10px;}
		#article .featured{padding-top:10px; background:#d2d2d2; height:200px; width:572px; transition-duration:0.9s; border: 2px solid #d2d2d2; border-radius:8px; overflow:hidden; margin:auto;}
		#article .featured:hover{height:500px; transition-duration:0.3s;}
		#article .text{ line-height:20px; text-align:justify; color:#666; border: 2px solid #d2d2d2; border-radius:8px; min-height:200px; margin-bottom:30px; width:572px;}
		#article .text p{ padding:0px 5px; }
		#contact-form{background:#f2f2f2; border-radius:8px; width:532px; margin:auto; min-height:200px; padding:20px 0 20px 40px; position:relative;}
		#contact-form input{height:30px; width:350px; border-radius:5px; padding:5px; border:none; color:#666; font-weight:bold; margin-bottom:20px;}
		#contact-form textarea{height:150px; width:350px; border-radius:5px; padding:5px; border:none; color:#666; font-weight:bold; margin-bottom:20px;}
		#contact-form label{width:150px; font-weight:bold;}
		#contact-form .button{ padding:5px 20px; background:#031c45; text-align: center; color: #fff; font-weight: bold; border:none; border-top-left-radius:10px;border-bottom-left-radius:10px;}
		#contact-form .button2{ padding:5px 20px; background:#031c45; text-align: center; color: #fff; font-weight: bold; border:none; border-top-right-radius:10px; border-bottom-right-radius:10px;}
		#comments{min-height:50px; padding:10px; background:#f2f2f2; border-radius:15px; font-size:12px; margin:
		10px 0;}

		.button{
			font-weight: 400;
			font-size: 14px;
			border-radius: 25px;
			border: none;
			color: #fff;
			display: inline-block;
			padding: 10px 6.5px;
			width: 255px;
			margin-bottom: 10px;
			margin-top: -8px;
			font-family: Helvetica, Arial, sans-serif;
			outline: none;
			text-align: center;
			background-image: linear-gradient(to right,rgba(0,46,58,1),#007369);
		}
		.button:focus{
			outline: none;
		}
		.button--green:hover{
			background-image: linear-gradient(to left,rgba(0,46,58,1),#007369);
		}
		.button:link {
			text-decoration: none;
		  }
		  
		.button:visited {
			text-decoration: none;
		  }