
/* *********************************
			DIV global
************************************ */
	HTML {
        height:100%;
    }
    
    BODY {
		margin:0;
		padding:0;
        height:100%;
	}
	
	FORM {
		margin:0;
		padding:0;
	}
	
	H1, H2, H3, P {
		margin:0;
		padding:0;
	}
	
	.clL {
		clear:left;
		font-size:0px;
		line-height: 0px;
		overflow: hidden;
	}
	.clR {
		clear:right;
		font-size:1px;
		line-height: 1px;
		overflow: hidden;
	}
	.clB {
		clear:both;
		font-size:1px;
		line-height: 1px;
		overflow: hidden;
	}
    
    
    /* Gestion background*/
    #FOND{
        min-width:1000px;
    }
        #FOND .tx-hpoindexbdd-pi1 IMG{
            width:100%;
            height:auto;
        }    

/* *********************************
			DIV HEADER
************************************ */
	
		#HEADER {
            position:absolute;
            z-index:4;
            
            width:100%;
            height:123px;
            top:0;
            background:url('../imgs/bkg_header.png') repeat-x;
		}
            * html #HEADER {
                background:none;
            }
                        
            #HEADER #logo{
                position:absolute;
                display:block;
                top:5px;
                left:50%;
                margin-left:-475px;
                width:235px;
                height:90px;
                background:url('../imgs/logo.png') no-repeat;
                
                text-decoration:none;
            }
                * html #HEADER #logo{
                    background: none;
                    cursor:hand;
                    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('enabled=true, sizingMethod=crop src=fileadmin/site_corporate/templates/skin/default/imgs/logo.png');
                }
            		
			#HEADER #toolbox {
                position:absolute;
                
                z-index:4;
                overflow:hidden;
                left:50%;
                margin-left:331px;
                width:128px;
                height:94px;
                padding:8px;
                
                background:url('../imgs/bkg_toolbox.png');
			}
                * html #HEADER #toolbox{
                    background:#000000;
                    filter:alpha(opacity=80);
                    opacity: 0.8;
                }
                
            #HEADER #toolbox A{
                display:block;
                text-align:right;
            }
                #HEADER #toolbox A:hover{
                     background:url('../imgs/bkg_toolbox.png');
                }
                    * html #HEADER #toolbox A:hover{
                         background:#222222;
                    }
           
            #HEADER #toolbox .searchBox {
                margin-top:5px;
                margin-bottom:7px;
            } 
            
                #HEADER #toolbox .searchBox INPUT{
                    width:100px;
                    height:14px;
                    background:#FFFFFF;
                    border:1px solid #d9d9d9;
                    margin:0;
                    padding:0;
                    padding-left:2px;
                }
                    #HEADER #toolbox .searchBox INPUT.submit{
                        width:18px;
                        height:18px;
                        background:url('../imgs/btn_ok.gif') no-repeat 0px 2px;
                        cursor:hand;
                        border:0;
                        margin:0;
                        padding:0;
                    }
            
            #HEADER #toolbox A.dopage,
            #HEADER #toolbox A:hover.dopage{
                width:125px;
                height:13px;
                background:url('../imgs/btn_dopage.gif') no-repeat;
            }
            
/* *********************************
			DIV CONTAINER
************************************ */
    #MAIN {
        position:absolute;
        z-index:2;
        z-index:8;
        top:115px;
        bottom:auto;
        left:50%;
        margin-left:-475px;
        
        width:950px;
    }
    
	    #MAIN #CONTAINER {
            width:950px;
            padding-bottom: 15px;
            background:url('../imgs/bkg_fillecontent.png') repeat-x;
	    }
            
            * html #MAIN #CONTAINER {
               background:#151515;
               filter:alpha(opacity=93);
               opacity: 0.93;
            }

/* *********************************
			DIV ARIANE
************************************ */

	#CONTAINER #ARIANE {
        height:40px;
        padding-left:20px;
        line-height:40px;
	}
        * html #CONTAINER #ARIANE{
           background:#151515;
           filter:alpha(opacity=93);
           opacity: 0.93;
        }

/* *********************************
			DIV NAVIGATION
************************************ */
    
    #CONTAINER #NAVIGATION {
        float:left;
        z-index:2;
        width:172px;
    }
        * html #MAIN #NAVIGATION{
           /*background:url('../imgs/bkg_menu.gif') repeat-x #2c2c2c;*/
           background:#151515;
           filter:alpha(opacity=93);
           opacity: 0.93;
        }
    
