/*======================================WEBSITE SIZE==================================== */
/*===============Background website*/

body {
/*background-color: #1c1c1c;
background-image: radial-gradient(circle, #000000 95%, #626262 100%, #000000 100%);
background: radial-gradient(circle, #1C1C1C 20%, #1C1C1C 45%, #000000 100%);*/
background: radial-gradient(circle, #18191a  20%, #18191a 45%, #18191a 100%);
}
/*=====Row Body*/
.row2400{
  margin: 0 auto;
  max-width: 150em;
  width: 100%;
}

.row2160{
  margin: 0 auto;
  max-width: 135em;
  width: 100%;
}
.row1440{
  margin: 0 auto;
  max-width: 90em;
  width: 100%;
}
.row1760{
  margin: 0 auto;
  max-width: 110em;
  width: 100%;
}

.row1280{
  margin: 0 auto;
  max-width: 80em;
  width: 100%;
}
.row1080{
  margin: 0 auto;
  max-width: 67.5em;
  width: 100%;
}
.row720{
  margin: 0 auto;
  max-width: 45em;
  width: 100%;
}
.row_footer{
  margin: 0 auto;
  max-width: 135em;
  width: 100%;
}

/*======================================MENU==================================== */
.DivStyle_menu {
 /* border: 3px solid #0067b2;*/
  background-color: #000000;    
  text-align: left;
  line-height: 0;
padding-right: 0px; 
  padding-left: 0px;
  padding-top: 7px; 
  padding-bottom: 7px;
}
.topbar-center-logo {
background: #000000;
}
.topbar-center-logo .menu {
background: #000000;
}
.topbar-center-logo .menu a {
color: #000000;
}
@media screen and (max-width: 39.9375em) {
.topbar-center-logo .top-bar-center {
display: none;

}
}
.topbar-center-logo-mobile {
background: #000000;
}
.topbar-center-logo-mobile .menu-icon {
vertical-align: baseline;
}
/*======================================LAZYLOAD==================================== */
/*===============Ratio loading*/
.b-lazy{
		  display:inline-block;
		  position:absolute;
		  left:0;
		  top:0;
		  height:100%;
		  width:100%;
	  }

/*===============RATIO LOGO*/
.ratio-2160x150_logo_desktop {
		  padding-bottom: 5.2%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
	  .ratio-1080x150_logo_tablette {
		  padding-bottom: 10%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
	  .ratio-540x150_logo_mobile {
		  padding-bottom: 20%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
 /*===============Ratio photo landscape 1 ( Ultrawide 1080p 2560×1080 */
.ratio-2160x911{
		  padding-bottom: 42.100%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
/*===============Ratio photo landscape 1 ( Large images*/
.ratio-2160x1080{
		  padding-bottom:50%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
/*================Ratio photo portrait*/
.ratio-1620x1080{
		  padding-bottom:150%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
/*===============Ratio photo landscape 2 ( medium images*/
.ratio-1440x720{
		  padding-bottom: 50%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }
/*================Ratio photo square*/
.ratio-1080x1080{
		  padding-bottom:100%;
		  height: 0;
		  width: 100%;
		  overflow: hidden;
		  position: relative;
	  }

/*================MY LANDING PAGE All TEXTES STYLE==================================== */
.DivStyle_img {
  border: 0px outset red;
  background-image: linear-gradient(#000000.30%, #333333 40%, #000000 100%);
  /*background-color: #1C1C1C ;*/  
  text-align: left;
  line-height: 0.8;
  padding-top: 0px; 
  padding-bottom: 0px;
  padding-right: 0px; 
  padding-left: 0px;
}
.DivStyle_texte {
  border: 0px outset red;
 /*text-align: justify;
word-spacing: 1.8px;*/
  background-color: #000000;    
  line-height: 1.2;
  padding-right: 25px; 
  padding-left: 30px;
   padding-top: 12px; 
  padding-bottom: 12px;
}
 /* h1 seo indispensable*/
h1{  /* h1 texte intro for seo*/
font-family: 'Lato';
font-style: normal;
letter-spacing: 0px;
font-weight: 300;
font-size: 14px;
color: #999999;
}
h2{ /* h1 texte intro for bio*/
font-family: 'Lato';
font-style: normal;
letter-spacing: 0px;
font-weight: 300;
font-size: 14px;
color: #999999;
}
/*================My Landing page texte styles*/
 /* Menu (400,700,900 */
menu_1{
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 0px;
  font-size: 12px;

}
landing_titre_1{
font-family: 'Lato';
font-style: normal;
letter-spacing: 0px;
font-weight: 400;
font-size: 16px;
color: #ffffff;
}


  /* Landing page Titre texte read more (200,400,600 */
landing_texte_readmore_1{
font-family: 'Lato';
font-style: normal;
letter-spacing: 0px;
font-weight: 300;
font-size: 14px;
color: #999999;
}



/*==============================================LINKS*/
 /* unvisited link */
a:link {
    color: rgba(139, 205, 255, 1);
    text-decoration: none;
    background-color: none;
}
/* visited link */
a:visited {
    color: #333333;
    text-decoration: none;
     background-color: none;
}
/* mouse over link */
a:hover {
    color: #666666;
    text-decoration: underline;
    background-color: none;
}
/* selected link */
a:active {
    color: rgba(175, 18, 26,1);
    text-decoration: none;
    background-color: none;
}
/*=====================READ MORE (accordeon texte sous media)==================================== */
/*==BOUTTON READ MORE ==================================== */
landing_boutton_readmore_1 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 0;
 color: #ffffff;

}
.read-more-content {
  max-height: 0;
  overflow: hidden;
transition: max-height .5s ease;
}
.read-more-toggle {
  display: none;
}
.read-more-toggle-label {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  border: none;
  padding: 0px;
  margin: .0em;
  font-size: .8em;
  background: #;
  color: white;
}
.read-more-toggle-label:after {
  content: "more...";
 display: inline-block;
 font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
line-height: 0;
color: white;	 
}
.read-more-toggle:checked + .read-more-content {
  display: block;
  /* css animation won't work with "auto"; set to some height larger
	than the content */
  max-height: 10000px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
  content: "less";
}
.article {
border-bottom: 25px solid #ffffff;
}
.article p {
  margin-bottom: .5em;
}

/*==============================================SOCIAL_MEDIA*/
.DivStyle_Smedia_icones {
  border: 0px outset red;
  background-color: #;    
  text-align: left;
  line-height: 1.0;
  padding-top: 30px; 
  padding-bottom: 8px;
  padding-right: 10px; 
  padding-left: 10px;
}
/*==============================================FOOTERS*/
.DivStyle_footer_desktop {
  /*border: 3px outset #23ff00;*/
 /*background-color: #000000;*/    
  text-align: center;
  line-height: 1.0;
  padding-top: 10px; 
  padding-bottom: 100px;
  padding-right: 300px; 
  padding-left: 300px;
}
footer_desktop {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 700;
 font-size: 12px;
color: #666666;
 }
.DivStyle_footer_tablette {
  border: 0px outset red;
  background-color: #;    
  text-align: center;
  line-height: 1.0;
  padding-top: 10px; 
  padding-bottom: 0px;
  padding-right: 120px; 
  padding-left: 120px;
}
 footer_tablette {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #666666;
}
 .DivStyle_footer_mobile {
  border: 0px outset red;
  background-color: #;    
  text-align: center;
  line-height: 0.8;
  padding-top: 10px; 
  padding-bottom: 100px;
  padding-right: 25px; 
  padding-left: 25px;
}
 footer_mobile {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #666666;
}

/*======================================TEST==================================== */