.home
{

}
    .home #homeBlocks
    {
        position:relative;
    }
        .home #homeBlocks .blockWrapper
        {
            position:absolute;
            /*background-color:red;*/

        }
            .home #homeBlocks a.blockWrapper
            {
                cursor:pointer;
            }
            .home #homeBlocks .width1
            {
                width:161px;
            }
                .home #homeBlocks .width2
                {
                    width:331px;
                }
            .home #homeBlocks .height1
            {
                height:161px;
            }
                .home #homeBlocks .height2
                {
                    height:331px;
                }

            .home #homeBlocks .col0
            {
                left:0;
            }
                .home #homeBlocks .col1
                {
                    left:170px;
                }
                .home #homeBlocks .col2
                {
                    left:340px;
                }
                .home #homeBlocks .col3
                {
                    left:0px;
                }
                .home #homeBlocks .col4
                {
                    left:170px;
                }
                .home #homeBlocks .col5
                {
                    left:340px;
                }

            .home #homeBlocks .row0
            {
                top:0;
            }
                .home #homeBlocks .row1
                {
                    top:170px;
                }
                    .home #homeBlocks .row2
                {
                    top:340px;
                }

            .home #homeBlocks .block
            {
                position:relative;
                width:100%;height:100%;
            }

                .home .bottomTitle
                {
                    position:absolute;
                    left:9px;bottom:7px;
                    font-size:13px;line-height:17px;
                    line-height:1.307692307692308em;
                    font-weight:bold;
                    color:#706f6f;
                }
                    .home .bottomTitle strong
                    {
                        text-transform:uppercase;
                        color:white;
                    }

            .home .green .block
            {
                background-color:#87bd25;
            }
            .home .gray .block
            {
                background-color:#c5c5c5;
            }


        /*Specific blocs*/

        #photos img
        {
            display: block;
            position:absolute;
            left:0;top:0;
            width:100%;height:auto;
            /*-webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;*/
        }
            #photos .block
            {
                background-image:url("home-blocks/photos.jpg");
                background-position: center;
            }

        #tarifs
        {

        }
            #tarifs .block
            {
                background:url("home-blocks/tarifs.png") #009fe3 no-repeat center center;
                background-size: 28%;
            }
        #privateClients
        {

        }
            #privateClients .block
            {
                background:url("home-blocks/privates.png") #fbb900 no-repeat center center;
            }
            #privateClients.locaBlock .block
            {
                background-image: url(../images/location/snct_cle.png); #fbb900 no-repeat center center;
            }
        #proClients
        {

        }
            #proClients .block
            {
                background:url("home-blocks/pros.png") #009fe3 no-repeat center center;
            }

        #rendezVous
        {

        }
            #rendezVous .block
            {
                background:url("home-blocks/rendez-vous.png") #87bd25 no-repeat center center;
            }
                #rendezVous .title
                {
                    text-transform:uppercase;
                    padding:16px 0 0 18px;
                    font-size:30px;
                    line-height:30px;
                    color:white;
                    margin-bottom:112px;
                }
                #rendezVous .form
                {
                    width:195px;
                    position:relative;
                    margin:0 auto;
                }
                    #rendezVous .inputWrapper
                    {
                        padding:0 10px;
                        height:28px;
                        background-color:#99d036;
                        margin-bottom:10px;
                    }
                        #rendezVous .inputWrapper input
                        {
                            width:100%;height:100%;
                            font-size:13px;
                            background-color:transparent;
                            border:none;
                            color:white;
                        }
                    #rendezVous .submitWrapper
                    {
                        position:relative;

                    }
                        #rendezVous .submitWrapper input
                        {
                            position:absolute;
                            right:0;top:0;
                        }
                        #rendezVous .submitWrapper a
                        {
                            color:white;
                            font-size:11px;
                            display:block;
                            margin-bottom:9px;
                        }
                            #rendezVous .submitWrapper a:hover
                            {
                                text-decoration:underline;
                            }
            #meteo
            {

            }
                #meteo .block
                {
                    background-image:url("tmp/home-meteo.jpg");
                }

            #news
            {

            }
                #news .block
                {
                    background: #87bd25 no-repeat center center;
                }


        #legislation
            {

            }
                #legislation .block
                {
                    background:url("home-blocks/legislation.png") #C5C5C5 no-repeat center center;
                }









            #traficInfos
            {

            }
                #traficInfos .block
                {
                    background:url("home-blocks/satisfaction.png") #C5C5C5 no-repeat center center;
                }

                    #traficInfos .textWrapper
                    {
                        padding: 14px 30px 0 40px;
                    }
                        #traficInfos .picto
                        {
                            margin-bottom:4px;
                        }
                        #traficInfos p
                        {
                            font-size:13px;
                            line-height:17px;
                            color:#706f6f;
                            font-weight:bold;
                        }
                #traficInfos .arrow
                {
                    position:absolute;
                    width:20px;height:19px;
                    bottom:12px;
                }
                    #traficInfos .arrow.previous
                    {
                        background-image:url("buttons/previous-trafic-info.png");
                        right:47px;
                    }
                    #traficInfos .arrow.next
                    {
                        background-image:url("buttons/next-trafic-info.png");
                        right:12px;
                    }

            #cameras
            {

            }
                #cameras .block
                {
                    /*background:url("home-blocks/cameras.png") #c5c5c5 no-repeat center center;*/
                    /*background:url("home-blocks/violations-table.png") #c5c5c5 no-repeat center center;*/
                    background: url(home-blocks/violations-table.png) #fbb900 no-repeat center center;
                }

            #partners .block
            {
                background:url("home-blocks/partner-garages.png") #c5c5c5 no-repeat center center;
            }



#bloc1,
#bloc2
{
    position: relative;
    width: 501px;
    height: 641px;
    height:530px;
    float: left;
}

#bloc2 {
    margin-left: 9px;
}


@media screen and (max-width: 1031px) {

#bloc1,
#bloc2 {
    float: none;
    margin: auto;
    height: 501px;
}

#bloc2 {
    margin-top: 10px;
    margin-bottom: 60px;
}

}


@media screen and (max-width: 521px)
{

    .home #homeBlocks .width2
    {
        width: 161px;
    }

    .home #homeBlocks .col5,
    .home #homeBlocks .col2
    {
        left: 170px;
    }

    #hideResp
    {
        display: none;
    }

    #bloc1, #bloc2
    {
        width: 331px;
    }

    #traficInfos .textWrapper
    {
        padding: 10px;
    }

    #traficInfos p
    {
        height: 85px;
        overflow: hidden;
    }

    #traficInfos .bottomTitle strong
    {
        /*font-size: 11px;*/
    }

    #rendezVous .title
    {
        font-size: 17px;
        line-height: 24px;
    }

    .home #homeBlocks #photos
    {
        height:161px;
    }

    .home #homeBlocks #partners
    {
        top:340px;
        left:0;
    }
}

@media screen and (max-width: 480px)
{
    header .headerTextInfo
    {
        display:block;
    }
}

@media screen and (max-width: 351px)
{
    .home #homeBlocks
    {
        left: -8px;
    }
}