/** D�claration Style Global **/ 
body
{
    background: white url('http://toufootcom.appspot.com/images/background.jpg') repeat-x;
    font-size: 11pt;
    color:#667321;
}

.clear{	
    height:2px;
}


a
{	
    color:#667321;
    font-size:10pt;
    text-decoration: none;
}


p {
    line-height:14pt;
    margin-bottom:2px;
    margin-top:5px;
    text-align:justify;
}

.container
{
    background-color:#d1e4ab;
}

.left{
    float:left;
}

.right{
    float:right;
}

.alignLeft{
    text-align:left;
}

.header
{
    background: url('http://toufootcom.appspot.com/images/header.jpg');
    height:160px;
    width: auto;
}

.header .pub
{
    position:relative;
    width:728px;
    top:6px;
    left:260px;
}

.demi
{
    width:50%;
    float:left;
}


.tiers
{
    width:33%;
    float:left;
}


.center
{
    text-align:center;
    margin: 0 auto;
}

.colRight{
    padding-left:3px;
    width:175px !important;
}

.arianne a, .arianne {
    font-weight: bold;
    font-size: 10pt;
    color:#667321;
}



.addthis_toolbox {
    margin-top: 3px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   
.imgLeft{
    float:left;
    margin-right:30px;
}

#publiciteRight{
    display:block;
    position:absolute;
    width:160px;
    top:195px;

}


/** MENU UNIQUEMENT */


#menu 
{

    height:38px;

}

#menu a 
{

    color:white;
    font-size: 10pt;

}




ul.navigation li
{
    display: inline;

}



#menu #gauche, #menu .separateur
{	
    background : url('http://toufootcom.appspot.com/images/spriteMenu.png') no-repeat scroll 0 0 transparent;
    height:38px;
}

#menu #gauche 
{	
    background-position:0 0;
    width:91px;
    float:left;
}

#menu #milieu 
{	
    background : url('http://toufootcom.appspot.com/images/MenuVertical.png') repeat-x ;
    float:left;
    width: 898px;
}

#menu .separateur
{	
    background-position:-100px 0;
    width:10px;
    float:left;
    margin-left: 5px;
    padding: 0 ;
}


#menu #right 
{		
    width:150px;
    margin-top: -20px;
    float:right;
}


#nav{
    height:38px;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
20
ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-linear {
 width: 100%;
}

ul.dropdown-linear ul li {
 float: left;
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: static;
}

ul.dropdown-linear ul ul {
 display: none !important;
}


ul.dropdown-columnar ul li {
 position: static;
 width: 180px;
}

ul.dropdown-columnar ul li span.sprite {
 margin:5px;
}


ul.dropdown-columnar ul ul {
 display: block !important;
 position: static;
 width: auto !important;
}

ul.dropdown-columnar ul ul li {
 float: none;
}

ul.dropdown-columnar ul ul ul {
 display: none;
}

ul.dropdown-columnar li.hover ul,
ul.dropdown-columnar li:hover ul {
 visibility: visible !important;
}


ul.dropdown li a {
 display: block;
 padding: 0 10px;
 margin-top: 8px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 0;

}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.dropdown li.dir {
 padding: 0 30px 0 10px;
}

ul.dropdown li.dir:hover {

}

ul.dropdown ul li.dir {
 padding: 10px;
}

ul.dropdown {

 
}

	ul.dropdown li {
	 padding: 0 8px;
	 background-color: transparent;
	 color: #000;
        height: inherit;
	}

	ul.dropdown li.last ul li {
	 float: right;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #a4ac3c;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 background-color: #a4ac3c;
	 font-size: 12px;
	 letter-spacing: normal;
	}

	* html ul.dropdown ul {
	 width: 960px;
	}

		ul.dropdown ul li {
		 font-weight: bold;
		}

		/* -- level mark -- */

		ul.dropdown ul ul {
		 margin-top: 5px;
		 text-transform: none;
		}

			ul.dropdown ul ul li {
			 font-weight: normal;
			}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 */


ul.dropdown *.dir {
 padding-right: 30px;
 color:white;
 font-size: 10pt;
}

