/*
Site : k-horse.com
Author : Oliver MICHAS
Author url : www.olivermichas.com
Version : 0.1.0
Notes : Pour des raisons de facilité de maintenance, une majeure partie des règles css3 sont placées en fin de document.
*/

* {
    margin:0; 
    padding:0}

html, body {
    height:100%;
    margin:0;
    padding:0;
    font-family:Arial;
    background:#fff;}

body{
    position:absolute;
    width:1614px;
    height:760px;
    top:50%;
    left:50%;
    margin-left:-807px;
    margin-top:-380px;}

section, article{display:block;}   

a{
    text-decoration:none;
    color:#3c93c7;}

a:hover{
    color:#2d6f97;}

a img {border:none;}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
--------------BLOC CENTRAL---------------
///////////////////////////////////////*/

#contenu{
    min-width:980px;
    border:50px solid #fff;
    overflow:hidden;}

section{
    float:left;
    width:200px;
    height:660px;
    margin-left:19px;
    background:#19171c;
    color:#fff;}

section:first-child{
    margin-left:0;}

section a figure:hover{
    opacity:0.5;
    filter : alpha(opacity=30);}

section img{
    width:100%;}

section.contact article{
    margin-top:375px;
    padding:15px;
    font-size:11px;}

section.contact img{
    width:160px;
    padding:5px 0;}

section b{
    font-weight:normal;
    display:block;
    margin:10px 0 3px;}

section.contact a{
    color:#fff;
    display:block;
    text-transform:uppercase;
    text-align:center;
    margin-top:15px;
    padding:10px 15px;
    border:2px solid #fff;}

section.contact a:hover{
    color:red;
    border:2px solid red;}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
------------------CSS3-------------------
///////////////////////////////////////*/

@media screen and (max-width: 1620px) {
    
    body{
        width:1389px;
        height:658px;
        margin-left:-694px;
        margin-top:-329px;}

    #contenu{
        border:40px solid #fff;}

    section{
        margin-left:14px;}

    section, img{
        width:175px;
        height:578px;}

    section.contact article{
        margin-top:320px;
        font-size:9px;}

    section.contact img{
        width:150px;
        height:37px;}
}

@media screen and (max-width: 1410px) {
    
    body{
        width:1154px;
        height:545px;
        margin-left:-577px;
        margin-top:-272px;}

    #contenu{
        border:25px solid #fff;}

    section{
        margin-left:9px;}

    section, img{
        width:150px;
        height:495px;}

    section.contact article{
        margin-top:240px;
        font-size:9px;}

    section.contact img{
        width:120px;
        height:30px;}
}


@media screen and (max-width: 1180px) {
    
    body{
        width:925px;
        height:433px;
        margin-left:-462px;
        margin-top:-216px;}

    #contenu{
        border:10px solid #fff;}

    section{
        margin-left:5px;}

    section, img{
        width:125px;
        height:413px;}

    section.contact article{
        font-size:11px;
        margin-top:125px;
        font-size:9px;}

    section.contact img{
        width:100px;
        height:25px;}

    section.contact a{
        margin-top:10px;
        padding:3px 6px;}
}