/* *********************************
            DIV CONTENT
************************************ */
    #CONTAINER #CONTENT {
        float:left;
        width:778px;
        /************/
        width:758px;
	}
        
        #CONTAINER #CONTENT H1{
            margin:0;
            padding:0;
        }
        #CONTAINER #CONTENT H2{
            margin:0;
            padding:0;
            margin-bottom:5px;
        }

/* *********************************
            DIV CONTENT
************************************ */
    #CONTAINER #UPPER_CONTENT {
        min-height:205px;
        background:#FFFFFF;
    }
        * html #CONTAINER #UPPER_CONTENT {
            height:205px;
            background:#FFFFFF;
        }
        #CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .leftPart {
            float:left;
            width:424px;
            padding:20px;
        }
        	#CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .leftPart .redLink {
        		display: block;
        		float: left;
        		background: #CA0102;
        		padding: 2px 4px;
        		margin-top: 5px;
        		margin-right: 5px;
			}
        #CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .rightPart {
            float:right;
            width:302px;
        	/************/
            width:282px;
            padding:6px;
            text-align:center;
        }
            #CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .rightPart .image {
                width:245px;
                height:184px;
                text-align:center;
                padding:2px;
                background:url('/fileadmin/site_corporate/templates/skin/default/imgs/bkg_imagedefault245184.gif') no-repeat #FFFFFF;
                border:1px solid #8d8985;
            }
                #CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .rightPart .image .cadre {
                    background:#000000;
                }
                
            #CONTAINER #UPPER_CONTENT .tx-hpoindexbdd-pi1 .rightPart .legende {
                width:249px;
                margin-left: auto;
                margin-right: auto;
                text-align:left;
            }
				
	#MAIN #CONTAINER #AUTO_CONTENT {
		border: 0 !important;
	}
	#CONTAINER #CONTENT #SUBCONTENT{
		float:left;
		width:738px;
        /************/
		width:718px;
		/*_overflow: hidden;*/
	    padding:20px;
	    padding-top:30px;
	    background:url('../imgs/bkg_content.gif') no-repeat #FFFFFF;
	}
	
	/* *********************************
				SMOOTH GALLERY
	************************************ */
	a#rglbPrevLink:hover {
		background: url('../imgs/smooth-arrow-left.png') no-repeat left center;;
		_background: url('../imgs/smooth-arrow-left.gif') no-repeat left center;;
	}
	a#rglbNextLink:hover {
		background: url('../imgs/smooth-arrow-right.png') no-repeat right center;
		_background: url('../imgs/smooth-arrow-right.gif') no-repeat right center;
	}
	a#rglbCloseLink {
		background: url('../imgs/smooth-close.png');
		_background: url('../imgs/smooth-close.gif');
	}
	#MAIN .tx-rgsmoothgallery-pi1 {
		margin-bottom: 130px;
		background: #fff !important;
		border: 1px solid #8D8985;
	}
		#MAIN .tx-rgsmoothgallery-pi1 .myGallery {
			width: 480px;
			background: #fff;
		}
		#MAIN .tx-rgsmoothgallery-pi1 .jdGallery {
			overflow: visible;
			border: 0;
		}

        #MAIN .tx-rgsmoothgallery-pi1 .jdGallery .slideElement {
            height:265px;
            margin-top:15px;
        }
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .loadingElement { 
				background-color: #fff;
				background-image: url('../imgs/smooth-loading.gif');
			}
            
            * html #MAIN .tx-rgsmoothgallery-pi1 .jdGallery a.open { 
                height:265px;
            }
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery a.open:hover { 
				background: url('../imgs/smooth-zoom.png') no-repeat center center;
				_background: url('../imgs/smooth-zoom.gif') no-repeat center center;
			}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery a.left { 
				background-image: url('../imgs/smooth-arrow-left.png');
				_background-image: url('../imgs/smooth-arrow-left.gif');
				background-position: left center;
			}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery a.right { 
				background-image: url('../imgs/smooth-arrow-right.png');
				_background-image: url('../imgs/smooth-arrow-right.gif');
				background-position: right center;
			}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .slideElement { 
				background-color: #fff;
			}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .slideInfoZone { 
				position: absolute;
				margin-top: 15px;
				margin-left: 495px;
				height: 270px;
				width: 200px;
				padding-left: 10px;
				background: #fff url('../imgs/smooth-separator.gif') repeat-y left top;
				bottom: auto;
			}
				#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .slideInfoZone h2 { 
					color: #000;
					font-size: 14px;
				}
				#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .slideInfoZone p { 
					color: #000;
					font-size: 12px;
					margin: 4px 0;
				}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carouselBtn {
				display: none;
			}
			#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carouselContainer {
				position: absolute;
				background: #fff;
				top: auto !important;
				left: auto !important;
				right: auto !important;
				bottom: auto !important;
				margin-top: 310px;
				width: 710px;
			}
				#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carouselContainer .carousel {
					background: #fff;
				}
					#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carousel .label,
					#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carousel .label span.number {
						color: #000;
					}
					#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carousel .carouselWrapper {
						height: 90px;
					}
						#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carousel .carouselWrapper .carouselInner {
						}
							#MAIN .tx-rgsmoothgallery-pi1 .jdGallery .carousel .carouselWrapper .carouselInner .thumbnail {
								border: 1px solid #8D8985;
								padding: 2px;
								margin-left: 5px !important;
								background-color: #fff !important;
							}
            
            
            #MAIN .joueurident {
                margin-top:10px;
            }
                #MAIN .joueurident IMG {
                    float:left;
                    margin-right:10px;
                }
                
	/* *********************************
				BARRE D'OUTILS
	************************************ */
	
	#barre_outils{
		float: right;
		width: 265px;
		margin-top: 5px;
	}
	
	#bt_rss{
		float: left;
		display:block;
		width: 38px;
		height: 15px;
		background:url('../imgs/bt_rss.png') no-repeat;
		margin-right: 4px;
	}
	
	/* *********************************
				ENCARTS
	************************************ */
	
    #CONTAINER #CONTENT SPAN.datenews {
        font-family:Arial;
        font-size:0.9em;
        font-weight:normal;
        color:#5C79DB;
    }

	.encart_actu{
		color: #A0A0A0;
		font-weight: normal;
	}
	
	.news_cat{
		padding-left: 8px;
		background:url('../imgs/ico_next.gif') no-repeat 0px 3px;
		color: #fff;
	}
	
			
