@font-face {
	font-family:  'BROKEN15';
	src:  url('BOYCOTT_.ttf');
}

body{
    background-color: #000000;
    background-position: center -50px;
    background-repeat: none;
    font-family: Arial;
    font-size: 12px;
    margin: 0 auto;
}

img{
    border: none;
}

a{
    text-decoration: none;
    color: #666;
}

/*********************
 *
 *      Center = align center in browser
 *
*********************/
.both{
    clear: both;
}

.center{
    width: 940px;
    margin: 0 auto;
}

/********************
*
*       Header
*       
********************/
#header{
    height: 181px;
    color: #FFF;
    text-shadow: 0 2px 1px #000;
}

    #header h2{
	line-height: 181px;
	margin: 0;
	padding: 0;
	font-size: 64px;
	font-family: "BROKEN15";
	text-align: center;
    }

/*******************
 *
 *      Loginbar
 *
 ******************/
#logbar{
    background: url('images/logbar.png') center center no-repeat;
    height: 37px;
    color: #FFFFFF;
    line-height: 37px;
}

    #logbar form{
        padding: 0 20px;
    }
    
        #logbar form label{
            text-transform: uppercase;
            font-weight: bold;
            font-family: Arial;
            font-size: 12px;
            margin:0 0 0 10px;
        }
        
        #logbar form input[type=text], #logbar form input[type=password]{
            width: 137px;
            height: 20px;
            padding: 0;
            margin: 0 10px;
            text-indent: 3px;
            font-family: Arial;
        }
        
        #logbar form input[type=submit], #logbar form input[type=button]{
            background: url('images/login-bg.jpg') center center no-repeat;
            border: 0;
            height: 20px;
            line-height: 20px;
            color: #FFFFFF;
            font-family: Arial;
            font-size: 12px;
            width: 70px;
            font-weight: bold;
            padding: 0;
            cursor: pointer;
            text-transform: uppercase;
        }
        
    #logbar .connected{
        padding: 0 35px;
    }
    
    #logbar .connected a{
        color: #AAA;
    }
    
    #logbar .connected a:hover{
        text-decoration: underline;
    }
/*******************
 *
 *         Unique
 *
*******************/
#top{}

    #top .left{
        width: 563px;
        float: left;
        background-color: #131313;
    }
    
    #top .right{
        width: 377px;
        float: right;
        background-color: #232323;
    }
/*******************
 *
 *      Menu
 *
 ******************/
        #menu{
            height: 36px;
            margin: 0;
            background-color: #232323;
            list-style-type: none;
            padding: 0;
            text-transform: uppercase;
            font-family: "Calibri";
	    font-weight: bold;
            font-size: 22px;
            color: #ffffff;
            line-height: 36px;
            border-bottom: 1px dotted #000;
	    overflow: hidden;
        }
        
            #menu li{
                float: left;
                padding: 0 20px;
            }
            
            #menu a{
                color: #fff;
                text-decoration: none;
            }
        
            #menu li:hover, #menu li.actif{
                height: 35px;
                background-color: #393838;
                border-bottom: 2px solid #626262;
                cursor: pointer;
            }

        /* Submenu */
        #submenu{
            height: 21px;
            margin: 0;
            background-color: #303030;
            line-height: 21px;
            font-family: Arial;
            font-size: 11px;
        }
        
            #submenu div{
                display: none;
                height: 21px;
                line-height: 21px;
            }
        
            #submenu a{
                float: left;
                height: 21px;
                padding: 0 22px;
                display: block;
                line-height: 21px;
                color: #ffffff;
                text-decoration: none;
            }
            
            #submenu a:hover, #submenu a.actif{
                background-color: #ac1421;
                -webkit-box-shadow:1px 1px 3px #FF5555 inset, 1px 1px 20px #FF5555 inset;
            }
            
    #slider{
	height: 290px;
	float: left;
	width: 543px;
        padding: 10px;
        color: #fff;
    }

    #slider a{
        color:#fff;
    }
    
    #slider .slide{
        margin:0 auto;
        position:relative;
        width:544px;
        height:290px;
        background:#000;
        overflow:hidden;
    }
    
        #slider .gauche, #slider .droite{
            position : absolute;
            width: 27px;
            height: 24px;
            top: 45%;
            cursor: pointer;
        }
        
        #slider .droite{
            background: url('images/droite.png') center center no-repeat;
            right: 10px;
        }
        
        #slider .gauche{
            background: url('images/gauche.png') center center no-repeat;
            left: 10px;
        }
	
        #slider .slide img{
            float:left;
            width:544px;
            height:290px;
        }
    
    #social{
        height:58px;
        background-color:#292929;
        line-height:58px;
        color:#FFF;
        text-align: center;
    }
    
        #social img{
            max-width: 85px;
            margin: 0 3px;
            margin-bottom: -5px;
            opacity: 0.1;
	    filter:alpha(opacity=10); 
        }
	
	#social a img.view{
            opacity: 0.5;
	    filter:alpha(opacity=50); 
	}
	
	#social a:hover img.view{
            opacity: 1;
	    filter:alpha(opacity=100); 
	}
    
    #slider .chiffre{
        height:30px;
        max-width:253px;
        position:relative;
        margin-left:23px;
        margin-top:-30px;
        color : #FFF;
    }
    
        #slider .chiffre .number{
		float:left;
		height:20px;
		width:20px;
		text-align:center;
		line-height:20px;
		margin:0 1px;
		cursor:pointer;
		background:#AAA;
		border: 1px solid #000;
		color: #000;
		opacity: 0.7;
		font-family: Arial;
        }
	
            #slider .chiffre .actif, #slider .chiffre .number:hover{
                background:#000;
		border: 1px solid #AAA;
		color: #AAA;
		opacity: 1;
            }
	    
    #slider .descr{
        width:524px;
        height:65px;
        margin-top:-83px;
        padding:10px;
        position:relative;
        background: url('images/descr-bg.png') center center repeat-x;
	word-wrap:break-word;
	overflow: hidden;
    }
    
        #slider .descr h3, #slider .descr p{
            margin:0;
            padding:0;
            font-size:9pt;
        }
	
        #slider .descr p{
            margin-top:5px;
        }
        
