/**layout**/

.across {
    display: inline-block;
    *display: inline;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    zoom: 1;
}

*{
    margin:0px;
    padding:0px;
}

@font-face{
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?iefix') format('eot'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#webfontJyf16XB0') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    background-color:#FFFFFF;
    margin:0px;
    padding:0px;
    font-size:16px;
    font-family: Arial, serif;
    color:#dfdfdf;

    height: 100%;
}

h1{
    font-size:48px;
    font-weight: normal;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    color:#a7a7a7;
    font-family: LeagueGothicRegular;
}

h1 a{
    font-size:48px;
    font-weight: normal;
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    font-family: LeagueGothicRegular;
}

h2{
    display:block;
    color:#ffffff;
    font-weight:normal;
    font-size:15px;
    font-style: italic;
    font-family: Georgia, Garamond, serif;
    text-align: center;
    text-shadow: #000000 1px 1px 2px;
    margin:20px 0px 20px 0px;
    padding:10px 0px;
    background-image:url('../images/separator.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 20px;
}

h3{
    font-weight:bold;
    font-size:22px;
    color:#2e2e2e;
    margin:0px 0px 15px 0px;
    padding:0px;
}

h3 span{
    color:#0663a0;
}

h4{
    color:#5E6E66;
    font-weight:bold;
    font-size:15px;
    margin:8px 0px 0px 0px;
    padding:0px;
}

p{
    margin-bottom: 13px;
}

.center{
    text-align: center;
}

img{
    border:0px;
}

div.left{
    float:left;
    width:705px;
    overflow:hidden;
}

div.right{
    float:right;
    position:relative;
    padding:70px 0px;
    margin-right:20px;

}

#wrapper {
    width:100%;
    min-height:100%;
}

a.logo{
    position: absolute;
    top:25px;
    left:0px;
    width:116px;
    height:209px;
    background-image: url('../images/ripperskateboards-logo.jpg');
    background-repeat: no-repeat;
}

div#header{
    width:100%;
    height:88px;
    border-bottom:6px #e5e5e5 solid;
}

div#header div.content{
    position: relative;
    margin:0px auto 0px auto;
    width:940px;
    height:88px;
    z-index:9999;
}

/** Menu  **/
ul#menu{
    position:absolute;
    bottom:-6px;
    left:190px;
    width:400px;
    list-style: none;
    margin:0px 0px;
    padding:0px;
}

ul#menu li{
    float:left;
    position:relative;
    font-size:13px;
}

ul#menu li a{
    display: block;
    height:31px;
    padding:0px 42px 0px 0px;
    margin:0px 0px 0px 0px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}

a.products-en{
    background-image: url('../images/product_en.png');
    width:53px;
}

a.team-en{
    background-image: url('../images/team_en.png');
    width:39px;
}

a.media-en{
    background-image: url('../images/media_en.png');
    width:39px;
}

a.retailers-en{
    background-image: url('../images/retailers_en.png');
    width:39px;
}

a.products-fr{
    background-image: url('../images/product_fr.png');
    width:53px;
}

a.team-fr{
    background-image: url('../images/team_fr.png');
    width:39px;
}

a.media-fr{
    background-image: url('../images/media_fr.png');
    width:39px;
}

a.retailers-fr{
    background-image: url('../images/retailers_fr.png');
    width:39px;
}

a.products-es{
    background-image: url('../images/product_es.png');
    width:65px;
}

a.team-es{
    background-image: url('../images/team_es.png');
    width:39px;
}

a.media-es{
    background-image: url('../images/media_es.png');
    width:39px;
}

a.retailers-es{
    background-image: url('../images/retailers_es.png');
    width:69px;
}


