/* Feuille de style - Site Web/

/* Général */

*
{
	margin:0px;
	padding:0px;
	color : white;
	font-family: Georgia;
}


/*body
{
	background-color:black;
}
*/
nav ul li
{
	position:relative;
	margin: 5px;
	padding: 10px;
	text-align:center;
	display:inline-block;
	border-radius:30px;
	border: solid white;
	/*background-color:black;*/
	width : 190px;
	font-weight : bold;
}

nav ul
{
	margin-top : 4%;
	text-align: center;
}

nav
{
	margin-bottom:3%;
}

li /*pour la liste */

{
	padding:10px;
	margin-left:4%;
	padding-left:2%;
}

a:visited /* texte en blanc lorsque la page est visité */

{
	color : white;
}

a /* texte de base en blanc */

{
	color : white;
}

p /*décalage */

{
	padding : 1.25em;
	padding-bottom :0px;
}

.centre
{
	text-align:center;
}


/* Pour les différents titres */
h1
{
	width : 100%;
	/*largeur*/
	text-align : center;
	/*text centré*/
	font-size : 7vh;
}

h2
{
	/*width : 50%;*/
	/*largeur*/
	text-align : center;
	/*text centré*/
	font-size : 200%;
	/*taille de la police*/
	padding:1%;
	/*pour la marge*/
}

h3
{
	padding : 2% 2% 0% 2%;
	/*pour la marge en dessus*/
}

h4
{
	color: black;
	font-size : 200%;
}

.clear
{
	clear:both;
}




/* Pour le tableau */
article.tableau /*décaler le tableau */

{
	padding : 5%;
}

table /* Encadrer le tableau */

{
	border-collapse: collapse;
}

td,th /*Mettre une bordure sur les td et th */

{
border :2px solid white}

body /*Fond en noir*/

{
	background : black;
}

input.bouton /*choix en noir*/

{
	color : #000000;
}

textarea /* mettre le fond en blanc et le texte en noir */

{
	background-color : black;
	color : white;
}

select, option, input /* mettre le fond en blanc et le texte en noir */

{
	background-color : white;
	color : black;
}

iframe
{
	width:95%;  /* la largeur */
}

/* POUR LES IMAGES ET VIDEO */
/* Quelques précisions d'emplacements pour les images et la vidéo des différentes pages */


a.image
{
	margin : 0%;
}

img.jellyfin
{
	max-width: 90%;
	height: auto;
	display : block;
	width:15%;
}

img.ntf
{
	max-width: 90%;
	height: auto;
	display : block;
	margin : auto;
	width: auto;
}

img.carte
{
	float : right;
	margin:20px;
}

img.machine
{
	float : right;
}

img.machine2
{
	float : left;
	margin: 20px;
}

img.regle
{
	float : right;
}

img.edward
{
	float:left;
	margin : 10px;
}

img.profile
{
	width:200px;
}

img.nounours
{
	
}

video.index
{
	height: 100vh;
width: 100vw;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}


video.ricardo

{
		height: 100vh;
width: 100vw;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}

button
{
	text-align : center;
}

/* responsibe web design : aucune images ni vidéo ne sera affiché sur mobile */
@media all and (max-width: 640px)


	textarea
	{
		width :90%;
	}

	img.profile
	{
		width:100%;
	}
}