html, body{
 margin:0;
 padding:0;
}

body {
width: 100%;
height:100%;
font-family: 'Quicksand', sans-serif;
margin:0;
}

.page{
background-image:url('./images/fondvo.jpg');
background-size: cover ;
background-position: center;
background-repeat: no-repeat;
}

/*--supprime l'ascenseur qd fancybox!!----*/
body.compensate-for-scrollbar{
    overflow:auto;
}

@font-face {
    font-family: Helvetica Neue;
	src: url(/styles/helnmc64.ttf);
}
.container-fluid{
    padding:0;
}

.titre{
    background-image:url("./images/img-pr.jpg");
    background-size: cover ;
    background-position: center;
    background-repeat: no-repeat;
    height: 140px;
}

.overlay{
    background:rgba(255,255,255,0.9); 
    min-height:150px;
}

.padding-30{
    padding:30px 0 0 0;
}

a:link, a:visited, a:active {
color:rgb(51, 0, 153);
text-decoration: none;
transition: all 0.3s ease-in-out; 
}

a:hover{
color:rgba(255, 205, 0, 1);
transform: scale(1.1);
}


/*----------------------------------------------------------*/
/*---------------------------liste vo-----------------------*/
/*----------------------------------------------------------*/

.listevo {
background:linear-gradient(rgb(221, 221, 221,0.95),rgba(156, 155, 150, 0.95),rgb(221, 221, 221, 0.95));
box-shadow:4px 2px 4px rgb(255, 255, 255) inset;
margin:0px auto 0px auto;
width:850px;
height:192px;
text-align:center;
border-bottom-style:inset;
border-width: 1px;
border-color:rgb(0, 0, 0);
}

.photo{
    border-color:white;
    border-radius:4px; 
    padding:0;
    background:rgba(148, 147, 143, 0.5);
    height:auto;
}

.photo img{
    border-radius:0 0  8px ;
    box-shadow:4px 4px 6px #666;
    max-width:280px;
    max-height:160px;
}

.detail{
    margin:5px 0px 0px 10px;
    text-align:left;
    font-family:arial;
    font-size:16px;
}

.detail a{
    transition: all 0.3s ease-in-out;
    color:rgb(45, 90, 84);
}

.detail a:hover{
    transform: scale(1.1);
    color:rgb(255, 246, 115);
}

.numvo{
    margin:5px 0px 0px 0px;
    font-family:arial;
    text-align:right;
    font-size:12px;
    color:rgb(14, 20, 78);
    width:250px;
    height:0px;
}

.modelevo{
    text-align:center;
    margin:60px 0px 0px 0px;
    font-family:arial;
    font-size:28px;
    color:blue;
    width:530px;
    height:60px;
}

.prixvo{
    margin:20px 0px 0px 0px;
    text-align:right;
    font-family:arial;
    font-size:30px;
    color:rgb(141, 95, 65);
    height:30px;
    width:530px;
}

.novo{
    margin:40px 0px 0px 0px;
    text-align:center;
}

.fancybox-bg{
    background:rgba(255,205,0,0.8);
}

/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------------detail vo------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.detailtitre{
    margin:20px 0px 0px 0px;
    text-align:center;
    font-family:arial;
    font-size:30px;
    color:brown;
}

.tabdetail{
    background:linear-gradient(rgba(185, 183, 173, 0.9), white);
    margin:10px auto 20px auto;
    box-shadow:4px 4px 8px rgb(37, 37, 37);
    border-radius:6px 0 0 0 ;
}

.detailphoto{
    border-right-style:inset;
    border-width:1px;
    width:520px;
    height:300px;
}

.detailphoto img{
    box-shadow:6px 6px 10px rgb(100, 100, 100);
    border-radius: 8px 0 0 0;
    max-width:520px;
    max-height:300px;
    margin-right:5px;
}

.detailogo{
    width:100px;
    margin:auto;
    width:300px;
}

.intitul{
    padding:20px 0 0 20px;
    line-height:25px;
    font-size:22px;
    color:black;
    width:100%;
}

.description{
    padding:18px 0 0 20px;
    line-height:25px;
    font-size:22px;
    color: rgb(51, 0, 153);
    width:100%;
}

.detailprix{
    padding:18px 0 0 20px;
    line-height:25px;
    font-size:34px;
    color: brown;
    width:100%;
}

.intitulprix{
    padding:28px 0 0 20px;
    line-height:3px;
    font-size:26px;
    color:black;
    width:100%;
}

.lesphotos{
    padding:10px 20px 0 0;
    width:240px;
    text-align:center;
    font-style: italic;
}

.lesphotos img{
    height:120px;
}

.lesphotos a img{
    height:120px;
}

.clic{
    width:490px;
    text-align:center;
}

.detaildescription{
   text-align:center;
   margin:30px 0px 0px 20px;
   font-family:arial;
   font-size:22px;
   color:black;
}

