/*CSS JUN AUG2022*/

/*STYLE DE BASE*/


html {
  font-family: ABeeZee, Kosugi Maru
}

.header {
  background-color: #71130B;
  color: #ffffff;
  height: 70px;
  padding: 15px;
  padding-left: 80px;
}

.content {
  padding: 0px;
  padding-bottom: 30px;
  background-color: #f9f9f9;
  min-height: 100%;
  margin: 0 auto -60px;
  
  }
      
.footer {
        height: 60px;
      }

      
footer {
  background-color: #71130B;
  color: #ffffff;
  text-align: center;
  padding: 10 20px;
  line-height: 20px;
}



body
{ height: 100%; margin: 0; font-size:100%; font-family:ABeeZee, Kosugi Maru}

table
{ font-size:90%; font-family:ABeeZee, Kosugi Maru}

textarea
{ font-size:100%; font-family:ABeeZee, Kosugi Maru}

p
{ font-size:100%; font-family:ABeeZee, Kosugi Maru}

td.gris
{ font-size:100%; font-family:museo-sans-1,museo-sans-2, color:#555555}

td.session {
  border-bottom: 1px solid #ddd;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-size:80%;
}

/*STYLE DE TEXTE PAR RAPPORT A BODY*/

.titre_section
{ color:#71130B ;font-size:200%}

.txt
{ color:#555555 ;font-size:100%; line-height:2.2}

.boldtxt
{ color:#555555 ;font-size:75%; line-height:1.2; font-weight:bold}

.pageSelect
{ color:#FF0000 ;font-size:75%; font-weight:bold}

.path
{ color:#555555 ;font-size:70%; letter-spacing:0.07em}

.copyright
{ color:#71130B ;font-size:10px; font-family:Arial}

.error
{ color:#71130B ;font-size:80%}


/*STYLE DES INPUTS PAR RAPPORT A BODY OU TABLE*/

.input_s {width:100px; font-size:100%; border:0; background-color: #F3F3F3; font-family:ABeeZee}






/*STYLE DE TEXTE PREFORMATE PAR RAPPORT A BODY*/

p.justify
{ color:#555555 ;font-size:100%; line-height:2.0; text-align:justify}

p.ABeeZee
{ font-size:80%; font-family:ABeeZee}




/*RESPONSIVE*/


* {
  box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  float: left;
  padding: 0px;

}


@media only screen and (min-width: 100px)  {
  /* For tablets & Mobile: */
  .col-1 {width: 100%;}
  .col-1 {width: 100%;}
  
	.titre_page{ color:#FFFFFF ;font-size:300%; padding: 50px; padding-left: 5%}
	.sous-titre_page{ color:#FFFFFF ;font-size:120%; padding-left: 5%}
	.soustitre_section{ color:#71130B ;font-size:100%;padding-bottom: 10px;padding-top: 10px;}
	.smalltxt{ color:#555555 ;font-size:70%; font-family:ABeeZee, Kosugi Maru}
	.mediumtxt{ color:#555555 ;font-size:80%; font-family:ABeeZee, Kosugi Maru}
	
		
	.section_g {
	background-color: #f9f9f9;
	padding: 15px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 40px;
	display: table; /*Displays the responsive columns as a table*/
	}

	
	p.justify
	{ color:#555555 ;font-size:80%; line-height:2.0; text-align:justify}
	
	.input_l {width:100%; font-size:80%; border:0; background-color: #F3F3F3; }

	.input_area_s {width:100%; font-size:80%; border:0; background-color: #F3F3F3; overflow-y:auto; overflow-x:hidden }
}



@media only screen and (min-width: 600px) {
  /* For desktop: */
  .col-1 {width: 60%;}
  .col-2 {width: 5%;}
  .col-3 {width: 35%;}

  
	.titre_page{ color:#FFFFFF ;font-size:400%; padding: 50px; padding-left: 80px}
	.sous-titre_page{ color:#FFFFFF ;font-size:150%; padding-left: 80px}
	.soustitre_section{ color:#71130B ;font-size:130%;padding-bottom: 10px;padding-top: 10px;}
	.smalltxt{ color:#555555 ;font-size:80%; font-family:ABeeZee, Kosugi Maru}
	.mediumtxt{ color:#555555 ;font-size:90%; font-family:ABeeZee, Kosugi Maru}
	
		
	.section_g {
	background-color: #f9f9f9;
	padding: 15px;
	padding-left: 80px;
	padding-right: 60px;
	padding-top: 40px;
	padding-bottom: 10px;
	}
	

	
	
	p.justify
	{ color:#555555 ;font-size:100%; line-height:2.0; text-align:justify}
	
	.input_l {width:400px; font-size:80%; border:0; background-color: #F3F3F3; }

	.input_area_s {width:400px; font-size:80%; border:0; background-color: #F3F3F3; overflow-y:auto; overflow-x:hidden }

}


/*IMAGES*/

.container{
	width: 100%;
	height: 260px;
	position: relative;
	margin: 0px;
}


.divT {
  width: 100%;
  height: 260px;
  background-image: url('/img/sunFlower.jpg') ;
  background-size: cover;
  background-position: center;
  z-index:-1;
   opacity: 1;
  margin-top: 0px;
  padding-right: 5%;
}

.shade {
  width: 100%;
  height: 260px;
  background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0));

}