/* images_son.css */

/* Généré par Font Squirrel (http://www.fontsquirrel.com) le 8 octobre 2014
----> À activer si problème avec Google Fonts

@font-face {
    font-family: 'ralewayregular';
    src: url('../fontes/accueil/raleway-regular-webfont.eot');
    src: url('../fontes/accueil/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/accueil/raleway-regular-webfont.woff') format('woff'),
         url('../fontes/accueil/raleway-regular-webfont.ttf') format('truetype'),
         url('../fontes/accueil/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 */

/* Paramêtres généraux ============================================================================================================== */
body, html {
	margin:0px;
	padding:0px;
	
	font-weight: 400;
	font-size: 1em;
 	/*font-size: 100%; ---> annulé le 12 nov */
				
	background:#140c05;
	}
		
body,td,th {
	font-family: 'Raleway', Arial, sans-serif;

	/*font-family: 'Ralewayregular', Arial, sans-serif;
	letter-spacing:-1px; ----> À activer si problème avec Google Fonts */
	 }

.video {	
	margin: 0 auto;
	padding: 0em;
	text-align: center;
		
	color:#CCC;
	}
	
.video p {
	letter-spacing:2px;
	color:#F90;
	}

/* Top bar ====================================================================================================================== */
.top {
	background: #222222;
	border-bottom:1px solid #363636;
	
	width: 100%;

	font-size: 2em; /* init : 1.2em ---> modifié le 12 nov */
	line-height: 2.2;
	letter-spacing:1px;
	}

.top a {
	display: inline-block;	
	padding: 0 1em;
	
	color:#999;

	font-weight:800;

	text-decoration: none;
}

.top a:hover {
	color: #FC0;
}

.top span.right {
	float: right;
}

.top span.right a {
	float: left;
	display: block;
}

/* Navigations des pages "épisodes - côté jardin" en bas de page sous la vidéo ================================== */

.nav {
	position: fixed;
	width:100%;
	
	margin: 2em auto;
	left:0;
	
	text-align:center;		
	z-index: 9999;
}

/* page episode - texte "page suivante"*/
.nav span a {
	line-height: 1.5em;

	cursor: pointer;
	
	font-size:1.4em;
	font-weight: 400;
	
	/*letter-spacing: 0.15em;*/
	letter-spacing: 1px;
	
	text-decoration:none;
	
	color:#999;
}

.nav span a:hover {
	color:#9F6;
}

/* pied de page avec infos ===================================================================================== */
.footer {
	width:100%;
	margin: 3em auto;

	/*background: #222222;
	border-top:1px solid #363636;*/
	
	text-align:center;
	}

.footer a{	
	color: #999;
	
	font-family: 'Raleway', Arial, sans-serif;
	font-size:1.8em;
	font-weight: 400;
	letter-spacing:1px;
	text-decoration:none;
}

.footer a:hover{
	color:#9F6;
}

/* mentions légales ============================================================================================ */
.legal {
	width:100%;
	margin: 6em auto;
	text-align:center;
}

.legal a{	
	color:#0e5871; /* ou #333 à voir... */
	
	font-size:1.2em;
	font-weight: 800;
	letter-spacing:1px;
	
	text-decoration:none;
	
	opacity:0.5;
}

.legal a:hover{
	color: #fbedaf;
	opacity:1;
}

/* navigation bas de page ============================================================================ */
.bottom_nav {
	display:inline-block;
	
	width:100%;
	/*margin: 0.5em auto; ----> page main.css */
	margin: 6em auto;

	background: #1b1b1b;
	
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
	
	text-align:center;
}

.bottom_nav a{	
	color:#1ca7a2;
	/*color: #39545e; ----> page main.css */
	
	font-size:1.4em;
	line-height:2em;
	font-weight:800;
	letter-spacing:1px;
	
	padding: 1em 2%;
	
	text-decoration:none;
	opacity:0.3;
}

.bottom_nav a:hover{
	/* color: #4397b3; ----> page main.css */
	opacity:1;
}

@media screen and (max-width: 25em) {
/*.rubrique span { display: none; } */

.nav span a { font-size:0.8em; }

}

/* Feuille de style créée le 29 mars 2020 pour l'affichage de ma première image sonore - Philippe Brosse =========================================================================== */