a.products-en:hover{
    background-position: left bottom;
}
a.team-en:hover{
    background-position: left bottom;
}
a.media-en:hover{
    background-position: left bottom;
}
a.retailers-en:hover{
    background-position: left bottom;
}
a.products-fr:hover{
    background-position: left bottom;
}
a.team-fr:hover{
    background-position: left bottom;
}
a.media-fr:hover{
    background-position: left bottom;
}
a.retailers-fr:hover{
    background-position: left bottom;
}
a.products-es:hover{
    background-position: left bottom;
}
a.team-es:hover{
    background-position: left bottom;
}
a.media-es:hover{
    background-position: left bottom;
}
a.retailers-es:hover{
    background-position: left bottom;
}


ul#menu li.selected a{
    background-position: left bottom;
}


ul#menu li a:hover{
    /*background-image:url('../images/menu-simple-back-over.png');*/
}


/** Share **/

div#header div.content div.share{
    position: absolute;
    bottom:15px;
    right:-6px
}


/** Secondary menu **/
div#header div.content div#secondary-menu
{
    position:absolute;
    top:15px;
    right:0px;
    width:220px;
    height:25px;
    text-align:right;
    font-family: Arial, serif;
    z-index:2000;
}

div#header div.content div#secondary-menu a
{
    margin:0px 5px 0px 5px;
    font-weight: bold;
    font-size:12px;
    color:#bdbdbd;
    text-decoration: none;
}

div#header div.content div#secondary-menu a:hover
{
    color:#f48707;
    text-decoration: underline;
}

/** Banner **/
div#banner{
    background: #000000;
    width:100%;
    height:583px;
    border-bottom:6px #e5e5e5 solid;
    background-position: top center;
}


div#banner div#effect{
    position: absolute;
    top:0px;
    width:100%;
    height:583px;
    background-image: url('../images/header-effect.png');
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    z-index:8000;
}

div#slider{
    position: absolute;
    top:0px;
    left: 50%;
    width:1382px;
    height:583px;
    background-image: url('../images/banner-back.png');
    background-repeat: no-repeat;
    margin-left:-691px;
    z-index:0;
}

/** Small banner **/
div#small-banner{
    width:100%;
    height:141px;
    position:relative;
    border-bottom:6px #e5e5e5 solid;
    background-image: url('../images/header-small.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}

div#small-banner div{
    width:940px;
    margin:0px auto 0px auto;
    position:relative;
}

div#small-banner div img.title{
    position: absolute;
    top:30px;
    left:188px;
}

/** Main **/
#main
{
    overflow:auto;
    position:relative;
    margin:0px auto 0px auto;
    width:960px;
    padding-left:10px;
	padding-bottom: 228px;
}

a{
    color:#EBDF9E;
}

#main div.content
{
    margin:30px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    text-align: left;
}

#main div.content div#mid
{
    margin:10px 0px 0px 10px;
    padding:0px 10px 0px 0px;
    width:457px;
}

#main div.content div#right
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:235px;
    text-align: right;
}

/** Quick link home **/
a.quicklink{
    width:346px;
    height:122px;
    
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}

a.quick-product-en{
    margin-right:8px;
    background-image: url('../images/btn-check-our-product_en.jpg');
}

a.quick-facebook-en{
    background-image: url('../images/btn-facebook_en.jpg');
}

a.quick-facebook-es{
    background-image: url('../images/btn-facebook_es.jpg');
}

a.quick-product-es{
    margin-right:8px;
    background-image: url('../images/btn-check-our-product_es.jpg');
}

a.quick-product-fr{
    margin-right:8px;
    background-image: url('../images/btn-check-our-product_fr.jpg');
}

a.quick-facebook-fr{
    background-image: url('../images/btn-facebook_fr.jpg');
}

/** Widget **/
.facebook-title-fr{
    position:absolute;
    top:0px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/facebook-title_fr.png');
    background-repeat: no-repeat;
}
.facebook-title-en{
    position:absolute;
    top:0px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/facebook-title_en.png');
    background-repeat: no-repeat;
}
.facebook-title-es{
    position:absolute;
    top:0px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/facebook-title_es.png');
    background-repeat: no-repeat;
}