/* *********************************
			DIV FOOTER
************************************ */
	#FOOTER {
        background:#FFFFFF;
        width: 950px;
        margin: 0 auto;
	}
	#FOOTER #infobox {
        margin-top:13px;
        margin-bottom:13px;
	}
		#FOOTER ul {
			list-style: none;
		}
		#FOOTER .col {
			float: left;
            border-right: 1px solid #e0dede;
			padding: 0 5px; 
			margin: 5px 0; 
		}
			#FOOTER .col ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				#FOOTER .col ul li {
					margin: 0;
					padding: 1px 0;
					line-height: 11px;
				}
					#FOOTER .col ul li a {
						font-size: 11px;
						color: #9a9999;
						text-decoration: none;
					    margin: 0;
					    padding: 0;
					}
					#FOOTER .col ul li a:hover {
						text-decoration: underline;
					}
				#FOOTER .col ul li.title {
					margin-bottom: 5px;
				}
					#FOOTER .col ul li.title a {
						color: #ca0102;
						font-size: 11px;
						font-weight: bold;
						text-transform: uppercase;
					}
				#FOOTER .col ul li.last {
					margin-top: 5px;
				}
					#FOOTER .col ul li.last a {
						color: #dadada;
					}
					
		#FOOTER .col1,
		#FOOTER .col2 {
			min-height: 230px;
			_height: 230px;
		}
		#FOOTER .col3,
		#FOOTER .col4,
		#FOOTER .col5,
		#FOOTER .col6 {
			min-height: 230px;
			_height: 230px;
		}
		#FOOTER .col1 {
			width: 105px;
			margin-bottom: 
			border-left: 1px solid #e0dede;
		}
			#FOOTER .col1 #footerLogo {
				display: block;
				background: url('../imgs/footer_logo.png');
				height: 62px;
				width: 71px;
				text-decoration: none;
			}
			#FOOTER .col1 #copyright {
				font-size: 11px;
				color: #5b74b8;
				margin: 5px 0;
			}
			#FOOTER .col1 #footerFifpro {
				display: block;
				background: url('../imgs/footer_fifpro.png') no-repeat;
				height: 22px;
				width: 34px;
				text-decoration: none;
			}
            #FOOTER .col1 ul {
				margin-top: 5px;
			}
            
            
		#FOOTER .col2 {
			width: 165px;
		}
			#FOOTER .col2 a {
				text-decoration: none;
			}
			#FOOTER .col2 .item {
				margin: 0 0 6px;
			}
			#FOOTER .col2 .itemimage {
			}
				#FOOTER .col2 .itemimage img {
					float: left;
					padding: 1px;
					border: 1px solid #b9b8b8;
				}
				#FOOTER .col2 .itemimage a.title {
					float: left;
					width: 95px;
					margin-left: 5px;
					color: #2d5caa;
					font-size: 10px;
					font-weight: bold;
				}
			#FOOTER .col2 .itemtext {
				background: url('../imgs/footer_puce.png') no-repeat 0 5px;
				padding-left: 10px;
			}
				#FOOTER .col2 .itemtext a.title {
					font-size: 11px;
					color: #4770b4;
					display: block;
				}
				#FOOTER .col2 .itemtext a.desc {
					font-size: 11px;
					color: #9a9999;
					display: block;
				}
		#FOOTER .col3 {
			width: 160px;
		}
		#FOOTER .col3 a {
			line-height: 13px;
		}
		#FOOTER .col4 {
			width: 330px;
		}
			#FOOTER .col4 ul li.title {
				float: none;
				width: 320px;
			}
			#FOOTER .col4 ul.colonne {
				width: 160px;
				margin-right: 5px;
				float: left;
			}
			#FOOTER .col4 ul.colonne li {
				width: 160px;
			}
		#FOOTER .col5 {
			width: 130px;
		}
			#FOOTER .col5 ul li.title {
				float: none;
				width: 130px;
			}
			#FOOTER .col5 ul.colonne {
				width: 125px;
				margin-right: 5px;
				float: left;
			}
			#FOOTER .col5 ul.colonne li {
				width: 125px;
			}
		#FOOTER #footerPartners {
			height: 45px;
			/*float: left;
			width: 643px;*/
			margin: 5px 0 5px 10px;
			-moz-padding-start: 0;
			list-style: none;
			border-top: 1px solid #e0dede;
			border-bottom: 1px solid #e0dede;
			overflow: hidden;
			
		}
			#FOOTER #footerPartners li {
				float: left;
				height: 45px;
				line-height: 45px;
				padding: 0 10px;
			}
				#FOOTER #footerPartners li a {
					line-height: 25px;
					height: 25px;
					margin: 10px 0;
					color: #9a9999;
					display: block;
					float: left;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 11px;
					text-decoration: none;
				}
				#FOOTER #footerPartners li a:hover {
					text-decoration: underline;
				}
				#FOOTER #footerPartners li.clL {
					float: none;
					clear: left;
					height: 0;
					width: 0;
					padding: 0;
					margin: 0;
				}