ul.dropdown ul *.dir {
 background-image: none;
}

/*-------------------------------------------------/
 * @section		Custom
 */

ul.dropdown ul {
 padding: 0 10px;
 
}

ul.dropdown ul li {
 width: 200px;
 padding: 3px 5px;
 
}

ul.dropdown ul a:hover {
 background-color: #a4ac3c;
 color: #fff;
}l

ul.dropdown ul ul {
 padding: 0;
 margin-left: -5px; 
}

ul.dropdown li.highlight{
    margin-left:10px;
   
}

ul.dropdown li.navigation{
    border-bottom: 2px solid #84AD09;
   
}

ul.dropdown li.navigation .list a{
    color:#667321 !important;
   
}


ul.dropdown li.supnav {
    font-size: 13px;
    
   
}

ul.dropdown span.subnav a {
   padding-left:10px;
   color:black !important;
   width:130px;
   
}




ul#topnav {
    margin: 0; padding: 0;
    float:left;
    width: 100%;
    list-style: none;
    font-size: 1.1em;
}
ul#topnav li {
    float: left;
    position: relative;
}

ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }


ul#topnav li .sub {
    position: absolute;
    top: 37px; left: 0;
    background: #a4ac3c  repeat-x;
    float: left;
    border: 1px solid #595304;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
    list-style: none;
    margin: 0; padding: 0;
    width: 200px;
    float: left;
}
ul#topnav .sub ul li {
    width: 100%;
    color: #fff;
}
ul#topnav .sub ul li h2 {
    padding: 0;  margin: 0;
    font-size: 1.3em;
    font-weight: normal;
}
ul#topnav .sub ul li h2 a {
    padding: 5px 0;
    color:#667321;
    background-image: none;

}
ul#topnav .sub ul li a {	
    color:#667321;
    display:block;
    float:none;
    font-size:11px;
    height:auto;
    text-decoration:none;
    text-indent:0;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}


/** Cadre en tout genre **/

.cadre
{	

    margin-top:20px;
    text-align:left;
    overflow:hidden;
}

.cadre h1 {
    color:#667321;
    font-size:15pt;
}

.cadre h2
{
    color:#667321;
    font-size:14pt;
}

.cadre h3
{
    color:#667321;
    font-size:13pt;
}

.c1
{
    background:none repeat scroll 0 0 #a7c669;
}

.c1 a
{
    color:#e1f3bc;
}

.c2
{
    background:none repeat scroll 0 0 #ffffff;
}

.c3
{
    background:none repeat scroll 0 0 #e1f3bc;
}

.c4
{
    background:none repeat scroll 0 0 #f3feb7;
}

.hdc1,.hgc1,.bdc1,.bgc1,.hdc2,.hgc2,.bdc2,.bgc2,.hdc3,.hgc3,.bdc3,.bgc3,.hdc4,.hgc4,.bdc4,.bgc4
{
    background:url('http://toufootcom.appspot.com/images/spritePastille.png') no-repeat scroll 0 0 transparent;
    font-size:1px;
    height:8px;
    width:8px;
}

/** Pastille 1 **/

.hdc1
{
    background-position:-8px 0;
    float:right;
}

.hgc1
{
    background-position:0 0;
    float:left;
}

.bdc1
{
    background-position:-8px -8px;
    float:right;
}

.bgc1
{
    background-position:0 -8px;
}

/** Pastille 2 **/

.hdc2
{
    background-position:-24px 0;
    float:right;
}

.hgc2
{
    background-position:-16px 0;
    float:left;
}

.bdc2
{
    background-position:-24px -8px;
    float:right;
}

.bgc2
{
    background-position:-16px -8px;
}

/** Pastille 3 **/

.hdc3
{
    background-position:-40px 0;
    float:right;
}

.hgc3
{
    background-position:-32px 0;
    float:left;
}

.bdc3
{
    background-position:-40px -8px;
    float:right;
}

.bgc3
{
    background-position:-32px -8px;
}

/** Pastille 4 **/

.hdc4
{
    background-position:-56px 0;
    float:right;
}

