path: root/static/style.css

/* général */
body {
	background-color: #CED6EB;
	font-family: Sans-serif ;
	margin-left: 2rem ;
	margin-right: 2rem ;
}

h1 {
	border-radius: 50px 20px ;
	border: 5px solid #AA0000;
	background: rgba(255, 255, 255, 0.5) ;
	display: inline-block ;
	padding-top: 20px ;
	padding-bottom: 20px ;
	padding-left: 30px ;
	padding-right: 30px ;
	color: #660000 ;
	font-family: Fantasy ;
	text-transform: uppercase;
}

h2, h3, h4, h5{
	color: #660000 ;
}

hr {
	color: #660000 ;
	margin-left: 30px ;
	margin-right: 30px ;
}

.titre {
	text-align: center ;
}

nav {
	position: fixed;
	bottom: 1px;
	border:solid 1px #660000 ;;
	padding: 4px;
	text-align: center ;
	background-color: #BBD6E7 ;
}

#findepage {
	margin-bottom: 100px;
}

/* Styles divers */
.cliquable {
	text-decoration: underline;
	font-size: 1rem ;
}
.cliquable:hover {
	cursor: pointer;
}

.petit {
	font-size: 0.8em;
}

.toutpetit {
	font-size: 0.6em ;
}

.lientop {
	color: inherit ;
}

.score {
	background-color: #746FF0 ;
	border-radius: 5px ;
	border: 1px solid black ;
	padding: 10px ;
	margin: 20px ;
}


span.reset {
	background-color: #F6AC8E ;
}

div.reset {
	margin-bottom: 2em ;
}

.bouton {
	border-radius: 20px ;
	border: 1px solid black ;
	padding: 10px ;	
	margin-left: 10px ;
}



.liensperma {
	text-align: center ;
}

/* Grille du bingo */
#grille {
	background-color: #746FF0 ;
	padding: 1px ;
	margin-left: 20px ;
	margin-right: 20px ;
	margin-top: 20px ;
	margin-bottom: 20px ;
	border: 1px solid black ;
	table-layout: fixed;
	border-radius: 5px ;
}

#grille td {
	background-color:#EEEEEE;
	border: 1px solid black;
	margin: 0px;
	padding: 3px ;
	text-align: center ;
	min-width: 10em;
	min-height: 3em ;
}
#grille td:hover {
	cursor: pointer;
}

#grille td.vide {
	background-color:#999999 ;
}

.reponse {
	display: none ;
	font-style: italic ;
}


/* Formulaire page custom */
.texte {
	width:30rem
}

.data {
	width:3rem
}

input {
	background-color: #F0F3FA ;
	font-size: 1rem ;
}

.veuxgrille {
	background-color: #A889E8 ;
}