/*
    Lisa Monpierre
    EFRITS SAS
 
    Training center website
    Dec. 2021
*/

#pattern
{
    display: block;

    height: 100%;
    background: linear-gradient(to right, rgba(55, 55, 55, 1), #D2691E);
    opacity: 0.01;
    
    border: 0;
    margin: 0;
    padding: 0;
    
    position: fixed;
    top:0;
    left:0;

    z-index: -3;
}

#electronic
{
    display: block;

    position: fixed;
    top: 0;
    float:left;

    padding:0;
    margin:0;

    height: 100%;

    background-image: url("../resource/background/pattern.png");
    background-position: top right;
    background-size: cover;
    background-repeat: repeat-y;

    z-index: -1;
}

#divContent
{
    float: left;
    position: relative;

    height: 100%;
    width: 100%;
    margin: 0;
}

#line
{
    display: block;
    position: fixed;
    top: 300px;
    left: 0px;
    z-index: -2;
    height: 300px;
    background: linear-gradient(to bottom, transparent, transparent, rgba(69, 72, 89, 1), transparent, transparent);
    mix-blend-mode:difference;
}

@media 	only screen and 
		(min-width: 541px) 
		/* portrait tablet */
{
    #pattern
    {
        display:none;    
    }
    #line
    {
        display:none;    
    }
    #electronic
    {
        display:none;    
    }
    #divContent
    {
        padding: 0;
    }
}

@media 	only screen and 
		(max-width: 540px) 
		/* portrait mobile */
{
    #pattern
    {
        display:none;    
    }
    #line
    {
        display:none;    
    }
    #electronic
    {
        display:none;    
    }
    #divContent
    {
        padding: 0;
    }
}

@media 	only screen and 
		(min-width : 1825px) 
		/* desktop */
{
    #pattern
    {
        display: block;
        width: 199px;
    }
    #line
    {
        display: block;

        width: 199px;
    }
    #electronic
    {
        display: block;

        width: 200px;
    }
    #divContent
    {
        padding: 0 0 0 200px;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1601px) and 
		(max-width: 1824px) 
		/* desktop */
{
    #pattern
    {
        display: block;

        width: 199px;
    }
    #line
    {
        display: block;

        width: 199px;
    }
    #electronic
    {
        display: block;

        width: 200px;
    }
    #divContent
    {
        padding: 0 0 0 200px;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1225px) and 
		(max-width: 1600px) 
		/* laptop */
{
    #pattern
    {
        display: block;

        width: 199px;
    }
    #line
    {
        display: block;

        width: 199px;
    }
    #electronic
    {
        display: block;

        width: 200px;
    }
    #divContent
    {
        padding: 0 0 0 200px;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 961px) and 
		(max-width: 1224px) 
		/* landscape tablet */
{
    #pattern
    {
        display: block;

        width: 149px;
    }
    #line
    {
        display: block;

        width: 149px;
    }
    #electronic
    {
        display: block;

        width: 150px;
    }
    #divContent
    {
        padding: 0 0 0 150px;
    }
}

@media 	only screen and 
		(orientation: landscape) and 
		(max-device-width: 960px) 
		/* landscape mobile */
{
    #pattern
    {
        display: block;

        width: 99px;
    }
    #line
    {
        display: block;

        width: 99px;
    }
    #electronic
    {
        display: block;

        width: 100px;
    }
    #divContent
    {
        padding: 0 0 0 100px;
    }
}