.hgc4
{
    background-position:-48px 0;
    float:left;
}

.bdc4
{
    background-position:-56px -8px;
    float:right;
}

.bgc4
{
    background-position:-48px -8px;
}

.nextPronos
{
    width:95%;
}	





.accrocheProno
{
    font-size:12px;
    font-weight: bold;
    color:#667321;
}


.matchPari h2
{
    font-size:13px;
    font-weight: bold;
}

.matchPari td
{
    text-align:center;
}

.borderG
{
    border-left: 1px dashed  #5f531e;

}
.borderD
{
    border-right: 1px dashed  black;

}

.row0 a, .row1 a
{
    color:#667321;
    font-size:12px;
    font-weight:bold;
    margin:0 auto;
}

.row0
{
    background-color:#e0e8b2;
}

.row1
{
    background-color:#f3feb7;
}


.c1 .nextPronos a
{
    color:white;
    font-size:10pt;
    font-weight: bold;
}
.c1 .nextPronos 
{
    color:#688a3c;
    font-weight: bold;
}

div.ligne:hover, tr.ligne:hover,tr.ligne.hover
{	
    background-color:#bcd883;
}

div.ligne2:hover
{	
    background-color:#e9fbc7;
}

div.ligne2 div
{	
    float:left;
}

div.ligne2 .equipe1,div.ligne2 .equipe2
{	
    width : 120px;
}

div.ligne2 .cote
{	
    width : 100px;
}

/** Header Cadre **/

.inside
{
    text-align:center;
    height:auto;
    overflow:hidden;
}

.inside li
{
    text-align: left;
}

.inside label
{
    font-size: 11px;
}

.inside p
{
    font-size: 12px;
}

.inside .head
{
    width: 100%;
    float:left;
    margin-left: 3px; margin-top: 3px;
}


.cadre .headerG,.cadre .headerD
{	
    background:url('http://toufootcom.appspot.com/images/spriteBarreCadre.png') no-repeat scroll 0 0 transparent;
    font-size:1px;
    height:31px;
    width:16px;
}


.cadre .headerG
{
    background-position:0 0;
    float:left;
}

.cadre .headerD
{
    background-position:-24px 0;
    float:left;
}

.cadre .headerM
{
    background:url('http://toufootcom.appspot.com/images/SpriteCadreHeaderContenu.png') repeat-x scroll 0 0 transparent;
    text-align: center;
    float:left;
    height:31px;
    margin-top: -1px;
}

.col3
{
    width:95%;
}

.col2
{
    width:94%;
}



.cadre .headerM h2
{
    font-size:14pt;
    color:white;
    font-weight: bold;
    margin: 0;

}


.cadreLogo
{
    background : url('http://toufootcom.appspot.com/images/cadreLogo.png') no-repeat ;
    height:73px;
    width:66px;
}

.cadreLogo img
{
    width:50px;
    padding:5px;

}

.rss a  {	
    font-size:12px;
}



/* Footer */
.copyright
{
    background : url('http://toufootcom.appspot.com/images/FooterBarre.jpg') repeat-x ;
    height:38px;
    color:white;
    text-align: center;
    font-size: 10pt;
}

.copyright a
{	
    color:white;
    font-weight: bold;
}


.copyright .gauche
{
    background : url('http://toufootcom.appspot.com/images/FooterGaucheBarre.jpg') no-repeat ;
    height:38px;
    width:13px;
    float:left;
}

.copyright .droite
{
    background : url('http://toufootcom.appspot.com/images/FooterDroiteBarre.jpg') no-repeat ;
    height:38px;
    float:right;
    width:109px;
}

.footerImage
{
    background : url('http://toufootcom.appspot.com/images/Footer.jpg') no-repeat ;
    height:40px;
}

thead th {
    background:none repeat scroll 0 0 white;
}


