body{
    font-family: arial,sans-serif;
    font-size:16px;
    color:#000;
}
ul{
    margin:0;
    padding:0;
}

li{
    margin:0;
    padding:0;
    list-style: none;
}
.titleNone{
    display:none;
}
/********************************* General *********************************/
header{
    padding-top:20px;
}

header .logo{
    float:left;
    margin-right:20px;
    width:10%;
    padding-left:20px;
}

header .logo img{
    max-width:100%;
    min-width:100px;
}

header .nav-main{
    width:75%;
    margin:0 auto;
}

header .nav-main ul.menu{
    width:20%;
    float:left;
    margin-right:10px;
}


header .nav-main ul.menu li{
    border-top:1px solid #9C9C9C;
    padding:5px 0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

header .nav-main ul.level-3,
header .nav-main ul.level-4{
    float:right;
    width:auto;
}

header .nav-main ul.level-3,
header .nav-main ul.level-4{
    text-align: right;

}

header .nav-main ul.level-4{
    width:30%;
}


header .nav-main ul.level-3 li{
    padding-left:50px;
}

header .nav-main ul.level-4 li span{
    color:#000;
}

header .nav-main ul.level-4.home{
    display:none;
}


header .nav-main ul li a{
    text-decoration: none;
    color:#9C9C9C;
    font-size:1em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}



header .nav-main ul.menu li:hover,
header .nav-main ul.menu li.active{
    border-color: #000;

}

header .nav-main ul.menu li:hover a,
header .nav-main ul.menu li.active a{
    color:#000;
}

header .nav-main ul.level-4 li.prev ,
header .nav-main ul.level-4 li.next {
    border-color:#000;
}


header .nav-main ul.level-4 li.prev a,
header .nav-main ul.level-4 li.next a{
    color:#000;
}

header .nav-main ul.level-4 li.prev{
    text-align:left;
}


.row div{
    display:inline-block;
}

#page{
    margin-top:20px;
}

.clear{
    clear:both;
}

.align-left{
    float:left;
    margin-right:20px;
}

/*************************************************************************/

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

/*************************************************************************/

/********************************* BODY *********************************/
/*************************************************************************/

/********************************* FOOOTER *********************************/
/*************************************************************************/

/********************************* PAGE *********************************/
.page-main{
    margin-top:40px;
}
.page-detail{
    width:75%;
    margin:0 auto;

}

.page-detail .image{
    width:40%;
    min-width:300px;
}

.page-detail .image img{
    width:100%;
}

.page-detail .text{
    padding-top:0px;
    font-size:1.2em;
    width: 40%;
    float:left;
    margin-right:30px;
}

.page-detail .text p:first-child{
    margin-top:0px;
}

.page-detail .text h1{
  margin-top:0;
}

.page-contact .text{
    float:left;
    width: 35%;
}

.page-contact .gmnoprint{
    display:none;
}

.page-contact .gmnoprint.gm-bundled-control .gm-svpc{
    top:60px !important;
    display:block !important;
}

.page-contact .gmnoprint.gm-bundled-control{
    display:block !important;
}
.gm-style .gm-style-cc{
    display:none;
}

/************************************************************************/

/********************************* PROJECTS *********************************/

.projects,
.actualites,
.projects-image
{
    width:75%;
    margin:0 auto;
    overflow: hidden;
}


.projects .row{
    width:150%;
}

.projects .row.even
{
    margin-left:-9%;
}

.projects .row .item{
    display: inline-block;
    /*width: 250px;*/
    width:11.8%;
    position:relative;
    cursor: pointer;
    padding-right: 5px;
}

.projects .row .item img{
    width:100%;
    height:auto;
}

.projects-image .grid .grid-item{
    float:left;
    overflow: hidden;
}

.projects-image .grid .grid-item img{
    width:100%;
    margin:0;
    display:block;
    height:auto;
}

/*.projects .row .item .text-content{
    position: absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}


.projects .row .item .text-content a{
    display:block;
    height:100%;
    color:#000;
    text-decoration: none;
}

.projects .row .item .text-content p{
   line-height: 0.1
}

.projects .row .item .text-content p:first-child{
    margin-top:25%;
}

.projects .row .item:hover .text-content{
    opacity: 1;
    filter: alpha(opacity=1);
}*/

.projects .row .item img{
    border:2px solid #fff;
}

.projects .row .item:hover img{
   /* border:2px solid #000;*/
    transition: border-color 1s ease;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}


.projects .royalSlider {
    width: 100%;
    height:137px !important;

}
.projects .royalSlider .rsSlide
{
    width:200px;
    overflow: visible;
    /*height:200px;
    width:300px;*/
}

.projects .royalSlider img {
    width:100% !important;
    height:auto !important;
}

.projets-detail img{
    height:350px;
}

.projets-detail .row .item {
    width:auto;

}

.projets-detail p {
    font-size:1.4em;
    font-weight: bold;
    /*text-decoration: underline;*/
}

.projets-detail .col-2{
    width:100%;
}

.projets-detail .col-1{
    width:50%;
    float:left;
}

.projets-detail .col-1.first{
    padding-top: 10px;
    width:30%;
}
.projets-detail .col-1.second{
    width:70%;
}

.projets-detail .block{
    display:block;
}

.projets-detail .col-1.first p,
.projets-detail .col-1.first span{
    font-weight: normal;
    font-size:0.9em;
}


/*************************************************************************/

/********************************* ACTUALITES *********************************/
.actualites figure{
    margin:0;
    padding:0;
    width:40%;
    float:left;
}


.actualites figure img{
    width:100%;
}

.actualites .item{
    margin-top:35px;
    margin-bottom:35px;
}

.actualites .item .text-content{
    width:50%;
    float:left;
    padding-top:5px;
    margin-right:30px
}

.actualites .item .text-content p{
    font-size:1.6em;
    margin-top:0;
    margin-bottom:10px;
}

.actualites .item a,
.actualites .item a:hover,
.actualites .item a:visited,
.actualites .item a:link{
    color:#000 !important;
}

.actualites .back{
    display:block;
    margin-top:20px;
    font-weight: bold;
}

/******************************************************************************/

/********************************* RESPONSIVE *********************************/
@media screen and (max-width: 865px) {
    .logo{
        display:none;
    }
    header .nav-main{
        width:100%;
    }
    .projects, .actualites{
        width:100%;
    }
    header .nav-main ul.menu {
        width:45%;
        min-width:115px;
    }

    header .nav-main ul.level-3, header .nav-main ul.level-4 {
        margin-top:20px;
        float:left;
        text-align: left;
    }
    header .nav-main ul.level-3 li {
        padding-left:0;
    }
    header .nav-main ul.level-4 li.next  {
        text-align:right;
    }
    .page-detail {
        width:100%;
    }
    .page-detail .text {
        width:100%;
    }

    .projets-detail .col-2{
        width:100%;
    }

    .projets-detail .col-1{
        width:100%;
    }

    .projets-detail .col-1.first{
        width:100%;
    }
    .projets-detail .col-1.second{
        width:100%;
    }


}

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

}
/******************************************************************************/