/*
-------------------------
Section video - index.php
-------------------------
*/
body#index {
    background:#000;
    margin:200px auto;
    width:500px;
}
div#wrap-video {
    width:500px;
    height:281px;
}

/*
------------------
Sections générales
------------------
*/
body {
    background:url('../img/communs/bckg.jpg') repeat;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
}
.delFloat {
    clear:both;
}
strong {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:700;
}
a {
    text-decoration:none;
    color:#999;
}
a.lien-contact {
    color:#c7a241;
}
h1 {
    font-weight:700;
    font-size:20px;
    text-transform:uppercase;
    padding:20px 0;
}
li.selected a {
    font-weight:700;
    color:#000;
}
span.separateur {
    padding:0 10px;
}
p {
    margin-bottom:20px;
    line-height:1.3;
}
div#text-container p {
    font-size:14px;
}
div#wrap-header, div#wrap-container, div#wrap-footer {
    width:100%;
}
div#wrap-header, div#wrap-footer {
    color:#FFF;
    height:54px;
}
div#wrap-container {
    background:#FFF;
    padding-bottom:20px;
}
div#wrap-header {
    font-size:14px;
}
p.header, p.footer {
    width:1024px;
}
p.footer {
    text-align:right;
    line-height:51px;
    background:url("../img/communs/logo-multi.jpg") no-repeat center;
    height:51px;
    margin:5px auto;
}
p.header {
    font-size:20px;
    line-height:54px;
    text-align:right;
    margin:0 auto;
}
p.header a {color:#FFF;}
div#logo, div#wrap-menu {
    float:left;
}
div#logo {
    width:292px;
    padding:10px 0 20px 0;
    border-bottom:thin solid #999;
    margin-right:100px;
}
div#logo p {
    padding-left:10px;
    font-size:20px;
}
div#wrap-menu {
    width:625px;
    margin-top:25px;
}
div#wrap-menu ul li {
    display:inline;
    font-size:14px;
}
div#wrap-menu ul {
    margin-bottom:15px;
}
div#container {
    width:1024px;
    margin:0 auto;
    padding:20px 40px 0 40px;
}
div#text-container, div#img-container {
    float:left;
}
div#text-container {
    width:380px;
    margin:25px 40px 0 0;
}
div#img-container {
    width:603px;
    height:720px;
    padding-bottom:100px;
    border-right:thin solid #999;
}
div#infos {
    width:1024px;
    margin:0 auto;
    padding:0;
}
div#info-contact {
    width:300px;
    margin:0 683px;
    padding:20px 40px 20px 0;
    border-bottom:thin solid #999;
    border-right:thin solid #999;
}
.ie678 div#info-contact {
    width:300px;
    margin:0 683px;
    padding:20px 40px 20px 0;
    border-bottom:thin solid #999;
    border-right:thin solid #999;
}
div#info-contact ul.contact {
    display:inline-block;
    width:148px;
    position:relative;
    vertical-align: top;
}
div#info-contact ul li {
    width:148px;
    text-align:center;
    color:#999;
    font-size:14px;
    line-height:1.3;
}
div#info-contact ul.contact li.contact {
    font-size:18px;
    margin-bottom:20px;
}
div#banner {
    border-top:thin solid #999;
    border-left:thin solid #999;
    border-right:thin solid #999;
}
ul.rang1, ul.rang2 {
    width:560px;
}
ul.rang1 {
    margin-bottom:6px;
}
ul.rang1 li, ul.rang2 li {
    display:inline;
}
ul.rang1 li img {
    margin:0 6px 0 0;
}
ul.rang2 li img {
    width:175px;
    height:195px;
    margin:0 7px 0 0;
}
ul.gauche {
    width:360px;
    float:left;
    margin-right:10px;
}
ul.droite {
    width:175px;
    float:left;
}
ul.gauche li {
    margin-bottom:6px;
}