.titredescription{
    margin:0;
    text-align:center;
    font-family:arial;
    font-size:30px;
    color:brown;
}

.boutoncontactvo{
    background-color:#000000;
    box-shadow:4px 4px 8px #333;
    margin:0;
    color:rgb(255, 255, 255);
}

.retour{
    text-align:right;
    margin:auto;
}

.retour button{
    color:brown;
    background:rgba(255,205,0,0.9);
}

.adminfotovo{
    text-align:center;
    margin:auto;
    display:block;
}

#formvo{
    background:rgba(255,255,255,0.9)
}

#formvo .label{
    margin-top:5px;
}

.formvo{
    background:#000;
    color:#fff;
    font-size: 20px;
    height:50px;
    margin: 0 0 0 0;
    text-align:center;
}

/*@media all and (max-width: 992px){

    .listevo {
        background-color:rgba(255,205,0,0.9);
        box-shadow:8px 8px 10px #555;
        border-radius:6px;
        margin:40px auto 0px auto;
        text-align:center;
        border-bottom-style:outset;
        border-color:white;
        height:auto;
        width:auto;
    }

    .numvo{
        margin:-60px 0px 0px 0px;
        font-family:arial;
        text-align:right;
        font-size:12px;
        color:rgba(50,50,50,1);
        width:100%;
    }
        
    .modelevo{
        text-align:center;
        margin:-170px 0 0 0 ;
        font-family:arial;
        font-size:40px;
        color:blue;
        width:auto;
        height:auto;
    }        

    .detail{
        text-align:right;
        margin-top:140px;
    }

    .detail a{ 
        font-size:30px;
        color:rgb(17, 9, 94);
    }
    
    .photo{
        border-color:white;
        border-radius:4px; 
        padding:40px 0 0 0;
    }
    
    .photo img{
        border-radius:4px ;
        box-shadow:4px 4px 10px #666;
        width:550px;
    } 

    .prixvo{
        margin:0;
        text-align:center;
        font-family:arial;
        font-size:50px;
        color:brown;
        margin:0 0 50px 0;
    }    

    .titre{
        text-align:center;
        font-family:arial;
        font-size:50px;
        color:#000000;
        height:60px;
        width:100%;
        padding:0;
    }   
    
    .tabdetail{
        background:rgba(255,205,0,0.9);
        margin:30px auto 20px auto;
        border-style:outset;
        border-color:grey;
        border-radius:8px;
        box-shadow:8px 8px 10px #333;
        height:auto;
        width:auto;
    }

    .detailphoto{
        margin-top:30px;
        border-right-style:inset;
        padding:0; 
        text-align: center;
    }

    .detailphoto img{
        box-shadow:6px 6px 10px #777;
        border-radius: 7px 0 0 0;
        padding:0;
    }

    .intitul{
       text-align:right;
       font-size:40px;
    }

    .description{
        text-align:left;
        font-size:40px;
        line-height:40px;
    }

    .detailprix{
        text-align:left;
        font-size:48px;
        color: brown;
        width:100%;
    }
    
    .intitulprix{
        text-align:right;
        font-size:40px;
        color:black;
        width:100%;
    }

    .lesphotos{
        font-size:30px;
        width:180px;
        padding-left:30px;

    }
    
    .lesphotos a img{
            height:80px;
    }

    .retour button{
        font-size:50px;
    }

    .boutoncontactvo{
        background-color:#000000;
        margin:0;
        color:rgb(255, 255, 255);
        font-size:40px;
    }
}

@media all and (max-width: 768px){

    .photo img{
        width:350px;
    } 

    .numvo{
        margin:-650px 0px 0px 0px;
    }

    .tabdetail{
        background:rgba(255,205,0,0.9);
        margin:30px auto 20px auto;
        border-style:outset;
        border-color:grey;
        border-radius:8px;
        box-shadow:8px 8px 10px #333;
        height:auto;
        width:auto;
    }

    .detailphoto{
        margin-top:30px;
        border-right-style:inset;
        padding:0; 
        text-align: center;
    }

    .detailphoto img{
        box-shadow:6px 6px 10px #777;
        border-radius: 7px 0 0 0;
        padding:0;
        width:350px;
    }

    .intitul{
       text-align:center;
       font-size:30px;
    }

    .description{
        text-align:center;
        font-size:30px;
    }

    .detailprix{
        text-align:center;
        font-size:28px;
        color: brown;
        width:100%;
    }
    
    .intitulprix{
        text-align:center;
        font-size:20px;
        color:black;
        width:100%;
    }

    .lesphotos{
        font-size:30px;
        text-align:center;
    }
    
    .retour button{
        font-size:50px;
    }

    .boutoncontactvo{
        background-color:#000000;
        margin:0;
        color:rgb(255, 255, 255);
        font-size:40px;
    }

}
*/