.container {
width: 65%;	
margin: auto;
}

.titres {
/*width: 100%;	
margin: auto;*/
height: 50px;
margin-top: 50px;
margin-bottom: 25px;
font: 45px "Arial Hebrew";
/*font-weight: bold;*/

}

.titres span:hover {
/*  color: green;*/
  cursor: pointer;
}

/*.titres span:hover{ background-color: orange!important; cursor: pointer;}*/

body {
	background-color: #e9e9e9;
}
.grecaptcha-badge { 
    visibility: hidden;
}

.hidden_invisible {display: none;
visibility: hidden;
}

#audios {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
margin-top: 100px;
}

@media screen and (max-width: 980px) {

#audios {
margin-top: 50px;

}
}


.link {cursor: pointer;	border-radius: 12px;}
.link:hover {filter: brightness(200%);}
.hidden_spot {z-index: 5; position: absolute;right: 37px;top: 0px;width: 40px;height: 40px;border: 0px solid #333;
}

.hidden_spot_2 {z-index: 5; position: absolute;right: 0px;top: 0px;width: 40px;height: 40px;border: 0px solid #ebe9e9;
}

.nom {text-align: center;}

.yen3d img {
border-radius: 5px;
margin-left: 10px;
height: 40px;
width: 40px;
}

.contact_box  {
	display: grid;
	width: 99%;
	margin: 6% auto auto;
	grid-template-columns: minmax(auto, 25%) minmax(auto, 25%) minmax(auto, 25%) minmax(auto, 25%);
	column-gap:15px;
	border: var(--borders_width);
}

.contact_nom {grid-column: 1 / 3 ;grid-row: 1;margin-bottom: 14px;}
.contact_email {grid-column: 3 / 5 ;grid-row: 1;margin-bottom: 14px;}
.contact_message {grid-column: 1 / 5 ;	grid-row: 2;margin-bottom: 14px;}
.send_div {grid-row: 3;	grid-column: 3/ 5 ;	display: flex;justify-content: right;}

.captcha {
margin-top: 0px;
grid-column: 1 /3 ;	
grid-row: 3;	
height: 50px;
float: left;
transform: scale(0.75); 
-webkit-transform: scale(0.75); 
transform-origin: 0 0; 
-webkit-transform-origin: 0 0;	
}

.send_button {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 40px;
background-color: #23a03f!important;
color: #fefefe !important;
border-radius:20px;
font-size: 20px;
font-weight: 400;
border: 2px solid #fcfcfc;
}

#contact_msg {grid-column: 1 / 5 ;	grid-row: 3;text-align: left;height: 30px;}
.send_button:hover { background-color: orange!important; cursor: pointer;}
.hidden {display: none;}

/*--------------------- Adresse --------------------*/

.adresse_box  {
margin-top: 60px;
display: grid;
grid-template-columns: 30%  minmax(auto, 70%);
border: var(--borders_width);
align-items: center;
}

.Adresse_infos {height: 70%;display: flex;flex-direction: column;}
div.up {flex: 1;}
div.down { flex: none;}
.Adresse_title {
font: italic 1.1em 'Montserrat', Arial, Helvetica, sans-serif;
	height: 40px;}
.Adresse_items {
height: 26px;
}
.insta_logo {display: none;height: 30px;}

@media screen and (max-width: 980px){.Adresse_infos {height: 80%;}.insta_logo {display: inline-block;}}

/*------------------------------------------- fin adresse -------------------------------*/

