/*
Free Html5 Responsive Templates
Author: BIGCD2020
*/
#main{
	position: relative;
	width: 1100px;
	height: 100%;
	opacity: 7;
	background: #1a2c41;
	box-shadow: 0px 0px 2px 2px #CCC;
	margin: 10px auto;
	padding: 0.2rem;
	zoom: 1;
}
#main:after { content: "\0020"; 
display:block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
#main .ligne{}
#main .ligne:before,.ligne:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#main .ligne:after{clear: both; }
#main .ligne{zoom: 1;}
#main #header, #main #volet, #main #footer{
      	float:left;
      	display: block;
}

#main #header{width:100%;height: 20%;background: #2c4256;}
#main #volet{width:100%;height: 73.33%;background: #e6e6e6;}
#main #footer{width:100%;height: 6.67%;background: #1a2c41;}

#main #header .row1, #main #header .row2, #main #header .row3{
  	float:left;
  	display: inline-block;
  	width: 100%;
}

.row1{
	height: 50%;
	background: transparent;
}

.row2{
	height: 25%;
	background: #E7E7E8;
  	color: #1a2c41;
}
.row3{
	height: 25%;
	background: #1a2c41;
  	color: #E7E7E8;
}

#main #volet #section, #main #volet #aside{
	float:left;
    display: block;
}

#main #volet #section{width:78%;height: 100%;}
#main #volet #aside{width:22%;height: 100%;background: #e6e6e6;}

#main #volet #section #article1, #main #volet #section #article2{
	float: left;
	display: block;
}

#main #volet #section #article1{width:99%;height: 80.3%;background: #fff;padding: 4px;padding-bottom: 0px;}
#main #volet #section #article2{width:100%;height: 18.67%;background: #fff;}
#article2> div {
float: left;
margin: 0px 0px;
}

div.box2 {
	font-size: 11px;
margin: 4px;
margin-top: 6px;
background: #fff;
}

div.box2 div.header {
	padding: 10px 0;
	padding-left: 5px;
background-color: #e6e6e6;
color: #1a2c41;
}

