*{
    font-family: Open Sans!important
}
body{
    background: #ccc
}
.headerVideo{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -10;
    background: url(../img/bg.jpg) center top no-repeat #000;
}
header{
    height: 100%;
}
.greybg{
    background: rgba(255,255,255,.9);
}
.darkbg{
    background: rgba(0,0,0,.9);
    color: #fff;
}
.spaces{
    height: 40px;display: block 
}

.top-bar {
	padding: 0;
}
.top-bar, .top-bar ul{
	background: rgba(200, 214, 229,0.8)
}
.top-bar a{
    color: #444;
    font-size: 18px;
    text-transform: uppercase;
}
.top-bar img{
    height: 20px
}
.header-limit img{
    height: 150px;
    display: none;
}
.header-limit h2{
    color: #fff;
    font-size: 40px;
    text-align: right;
}
.item{
    position: relative;
}
.item:hover .item-cache{
    transition-duration: 0.5s;
    top: 0%;
}
.item-cache{
    position: absolute;
    top: 90%;bottom: 0;left: 0;right: 0;
    background: rgba(0, 0, 0, .5);
    margin: 0;padding: 0;
    text-align: center;
    color: #fff;
    transition-duration: 0.5s;
}
.item-cache h1{
    text-transform: uppercase;
    font-size: 25px;
    
}
.item-cache p{
    padding: 10px;
}
.overLayAcc{
    position: absolute;
    top: 0;bottom: 0;right: 0;left: 0;
    text-align: center;
    background: #000;
}
.overLayAcc img{
    display: block;
    margin: 50px auto;
}
.overPlay{
    position: relative;
    text-align: center;
    display: block;
}
.overPlay:hover .overPlayArea{
    opacity: 1;
    transition-duration: 0.5s;
}
.overPlayArea{
    position: absolute;
    top: 0; left: 0;right: 0;bottom: 0;
    background: rgba(0,0,0,.8);
    opacity: 0;
    transition-duration: 0.5s;
    line-height: 100%;
    display: block;
}
.overPlayArea img{
    margin-top: 20%;
}
.enter-flag img{
    display: block;width: 150px;margin: 20px auto;
    transition-duration: 0.5s;
    box-shadow: 0 0 10px rgba(255,255,255,1);
}
.enter-flag:hover img{
    width: 250px;
    transition-duration: 0.5s;
    box-shadow: 0 0 50px rgba(255,255,255,.2);
}
.enter-flag p{
    text-align: center;
}
.mot-de-bienvenue{
    text-align: center;
    text-shadow: 0 0 10px #fff;
    color: #000;
}
.accContainerPh{
    position: relative;
    height: 200px;
    display: block;
    
}
.for-proj h1{
    color: #fff;
    text-shadow: 0 0 10px #000
}
.for-proj p{
    color: #fff;
    text-shadow: 0 0 10px #000;
    font-weight: bolder;
}
.miniCarteVisite{
    text-align: center;
}
.miniCarteVisite img{
    width: 200px;
    display: block;
    margin: 10px auto;
    border-radius: 150px;
    box-shadow: 0 0 30px #fff;
    opacity: 0.8;
}
.foot-flag{
    display: inline-block;width: 50px;margin: 20px 25px;
    transition-duration: 0.5s;
    box-shadow: 0 0 10px rgba(255,255,255,1);
}
.foot-flag:hover{
    width: 100px;
    margin:4px 0px;
    transition-duration: 0.5s;
    box-shadow: 0 0 50px rgba(255,255,255,.2);
}