.all{
  width: 1100px;
  margin: auto;
  position: relative;
  top: 180px;
}
.logo_sport{
	position: relative;
	margin-left: 60px;
	top: 20px;
	width: 60px;
	height: auto;
	margin-bottom: 30px;
}
.content_Logo{
 display: inline-block;
 /*margin: 5px;*/
 width: 200px;
 height: 200px;
 background-color: #DDD;
 font-size: 12px;
 color: #666;
 border-radius: 40px;
}

.titre{
	display: inline-block;
   padding: 10px;
   padding-bottom: 5px;
   text-align: center;
   vertical-align: middle;
   background-color: #666;
   border-radius: 4px;
   width: 600px;
   height: 30px;
   font-size: 20px;
   font-weight: bold;
   text-shadow: 1px 1px 0 #AAA;
   position: relative;
   top: 25px;
   left: 90px;
   color: #EEE;
}

a{
	color: #5383c3;
    text-shadow: 0.4px 0.4px #4373B3;
}
.content_lien{
 display: inline-block;
 margin: 5px;
 width: 800px;
 height: 90px;
 position: relative;
 top: -45px;
 background-color: #DDD;
 padding-top: 10px;
 color: #666;
 text-shadow: 0.4px 0.4px #333;
 font-size: 18px;
 font-weight: bold;
}

.content_detail{
 display: inline-block;
 margin: 5px;
 width: 800px;
 height: 95px;
 position: relative;
 top: -104px;
 left: 214px;
 background-color: #DDD;
}
 
.content_texte{
 display: inline-block;
 margin: 5px;
 width: 984px;
 min-height: 800px;
 background-color: #EEE;
 position: relative;
 top: -100px;
 text-align: justify;
 padding: 10px;
 border-left: 10px solid #5383c3;
 opacity: 0.8;
}


.text_style{
	position: relative;
	top: 75px;
	font-size: 20px;
	font-family: Times New Romain;
	letter-spacing: 2px;
	line-height: 35px;
	
}

.content{
  background-color: #999;
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 5px;
}

@media screen and (max-width: 720px){

  .all{
  width: 96%;
}
.content{
  display: inline-block;
  width: 140px;
  height: 140px;
}

.content_Logo{
 width: 140px;
 height: 140px;
 font-size: 11px;
 border-radius: 30px;
}

.logo_sport{
  position: relative;
  margin-left: 45px;
  top: 15px;
  width: 50px;
  margin-bottom: 15px;
}

.content_lien{
 display: inline-block;
 margin: 50px;
 width: 75%;
 height: 125px;
 position: relative;
 top: -195px;
 left: 100px;
 padding-top: 15px;
 font-size: 16px;
}

.content_detail{
 display: inline-block;
 margin: 5px;
 width: 99%;
 height: 95px;
 position: relative;
 top: -240px;
 left: 0px;
}


.titre{
  display: inline-block;
   padding: 8px;
   padding-bottom: 5px;
   width: 90%;
   height: 26px;
   font-size: 16px;
   position: relative;
   top: 30px;
   left: 4%;
}

.content_texte{
 display: inline-block;
 margin: 5px;
 width: 91%;
 height: 100px;
 min-height: 800px;
 background-color: #EEE;
 position: relative;
 top: -240px;
 text-align: justify;
 padding: 20px;
 border-left: 10px solid #5383c3;
 opacity: 0.8;
}

.text_style{
  position: relative;
  top: 15px;
  font-size: 20px;
  width: 90%;
  font-family: Times New Romain;
  letter-spacing: 2px;
  line-height: 35px;
  
}

@media screen and (max-width: 580px){

  .all{
  width: 96%;
}
.content{
  display: inline-block;
  width: 26%;
  height: 140px;
}

.content_Logo{
 width: 100%;
 height: 140px;
 font-size: 11px;
 border-radius: 30px;
}

.logo_sport{
  position: relative;
  margin-left: 45px;
  top: 15px;
  width: 50px;
  margin-bottom: 15px;
}

.content_lien{
 display: inline-block;
 margin: 50px;
 width: 75%;
 height: 125px;
 position: relative;
 top: -195px;
 left: 100px;
 padding-top: 15px;
 font-size: 14px;
}

.content_detail{
 display: inline-block;
 margin: 5px;
 width: 99%;
 height: 95px;
 position: relative;
 top: -240px;
 left: 0px;
}


.titre{
  display: inline-block;
   padding: 8px;
   padding-bottom: 5px;
   width: 90%;
   height: 26px;
   font-size: 16px;
   position: relative;
   top: 30px;
   left: 4%;
}

.content_texte{
 display: inline-block;
 margin: 5px;
 width: 91%;
 height: 100px;
 min-height: 800px;
 background-color: #EEE;
 position: relative;
 top: -240px;
 text-align: justify;
 padding: 20px;
 border-left: 10px solid #5383c3;
 opacity: 0.8;
}

.text_style{
  position: relative;
  top: 15px;
  font-size: 20px;
  width: 90%;
  font-family: Times New Romain;
  letter-spacing: 2px;
  line-height: 35px;
  
}
}
@media screen and (max-width: 480px){

.logo_sport{
  margin-left: 23px;
}
.content_lien{
 display: inline-block;
 margin: 50px;
 width: 60%;
 height: 125px;
 position: relative;
 top: -195px;
 left: 80px;
 padding-top: 15px;
 font-size: 12px;
}

.content_detail{
 display: inline-block;
 margin: 5px;
 width: 99%;
 height: 95px;
 position: relative;
 top: -240px;
 left: 0px;
}


.titre{
  display: inline-block;
   padding: 8px;
   padding-bottom: 5px;
   width: 90%;
   height: 35px;
   font-size: 14px;
   position: relative;
   top: 25px;
   left: 3%;
}

.text_style{
  position: relative;
  top: 15px;
  font-size: 18px;
  width: 90%;
  font-family: Times New Romain;
  letter-spacing: 2px;
  line-height: 35px;
  
}

.content{
  display: inline-block;
  width: 28%;
  height: 140px;
}



}