div.tweets{
    position:relative;
    margin-top:110px;
}

div.tweets .tweet-title-fr{
    position:absolute;
    top:-70px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/twitter-title_fr.png');
    background-repeat: no-repeat;
}
div.tweets .tweet-title-en{
    position:absolute;
    top:-70px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/twitter-title_en.png');
    background-repeat: no-repeat;
}
div.tweets .tweet-title-es{
    position:absolute;
    top:-70px;
    left:0px;
    width:225px;
    height:82px;
    background-image: url('../images/twitter-title_es.png');
    background-repeat: no-repeat;
}

blockquote{
    color:#959595;
    font-family: Arial;
    font-size:11px;
    width:202px;
    border: 1px #d7d7d7 solid;
    margin-bottom:6px;
    padding:12px 8px 12px 8px;
}

blockquote a{
    font-weight: normal;
    color:#4bd5d5;
}

blockquote span{
    color:#4bd5d5;
    display:block;
    margin-top:4px;
}

#flickr{
}

#youtube{
    padding-bottom: 30px;
}

ul#news{
    margin: 0;
    padding: 0px 0px 0px 1px;
    overflow: hidden;
    width:740px;
}
ul#news li{
    list-style: none;
    float: left;
    color:#6f6f6f;
    font-size:12pt;
    margin: 0px 0px 0px -1px;
    padding: 0px 19px 0px 19px;
    border-left: 1px #7f7f7f dashed;
    border-right: 1px #7f7f7f dashed;
    display:block;
    width:200px;
    height:385px;
    overflow: hidden;
}

ul#news li a { text-decoration: none;}
ul#news li img { display: block; }
ul#news li div { height:120px;position: relative; }
ul#news li div img { border: none;position:absolute; clip:rect(0px 200px 120px 0px); }
ul#news li h3 a{
    display:block;
    margin: 10px 0px 0px 0px;
    font-size:22pt;
    font-family: LeagueGothicRegular;
    color:#34383a;
    text-decoration: underline;
}

ul#news li h3 a:hover{
    color:#ff8a00;
}

ul#news li span.title { display:block; width: 112px;margin:0px;color:#34383a; font-size:12px;font-weight:bold;padding:5px 0px 3px;overflow: hidden;}
ul#news li span.date { display:block; width: 112px;margin:0px;color:#ff8a00;font-size:11px;font-weight:bold;padding:1px 0px 0px;}
ul#news li a.lire-plus {
    display: block;
    background-image: url('../images/btn-show-more_fr.jpg');
    width:80px;
    height:26px;
    margin:20px 0px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}
ul#news li a.lire-plus:hover {
    background-position: 26px left;
}

ul#news li a.read-more {
    display: block;
    background-image: url('../images/btn-show-more_en.jpg');
    width:80px;
    height:26px;
    margin:20px 0px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}
ul#news li a.read-more:hover {
    background-position: 26px left;
}

ul#news li a.leer-mas {
    display: block;
    background-image: url('../images/btn-show-more_es.jpg');
    width:80px;
    height:26px;
    margin:20px 0px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}
ul#news li a.leer-mas:hover {
    background-position: 26px left;
}

ul#news li.last h3 a{
    color:#ff8a00;
}

ul#news li.last a.lire-plus{
    background-image: url('../images/btn-show-more-new_fr.jpg');
}

/** See all**/
div.see-all{
    border-bottom: 1px #7b7b7b dashed;
    position: relative;
    margin-top:20px;
}

div.see-all a{
    display:block;
    background-color:#ffffff;
    position:absolute;
    padding-right:5px;
    bottom:-2px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color:#7b7b7b;
}

/** Footer **/
#footer {
    position: relative;
	margin-top: -228px;
	height: 228px;
	clear:both;
    background-color: #f3f3f3;
    color:#999999;
    font-size:12px;
}

