body{
    margin : 0 ; 
    padding : 0 ; 
    background-image:url(fond.png);
    background-repeat: repeat;
}

 
/*/////////////////////////////////////////////////////////
/                  Partie main du site                   /
///////////////////////////////////////////////////////*/

.single_assiociation_section_bloc {
    padding: 1em;
}

.single_post_header_news{
    width : 100% ; 
    height : 300px ; 
    display : flex ; 
    justify-content : flex-start ; 
    align-items : flex-end ; 
    background-image:url(csgo1920x600.png);
    background-size : 100% ; 
    border-top : 1px black solid ; 
    margin-top : 15px ; 
    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;
    }
.single_post_header_img{
    width: 1280px;
    height: 300px;
    overflow: hidden;
    z-index: 0 ;
    position: absolute;
}
.single_post_title_news
{
    width : 100% ;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1 ;
    padding: 1rem 0 0.5rem 0;
}

.single_post_title_news h2{
    text-transform : uppercase;
    color : white;
    font-family : "Open Sans", Arial, sans-serif;
    font-size : 26px ; 
    margin-left : 15px ; 
    margin-right : 15px ; 
    margin-top : auto ; 
    -webkit-text-stroke: 0 ;
}

.single_post_bar_header_news{
    width : 100% ; 
    height : 8px ; 
    background-image: linear-gradient(to top, #e74012, #f97e21 45%);
}

.single_post_content_news{
    display : flex ;
    flex-direction : row ;	
}

.single_post_article_news{
    width : 90% ;
    padding: 1rem;
    border-left : 1px #c9c9c9 solid ; 
    border-right : 1px #c9c9c9 solid ; 
    border-bottom : 1px #c9c9c9 solid ; 
    background-color: rgba(255, 255, 255, 0.5);
    margin-left: 2% ; 
    margin-right: 2% ; 
    margin-bottom : 2% ; 
}

.single_post_article_news h3{
    color : #f97e21 ; 
    font-size : 24px ;
    font-family : "Open Sans", Arial, sans-serif;
    margin-bottom : 0;
        
}

.single_post_article_news p{
    font-family : "Open Sans", Arial, sans-serif;
}

.single_post_article_news img{
    display : block ; 
    margin-left: auto;
    margin-right: auto;
}

main hr{
    margin-top : 0; 
    margin-bottom : 2% ; 
}

.single_post_info_news{
    width : 25% ; 
    height : 1000px ;
    margin-top : 20px ; 
    margin-right : 30px ;
    padding : 0 ; 	
}

.single_post_info_news ul{
    list-style-type: none;
    margin : 0 ; 
    padding : 0 ; 	
}

.single_post_info_news li{
    list-style-type: none;
    margin : 0 ; 
    padding : 0 ;
    font-family : "Open Sans", Arial, sans-serif;
    color :#5B5C5C ; 
}

.single_post_info_news p{
    font-family : "Open Sans", Arial, sans-serif;
}
    
.single_post_info_news h4{
    color : #f97e21 ; 
    font-size : 14px ;
    font-family : "Open Sans", Arial, sans-serif;
    margin: 0;
    padding : 0.5rem;
}

.single_post_auteur_news{
    margin-bottom : 10px ; 
    background-color: rgba(255, 255, 255, 0.5);
}

.single_post_title_auteur_news{
    background-color: #001019;
    border : 1px #c9c9c9 solid ;
    border-bottom : 0 ; 
}

.single_post_bloc_auteur_news{
    border : 1px #c9c9c9 solid ;
    border-top : 2px #f97e21 solid ; 
}

.single_post_bloc_auteur_news h3
{
    font-family: "Open Sans", Arial, sans-serif;
    font-size : 1.25rem ;
}

.single_post_auteur_news li{
    padding : 3px ; 
    padding-left : 5px ; 
    padding-right : 5px ; 
}

.single_post_categorie_news{
    margin-bottom : 10px ; 
    background-color: rgba(255, 255, 255, 0.5);
    border : 1px #c9c9c9 solid ;
}

.single_post_bloc_categorie_news{
    border-top : 2px #f97e21 solid ; 
}

.single_post_categorie_news li{
    padding : 3px ; 
}

.single_post_other_news{
    margin-bottom : 10px ;
    background-color: rgba(255, 255, 255, 0.5);
    border : 1px #c9c9c9 solid ;
}

.single_post_other_news li{
    padding : 5px ; 
}

.single_post_bloc_other-news{
    border-top : 2px #f97e21 solid ; 
}

.single_post_boutique{
    margin-bottom : 10px ; 
    background-color: rgba(255, 255, 255, 0.5);
    border : 1px #c9c9c9 solid ;
    width : 100% ; 
}
.single_post_boutique_galery{
    border-top : 2px #f97e21 solid ; 
    width : 250px ; 
	height: 250px;	 
	display : flex ; 
	align-content : center ;
	justify-content : center ; 
	flex-direction : row ; 
	align-items : center ; 
    align-self: center;
    overflow: hidden;
    margin: 0 auto ;
}
.single_post_boutique_slider{
    display: flex;
    flex-direction: row ;
    width: 250px;
    animation: glisse 15s infinite;
}

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

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



        @media screen and (max-width: 3840px)/*résolution télévision 4k */
        {
            /*/////////////////////////////////////////////////////////
            /           Partie texte général du site 3840px          /
            ///////////////////////////////////////////////////////*/
            h1{
        
            }
            h2{
        
            }
            h3{
        
            }
            p{
        
            }
            a{
        
            }
            /*////////////////////////////////////////////////////////
            ///////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////////
            /           Partie header du site 3840px                 /
            ///////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////
            ////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////////
            /           Partie main du site 3840px                   /
            ///////////////////////////////////////////////////////*/
        
            /*////              Section 1 3840px              ////*/        
        
        
            /*////              Section 2 3840px              ////*/ 
            
        
            /*////              Section 3 3840px              ////*/ 
            
        
            /*////              Section 4 3840px              ////*/  
        
        
            /*////              Section 5 3840px              ////*/ 
        
        
            /*/////////////////////////////////////////////////////
            ////////////////////////////////////////////////////*/
        }
        
        @media screen and (max-width: 1920px)/*résolution FULLHD1080P*/
        {
            /*/////////////////////////////////////////////////////////
            /           Partie texte général du site 1920px          /
            ///////////////////////////////////////////////////////*/
            h1{
        
            }
            h2{
        
            }
            h3{
        
            }
            p{
        
            }
            a{
        
            }
            /*/////////////////////////////////////////////////////
            ////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////////
            /           Partie header du site 1920px                 /
            ///////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////
            ////////////////////////////////////////////////////*/
        
        
            /*/////////////////////////////////////////////////////////
            /           Partie main du site 1920px                   /
            ///////////////////////////////////////////////////////*/

                /*/////////////////////////////////////////////////////
        ////////////////////////////////////////////////////*/
    }

@media screen and (max-width: 1600px)/*résolution FULLHD1080P*/
{
/*/////////////////////////////////////////////////////////
/           Partie texte général du site 1600px          /
///////////////////////////////////////////////////////*/
h1{

}
h2{

}
h3{

}
p{

}
a{

}
/*/////////////////////////////////////////////////////
////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////
/           Partie header du site 1600px                 /
///////////////////////////////////////////////////////*/


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


/*/////////////////////////////////////////////////////////
/           Partie main du site 1600px                   /
///////////////////////////////////////////////////////*/