html,body,ul,li,p{margin:0;padding:0;border:0}
body{font:76% arial,sans-serif}
ul,li{list-style:none}
a:hover{cursor:pointer}
img{border:0}
.spacer{clear:both}

/* General */
div#wrapper{float:left;width:100%}
div#content{margin:0 2px 0 260px}
div#content p{line-height:1.4}

div#navigation{float:left;width:260px;margin-left:-100%}
div#extra{float:left;width:2px;margin-left:-2px}

div#header{position:relative;border-bottom:1px solid #9783AF;height:30px;margin-bottom:4px;
background-image:url(../img/header/bg_header.gif);background-repeat:repeat-x;background-position:top}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}

div#top{height:94px}

div#footer{clear:left;width:100%;margin-top:10px;background:#333;color:#FFF}
div#footer p{margin:1px;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

/* */
#top #logo{
	width:260px;
	height:90px;
	float:left;
	overflow: hidden;
}
#top #pub{
	margin-left:260px;
}

/*
#topbar
{
    font-size:14px;
    color:#3b5d14;
    background-color:#C8B5DF;
    font-weight:bold;
    padding:6px;
    overflow:auto;
    height:3%;
    clear:both;
    border:1px solid #9783AF;
    margin-bottom:5px;
    -moz-border-radius: 8px;

}

#topbar a
{
    color:#60536F;
    text-decoration:none;
    margin:0 10px;
    height:23px;
    line-height:23px;
    float:left;
    display:block;
    background:url(../img/pic/tb_a.png) right top no-repeat;
    padding-right:10px;
    
}
#topbar a:hover
{
    color:#000;  
}
#topbar a span
{ padding-left:10px;
background:url(../img/pic/tb_span.png) left top no-repeat;
height:23px;
    float:left;
    display:block;
}
*/

/* NavBar de Sort */
.navBarSort .container{position:relative;width:100%;height:52px;
	background:#fff url(../img/navBar/navBarSortBottom.gif) repeat-x bottom left;
	font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
	/*border-bottom:1px solid #cc99cc;*/
	}