#footer div.content {
    position: relative;
    margin:0px auto 0px auto;
    width:940px;
    height:113px;
}

#footer div.content div.copyright{
    position: absolute;
    top:30px;
    left:0px;
    font-size:9px;
    color:#727272;
}

#footer div.content div.conception{
    position: absolute;
    top:45px;
    left:0px;
    font-size:9px;
}

#footer div.content div.conception a{
    font-weight: normal;
    color:#5f5f5f;
    font-size:10px;
}

#footer div.content div.conception a:hover{
    text-decoration: none;
}

ul#menu-footer{
    position:absolute;
    top:29px;
    left:260px;
    list-style: none;
    margin:0px 0px;
    padding:0px;
}

ul#menu-footer li{
    float:left;
    position:relative;
    font-size:12px;
    display:block;
    width:80px;
    margin-right:54px;
    text-align: left;
}

ul#menu-footer li a{
    display: block;
    color:#999999;
    text-decoration: none;
    margin-bottom: 5px;
}

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

ul#menu-footer li a.title{
    margin-bottom: 20px;
    display: block;
    height:31px;
    padding:0px 42px 0px 0px;
    margin:0px 0px 0px 0px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}

ul#menu-footer li a.title:hover{
    background-position: top left;
}

/** Share **/
#footer div.content div.share{
    position: absolute;
    top:27px;
    right:0px
}

.link-twitter, .link-fb, .link-youtube, .link-linkedin, .link-flickr {
	background-image:url('../images/social_icons.png');
	height:18px;
	width:19px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
	float:left;
	margin-right:10px}

.link-fb {
	background-position:0 bottom}

.link-twitter {
	background-position:-28px bottom}

.link-flickr {
	background-position:-51px bottom}

.link-youtube {
	background-position:-78px bottom}

.link-linkedin {
	background-position:-106px bottom}

/** Contact **/

div.contact-block{
    float:left;
    font-size: 11px;
    color:#a7a7a7;
    margin:0px 35px 0px 0px;
}

div.contact-block span{
    display:block;
    font-style: italic;
}

div.contact-block h3{
    font-size:13px;
    font-weight: bold;
    color:#999999;
    margin:0px 0px 4px 0px;
}

div.contact-block a{
    color:#ff8a00;
}

/** Team  **/
.thumbs-team {
}

.thumbs-team a{
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
    width:220px;
    height:177px;
    margin: 0px 20px 23px 0px;
    float:left;
}

a.adam-dufour{
    background-image: url('../images/riders/thumb-adam-dufour.jpg');
}
a.adam-dufour:hover{
    background-image: url('../images/riders/thumb-adam-dufour_over.jpg');
}
a.david-dallaire{
    background-image: url('../images/riders/thumb-david-dallaire.jpg');
}
a.david-dallaire:hover{
    background-image: url('../images/riders/thumb-david-dallaire_over.jpg');
}
a.jf-marleau{
    background-image: url('../images/riders/thumb-jf-marleau.jpg');
}
a.jf-marleau:hover{
    background-image: url('../images/riders/thumb-jf-marleau_over.jpg');
}
a.marius-danger{
    background-image: url('../images/riders/thumb-marius-danger.jpg');
}
a.marius-danger:hover{
    background-image: url('../images/riders/thumb-marius-danger_over.jpg');
}
a.matthew-mcfarlane{
    background-image: url('../images/riders/thumb-matthew-mcfarlane.jpg');
}
a.matthew-mcfarlane:hover{
    background-image: url('../images/riders/thumb-matthew-mcfarlane_over.jpg');
}
a.max-eber{
    background-image: url('../images/riders/thumb-max-eber.jpg');
}
a.max-eber:hover{
    background-image: url('../images/riders/thumb-max-eber_over.jpg');
}
a.nicolas-charrier{
    background-image: url('../images/riders/thumb-nicolas-charrier.jpg');
}
a.nicolas-charrier:hover{
    background-image: url('../images/riders/thumb-nicolas-charrier_over.jpg');
}

