.recherche_model {
		width:400px;
	}
	.icone_video_2 {
		position: relative;
		left: 2%;
		top: 80px;
		font-size:6rem;
		border-radius: 50%;
		opacity: .9;
		background-color:rgba(0,0,0,0.9);
		scale: 0.7;
		color:rgba(255,255,255,0.9);
	}
	.taglib-social-bookmarks {
	    clear: both;
    	margin-top: 6.5em;
	}
	/* .video_frame_size_content {
	    border: medium none;
	    height: auto;
	    width: 1000px;
	    margin : auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-right: 20px;
    	padding-top: 20px;
	} */

	.var_theme body .photo_frame_size_content .slick-dots li.slick-active button .slick-dot-icon, .var_theme body .photo_frame_size_content .slick-dots li.slick-active button .slick-dot-icon:before {
	    color: #0570E9 !important;
	}

     .var_theme body .photo_frame_size_content .slick-dots li button .slick-dot-icon:before{
        color: white;
        opacity: 0.8;
    }
     .var_theme body .photo_frame_size_content  .slick-dots li button:focus .slick-dot-icon:before, .var_theme body .photo_frame_size_content .slick-dots li button:hover .slick-dot-icon:before {
        color: #0570E9; }
      .var_theme body .photo_frame_size_content .slick-dotted button:hover .slick-prev-icon, .var_theme body .photo_frame_size_content .slick-dotted button:focus .slick-prev-icon {
        color: #0570E9; }
     .var_theme body .photo_frame_size_content  .slick-dotted button:hover .slick-next-icon, .var_theme body .photo_frame_size_content .slick-dotted button:focus .slick-next-icon {
        color: #0570E9; }

	.photo_frame_size_content {
	    border: medium none;
	    width: 1000px;
	    margin : auto;
	    padding-left: 2px;
	    padding-right: 2px;
	}

    .var_theme .carouselVideo a:focus,.var_theme .carouselVideo .slick-track button:focus, .var_theme .carouselPhoto a:focus,  .var_theme .carouselPhoto .slick-track button:focus{
        outline : none;
    }

    .var_theme .carouselVideo a:focus .photo-titre-carousel, .var_theme .carouselVideo .slick-track button:focus .photo-titre-carousel, .var_theme .carouselPhoto a:focus .photo-titre-carousel, .var_theme .carouselPhoto .slick-track button:focus .photo-titre-carousel {
        border: 4px solid black;
    }

    .var_theme .carouselVideo a:focus .info-bulle .inner, .var_theme .carouselVideo .slick-track button:focus .info-bulle .inner{
        border: 4px solid black;
    }

    .var_theme .carouselVideo a:focus .info-bulle, .var_theme .carouselVideo .slick-track button:focus .info-bulle {
         display: block;
        margin: 10px;
        font-size:0.75rem;
        line-height: 1.4;
        position: relative;
    	top: -43%;
    	z-index: 1;
    	word-wrap: break-word;
    }

	/*
	gestion de la taille des photos pour les albums
	*/
	.photo-titre {
	    background-size: cover;
    	height : 100%;
    	margin : 10px 0;
	}
	.photo-titre-carousel {
	    background-size: cover;
    	height : 100%;
    	margin : 5px;
    	background-color: #757575;
	}
	.photo-titre-reflet {
		background-image:url('../images/videoreflet.png');
	    background-size: cover;
    	height: 100%;
    	color: white;
        cursor: pointer;
        text-align: start;
        border-radius: 10px;
	}
	a:hover .photo-titre-reflet, .slick-track button:hover .photo-titre-reflet, a:focus .photo-titre-reflet, .slick-track button:focus .photo-titre-reflet  {
		background-image:none;
	}
	a:hover .photo-titre-reflet .photo-titre-reflet-texte, .slick-track button:hover .photo-titre-reflet .photo-titre-reflet-texte, a:focus .photo-titre-reflet .photo-titre-reflet-texte, .slick-track button:focus .photo-titre-reflet .photo-titre-reflet-texte{
    	background-color: rgba(0, 0, 0, 0.3);
    	border-radius: 10px;
    }
	.closebt {
		cursor: pointer;
	    transition: all 0.2s ease 0s;
    }
    .closebt:hover {
    	transform:rotate(90deg);
    }
    
    .photo-slide img
	{
	    display: block;
	    width:100%;
	    margin-top : 10px;
	}
	
   	.modal-div-photo {
   		padding-top: 50px;
   		webkit-animation-fill-mode: none; 
		animation-fill-mode: none;
   	}
   	.modal-div-galerie-photo{
   		padding-top: 15px;
   		webkit-animation-fill-mode: none; 
		animation-fill-mode: none;
   	}
    
    a.lien-photo-modal, a.lien-photo-modal > div > div > h2, a.lien-photo-modal >div> div h2:hover {
    	text-decoration:none;
	    color: #FFF;
	    cursor: pointer;
	}
	a.lien-photo-modal > div > div > h2, a.lien-photo-modal >div> div h2:hover {
	    font-size:1.125rem;
    	font-weight: normal;
	    padding: 15px;
	}
	.photo-titre-reflet .info-bulle {
		background: transparent url("../images/custom/media/coinbulle.png") no-repeat scroll 0 0;
	    display: none;
	    
    }
    .photo-titre-reflet:hover .info-bulle {
    	display:block;
    	margin: 10px;
   	    font-size:0.75rem;
    	line-height: 1.4;
    }
	.photo-titre-reflet .info-bulle .inner {
	    background: #fff none repeat scroll 0 0;
	    border-radius: 0 4px 4px;
	    cursor: pointer;
	    display: inline-block;
	    margin-top: 24px;
	    padding: 10px;
	    color:black;
	    width: 100%;
	}
	.video-titre-carousel .info-bulle {
	    background: transparent url("/o/VAR.FR/css/../images/custom/media/coinbulle.png") no-repeat scroll 0 0;
	    display: none;
	}
	
	.video-titre-carousel:hover .info-bulle {
	    display: block;
	    margin: 10px;
	    font-size:0.75rem;
	    line-height: 1.4;
	    position: relative;
		top: -43%;
		z-index: 1;
		word-wrap: break-word;
	}
	
	.video-titre-carousel .info-bulle .inner {
	    background: #fff none repeat scroll 0 0;
	    border-radius: 0 4px 4px;
	    cursor: pointer;
	    display: inline-block;
	    margin-top: 24px;
	    padding: 10px;
	    color: black;
	    width: 100%;
	}
	.agregateur_media {
		margin-left:-5px;
		margin-right: -5px;
		margin-bottom: 0px;
		margin-top: 60px;
	}
    .closebtn-container {
	    position: relative;
	    width: 10%;
	    margin-left: auto;
    	margin-right: auto;
   	}
   	.closebt-img {
    	-webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    transition: all 0.2s;
	    cursor: pointer;
   	}
   	.closebt-img img {
	   	vertical-align: middle;
	   	border:0;
   	}
   	.closebt-img {
		cursor: pointer;
	    transition: all 0.2s ease 0s;
    }
    .closebt-img:hover {
    	transform:rotate(90deg);
    }

    .modal-content button.slick-autoplay-toggle-button{
        position: relative;
        left: 50%;
        top: 30px;
        z-index: 10;
        background: 0 0;
        border: 0;
        cursor: pointer;
        color: #000;
        transform: scale(1.5);
    }
                .modal-div-photo{
                    padding-top: 0px !important;
                }

    .modal-content.modal-content-video, .modal-content.photo_frame_size_content  {
        width: 95%;
        max-width: 900px; /* Vous pouvez ajuster cette valeur selon vos besoins */
        margin: 0 auto; /* Centrer la photo dans la page */
        display: block;
        top: -50px;
        position: relative;
    }

        /* Styles pour les écrans moyens et petits */
        @media (max-width: 768px) {
            .modal-content.modal-content-video, .modal-content.photo_frame_size_content  {
                max-width: 100%; /* L'image prendra la largeur de l'écran */
    			top: 0px;
    			padding: 0;
            }
        }

        /* Styles pour les écrans très petits (smartphones en mode portrait) */
        @media (max-width: 480px) {
            .modal-content.modal-content-video, .modal-content.photo_frame_size_content  {
                max-width: 100%; /* L'image prendra la largeur de l'écran */
    						top: 0px;
            }
        }

        .photo_frame_size_content {
            border: 1px solid rgba(0,0,0,0.2);
            box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        }

    #animatedModal #modal-content{
    	 width: calc(95% - 40px);
        top: 7vh;
        background-color: black;
    	}
    #animatedModal .closebtn-container {
        text-align: center;
        border: 0px;
        background-color: transparent;
        z-index: 1;
        position: absolute;
        top: 1%;
        right: 45%;
    }
    #animatedModal .photo_frame_size_content .pagination_photo {
        color: white;
        display: inline-block;
        position: relative;
        top: 15px;
        height: 10px;
        margin-bottom: 1rem;
        margin-top: 0;
    }
    #animatedModal .photo_frame_size_content .titre_photo {
        color: white;
        text-align: center;
        display: inline-block;
        width: 82%;
        margin: 0;
        position: relative;
        top: 10px;
        font-size: 1.5rem;
    }

    #animatedModalVideo .closebt {
        text-align: center;
        top: 2%;
        left: 49%;
    }

    .video_title_agregateur_media{
        padding-top: 5px;
        padding-bottom: 15px;
        text-align: center;
    }
    @media (max-width: 765px) {
        #carrousel_actu_home{
            width: calc(100% - 40px) !important;
            margin-left: 20px;
        }
        .carouselPhoto {
            width: calc(100% - 10px);
            left: 5px;
        }
        .carouselVideo {
            width: calc(100% - 10px);
            left: 5px;
        }
    }
    .video_frame_size iframe{
    	width: 100%;
    	height: 100%;
    }
    .slick-track button.lien-photo-modal{
        border: 0px;
    	background-color: transparent;
    	padding: 0px;
    }
    .slick-next i:hover{
    	transform: translateX(5px);
    	transition: 0.5s;
    }

    .slick-prev i:hover{
        transform: translateX(-5px);
        transition: 0.5s;
    }