/* dock - top */
.dock {
    position: relative;
    height: 50px;
    text-align: center;
}
.dock-container {
    position: absolute;
    height: 50px;
    padding-left: 20px;
}
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}
.dock-item span {
    display: none;
    padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
    width: 100%;
    bottom: 0px;
    position: relative;
    left: 0px;
}
.dock-container2 {
    position: absolute;
    height: 50px;
    padding-left: 20px;
}
a.dock-item2 {
    display: block;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px;
    color: #000;
    bottom: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
}
.dock-item2 span {
    display: none;
    padding-left: 20px;
}
.dock-item2 img {
    border: none;
    margin: 5px 10px 0px;
    width: 100%;
}

.classement{
    font-size:10px;

}


/* Match */
.fondMatch{	
    height:150px;
}

.moyen{
    width: 70px;
}

.fondMatch{
    position: relative;
    height:90px;
}


.fondMatch .logo1{
    position: absolute;
    left:10px;
    top:12px;
}

.fondMatch .logo2{
    position: absolute;
    left:250px;
    top:12px;
}

.fondMatch .score{
    position: absolute;
    color:white;
    font-size:22px;
    left:147px;
    top:15px;
}

.fondMatch .equipe1{
    position: absolute;
    left:90px;
    top:155px;
}

.fondMatch h2{
    color:white;
}

.fondMatch .equipe2{
    position: absolute;
    left:440px;
    top:155px;
}

.match .titre
{
    background-color:#E1F3BC;
}

.match a
{
    font-size:13px;
    color:white;
    font-weight: bold;
}

.comments .zend_form  textarea 
{
    height:138px;
    width:338px;
}

.comment_rep .precisions a{
    color:#667321;
}


/* FORM */
.zend_form .errors  {
    display:block;
    opacity:1;
    width:478px;
}
.zend_form .errors {
    border:1px solid #888888;
    display:block;
    float:left;
    width:400px;
}


/** Page Index **/

.indexCM  {
    padding-left: 15px;
}

.indexCM div {
    text-align: left;
    float:left;
}

.indexCM h3{
    font-weight: bold;
    text-align: left;
}


.indexCM .label{
    text-align: left;
}

.indexCM a ,.indexCM{
    font-size : 12px;
    font-weight: 500;
}

.indexCM .equipe1, .indexCM .equipe2{
    padding : 0 20px ;
}


/* Ajax */
.ajax-listePronos , .ajax-listePronos a
{
    font-size: 11px;
    text-decoration: none;
}

/* Ajax */
.ajax-listePronos .inside
{
    min-height: 500px;
    height:auto;
    overflow-y: auto;
}

.ajax-listePronos ul
{
    list-style-type: none;
    margin-left:0px;
}

div#contentCompte .cadre
{
    margin-top:0px;
}

.ac_results{
    background-color:#F3FEB7;
    width:auto !important;
    z-index:999;
}

.ac_results ul{
    list-style:square inside none;
    margin:0;
    padding-left:2px;
    text-align:left;
}
.ac_results li:hover{
    background-color:#fff;
}


input.ac_input {
    background-color:white;
    border:2px solid #A6A4AA;
    color:#333333;
    font-size:13px;
    height:18px;
    -moz-border-radius:8px 8px 8px 8px;
    height:30px;
    width:150px;
}



.formPronos .date{

    width:50px;
}

.formPronos .equipe{

    width:100px;
}

.formPronos .pronos{

    width:100px !important;
}

.formPronos .pronos select{

    width:35px;
}

.formPronos .points{

    width:20px;
}

.formPronos .tendance{

    width:30px;
}

.formPronos td {
    padding : 0;
}

#formCM .grilleCM, #formCM .grilleCM a {
    color:#667321;
    font-size:10px;
}

.barreTendance th, .barreTendance td, .barreTendance caption {
    padding:0;
    padding-top:5px;
    height:23px;
}

/* Tooltip */
.tooltip-red 
{
    background-color: #FCE5CE;
    color: #F38F2A;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    z-index:100;
}

.tooltip-blue
{
    background-color: #5555FF;
    color: #FFFFFF;
    font-size:13px;
    font-family:verdana;
    border:solid 2px #0000FF;
    z-index:100;
}

.tooltip_container {
    width: 250px;
}

/* Steve's Tooltip */
.tooltip_steve {
    color: #000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    background-color: #b3cddc;
    border: 1px solid #7a9db9;
    z-index: 100;
}