/** Rider **/
div.rider{
    width:700px;
    height:300px;
}

div.rider div.img{
    float:left;
    background-image: url('../images/riders/profile-image-background.png');
    width:221px;
    height:289px;
    padding:8px 0px;
    background-repeat: no-repeat;
}

div.rider div.description{
    float:left;
    width: 460px;
    padding:0px 0px 0px 15px;
    margin-top:-10px;
    font-size:12px;
    color:#a7a7a7;
}

div.rider div.description div{
    margin-bottom: 3px;
}

div.rider div.description div span,a{
    color:#ff8a00;
    font-weight: bold;
    font-size:11px;
    text-decoration: none;
}

div.rider div.description div a:hover{
    text-decoration: underline;
}

ul.rider-menu{
    list-style: none;
    position: absolute;
    top:-2px;
    right:15px;
    width: 235px;
    height:368px;
    padding:50px 0px 0px 5px;
    background-image: url('../images/riders/menu-background.png');
    background-position: top right;
    background-repeat: no-repeat;
    font-family: LeagueGothicRegular;
}

ul.rider-menu li.selected{
    background-image:url('../images/riders/arrow.jpg');
    background-position: 15px left;
    background-repeat: no-repeat;
}

ul.rider-menu li.selected a{
    font-size: 36px;
    font-weight: normal;
    color:#ff8a00;
}

ul.rider-menu a{
    font-size: 36px;
    font-weight: normal;
    margin-left:32px;
    display:block;
    color:#a7a7a7;
}

ul.rider-menu a:hover{
    color:#ff8a00;
}

div.plugin{
    width:700px;
    margin-bottom: 50px;
}

/*** Products  ***/
div.products{
    position:relative;
}

div.products ul.menu{
    position:absolute;
    top:-30px;
    left:5px;
    width:444px;
    height:88px;
    list-style: none;
    margin:0px;
    padding:20px 0px 0px 15px;
    font-family: LeagueGothicRegular;

    background-image: url('../images/products/menu-background.png');
    background-position: top left;
    background-repeat: no-repeat;
}

div.products ul.menu li{
}

div.products ul.menu li.separator{
    margin:0px 10px 0px 10px;
    display:block;
    float:left;
    font-size:36px;
    color:#a7a7a7;
}