/* RESEAU SOCIAUX */

#HEADER #rezo {
	position:absolute;
                
    z-index:4;
    overflow:hidden;
    left:50%;
    margin-left:150px;
    width:160px;
    height:31px;
}            
    #HEADER #rezo A{
        float:left;
        width:34px;
        height:31px;
        display:block;
    	opacity:0.8;
    	filter:alpha(opacity=80);
    	margin-left:1px;
    }            
	    #HEADER #rezo A:hover{
	        opacity:1;
            filter:alpha(opacity=100);
	    }            
    #HEADER #rezo A.facebook{
        background:url('../imgs/rezo/btn_facebook.png') no-repeat;
    }                        
    #HEADER #rezo A.twitter{
        background:url('../imgs/rezo/btn_twitter.png') no-repeat;
    }                        
    #HEADER #rezo A.youtube{
        background:url('../imgs/rezo/btn_youtube.png') no-repeat;
        width:50px;
    }                        
    #HEADER #rezo A.rss{
        background:url('../imgs/rezo/btn_rss.png') no-repeat;
    }            
        #HEADER #rezo A.facebook:hover{
            background:url('../imgs/rezo/btn_facebook_o.png') no-repeat;
        }                        
        #HEADER #rezo A.twitter:hover{
            background:url('../imgs/rezo/btn_twitter_o.png') no-repeat;
        }                        
        #HEADER #rezo A.youtube:hover{
            background:url('../imgs/rezo/btn_youtube_o.png') no-repeat; 
        }                        
        #HEADER #rezo A.rss:hover{
            background:url('../imgs/rezo/btn_rss_o.png') no-repeat;
        }


