@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 (max-width:765px){

    /*-------------------------entete------------------------------*/
    
    #htop{
		display:none;
    }
    
    .navigation{
		display:none;
	}
	
    #logren{
        width:150px;
        margin:45px 0 0 20px;
    }
	
	#logdac{
        height:50px;
        margin-top:45px
	}
	
	#top-r{
	display:block;
    }

  .entete-resp{
        background:rgba(255, 205, 0, 0.95);
        position:fixed;
        top:1px;
        z-index:500;
        width:100%;
        padding-top:3px;
    }

	.menu-footer{
		display:none;
	}
	
	.icon{
        padding:20px 0 10px 0 0;
        color:rgba(255,205,0);
        display:block;
        margin-top:40px;
        z-index:900;
	}
	
    #menu-r{
        display:none;
        position: absolute;
        top:36px;
        right:45px;
        list-style: none;               
        background:rgba(255, 205, 0, 0.95);
        border-radius: 0 0 8px 8px;
        padding-right:5px;
        z-index:9000;
    }

	nav{
		width:100%;
        padding:5px 0 5px 0;
        border-top:0;
	}

	nav ul{
    display:block;
    z-index:9000;
	}

	nav li{
    font-weight: medium;
    list-style: none;
    border-right:0;

    padding:10px 0 0 0;
	}

    nav .menu-r{
        list-style: none;
        width:200px;
        z-index:9000;
    }

    nav .menu-r .menu-r-item a{
        text-decoration: none;
        color: rgb(0, 0, 0);
        font-size: 20px;
    }

    nav .menu-r .menu-r-item a:hover{
        color: rgb(255, 0, 0);
        transform: scale(1.1);
        /**text-decoration: underline rgba(131, 182, 206, 0.603);**/
    }

    /*--------------------corpus--------------*/
	
	.titre h1{
		font-size:18px;
	}
    
    .photo img{
        width:350px;
    } 

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

    .numresp{
        margin:-255px 10px 0 0;
    }

    .prixvo{
        text-align:center;
        font-family:arial;
        font-size:28px;
    }

    .modelevo{
        padding:10px 0px 0px 0px;
        font-size:28px;
    }

    .detail a{
        font-size:24px;
    }

    .detailtitre{
        margin:0px 0px 0px 0px;
    }

    .tabdetail{
        background:rgba(255,205,0,0.9);
        margin:60px 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;
        margin-bottom:-70px;
    }

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

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

    .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;
        padding:10px 0px 0 0;
        width:170px;
    }
    
    .retour button{
        font-size:20px;
    }

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