.img_accueil{
  width:1024px;
  border: solid;
}
.topnav_PC {
  overflow: hidden;
  background-color: #f5f6f6;  
  display: flex;
  justify-content: center;
}
.topnav_PC a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.topnav_PC a:hover {
  background-color: #ddd;
  color: black;
}

.topnav_PC a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav_responsive {
  overflow: hidden;
  background-color: #f5f6f6;  
  display: flex;
  justify-content: center;
  height: 100px;
}
.topnav_responsive a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.topnav_responsive a:hover {
  background-color: #ddd;
  color: black;
}

.topnav_responsive a.active {
  background-color: #04AA6D;
  color: white;
}

@media (max-width: 600px) {
  .topnav_PC {display: none;}
  .topnav_responsive {display: block;}
}

@media (min-width: 600px) {
  .topnav_responsive {display: none;}
  .topnav_PC {display: block;}
}

.position_burger{
    position: absolute;    
    right: 0px;
}

.hide_menu{
  visibility: hidden;
  z-index: 1;
}

.topnav::-webkit-scrollbar {
  display: none;
}

.sous_menu_actu{
    position: absolute;
    right: 0px;
    top: 50;
    float: none;
}

.sous_menu_club{
    position: absolute;
    right: 150px;
    top: 50px;
    float: none;
}
.sous_menu_infos{
    position: absolute;
    right: 250px;
    top: 50px;
    float: none;
}

.body_no_marge{
  margin:0px;
  background-color: #f5f6f6;  
}
.photo_accueil{
  width: 100%;
  
}
.logo_class{
  height: 120px;
  width: 120px;
  padding: 0px;
  margin: 0px;
}
.shootUrbain1{
  height: 413px;
  width: 500px;
  padding: 0px;
  margin: 0px;  
}
.lang-choice{
  width: 34px;
  height: 20px;
  padding: 0px;
  margin: 0px;
}

.shootUrbain_small{
  height: 591px;
  width: 400px;
  padding: 0px;
  margin: 0px;  
}
.titre_1{
  font-size: 18;
  font-weight: bold;
}

.footer_class{
  text-align: center;
  max-width: 100%;
  background: rgb(11, 126, 172);
  margin: 0px;
  padding: 5px;
  background-color: #f5f6f6;  
}
.footer_item{
  padding: 5px;
}
.no_scroll{
  overflow: hidden;
  background-color: #f5f6f6;  
}
.footer_class_index{
  width: 100%;
  background-color: #f5f6f6;  
}
.header_in{
  width: 100%;
  max-width: 1024px;
  background-color: #f5f6f6;  
}
.header_class{
  width: 100%;
  max-width: 1024px;
  text-align: center;
  min-height: 50px;  
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background-color: #f5f6f6;  
}

.body_cadre{
  max-width: 100%;
}

.porfolio_photo{
  width: 305px;
  margin: 5px;
  border: #000000;
  
  /*height: 346px;*/
}

@media (max-width: 600px) {
  .porfolio_photo {width: 100%;height: auto;margin: 0px;margin-top: 5px;}
}
.unArt{
  display: block;
}
.unArtImg{
  width: 180px;
}
.unRencontreImg{
  width: 120px;
}

.laTechniqueImg{
  width: 180px;
}

@media (max-width: 600px) {
  .unArt{display: none;}
}
.unArt_res{
  display: none;
}
@media (max-width: 600px) {
  .unArt_res{display: block;}
}



.portfolioLigne{
  width: 100%;
}

.moi_photo{
  width: 250px;
}
.div_center{
  text-align: center;
}

.width-full {
width:100%;
}

.width-2500 {
width:2500px;
height: 330px;
max-height: 330px;
}

.temoignage_fond {
	background-color: #c3c3c3;
	height: 380px;
  display:inline-block;
}

.web-center {
text-align: center;
text-align: -webkit-center;
text-align: -moz-center;
}

.screenshot-temoignage {
border:1px solid #A07E4E;
border-radius:40px;
margin-bottom:2px;
margin-top:2px;
padding:50px 20px;
width:80px;
height:80px;
padding:0px;
box-shadow:1px 2px 2px gray,
-1px -1px 2px white;
z-index:3;
position:relative;  top:-40px;
}

.temoignage-paragraphe-text {
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
-webkit-user-select:none;
background-color:#FFFFFF;
border:1px solid gray;
font-size:16px;
font-weight:400;
height:250px;
line-height:1.42857143;
margin:30px;
padding:20px;
text-align:left;
user-select:none;
vertical-align:middle;
max-width:100%;
position:relative;  top:-100px;
word-wrap: break-word;
width: 300px;
white-space: break-spaces;
}




/* General */
.main_scroll {
  height: 400px;
  width: 100%;
}

.container_scroll {
  margin: 5px;
  width: 100%;
  height: 350px;
  border: 0px solid #341C09;
  white-space: nowrap;
}

.item_scroll {
  border: none;
  background-color: #f5f6f6;
  width: 300px;
}

/* Inline-block */
.inline_scroll {
  vertical-align: middle;
  overflow-x: scroll; 
  overflow-y: hidden;

}
.inline-item_scroll {
  display: inline-block;
  vertical-align: middle;
  height: 140px;
  margin-right: -4px;
  margin: 2px;
  padding: 5px;
}