/*
    Theme Name: Beta StorksGaming
    Author: Romain TORTOSA
    Author URI: http://romaintortosa.com
    Description: Theme réalisé par Romain TORTOSA pour l'association StorksGaming
    Version: 1.3

    Author: Logan LAVIGNE <MGS-3>
    Author URI: https://lavigne.xyz/
    Description: Modification du thème de Romain TORTOSA pour l'association StorksGaming
    Version: 1.1
*/

body{
    margin : 0 ;
    padding : 0 ;
    background-image:url(wp-content/themes/storksgaming/fond.png);
    background-repeat: repeat ;
    background-attachment : fixed;
    background-size:cover;
    color : black ;
    font-family : "Open Sans", Arial, sans-serif;
}


/*/////////////////////////////////////////////////////
////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////
/                  Partie main du site                   /
///////////////////////////////////////////////////////*/
main {
    max-width : 1280px;
    margin : auto ;
    /* 
    -moz-box-shadow : inset 0 0 10px #000000;
    -webkit-box-shadow : inset 0 0 10px #000000;
    box-shadow : inset 0 0 10px #000000;
    */
    background-color : #fbfbfb ;
    height: 100% ;
}

/*////          Section#1 : banniere home           ////*/


.home_page_banniere{
    display : flex ;
    height: 400px ;
    justify-content : center ;
    margin : auto ;
    position: relative;
}


.home_page_banniere_details
{
    z-index: 2;
    position: absolute;
    height: 400px ;
    display : flex ;
    align-items : flex-end ;
}

@media (min-width: 990px)
{
    .home_page_banniere {
        justify-content : flex-end ;
    }

    .home_page_banniere_details
    {
        margin-right: 5%;
    }
}

.home_page_banniere_cta
{
    width : 230px ;
    height : 50px ;
    display : flex ;
    align-items : flex-end ;
    justify-content : center;
    border : none ;
    padding: 15px 25px;
    color : white ;
    font-size : 1rem ;
    text-align : center ;
    cursor : pointer ;
    outline : none ;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 598px)
{
    .home_page_banniere_cta {
        margin-top: 6rem;
    }
}

@media (min-width: 990px)
{
    .home_page_banniere_cta {
        margin-bottom: 2rem;
    }
}



    /*////                  Section 2                  ////*/


    /*////                  Section 3  News           ////*/
    

    /*////                  Section 4 webtv                ////*/
.home_page_main_footer{
    width : 90% ;

	display : flex ;
	flex-direction : row;
	align-content : center ;
	margin : auto ;
}

.home_page_main_footer_left{
	width : 50% ;
	height : 100% ;
	display : flex ;
	flex-direction : column;
}

.home_page_webtv{
	width : 100% ;
	display : flex ;
	align-content : center ;
	justify-content : center ;
	flex-direction : column ;
	align-items : center ;
    align-self: center;


}


    table {
        border-top : 1px white solid ;
        border-bottom : 3px white  solid ;
        border-collapse: collapse;
        background-image: linear-gradient(to top, #f4f4f4,#fbfbfb  45%);
        background-image: url('tv.png');
        background-repeat: no-repeat;
        background-position: center;

        }
        th {
            font-family : "Open Sans", Arial, sans-serif;
        font-size : 14px ;
        border : 1px white solid ;
        padding: 3px;
        background-image: linear-gradient(to top, #e74012, #f97e21 45%);
        color: white;
        }
        td {
        width: 70px;
            font-family : "Open Sans", Arial, sans-serif;
        font-size: 12px ;
        border: 1px white solid ;
        padding: 2px;
        text-align: center;
        color : #343434 ;
        }
        caption {
            font-family : "Open Sans", Arial, sans-serif;
        }

.home_page_webtv_replay{
    height: 100%;
    padding : 10px ;
    margin-top: 5px ;
    border:1px white solid ;
    border-bottom:3px white solid ;
    background-image: linear-gradient(to top, #f4f4f4,#fbfbfb  45%);

}
.home_page_webtv_replay_title{
    font-family : "Open Sans", Arial, sans-serif;
    font-size : 14px ;
    text-align: center ;
}
.home_page_webtv_replay_videos{
    display: flex;
    flex-direction: row;
}
.home_page_webtv_replay_video{
    width: 160px;
    height: 120px ;
    border : 1px #c9c9c9 solid ;
    display: flex;
    flex-direction: column;
    margin : 10px ;
}
.home_page_webtv_replay_video_img{
    width: 160px;
    height: 90px ;
}
.home_page_webtv_replay_video_title{
    width: 160px;
    height: 30px;
    background-color: #f4f4f4;
    border-top : 1px #c9c9c9 solid ;
}

.home_page_footer_right{
	width : 50% ;
	display : flex ;
    flex-direction : column;
    margin-bottom: 50px;
    margin-left: 10px ;
}


    /*////                  Section 5                ////*/

    /*////              Section 6 boutique          ////*/

.home_page_boutique{
	width : 100% ;
	display : flex ;
	align-content : center ;
	justify-content : center ;
	flex-direction : column ;
	align-items : center ;
    align-self: center;
}

.home_page_boutique_galery{
	width : 500px ;
	height: 380px;
    padding-bottom: 5px;
	display : flex ;
	align-content : center ;
	justify-content : center ;
	flex-direction : row ;
	align-items : center ;
    align-self: center;
    overflow: hidden;
    margin: 0 auto ;
}

.home_page_boutique_slider{
    display: flex;
    flex-direction: row ;
    width: 1140px;
    animation: glisse 15s infinite;
}

@keyframes glisse {
    0%{
        transform: translateX(0);
    }
    10%{
        transform: translateX(0);
    }
    25%{
        transform : translateX(-500px);
    }
    35%{
        transform : translateX(-500px);
    }
    50%{
        transform : translateX(-1000px);
    }
    60%{
        transform : translateX(-1000px);
    }
    75%{
        transform : translateX(-500px);
    }
    85%{
        transform : translateX(-500px);
    }
    100%{
        transform : translateX(0);
    }
}

.home_page_boutique_slider img{
    width: 100%;
}

.home_page_partenaire{
    height: 100% ;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px ;
}
.home_page_partenaire_title{
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_page_partenaire_lien{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 70px ;
    overflow: hidden;
    border-bottom:3px white solid ;
    background-image: linear-gradient(to top, #f4f4f4,#fbfbfb  45%);

}

.home_page_partenaire_lien img{
    width: 100%;


}

.banniere__nav{
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 15%;
    background: #000000;
    margin: 0;
    padding: 0;
}

    /*/////////////////////////////////////////////////////
    ////////////////////////////////////////////////////*/