/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{
    background:#E1E4E3 url(/medias/img/bg.png) repeat-x top left;
    color:#FFF;
}
.clear{
    clear: both;
}
a{
    text-decoration: none;
}
a, #cboxLoadedContent{
     color:#222927;
}
a:hover, a:visited:hover{
    text-decoration: underline;
}
#container{
    width:960px;
    position:relative;
    margin:0 auto 0 auto;
    padding-bottom: 1em;
}   


/******************************
*                        HEADER
******************************/

h1#header{
    text-indent:-999em;
    overflow:hidden;
    width:945px;
    height:117px;
    background-repeat:no-repeat;
    background-position: top left;
    margin:0 0 50px 0;
}

#lang{
    width:100px;
    float:right;
    text-align: center;
    background:#f5f0cd;
    padding:3px;
    font-size: 0.8em;
    color:#000;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;    
}
#lang a{
    color:#000;
}

/******************************
*               CONTENU PRODUIT
******************************/
#content{
    -moz-border-radius: 15px 0 15px 15px;
    -webkit-border-radius: 15px;
    background:url(/medias/img/gradient.png) repeat-x top left;    
    background:#222927;
    height:491px;
    clear: both;
    padding:10px 10px 10px 0;
}
#accordeon{
    width:980px;
    background:red;
    margin-right:-20px;
}
#content h1{
    background-repeat:no-repeat;
    width:178px;
    height:498px;
    background-position:0 -117px;
    text-indent:-999em;
    cursor:pointer;
    float: left;
    margin-left:10px;
    opacity:0.6;
}

#content h1.current,#content h1:hover{
    opacity:1;
}
#content h1.rugby{
    background-position:-188px -117px;
}
#content h1.foot{
    background-position:-378px -117px;
}
div.tab{
    width:0;
    float: left;
    display: none;
    margin:0 10px;
    height:498px;    
}
div.tab div{
    width:355px;
}
div.desc{
    font-size: 1.2em;
    line-height:1.4em;
    margin:0 0 6px 0;
}
#content a.fom{
    float: right;
    width:205px;
    height:25px;
    text-indent:-999em;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:-556px -117px;
}
#content a.fom:focus{
    outline:none;
}
.chapo li{
    color:#f5f0cd;
    line-height:1.5em;
    margin:0 0 6px 35px;
    text-align: left;
    padding-left:20px;
    background:transparent url(/medias/img/puce.gif) no-repeat left center;
}
.chapo p, .chapo ul{
    margin: 0 0 8px 0;
}
div.chapo{
    text-align: justify;
    line-height: 1.5em;
}
.player div.desc  strong{
    color:#FFBD00;
}
.rugby div.desc  strong{
    color:#CD0101;
}
.foot div.desc  strong{
    color:#73A428;
}
div.chapo strong{
    font-weight: bold;
}

/******************************
*                DETAIL PRODUIT
******************************/
.detailProduit, .othercbox{
    color:#000;
    font-size: 12px;
}
.detailProduit div, .othercbox div{
    clear: both;
}
.detailProduit h1{
    background-repeat:no-repeat;
    width:162px;
    height:80px;
    text-indent: -999em;
    float: left;
    margin-right:30px;    
}

.detailProduit h2, .othercbox h1{
    color:#222927;
    font-size: 2.3em;
    text-align: center;
}
span.sep{
    display: block;
    clear: both;
    border-bottom: 1px solid #999;
    margin-bottom: 1em;
}
.detailProduit h3, .othercbox h3{
    font-size: 1.4em;
    font-weight: bold;
    margin-top:1em;
}
.detailProduit strong{
    font-weight: bold;
}
.detailProduit p, .othercbox p, .detailProduit ul, .othercbox ul{
    font-size: 1em;
    margin-bottom: 0.8em;
}
.detailProduit li, .othercbox li{
    list-style:disc inside;
    margin-left: 2em;
}
.othercbox ul.portfolio li {
    list-style:none;
    float:left;
    width:226px;
    height:53px;
    margin: 0 5px 5px 0;
    font-size: 0.8em;
}
.othercbox ul.portfolio li a img{
    float: left;
    margin-right: 8px;
}
.othercbox ul.portfolio li a{
    padding:5px;
    display: block;
    width:210px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background:#FBFCF6;
    border:2px solid #D5C9C5;    
}
.othercbox ul.portfolio li a:hover, .othercbox ul.portfolio li a:visited:hover{
    background:#F8EFBE;
    border:2px solid #010101;        
}
.othercbox ul.portfolio li a strong{
    font-size: 1.2em;
    font-weight: bold;
}

.detailProduit.player h1{
    background-position: -10px -119px;
}
.detailProduit.rugby h1{
    background-position: -195px -119px;
}

.detailProduit.foot h1{
    background-position: -385px -119px;
}

/******************************
*                FOOTER CONTENT
******************************/
#footer .fom{
    display: block;
    font-weight: bold;
    text-align: right;
}

#footer{
    background:#e1e4e3;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    min-height:300px;
    margin-top:15px;
    color:#222927;
    padding:15px;
}
.bloc{
    float: left;
    margin-right: 20px;
    width: 400px;
}
.bloc strong{
    font-weight: bold;
}
.bloc.first{
    width:225px;
}
.bloc.last{
    margin-right: 0;
    width:265px;
}
#sportifs p{
    float: left;
    width:110px;
    font-size: 0.9em;
    line-height: 1.4em;
    margin-right:10px;
}
.bloc h3{
    background-repeat:no-repeat;
    height:23px;
    text-indent: -999em;
    overflow: hidden;
    margin-bottom: 1em;
}
.bloc #contact strong, .bloc #contact a{
    background-repeat: no-repeat;
    background-position: -583px -537px;    
    padding:0 0 0 30px;
    display: block;
    color:#222927;
    margin-top: 0.5em;
}
.bloc #contact strong{
    background-repeat: no-repeat;
    background-position: -583px -553px;;
    padding-top:5px;
    margin-bottom:1em;
    font-weight: normal;
}
.bloc #marques p{
    background-repeat: no-repeat;
    background-position:  -573px -325px;    
    width:215px;
    height:190px;
    text-indent: -999em;
}
.bloc #marques p:hover{
    background-position: -802px -325px;    
}
.bloc #marques h3{
    background-position:-573px -175px;
}
.bloc #presse h3{
    background-position:-573px -204px;
    margin-top:1.6em;
}
.bloc #sportifs h3{
    background-position:-573px -229px;
}
.bloc #contact h3{
    background-position:-573px -254px;
}
.bloc #societe h3{
    background-position:-573px -283px;
    margin-top: 1.6em;
}
.bloc h3.spip{
    background:none;
    text-indent: 0em;
    font-weight: bold;
    margin-bottom: 0.2em;
    height:auto;
}
#realfooter{
    background:#2E2E2E;
    clear: both;
    margin-top: 1em;
    padding:5px;
    color:#CCC;
    font-size: 0.8em;
}
#realfooter .content{
    width:950px;
    margin:0 auto;
}
#realfooter p{
    padding-top:30px;
    text-align: right;
}
a.advent{
    width:120px;
    height:45px;
    background:url(/medias/img/advent.gif) no-repeat top left;
    display: block;
    float: right;
    text-indent: -999em;
    overflow:hidden;
    margin-left: 1em;
}