/* Caption Text */
.tooltip_caption {
    /*color: #fff;*/
    font-family: "Lucida Sans", Tahoma, Verdana;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: #7a9db9;
    padding : 2px;
}

/* Close Link (x) */
a.tooltip_close,a:hover.tooltip_close {
    color: #000;
    text-decoration: none;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    font-weight: bold;
    float: right;
    margin-top: -15px;
    margin-right :3px;
}

/* Tooltip Links */
a.tooltip {
    color: #2364a8;
    font-size: 10px;
} a:hover.tooltip {
    text-decoration: none;
}


/** Cote & Match **/

.grilleCM , .grilleCM a
{
    font-size:10px;
    color:#667321;
}

.pourcent_vic, .pourcent_nul, .pourcent_per {
    color:white;
    font-weight:bold;
    font-size:10px;
}
.pourcent_vic {
    background-color:#7BB609;
}
.pourcent_nul {
    background-color:#7CAFDE;
}
.pourcent_per {
    background-color:#E03528;
}

div.tabCote{
    text-align: center;
}

/** Inscription **/

.valid
{
    background : url('http://toufootcom.appspot.com/icones/valid.png') no-repeat ;
    width:16px;
    height:16px;
    float:left;
}

.fail
{
    background : url('http://toufootcom.appspot.com/icones/error.png') no-repeat ;
    width:16px;
    height:16px;
    float:left;
}

.inscription ul.errors 
{

    list-style: none;
    font-size:12px;
    line-height:14pt;
    margin-bottom:2px;
    margin-top:5px;
    text-align:justify;
}


.inscription .errors
{
    background:none repeat scroll 0 0 #FBE3E4;
    border-color:#FBC2C4;
    color:#8A1F11;
    border:2px solid #DDDDDD;
    margin-bottom:1em;
    padding:0.8em;
}


.inscription dt
{
    clear: both;
}

.inscription input , .inscription .error,.inscription .errors, .inscription .success
{
    float:left;
}

.inscription .error, .inscription .success,.inscription .errors
{
    width: 280px;
    height:16px;
    margin-left:30px;
    border-width:2px;
    height:23px;
    margin-top:4px;
    padding-bottom:0;
    padding-top:0;
}

.inscription .error p, .inscription .success p
{
    margin:0 auto;
}
/* Bouton */

div.bouton
{
    margin:0 auto;
    text-align:center;
    width:100%;
}





.boutonConnexion,.bSubmitConnexion,.bInscription,.bArrondiHaut,.bCarre,.bFin,.bInscriptionLarge
{
    background : url('http://toufootcom.appspot.com/images/spriteBouton.png') no-repeat ;
}

.boutonConnexion a,.bSubmitConnexion a,.bInscription a,.bInscriptionLarge a ,.bSubmitConnexion
{	
    color:white;
    font-size:12pt;
    font-weight: bold;
}

.boutonConnexion
{
    background-position: 0 0;
    width:175px;
    height: 35px;
    margin-bottom:2px;
}

.boutonConnexion h3
{
    font-size: 13pt;
    color:#667321;
    margin:0 auto;
    padding-left:8px;
    padding-top:9px;
}


.bSubmitConnexion:hover{
    cursor: pointer;
}

.bSubmitConnexion
{
    background-position: 0 -275px ;
    border:0 none;
    width:150px;
    height: 28px;
    margin-bottom:2px;
    color:white;
}

.bInscription
{
    background-position: 0 -240px ;
    width:150px;
    height: 34px;
    margin-bottom:2px;
}

.bInscriptionLarge
{
    background-position: 0 -200px ;
    width:200px;
    height: 38px;
    margin-bottom:2px;
}

.bInscriptionLarge div
{
    padding-top:9px;
}

.bInscriptionLarge a
{
    font-size: 15px;
}

.menuLeft
{
    width:168px;
    height:auto;
    border:0.12em solid #799128;
    margin-left:3px;
}

.menuLeft div
{
    margin:0 auto;
    text-align: center;
}

.menuLeft ul
{	
    text-align: left;
    padding-left:2px;
    list-style: inside square;
    margin:0;
}

