#thumbs img
{
vertical-align:middle; 
border:none;
}

#thumbs
{
overflow:auto;
list-style:none; 
margin:30px; 
padding:0;
}

#thumbs li 
{
float:left;
clear: left;
}

#thumbs li
{
display:block; 
padding:3px; 
outline:none;
}

#thumbs a:hover, #thumbs a:focus 
{
/*background: rgb(133,182,227);*/
}

#thumbs a.active 
{
/*background:#000;*/
}

#viewer 
{
width:700px; 
height:465px; 
margin-left:30px;
}

#viewer 
{
position:relative; 
width:350px; 
height:200px; 
margin-left: 160px;
}

#viewer img[src*="loader"] 
{
position:absolute; 
left:50%; 
top:50%; 
margin:-15px 0 0 -15px;
}

.li img
{
display: block;
margin: auto;
}

.li
{
float: left;
width: 123px;
/*height: 70px;*/
margin-left: 20px;
margin-right: 20px;
}

.rubrique
{
display: block;
width: 163px;
margin: auto;
}

img {vertical-align:middle; border:none;}
#thumbs {overflow:auto; list-style:none; margin:30px; margin-bottom: 0px; padding:0;}
#thumbs li {float:left;}
#thumbs a {display:block; padding:5px; outline:none;}
#thumbs a:hover, #thumbs a:focus {background:#fff;}
#thumbs .small_news:active, #thumbs .small_news:focus  {background: rgb(70,151,227);}
#viewer {width:350px; height:200px; margin: auto;;}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}


#liens {overflow:auto; list-style:none; margin-left:45px; padding:0;}
#liens li {float:left;}
#liens a {display:block; outline:none;}