div.products ul.menu li a.selected{
    background-image: url('../images/products/arrow.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    color:#ff8a00;
    padding-bottom:10px;
}

div.products ul.menu li a{
    display:block;
    float:left;
    font-size:36px;
    font-weight: normal;
    color:#a7a7a7;
}

div.products ul.menu li a:hover{
    color:#ff8a00;
}

div.products ul.legend{
    list-style: none;
    position:absolute;
    top:-10px;
    right:0px;
    color:#a7a7a7;
}

div.products ul.legend li{
    float:left;
    font-family: LeagueGothicRegular;
    font-size:36px;
    display:block;
}

div.products ul.legend li.stamp{
    color:#ff8a00;
    font-family: Arial;
    font-size:16px;
    font-style: italic;
    padding-top:14px;
}

.classique{
    background-image:url('../images/products/classique.png');
    width:19px;
    height:20px;
    margin:13px 5px 0px 12px;
}

.deluxe{
    background-image:url('../images/products/deluxe.png');
    width:21px;
    height:27px;
    margin:10px 5px 0px 12px;
}

.perfect{
    background-image:url('../images/products/perfect.png');
    width:25px;
    height:19px;
    margin:13px 5px 0px 12px;
}

div.products ul.skates{
    list-style: none;
    margin:0px;
    padding:70px 0px;
}

div.products ul.skates li{
    display:block;
    float:left;
    width:240px;
    height:428px;
    position: relative;
}

div.products ul li div.desc {
    position:absolute;
    top:180px;
    left:115px;
    width:125px;
}

div.products ul li h4{
    font-size:23px;
    text-transform: uppercase;
    font-family: LeagueGothicRegular;
    margin:0px 0px 4px 0px;
    color:#999999;
}

div.products ul li h4 span{
    display: block;
    text-decoration: underline;
}

div.products  ul li div{
    font-size:11px;
    font-weight:bold;
    font-family: Arial;
    color:#999999;
    margin:0px 0px 10px 0px;
}

div.products  ul li div div span{
    color:#ff8a00;
}

div.products  ul li div div.stamp{
    margin:0px 0px 10px 0px;
}

/***  Wheels  ***/
div.products ul.wheels{
    list-style: none;
    margin:0px;
    padding:70px 0px;
}

div.products ul.wheels li{
    display:block;
    float:left;
    width:315px;
    height:216px;
    position: relative;
}

div.products ul.wheels li div.desc {
    position:absolute;
    top:40px;
    left:205px;
    width:125px;
}

/*** Clothing ***/
div.products ul.clothing{
    list-style: none;
    margin:0px;
    padding:70px 0px 0px 0px;
}

div.products ul.clothing li{
    display:block;
    float:left;
    width:315px;
    height:310px;
    position: relative;
}

div.products ul.clothing li div.desc {
    position:absolute;
    top:100px;
    left:205px;
    width:125px;
}

div.products ul.clothing li.small{
    display:block;
    float:left;
    width:315px;
    height:189px;
    position: relative;
}

div.products ul.clothing li.small div.desc {
    position:absolute;
    top:0px;
    left:205px;
    width:125px;
}

div.products ul.clothing li.spacer{
    display:block;
    float:left;
    width:315px;
    height:189px;
}

/** media **/
div.media{
    position:relative;
}

div.media h1{
    position:absolute;
    top:-8px;
    right:255px;
    font-size:30px;
    color:#a7a7a7;
}
div.media div.created{
    position:absolute;
    top:32px;
    right:255px;
    font-size:11px;
    font-weight: bold;
    color:#ff8a00;
    display:none;
}

div.media div.created span{
    font-size:11px;
    font-weight: normal;
    color:#a7a7a7;
}

div.media iframe{
    margin:65px 0px 0px 5px;
}

div.media h2{
    margin-left:5px;
}

div.media ul.menu{
    position:absolute;
    top:-30px;
    left:5px;
    width:444px;
    height:88px;
    list-style: none;
    margin:0px;
    padding:20px 0px 0px 15px;
    font-family: LeagueGothicRegular;

    background-image: url('../images/medias/menu-background.png');
    background-position: top left;
    background-repeat: no-repeat;
}

div.media ul.menu li{
}

div.media ul.menu li.separator{
    margin:0px 10px 0px 10px;
    display:block;
    float:left;
    font-size:36px;
    color:#a7a7a7;
}

div.media ul.menu li a.selected{
    background-image: url('../images/products/arrow.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    color:#ff8a00;
    padding-bottom:10px;
}

div.media ul.menu li a{
    display:block;
    float:left;
    font-size:36px;
    font-weight: normal;
    color:#a7a7a7;
}

div.media ul.menu li a:hover{
    color:#ff8a00;
}

div.media div.mosts-view{
    float:right;
    background-image: url('../images/medias/most-view-background.png');
    background-repeat: no-repeat;
    width:220px;
    height:488px;
    border-bottom:1px #717171 dashed;
}

div.media div.mosts-view img{
    margin-bottom:15px;
}

div.media div.mosts-view div{
    cursor:pointer;
    padding:16px 12px 16px 12px;
    border-top:1px #717171 dashed;
}

div.media div.mosts-view div img{
    margin:0px;
}

div.media div.mosts-view div div.desc{
    margin:5px 0px 0px 3px;
    padding:0px;
    width:84px;
    height:70px;
    border:0px;
    font-family: Arial;
    position: relative;
}

div.media div.mosts-view div div.desc a{
    font-size:12px;
    font-weight: bold;
    color:#34383a;
    display:block;
    margin-bottom: 6px;
}

div.media div.mosts-view div div.desc span{
    font-size:11px;
    font-weight: bold;
    color:#ff8a00;
    display:block;
    margin-bottom: 6px;
}

div.media div.mosts-view div div.desc span.vues{
    position: absolute;
    bottom:3px;
    left:3px;
    font-size:10px;
    font-weight: bold;
    color:#a7a7a7;
    display:block;
    margin-bottom: 6px;
}

div.media div.mosts-view div div.desc span.created{
    display:none;
}

div.media div.mosts-view div div.desc span.url{
    display:none;
}

div.media div.separator{
    display:block;
    color:#ffffff;
    font-weight:normal;
    font-size:15px;
    font-style: italic;
    font-family: Georgia, Garamond, serif;
    text-align: center;
    text-shadow: #000000 1px 1px 2px;
    margin:20px 0px 20px 0px;
    padding:10px 0px;
    background-image:url('../images/separator.jpg');
    background-repeat: no-repeat;
    width: 700px;
    height: 20px;
}

div.media .thumbs{
    margin-left:5px;
}

/**  Thumbs **/
.thumbs { margin: 0; padding: 0; overflow: hidden; width:740px; }
.thumbs li { list-style: none; float: left; margin: 0px 5px 0px 0px; padding: 0px;
             display:block; width:112px; height:130px;overflow: hidden;}
.thumbs li:hover{background-color: #ffe8cd;}
.thumbs li a { text-decoration: none;}
.thumbs li img { display: block;}
.thumbs li div { height:85px;position: relative; }
.thumbs li div img { border: none;position:absolute; clip:rect(0px 112px 85px 0px);width: 112px; }
.thumbs li span.title { display:block; width: 112px;margin:0px;color:#34383a; font-size:12px;font-weight:bold;padding:5px 0px 3px;overflow: hidden;}
.thumbs li span.date { display:block; width: 112px;margin:0px;color:#ff8a00;font-size:11px;font-weight:bold;padding:1px 0px 0px;}
.thumbs li span.url { display:none;}

/** Photo gallery **/

div.photos div.photo-gallery{
    float:right;
    background-image: url('../images/medias/photo-gallery-background.png');
    background-repeat: repeat-y;
    width:220px;
    border-bottom:1px #717171 dashed;
    margin-bottom: 30px;
}

div.photos div.photo-gallery img{
    margin-bottom:20px;
}

div.photos div.photo-gallery a{
    display:block;
    cursor:pointer;
    padding:16px 12px 16px 12px;
    border-top:1px #717171 dashed;
}

div.photos div.photo-gallery a img{
    margin:0px;
}

div.photos div.photo-gallery a div.desc{
    margin:5px 0px 0px 3px;
    padding:0px;
    border:0px;
    font-family: Arial;
    position: relative;
}

div.photos div.photo-gallery a div.desc span.title{
    font-size:12px;
    font-weight: bold;
    color:#34383a;
    display:block;
    margin-bottom: 6px;
}

div.photos div.photo-gallery a div.desc span{
    font-size:11px;
    font-weight: bold;
    color:#ff8a00;
    display:block;
    margin-bottom: 0px;
}

div.photos div.photo-gallery a div.desc span.time{
    display:none;
}

div.photos div.photo-gallery a div.desc span.url{
    display:none;
}

div.photos .thumbs{
    padding-top:45px;
}

div.photos .thumbs li{
    height:95px;
}

div.photos .thumbs li:hover{background:none;}

div.photos .thumbs li div img { border: none;width:112px;position:absolute; clip:rect(0px 112px 85px 0px); }