.menuLeft li:hover
{	
    background-color: #d1ea48;
}


.bArrondiHaut
{
    height:26px;
    background-position: 0 -70px ;
}

.bArrondiHaut h3,.bCarre h3
{
    color:white;
    text-align: center;
    font-size: 13pt;
    padding-top:4px;
}

.bCarre
{
    height:26px;
    background-position: 0 -39px ;
}

.bFin
{
    height:16px;
    background-position: 0 -99px ;
}


.blanc
{
    background-color: white;
}

.partenaires a{	
    font-size:8pt;
}


/**
Sprite
**/

.sprite{
    background:url('http://toufootcom.appspot.com/prono/sprite.png') no-repeat;
}

span.sprite{
    width:16px;
    height:11px;
    float:left;
}

/** Facebook **/

/** Sprite **/

span.autet_chtbel{
    background-position: 0px 0px;
}
.autet_chtsuis{
    background-position: 0 -21px;
}
.bundes{
    background-position: 0px -42px;
}
.premlgue{
    background-position: 0px -63px;
}
.liga{
    background-position: 0px -84px;
}
.L1,  .L2,  .National{
    background-position: 0px -105px;
}
.calcio{
    background-position: 0px -126px;
}
.autch_mar{
    background-position: 0px -147px;
}
.autet_chtpbas{
    background-position: 0px -168px;
}
.autet_chtpor{
    background-position: 0px -189px;
}
.autet_chteco{
    background-position: 0px -210px;
}
.autch_tuni{
    background-position: 0px -231px;
}
.autet_chtuk{
    background-position: 0px -252px;
}

/* Style for Usual tabs */
.usual {  
    padding:15px 20px;
    margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
    display:block;
    padding:6px 10px;
    text-decoration:none!important;
    margin:1px;
    margin-left:0;
    font:10px Verdana;
    color:#FFF;
    background:#444;
}
.usual ul a:hover {
    color:#FFF;
    background:#111;
}
.usual ul a.selected {
    margin-bottom:0;
    color:#000;
    background:snow;
    border-bottom:1px solid snow;
    cursor:default;
}
.usual .tab {
    padding:10px 10px 8px 10px;
    overflow:hidden;
    clear:left;
    background:none repeat scroll 0 0 #D1E4AB;
    font:10pt Georgia;
}
.usual .tab a { color:#000; font-weight:bold; }


#usual2 li a { background:#222; }
#usual2 li a:hover { background:#000; }
#usual2 li a.selected {  background-color: #e1f3bc;}
#tabs3,#tabs2,#tabs1 { background:#FFF; }

/** Slider **/
div#feature_list {
    width: 625px;
    height: 240px;
    overflow: hidden;
    position: relative;
}

div#feature_list h2{
    font-size:10pt;
}	

div#feature_list ul {
    position: absolute;
    top: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#tabs {
    left: 0;
    z-index: 2;
    width: 230px;
}

ul#tabs li {
    font-size: 12px;
    font-family: Arial;
    padding-top:5px;
}

ul#tabs li img {
    padding: 5px;
    border: none;
    float: left;
    margin: 10px 10px 0 0;
}

ul#tabs li a {
    color: #222;
    text-decoration: none;
    display: block;
    padding: 10px;
    height: 60px;
    outline: none;
}

ul#tabs li a:hover {
    text-decoration: underline;
}

ul#tabs li a.current {
    background:  url('http://toufootcom.appspot.com/images/tab-current.png') no-repeat;
    color: #667321;
}

ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
}

ul#output {
    left:195px;
    width: 463px;
    height: 240px;
    position: relative;
}

ul#output li {
    position: absolute;
    width:426px;
    height: 240px;
}

ul#output li a.slider {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 11px;
    color: #FFF;
    background: #000;
    -moz-border-radius: 5px;
}

ul#output li a.slider:hover {
    background: #D33431;
}

.inline{
    display:inline;
}

.infos .image{
    width: 175px;
    margin: 10px;
}

.infos .image img{
    width: inherit;
}

.infos .right{
        width: 416px;
}