/*---------------------------------
custom css version:001 June 19th, 2016;
UPDATE, January 15th, 2022;
--------------------------------*/


/*---------------------------------
RESET
--------------------------------*/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/*---------------------------
BASIC STYLES
-------------------- */
html {
  scroll-behavior: smooth;
}

body{background-color:#fff;}

hr{border-top: 1px solid #aaa;}

h3{font-size: 1.4rem;color:#e00b09; text-decoration:italic;}


/*---------------------------------
HEADER
--------------------------------*/

/*.page-header{background-image: url(../images/loup.jpeg); margin:0;}*/
.page-header{ margin:0;}

.titre{
margin-left:25px;
padding: 5px 5px;
color:#017801;
letter-spacing: 3px;
font-style: italic;
font: 2.2em Verdana, Arial, Helvetica, sans-serif;

}	

.date{

	padding:25px 0 5px 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border-bottom: 2px solid #9dadc6;
	color:#E85E00;
}	

/*-------------------------------
MAIN CONTENT
--------------------------------*/

.container1{
  
  position: relative;
  background: url('../images/loup.jpeg') no-repeat center center/cover;
  background-attachment: fixed;
  height: 1100px;
  width: 100%;
  
}
/*Overlay 
.container1::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(244, 244,244, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}*/
 
.premiertitre{text-align:left;color:#333;font-size:20px;}

.face{text-align:center;margin-top:5%; }

.membre{text-align:left; margin:50px 5px 0 0;}

.principaleCol{border-left: 10px solid #E85E00;border-right: 10px solid #E85E00;}

#life {text-align:center;}

.pied{font-size:10px;color:#E85E00;text-align:center;margin-top:0;padding:20px 0;background-color:#fff;}

/* .bgtania{
  background: url("../images/taniapage.jpg")no-repeat;
  min-height: 2000px;
  background-size: cover;
  background-attachment: fixed;
} */
/*
 ===============================
  MEDIA STARTS HERE 
  ===============================
*/
/*Small devices landscape phone, 576px and up*/
@media (min-width: 375px) {
 .container1 {
    height: 100vh;
   
  } 
.principaleCol{border-left: 1px solid #E85E00;border-right: 1px solid #E85E00;}
.colgauche{margin:50px 0 0 0;}

  }

 /*Medium devices tablets phone, 768px and up*/
@media (min-width : 768px) {
  .container1 {
    height: 100vh;
      }
	.bgtania{
  background: url("../images/taniapage.jpg")no-repeat;
  min-height: 1200px;
  background-size: cover;
  background-attachment: fixed;
	}
	
}