/*##########################

      -----COMMUN-----

###########################*/

body{
    font-family: Arial;
    background:#2c2c2c url(../images/commun/bg.jpg) left top repeat-x;
}

#header{
    background: transparent url(../images/commun/header.jpg) left top no-repeat;
    border-bottom: 1px solid #fff;
    height:178px;
    width:939px;
}

#header a{
    display:block;
    text-indent:-9000px;
    height:178px;
    width:939px;
}

#leftBg{
    background: transparent url(../images/commun/left.jpg) left top no-repeat;
    height:758px;
    width:31px;
    position: absolute;
    left:-30px;
}

#rightBg{
    background: transparent url(../images/commun/right.jpg) left top no-repeat;
    height:758px;
    width:30px;
    position: absolute;
    right:-30px;
}

#container{
    position:relative;
    margin:auto;
    width:939px;
    height:758px;
}

#menu{
    border-bottom:1px solid #fff;
    list-style-type: none;
}

#menu li{
    height:20px;
    float:left;
    display:inline;
    margin:0 58px;
}

#menu li a{
    display:block;
    padding-top:2px;
    font-family: Arial;
    font-size:12px;
    color:#ddd;
    text-decoration: none;
}

#menu li a:hover{
    color:#fff;
}
#index_content{
    height:219px;
}
#barrePlayers{
    overflow:hidden;
    background: transparent url(../images/commun/barrePlayers.jpg) left top no-repeat;
    height:142px;
    list-style-type: none;
    width:939px;
}

#barrePlayers li{
    float:left;
    display:inline;
    width:187px;
}

#barrePlayers li a{
    display:block;
    width:187px;
    height:142px;
    text-indent:-9000px;
}

#footer{
    clear:both;
    background: transparent url(../images/commun/footer.jpg) left top no-repeat;
    width:939px;
    /*height:40px;*/
    position:absolute;
    bottom:0;
}

.amail{
    color:#fff;
}

/*##########################

       -----INDEX-----

###########################*/

#bas-content{
    width: 939px;
    height:170px;
    background-color: #000;
}

#bas-content p{
    float:left;
    color:#fff;
    font-size:11px;
    padding:28px 10px 10px;
    height:150px;
}

p.delimite{
    background: transparent url(../images/index/delimiteur.gif) right top no-repeat;
}

p.p360px{
    width:360px;
}

p.p165px{
    width:165px;
}

/*##########################

  -----Qui Sommes Nous-----

###########################*/

#qui-sommes-nous{
    background: transparent url(../images/qui-sommes-nous/background.jpg) left top no-repeat;
    width:939px;
    height:374px;
    border-bottom: 1px solid #fff;
}


/*##########################

   -----PHILOSOPHIE-----

###########################*/

#philosophie{
    background: #333 url(../images/philosophie/titre.gif) right top no-repeat;
    width:939px;
    height:374px;
    border-bottom: 1px solid #fff;
}

#philosophie h2{
    padding-top:20px;
}

#philosophie h2, #philosophie p{
    font-weight: normal;
    font-size:13px;
    color:#fff;
    margin-left:30px;
    line-height:18px;
    text-align: justify;
}

p.p870px{
    width: 870px;
}

/*##########################

       -----PRESSE-----

###########################*/

#presse{
    height:374px;
    width:939px;
    background: transparent url(../images/presse/background.jpg) left top no-repeat;
    border-bottom: 1px solid #fff;
}

#presse #blocText{
    font-size:14px;
    color:#fff;
    left:450px;
    position:absolute;
    top:310px;
    width:460px;
}

#blocText ul{
    list-style-type: none;
}

#blocText a{
    color:#fff;
    text-decoration:underline;
}

#blocText a:hover{
    text-decoration:none;
}

/*##########################

       -----ACTU-----

###########################*/

#actus {
    width:939px;
    background-color: #333333;
    border-bottom: 1px solid #fff;
    float:left;
}

.actu {
    float:left;
    border-bottom:1px solid white;
}

.actu_titre {
    float:left;
    color:white;
    font-size:16px;
    font-weight:bold;
    margin:10px;
}

.actu_corps {
    float:left;
    color:white;
    font-size:13px;
    margin:10px;
}

.actu_corps p{
    margin:10px;
}

.actu_corps img{
    margin:10px;
    float:left;
}

/*##########################

      -----CONTACT-----

###########################*/

#contact{
    overflow:hidden;
    height:374px;
    width:939px;
    background: transparent url(../images/contact/background.gif) left top no-repeat;
    border-bottom: 1px solid #fff;
}

#contact form{
    width:300px;
    padding:20px 10px 10px 30px;
}

#contact select{
    width:300px;
}

#contact input{
    float:right;
}

#contact label{
    color:#fff;
    font-size:12px;
}

#contact br.clear{
    line-height:32px !important;
}

#contact textarea{
    height:70px;
    width:296px;
}

#contact span{
    color:#fff;
    float:right;
}

#contact #envoyer{
    left:273px;
    position:relative;
    top:-71px;
}

#infosContact{
    color:#fff;
    font-size:14px;
    height:200px;
    line-height:19px;
    position:absolute;
    right:30px;
    text-align:right;
    top:325px;
    width:250px;
}

#infosContact a{
    color:#fff;
    text-decoration:none;
}
#infosContact a:hover{
    text-decoration:underline;
}

#formOk{
    color:#FFFFFF;
    font-size:14px;
    left:75px;
    line-height:25px;
    position:absolute;
    top:320px;
}

.font11px{
    font-size:11px;
}