#lastsposts{
    margin: 0 0 17px 0;
    color: #FFF;
    height: 293px;
}

   .nameblok{
        background: url('images/last-post/font-top.png') center center repeat-x;
        height: 42px;
        line-height: 42px;
        padding: 0 30px;
        font-weight: bold;
    }

    #lastsposts .date{
        background: url('images/last-post/date.jpg') center center repeat-x;
        width: 79px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-family: Arial;
        font-weight: bold;
        float: left;
    }
    
    #lastsposts .infos{
        background: url('images/last-post/infos.jpg') center center repeat-x;
        float: left;
        padding: 6px 11px;
        width: 275px;
        font-size: 11px;
        line-height: 13px;
        height: 30px;
    }
        
        #lastsposts .infos .titre{
            float: left;
            padding: 2px 0;
        }
    
            #lastsposts .infos .titre b{
                font-size: 12px;
		color: #FFF;
            }
        
        #lastsposts .infos .compteur{
            display: block;
            background: url('images/last-post/count.png') center center no-repeat;
            width: 39px;
            text-align: center;
            height: 29px;
            line-height: 29px;
            float: right;
            font-weight: bold;
            color: #FFF;
        }

            
#container{
    width: 910px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 0 15px;
    min-height: 250px;
}

    #container .editoradvanced{
	max-width:229px;
    }

    #container .container-bis{
        margin: 0 -15px;
        background:url('images/bg-corps.jpg') 1px center repeat-y;
    }

    #container a:hover{
        color: #000;
    }
    
    #left{
        width: 563px;
        float: left;
    }
    
        #left .top-page{
            height: 34px;
            line-height: 34px;
            font-size: 22px;
            color: #c7c7c7;
            background: url('images/font-page.jpg') center bottom repeat-x;
            padding-left: 15px;
            text-transform: uppercase;
            font-weight: bold;
        }
        
        #left .content-page{
            padding: 0 8px;
        }
    
    #right{
        width: 377px;
	margin-left:-1px;
        float: right;
    }
    
    .block{
        width: 377px;
    }
    
        .block .titre-block{
            width: 347px;
            padding:0 15px;
            font-size: 22px;
            color: #FFFFFF;
	    height: 37px;
	    line-height: 37px;
            text-transform: uppercase;
            font-weight: bold;
            background: #292929 url('images/block-titre.png') center bottom no-repeat;
        }
    
        .block .content{
            width: 347px;
            padding:10px 15px;
            color: #292929;
        }
    
        .news{
            color: #7d7d7d;
            margin: 7px 0 15px 0;
        }
	
	    .news a{
		color: #A80000;
	    }
        
            .news .title{
                border: 1px solid #d7d7d7;
                padding: 3px 5px;
                line-height: 11px;
                font-size:9px;
                margin: 0;
            }
            
                .news .title span{
                    font-size: 13px;
                    font-weight: bold;
		    color: #555555;
                }
                
            .news .texte{
                border: 1px solid #d7d7d7;
                margin: 4px 0;
                padding: 5px 10px;
                text-align: justify;
                font-size: 11px;
            }
            
            .news .comment{
		text-align: right;
                color: #ffffff;
                padding-left: 5px;
                margin-top: 5px;
                margin-bottom: -4px;
            }
		
		.news .comment input[type=button]{
		    color: #646464;
		    font-size: 11px;
		    width: 102px;
		    border: 0;
		    background: url('images/comment.png') center center no-repeat;
		    height: 19px;
		    line-height: 19px;
		    font-weight: bold;
		    padding: 0;
		    padding-bottom: 2px;
		    margin: 0;
		    cursor: pointer;
		    letter-spacing: 0px;
		}
    #footer{
        height: 39px;
        background:url('images/footer.jpg') center center repeat-x;
        color: #FFFFFF;
    }
    
        #footer p{
            margin:0;
            padding: 0;
        }
        
        #footer a{
            font-weight: bold;
            color : #FFFFFF;
        }
        
        #footer .left{
            float: left;
            line-height: 39px;
            padding-left: 15px;
        }
        
        #footer .right{
            float: right;
            text-align: right;
            padding-right: 15px;
            line-height: 12px;
            padding-top:5px;
        }