/*responsive designe*/
			@media only screen and (min-width: 1120px) and (max-width: 3500px) {
				#main{
					width: 1100px;
				}

			}

			@media only screen and (min-width: 990px) and (max-width: 1120px) {
				#main{
					width: 98%!important;
				}

		        .show-menu-btn,.hide-menu-btn {
		          display: block;
		        }
						.show-menu-btn2,.hide-menu-btn2{
		          display: block;
		        }
		        .Menu{
		          position: fixed;
		          width: 100%;
		          height: 100vh;
		          background: rgba(255, 255, 255, 0.8);
		          right: -100%;
		          top: 0;
		          text-align: center;
		          padding: 80px 0;
		          line-height: normal;
		          transition: 0.7s;
          z-index: 10;
		        }
		        .Menu a{
		          display: block;
		          padding: 15px;
		        }

		        .Menu2{
		          position: fixed;
		          width: 100%;
		          height: 100vh;
		          background: rgba(26, 44, 65, 0.8);
		          left: -100%;
		          top: 0;
		          text-align: center;
		          padding: 80px 0;
		          line-height: normal;
		          transition: 0.7s;
          z-index: 10;
		        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

		        .hide-menu-btn{
		          position: absolute;
		          top: 40px;
		          right: 40px;
		        }
		        #chk:checked ~ .Menu{
		          right: 0;
		        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}

			}


			@media only screen and (min-width: 820px) and (max-width: 990px) {
				#main{
					width: 98%!important;
				}
		        .show-menu-btn,.hide-menu-btn {
		          display: block;
		        }
						.show-menu-btn2,.hide-menu-btn2{
		          display: block;
		        }
		        .Menu{
		          position: fixed;
		          width: 100%;
		          height: 100vh;
		          background: rgba(255, 255, 255, 0.8);
		          right: -100%;
		          top: 0;
		          text-align: center;
		          padding: 80px 0;
		          line-height: normal;
		          transition: 0.7s;
          z-index: 10;
		        }
		        .Menu a{
		          display: block;
		          padding: 15px;
		        }

		        .Menu2{
		          position: fixed;
		          width: 100%;
		          height: 100vh;
		          background: rgba(26, 44, 65, 0.8);
		          left: -100%;
		          top: 0;
		          text-align: center;
		          padding: 80px 0;
		          line-height: normal;
		          transition: 0.7s;
          z-index: 10;
		        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

		        .hide-menu-btn{
		          position: absolute;
		          top: 40px;
		          right: 40px;
		        }
		        #chk:checked ~ .Menu{
		          right: 0;
		        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}


			#main #volet #section{width:78%;height: 100%;}
			#main #volet #aside{width:22%;height: 100%;background: #e6e6e6;}

			}

			@media only screen  and (min-width: 690px) and  (max-width: 820px) {
        #main{
					width: 98%!important;
      		height: 1100px!important;
				}
        .show-menu-btn,.hide-menu-btn {
          display: block;
        }
				.show-menu-btn2,.hide-menu-btn2{
          display: block;
        }

        .Menu{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(255, 255, 255, 0.8);
          right: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }
        .Menu a{
          display: block;
          padding: 15px;
        }

        .Menu2{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(26, 44, 65, 0.8);
          left: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

        .hide-menu-btn{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk:checked ~ .Menu{
          right: 0;
        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}

        .fa-ellipsis-h:before {
		  top: 65px!important;
		}
		.fa-ellipsis-h2:before {
		  top: 115px!important;
		}

		#main #volet #section{width:100%;height: 50%;}
		#main #volet #aside{width:100%;height: 50%;background: #e6e6e6;}
			}


			@media only screen  and (min-width: 386px) and (max-width: 690px) {
				#main{
					width: 98%!important;
				}
        .show-menu-btn,.hide-menu-btn {
          display: block;
        }
				.show-menu-btn2,.hide-menu-btn2{
          display: block;
        }
        .Menu{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(255, 255, 255, 0.8);
          right: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }
        .Menu a{
          display: block;
          padding: 15px;
        }

        .Menu2{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(26, 44, 65, 0.8);
          left: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

        .hide-menu-btn{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk:checked ~ .Menu{
          right: 0;
        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}


        
		#main #volet #section{width:100%;height: 50%;}
		#main #volet #aside{width:100%;height: 50%;background: #e6e6e6;}


#main #volet #section #article1{width:100%;height: 71.33%;background: #fff;}
#main #volet #section #article2{width:98.8%;height: 18.67%;padding-left: 5px;}
			}


			@media only screen  and (min-width: 250px) and (max-width: 386px) {
				#main{
					width: 98%!important;
				}
        .show-menu-btn,.hide-menu-btn {
          display: block;
        }
				.show-menu-btn2,.hide-menu-btn2{
          display: block;
        }
        .Menu{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(255, 255, 255, 0.8);
          right: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }
        .Menu a{
          display: block;
          padding: 15px;
        }

        .Menu2{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(26, 44, 65, 0.8);
          left: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

        .hide-menu-btn{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk:checked ~ .Menu{
          right: 0;
        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}


        
		#main #volet #section{width:100%;height: 50%;}
		#main #volet #aside{width:100%;height: 50%;background: #e6e6e6;}

#main #volet #section #article1{width:100%;height: 75.33%;background: #fff;}
#main #volet #section #article2{width:100%;height: 18.67%;padding-left: 0px!important;}
			}


			@media only screen  and (max-width: 250px) {
				#main{
					width: 98%!important;
				}
        .show-menu-btn,.hide-menu-btn {
          display: block;
        }
				.show-menu-btn2,.hide-menu-btn2{
          display: block;
        }
        .Menu{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(255, 255, 255, 0.8);
          right: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
        }
        .Menu a{
          display: block;
          padding: 15px;
        }

        .Menu2{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(26, 44, 65, 0.8);
          left: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

        .hide-menu-btn{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk:checked ~ .Menu{
          right: 0;
        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}


        
		#main #volet #section{width:100%;height: 50%;}
		#main #volet #aside{width:100%;height: 50%;background: #e6e6e6;}

#main #volet #section #article1{width:100%;height: 75.33%;background: #fff;}
#main #volet #section #article2{width:100%;height: 18.67%;padding-left: 0px!important;}
			}

      /*menu bout responsive*/
      @media screen and (min-width: 250px)  and (max-width:800px) {
      	#main{
      		width: 98%!important;
      		height: 1000px!important;
      	}

        .show-menu-btn,.hide-menu-btn {
          display: block;
        }
				.show-menu-btn2,.hide-menu-btn2{
          display: block;
        }
        .Menu{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(255, 255, 255, 0.8);
          right: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }
        .Menu a{
          display: block;
          padding: 15px;
        }

        .Menu2{
          position: fixed;
          width: 100%;
          height: 100vh;
          background: rgba(26, 44, 65, 0.8);
          left: -100%;
          top: 0;
          text-align: center;
          padding: 80px 0;
          line-height: normal;
          transition: 0.7s;
          z-index: 10;
        }

				.Menu2 a{
					display: block;
					padding: 15px;
				}

        .hide-menu-btn{
          position: absolute;
          top: 40px;
          right: 40px;
        }
        #chk:checked ~ .Menu{
          right: 0;
        }

				.hide-menu-btn2{
					position: absolute;
					top: 40px;
					right: 40px;
				}
				#chk2:checked ~ .Menu2{
					left: 0;
				}

      }


 @media screen and (max-width:790px) {
      	#main{
      		height: 1180px!important;
      	}
     
        .fa-ellipsis-h:before {
		  top: 85px!important;
		}
		.fa-ellipsis-h2:before {
		  top: 145px!important;
		}
.sequence {
padding-bottom: 6px;
}
		.withCover .topProfileHeader .bottomInfo {
		overflow-x: hidden;
		overflow-y: auto;
		min-height: 98%!important;
padding: 6px 20px 0px 20px;
margin-bottom: 16px;
		}
		.topProfileHeader .bio .text {
		max-height: 2500px!important;
		}

      }