.navBarSort .container p{font-size:1.5em;color:#FFF}
.navBarSort .container p span{font-size:1em;color:#cc99cc}
.navBarSort .container p a{text-decoration:none}
.navBarSort .container p a span{font-weight:bold;font-size:0.8em;color:#996699}
.navBarSort .container p a:hover span{color:#bb88bb}

.navBarSort .nav{position:relative;height:25px;font-size:11px;font-weight:bold;
	background:#fff url(../img/navBar/navBarSortTop.gif) repeat-x bottom left}
.navBarSort .nav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right}
.navBarSort .nav ul li{display:block;float:left;margin:0 1px}
.navBarSort .nav ul li a{display:block;float:left;color:#cc99cc;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.navBarSort .nav ul li a span{padding:0 12px 0 0}
.navBarSort .nav ul li a:hover,.navBarSort .nav ul li a.current{color:#fff;background:#cc99cc url(../img/navBar/navBarSortOngletHG.gif) no-repeat top left}
.navBarSort .nav ul li a:hover span,.navBarSort .nav ul li a.current span{display:block;width:auto;background:#cc99cc url(../img/navBar/navBarSortOngletHD.gif) no-repeat top right}

/* Pagination */
div.pagination{padding:3px;margin:3px;text-align:center}
div.pagination a{padding:2px 5px 2px 5px;margin-right:2px;
	border:1px solid #ddd;text-decoration:none;color:#88AF3F}
div.pagination a:hover, div.pagination a:active{
	border:1px solid #85BD1E;color:#638425;background-color:#F1FFD6}
div.pagination span.current{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #B2E05D;
	font-weight:bold;background-color: #B2E05D;color:#FFF}
div.pagination span.disabled{padding:2px 5px 2px 5px;margin-right:2px;
	border:1px solid #f3f3f3;color: #ccc}

/* Header */
input#recherche{width:220px;height:24px;margin-top:3px;background-position:top;border-width:0;
padding:0px;font-size:18px;padding-left:3px;vertical-align:top;color:#888;
background:url('../img/header/recherche_bg.gif') no-repeat}
input#recherche:hover{width:220px;height:24px;margin-top:3px;background-position:top;border-width:0;
padding:0px;font-size:18px;padding-left:3px;vertical-align:top;color:#888;
background:url('../img/header/recherche_bg.gif') no-repeat 0 -24px}
#btnRechercher{width:125px;height:24px;margin-top:3px;cursor:pointer;vertical-align:top;border-width:0;
background:url('../img/header/btnRechercher.gif') no-repeat}
#btnRechercher:hover{width:125px;height:24px;margin-top:3px;cursor:pointer;vertical-align:top;border-width:0;
background:url('../img/header/btnRechercher.gif') 0 -24px no-repeat}
div#nbTotalVideos{display:inline;float:left;color:#0080FF;font-size:20px;padding:4px;vertical-align:middle}

/* Menu */
#menu{width:200px;margin:10px}
#menu li a{height:32px;voice-family: "\"}\"";voice-family:inherit;height:24px;text-decoration:none}	
#menu li a:link, #menu li a:visited{color:#C7377D;display:block;background:url(../img/menu/menu.gif);padding:8px 0 0 10px}
#menu li a:hover{color: #C7377D;background:url(../img/menu/menu.gif) 0 -32px;padding: 8px 0 0 10px}

/* Menu Tags */
#menuTags{width:250px;margin:0 0 10px 6px}
#menuTags .content{padding:5px;background-image:url(../img/menu/menuTags_bg.gif);background-repeat:no-repeat}
#menuTags .content ul li{color:#75e635;list-style:disc inside}
#menuTags .content ul li a{color:#0b85ff}
#menuTags .content ul li a:hover{width:100%;color:#5FB0FF}

/* Menu Partenaires */
#menuPartenaires{width:250px;margin:20px 0 10px 6px}
#menuPartenaires .header{width:110px;height:20px}
#menuPartenaires .content{height:120px;padding:5px;background-image:url(../img/menu/menuPartenaires_bg.gif);background-repeat:no-repeat}
#menuPartenaires .content ul li{color:#75e635;list-style:disc inside}
#menuPartenaires .content ul li a{color:#0b85ff}
#menuPartenaires .content ul li a:hover{width:100%;color:#5FB0FF}

/* Messages */
div.erreurMessage{border:1px solid #F00;background-color:#FFAFAF;color:#F00;padding:4px;text-align:center}

/* Accueil */
div.accueil-tag{border:1px solid #F00;float:left;width:220px;height:198px;margin:0 0 10px 10px}
div.accueil-tag h2{border:1px solid #F00;margin:2px}
div.accueil-tag img{border:1px solid #F00;width:214px;height:161px; margin-top:6px}




.photo {
float:left;
height:130px;
margin:10px 8px 8px 8px;
position:relative;
width:180px;
}
.photo img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
width:170px;
height:128px;
}
.photo:hover img {
border: solid 1px #CF5ACF;
}
.photo span {
width: 20px;
height: 18px;
display: block;
position: absolute;
top: 12px;
left: 12px;
background: url(images/digg-style.gif) no-repeat;
font-size: 14px;font-weight:bold;
text-align: center;vertical-align: middle;

}
.photo a {
text-decoration: none;
}

.accueil span {
width: 170px;
height: 84px;
display: block;
position: absolute;
top: 5px;
left: 5px;
background: url(../img/accueil/glossy-gradient.png);
color:#CF5ACF;
}
.accueil span:hover {
background:none;
}

/* News */
h1.headerNews{font-size:18px;padding:0px;color:#97C641}
div.news{border:1px solid #97C641;padding:4px}
div.news .titre{color:#97C641;border:1px solid #97C641;background-color:#EEFFCF;padding:4px}
div.news .desc{color:#333}
div.news .date{color:#999;font-style:italic;text-align: right;width: 100%}