@media (max-width:320px) { 
    
    h1.logo{
        font-size:30px;
        
    }
    

.tools .glyph {
   padding:0 2px 0 3px;
}



	.overlay{
		width:100%;
	}
	.cycle-overlay{
		width:100%;
	}
	.cycle-overlay > p{
        display:none;
	}
    .cycle-slideshow .pictos-bloc{
        display:none;
    }
	.navbar-collapse{		
		padding:20px;
		border: 0px;
	}
	.formulaire_login{
	    margin-top:0px;
	}
	.formLogin h1{
	    font-size:5.5rem;
	    margin:0px;
	}
    .formLogin p.baseline{
    font-size:1rem;
    }

	#modalHome{width: 170%; font-size:1.7rem;}
    
    
    
    
}





/* Extra small devices Phones (<768px) */
@media (min-width: 320px) and (max-width: 768px) { 

	#modalHome{width: 180%; font-size:1.7rem;}

	.overlay{
		width:100%;
	}
	.cycle-overlay{
		width:100%;
	}
	.formulaire_login{
	    margin-top:0px;
	}

    .formLogin p.baseline{
    font-size:1rem;
    }
	
	.formLogin h1 {
		font-size:7.5rem
	}
	a.choose_website {
		margin-bottom: 20px
	}
    
	#svgAnim{
		width: 100%;
	}
	
	.header .timer p {
		width: 100%!important
	}
	.page.login .container {
		width: 100%;
	}
    
    .navbar-default .navbar-nav > li > a {
   padding:10px 25px 10px 30px;
        margin:0px !important;
}

    .navbar-collapse{
      border-top: 0px;
    }

.cycle-slideshow .pictos-bloc{
    display:none;
}


    
    
.vignette.fixMosaique h5{
    height:auto;
    
}

    
    .table_header{
        display:none;
        
    }
    
.grid-sizer{
	width: 50%;
}	
	
	
.navbar-nav .form{
    padding:10px;
    padding-left:30px;
}

	
	
	
}


/* Small devices Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 992px) {


	.overlay{
		width:344px;
	}
	
	.cycle-overlay{
		width:344px;
	}
	

.vignette.fixMosaique h5{
    height:65px;
    
}
    
    
    .table_auteur .table_content:hover{
    background-color:#444;
    height:210px;
    transition: height 0.5s;
}

    
    
.grid-sizer{
	width: 50%;
}	
	
    
	
	
	
	
}


/*  Medium devices Desktops (≥992px)  */
@media (min-width: 992px) and (max-width: 1170px) { 


	.overlay{
		width:213px;
	}
	
	.cycle-overlay{
		width:213px;
	}
	

    div{
        word-wrap:normal;
}


 }




@media (min-width: 1170px) {  }

@media (max-width: 900px) {  
	#container_button_choose {
		width: 100%;
		margin: 0;
	}
}