body 
{
    font-size:15pt;
    font-family:Arial;
    color:#543602;
}

.logo_tactis
{
    width:60pt;
    border:none;
}

.porte
{
    width:25pt;
}

.div_calendrier
{
    background-color:Red;
    width:250pt; 
}        
.tab_calendrier
{
    position:absolute; 
    top:5%; 
}
.calendrier
{
    top:5%;     
    font-size:10pt;
}
.cadre 
{
    width:98%; 
    height:250pt; 
    border:1px solid black; 
    position:absolute; 
    left:1%; 
    top:0px;        
    z-index:-1;    
}
.picto
{
    width:20pt;
}    
input
{
    color:#543602;
}
td
{
    color:#543602;
}
.cadre
{
	border:none;	
}

@media (min-height: 400pt) 
{
    body 
    {
        font-size:24pt;
    }    
    .logo_tactis
    {
        width:100pt;
    }               
    .porte
    {
        width:40pt;
    } 
    .div_calendrier
    {               
        width:300pt;
        height:250pt;                
    }           
    .calendrier
    {
        font-size:14pt;               
    }                
    .cadre
    {
        height:400pt;
    }      
    .picto
    {
        width:24pt;
    }                                                  
}
@media (min-height: 600pt) 
{
    body 
    {
        font-size:36pt;
    }        
    .logo_tactis
    {
        width:150pt;
    }
    .porte
    {
        width:60pt;
    }      
    .div_calendrier
    {
        width:450pt;            
    }          
    .calendrier
    {
        font-size:20pt;               
    }             
    .cadre
    {
        height:600pt;
    }          
    .picto
    {
        width:36pt;
    }                 
}
@media (min-height: 800pt) 
{
    body 
    {
        font-size:48pt;
    }        
    .logo_tactis
    {
        width:200pt;
    }      
    .porte
    {
        width:100pt;
    }            
    .div_calendrier
    {
        width:640pt;
        height:424pt;                
    }      
    .calendrier
    {
        font-size:36pt;               
    }        
    .cadre
    {
        height:800pt;
    }       
    .picto
    {
        width:48pt;
    }                                               
}        
@media (min-height: 1600pt)           
{
    body 
    {
        font-size:96pt;
    }        
    .logo_tactis
    {
        width:400pt;
    }
    .porte
    {
        width:160pt;
    }           
    .calendrier
    {
        font-size:48pt;               
    }          
    .cadre
    {
        height:1600pt;
    }    
    .picto
    {
        width:96pt;
    }                                                  
    
}