@media screen and (max-width: 920px){
	.contact_box  {
		display: grid;
		grid-gap: 0px;
		margin: 6% auto auto;
		grid-template-columns:  50%  50%;
		grid-template-rows:  auto  ;
		border: var(--borders_width);
		}	
		.contact_nom {grid-column: 1 / 3 ;	grid-row: 1;margin-bottom: 12px;}
		.contact_email {grid-column: 1 / 3 ;	grid-row: 2;margin-bottom: 12px;}
		.contact_message {grid-column: 1 / 3 ;	grid-row: 3;margin-bottom: 12px;}
		.send_div {grid-row: 4;	grid-column: 2 / 3 ;	display: flex;justify-content: right;}
		.captcha {
		grid-column: 1 / 3 ;	
		grid-row: 4;	
		height: 50px;
		transform: scale(0.6); 
		-webkit-transform: scale(0.6); 
		transform-origin: 0 0; 
		-webkit-transform-origin: 0 0;	
		}
				
		.send_button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		height: 34px;
		border-radius:19px;
		font-size: 17px;
		}
		
		#contact_msg {
		grid-column: 1 / 3 ;	
		grid-row: 4;
		text-align: left;
		font-size: 17px;
		text-indent: 5px;
		}
		
		.adresse_box  {
		margin-top: 30px;
		display: grid;
		grid-template-columns: 40% minmax(auto, 60%);
		border: var(--borders_width);
		}
		
}


@media screen and (max-width: 440px){
		.captcha {
		grid-column: 1 / 3 ;	
		grid-row: 4;	
		height: 40px;
		transform: scale(0.5); 
		-webkit-transform: scale(0.5); 
		transform-origin: 0 0; 
		-webkit-transform-origin: 0 0;	
		}
		
		.send_button {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 11px;
		padding-right: 11px;
		width: 75px;
		height: 28px;
		border-radius:14px;
		font-size: 14px;
		font-weight: 400;
		}
		
		#contact_msg {
		grid-column: 1 / 3 ;	
		grid-row: 4;
		text-align: left;
		font-size: 15px;
		text-indent: 5px;
		}
}


@import url(fontawesome.css);
html,body {
padding: 0;
margin: 0;
overflow-x: hidden;
}

/*html{scroll-behavior:smooth}*/

body, input, textarea {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 17pt;
font-weight: 300;
line-height: 1.65;
}

a {text-decoration: none;color: inherit;}

h2, h3, h4 {font-weight: 300;line-height: 1.3;}

h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.17em;}

input[type="text"],
input[type="email"],
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 8px;
color: inherit;
display: block;
padding: 0 1em;
border: 1px solid #bdbdbd;
background-color: rgb(246, 246, 246);
}

input[type="text"],input[type="email"]{height: 2.75em;}
textarea {padding: 0.75em 1em;}
header.major h2 {font-size: 2em;text-align: center;}
header.major h2:after {
display: block;
content: '';
width: 3.25em;
height: 2px;
margin: 0.em 0 1em 0;
margin-left: auto;
margin-right: auto;
}


section {
margin-bottom: 2.5em;
}

#intro {
display: grid;
width: 80%;
padding-top: 50px;
margin: 6% auto;
grid-template-columns: 2fr 1fr;
column-gap: 60px;
border: var(--borders_width);
}

.top_logo {
grid-column: 1 / 2 ;
grid-row: 1;	
display: flex;
font-size: 2.7em;
align-items: center;
font-weight: bold;
}

.texte_intro {
grid-column: 1 / 2 ;
grid-row: 2;	
}

.image_container {
	 grid-column: 2 / 3 ;
	 grid-row: 1 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.image_border {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
box-shadow: 0 0 1px 1px white;
overflow: hidden;
width: 14em;
height: 14em;
}

.image_border  img {
border-radius: 100%;
width: 92%;
height: 92%;
 }

@media screen and (max-width: 980px) {

#intro {
display: grid;
width: 90%;
margin: auto;
grid-template-columns: 1fr;
row-gap:35px;
border: var(--borders_width);
justify-content: center;
}


.top_logo {
/*margin-top: 20px;*/
grid-column: 1 / 2 ;
grid-row: 1;		
display: flex;
justify-content: center;
font-size: 3em;
text-align: center;
}

.image_container {
	 grid-column: 1 / 2 ;
	 grid-row: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	
}


.image_border {
grid-column: 1 / 2 ;
 grid-row: 2;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
box-shadow: 0 0 1px 1px white;
overflow: hidden;
width: 13em;
height: 13em;

}

.texte_intro {
flex: 1;
margin-top: 20px;
grid-column: 1 / 2 ;
grid-row: 3;
text-align: center;
}
}  /* fin @media screen and (max-width: 980px)*/

