/******************
	CSS GLOBALE
******************/
:root{
	--main-color: #6eb9b4;
	--second-color: #ffb549;
	--alert-color: #ff7362;
	--text-color: #354f60; 
	--blue-color: #4d6186;
}

html, body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: var(--text-color);
}


header{
	width: 100%;
	position: relative;
	padding: 2em 0;
	text-align: center;
	border-bottom: 1px solid var(--second-color);
}

h1{
	font-size: 2rem;
	font-weight: bold;
	color: var(--main-color);
}
h2{
	font-size: 2rem;
	color: var(--second-color);
	text-align: center;
	margin-bottom: 0;
}
h3{
	font-size: 1.3rem;
	color: var(--second-color);
	margin-bottom: 0;
	text-align: left;
	text-decoration: underline;
}
a{
	color: var(--text-color);
	text-decoration: none;
}
a:not(.nohover):hover, a.active{
	border-bottom: 1px solid var(--second-color);
	color: var(--second-color);
}
a.contact{
	font-style: italic;
	text-decoration: underline;
}

h1 a{color: var(--main-color);;}

nav{
	position: relative;
}
nav, nav a{
	color: var(--blue-color);
	font-size: 1.5rem;
	font-weight: bolder;
	margin: 5px 20px;
}
	nav a:hover, nav a.active{
		border-bottom: 2px solid var(--second-color);
	}

#gestionConnexion{
	position: absolute;
	top: 50px;
	right: 50px;
}
	#gestionConnexion:not(.drapeaux) a{
		color: var(--blue-color);
		font-size: 1rem;
		font-weight: bolder;
		margin: 5px;
	}

.container {
	margin: 1em auto;
	max-width: 1020px;
	width: 95%;
	font: 18px/1.5 sans-serif;
}
.container.admin {
	max-width: none;
}
.container h2 {
	text-align: center;
}
.drapeaux {
	top: 0;
	right: 0;
	margin: 5px;
}

.fflag {
    background-image:url('/images/drapeaux_europe.png');
    background-repeat:no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
}
.fflag-CH {box-shadow: none!important}
.fflag-AL {background-position:center 0.2287%}
.fflag-AD {background-position:center 0.4524%}
.fflag-AM {background-position:center 0.6721%}
.fflag-AT {background-position:center 0.8958%}
.fflag-BY {background-position:left 1.1162%}
.fflag-BE {background-position:center 1.3379%}
.fflag-BA {background-position:center 1.5589%}
.fflag-BG {background-position:center 1.7836%}
.fflag-HR {background-position:center 2.0047%}
.fflag-CY {background-position:center 2.2247%}
.fflag-CZ {background-position:left 2.4467%}
.fflag-DK {background-position:center 2.6674%}
.fflag-EE {background-position:center 2.8931%}
.fflag-FO {background-position:center 3.1125%}
.fflag-FI {background-position:center 3.3325%}
.fflag-FR {background-position:center 3.5542%}
.fflag-DE {background-position:center 3.7759%}
.fflag-GI {background-position:center 4.0015%}
.fflag-GR {background-position:left 4.2229%}
.fflag-HU {background-position:center 4.441%}
.fflag-IS {background-position:center 4.66663%}
.fflag-IE {background-position:center 4.8844%}
.fflag-IM {background-position:center 5.1061%}
.fflag-IT {background-position:center 5.3278%}
.fflag-JE {background-position:center 5.5495%}
.fflag-XK {background-position:center 5.7712%}
.fflag-LV {background-position:center 5.994%}
.fflag-LI {background-position:left 6.2156%}
.fflag-LT {background-position:center 6.4363%}
.fflag-LU {background-position:center 6.658%}
.fflag-MT {background-position:left 6.8805%}
.fflag-MD {background-position:center 7.1038%}
.fflag-MC {background-position:center 7.3231%}
.fflag-ME {background-position:center 7.5448%}
.fflag-NL {background-position:center 7.7661%}
.fflag-MK {background-position:center 7.98937%}
.fflag-NO {background-position:center 8.2099%}
.fflag-PL {background-position:center 8.4316%}
.fflag-PT {background-position:center 8.6533%}
.fflag-RO {background-position:center 8.875%}
.fflag-RU {background-position:center 9.0967%}
.fflag-SM {background-position:center 9.32237%}
.fflag-RS {background-position:center 9.5426%}
.fflag-SK {background-position:center 9.7628%}
.fflag-SI {background-position:center 9.9845%}
.fflag-ES {background-position:left 10.2052%}
.fflag-SE {background-position:center 10.4269%}
.fflag-CH {background-position:center 10.6486%}
.fflag-TR {background-position:center 10.8703%}
.fflag-UA {background-position:center 11.0945%}
.fflag-GB {background-position:center 11.3135%}
.fflag-VA {background-position:right 11.5354%}

.fflag.ff-sm {width: 18px;height: 11px}
.fflag.ff-md {width: 27px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

.blocInvite {
	border: solid 1px #000000;
	margin-bottom: 5px;
	border-radius: 30px;
	padding: 10px;
}


.info{
	font-style: italic;
	font-size: 1.3rem;
	color:  var(--alert-color);
}

.flash {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.flash-error {
	color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.flash-msg {
	color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

nav a.selected {
	border-bottom: 1px solid var(--second-color);
	color: var(--second-color);
}

tr.ligneTotal {
	font-style: italic;
}
td, th {
	text-align: center;
}

td.bottom, th.bottom {
	border-bottom: solid 1px #000;
}
td.right, th.right {
	border-right: solid 1px #000;
}
td.rightLarge, th.rightLarge {
	border-right: solid 2px #000;
}