#nav {
position: fixed;
width: 100%;
padding: 1.8em;
cursor: default;
text-align: center;
top: 0;
padding: 0.8em 1em;
z-index: 10;
}

#nav + #main {padding-top: 4.25em;font-size: 120%;}
#nav ul {margin: 0;padding: 0;list-style: none;font-size: 120%;}

#nav ul li {
-moz-transition: margin 0.2s ease;
-webkit-transition: margin 0.2s ease;
-ms-transition: margin 0.2s ease;
transition: margin 0.2s ease;
display: inline-block;
margin: 0 0.35em;
padding: 0;
vertical-align: middle;
margin: 0 0.175em;
}

#nav ul li  {height: 2.25em;line-height: 2.25em;padding: 0 1.25em;border-radius: 8px;font-size: 1.4em;margin: 0 0.175em;}

.sub_container {width: 90%;margin: auto ;
}

@media screen and (min-width: 100px){
body, input, textarea {font-size: 11pt;}
}

@media screen and (min-width: 420px){
body, input, textarea {font-size: 13pt;}}

@media screen and (max-width: 736px) {
.image  {width: 13em;height: 13em;}
header.major h2 {font-size: 1.5em;}}

@media screen and (min-width: 736px) {.sub_container {width: 85%;margin:auto }}
@media screen and (min-width: 980px) {.sub_container {width: 70%; margin:auto ;}}
@media screen and (max-width: 980px){#nav {display: none;}#nav + #main {padding-top: 0;}}

@media screen and (min-width: 1180px) {.sub_container {width: 60%;}}
@media screen and (min-width: 1320px) {.sub_container {width: 55%;}}
@media screen and (min-width: 1480px) {.sub_container {width: 50%;}
.stretch {width: 50%;}
}

@media screen and (max-width: 1160px) {#nav ul li a {padding: 0 1em; font-size:1.3em;}}

@media screen and (min-width: 1280px) {body, input, textarea {font-size: 14pt;}}

@media screen and (min-width: 1380px) {#intro {width: 70%;}}


#Fichiers_content {
padding: 1%;
width: 95%;
margin: auto;
}

.Fichiers_menu {
  width: 95%;
  margin: auto;
  display: flex;
/*  padding-left: 0.5%;*/
/*  padding-right: 0.5%;*/
/*  padding-bottom: 1%;
  padding-top: 1%;*/
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}


.Fichiers_playlist_description {
/*width: var(--media_width);*/
font-size: 0.7em;
font-weight: bold;
margin: auto;
margin-bottom: 0.6%;
/*padding-left: 1%;
padding-right: 1%;*/
color: #ffffff;
}

.fichiers_row , 
.fichiers_header {
width: 100%;
margin: auto;
display: grid;
grid-template-columns:  7% 42%  40%  11% ;
box-sizing: border-box;
}

.download {
height: 10px;
width: 15px;cursor: pointer;}


.media_header_cell {
border: 1px solid #cdcdcd;
background-color: #23a03f;
font-size:15px;
color: #ffffff;
padding-top: 1px;
padding-bottom: 1px;
}

.pad_left {
padding-left: 8px;
}	
.center{
text-align: center;
}	


.media_body_cell {
border: 1px solid #cdcdcd;
background-color: transparent;
box-sizing: border-box;
font-size:15px;
}	


.fichiers_row:nth-of-type(1n) >  .media_body_cell 
{background-color: #f2f2f2;}
 
 .fichiers_row:nth-of-type(2n) >  .media_body_cell
 {background-color: #d4d4d4;}