body
{
	 background-image:url("img/fond.jpg");
	 text-align:center;
}
a,a:visited
{
	text-decoration:none;
	color:orange;
}
a:hover
{
	color:red;
}
.lgeoc,.lgeot
{
	display:block;
	margin:auto;
}
.geoc
{
	display:inline-block;
}
.lgeo
{
	text-align:center;
}
.bttn
{
	text-align:center;
	border:solid .1vw;
	box-shadow:gray .3vw .3vw .4vw;
	background-color:white;
	border-radius: .3vw;
}
.bttn:hover
{
	color:blue;
	cursor:pointer;
	box-shadow:gray .1vw .1vw .4vw;
}
.btr1
{
	display:none;
}
.lbtr1
{
	display:inline-block;
	width:auto;
	cursor:pointer;
}
.lbtr1:hover
{
	color:orange;
}
table
{
	margin:auto;
	border-collapse: collapse;
}
td
{
	border:1px solid black;
}
#missmdp
{
	color:black;
	opacity: 0.33;
	vertical-align:top;
	text-align:right;
	display:block;
}
#missmdp:hover
{
	color:black;
	opacity: 1;
}
input
{
	text-align:center;
}
input[type="checkbox"]#sw 
{
	display:none;
}
input[type="checkbox"]#sw + label {
	box-sizing: border-box;
	display: inline-block;
	width: 3rem;
	height: 1.5rem;
	border-radius: 1.5rem;
	padding:2px;
	background-color: #c0ceda ;
	transition: all 0.5s ;
}
input[type="checkbox"]#sw + label::before {
	box-sizing: border-box;
	display: block;
	content: "";
	height: calc(1.5rem - 4px);
	width: calc(1.5rem - 4px);
	border-radius: 50%;
	background-color: var(--bg-c);
	transition: all 0.5s ;
}
input[type="checkbox"]#sw:checked + label {
	background-color: #00B7E8 ;
}
input[type="checkbox"]#sw:checked + label::before {
	margin-left: 1.5rem ;
}
input[type="file"]
{
	display:none;
}
header
{
	margin:.5vw;
	padding:.5vw;
	color:white;
	text-shadow: .3vw .3vw .6vw gray;
}
.reunion
{
	margin:auto;
	padding:2.5vw;
	background-color:white;
	border-radius: 1vw;
	box-shadow: .3vw .3vw .6vw gray;
	text-align:center;
	background-color:#ddffff;
}
.reunion:hover
{
	background-color:#ccffee;
}
.txts
{
	display:inline-block;
	color:white;
	text-decoration: underline;
}
#logo
{
	margin:.5vw;
	padding:.5vw;
	position:fixed;
	opacity: 0.33;
}
#bye
{
	margin:.5vw;
	padding:.5vw;
	position:fixed;
	opacity: 0.33;
}
#logo:hover
{
	opacity: 1;
}
#bye:hover
{
	opacity: 1;
}
#aller
{
	margin:.5vw;
	padding:.5vw;
	position:relative;
	vertical-align:middle;
}
label
{
	display:block;
	margin:auto;
	text-align:left;
	font-weight: bold;
}
#ret
{
	vertical-align:middle;
}
.inl
{
	display:inline-block;
	width:auto;
}
.inl2
{
	display:none;
}
.inl:hover
{
	color:blue;
}
.brad
{
	display:inline-block;
}

@media (orientation: landscape)
{
header
{
	font-size:4vw;
}
table#idpi > td
{
	font-size:1.75vw;
}
.bda
{
	width:10vw;
	height:10vw;
	font-size:5vw;
}
#ifr
{
	border:0;
	width:45vw;
	height:30vw;
}
#missmdp
{
	font-size:1vw;
	width:40vw;
}
#logo
{
	width:4.5vw;
	top:2px;
	left:2px;
}
#bye
{
	width:4.5vw;
	top:2px;
	right:2px;
}
#aller
{
	width:2.25vw;
	top:2px;
	left:2px;
}
#ret
{
	width:2.25vw;
}
#foto
{
	height:20vw;
}
.fto
{
	height:10vw;
}
.geoc
{
	width:15vw;
}
.lgeoc
{
	width:45vw;
}
.lgeot
{
	width:40.5vw;
	text-align:center;
}
img#pdf
{
	width: 2.5vw;
	vertical-align:-0.5vw;
}
.reunion
{
	font-size:2vw;
	width:50vw;
}
#imgalt
{
	width:15.5vw;
}
.txts
{
	font-size:1.8vw;
}
label
{
	width:45vw;
	font-size:1.5vw;
}
input,select,textarea
{
	width:45vw;
	font-size:2vw;
}
input[type="radio"],input[type="checkbox"]#aev,input[type="checkbox"]#cgu
{
	width:6.5vw;
}
input[type="submit"]
{
	width:22vw;
}
img.ball
{
	height:15vh;
}
.bttn
{
	width:33vw;
	font-size:1.5vw;
}

}

@media (orientation: portrait)
{
header
{
	font-size:7vw;
}
table#idpi > td
{
	font-size:3.07vw;
}
#ifr
{
	border:0;
	width:72vw;
	height:48vw;
}
.bda
{
	width:20vw;
	height:20vw;
	font-size:10vw;
}
#missmdp
{
	font-size:2vw;
	width:67vw;
}
#logo
{
	width:8vw;
	top:4px;
	left:4px;
}
#bye
{
	width:8vw;
	top:4px;
	right:4px;
}
#aller
{
	width:4vw;
	top:4px;
	left:4px;
}
#ret
{
	width:4vw;
}
#foto
{
	height:20vw;
}
.fto
{
	height:40vw;
}
.geoc
{
	width:24vw;
}
.lgeoc
{
	width:72vw;
}
.lgeot
{
	width:64.8vw;
	text-align:center;
}
img#pdf
{
	width: 4.3vw;
	vertical-align:-0.9vw;
}
.reunion
{
	font-size:4vw;
	width:80vw;
}
#imgalt
{
	width:20vw;
}
.txts
{
	font-size:3.8vw;
}
label
{
	width:75vw;
	font-size:3vw;
}
input,select,textarea
{
	width:75vw;
	font-size:3.3vw;
}
input[type="radio"],input[type="checkbox"]#aev,input[type="checkbox"]#cgu
{
	width:10vw;
}
input[type="submit"]
{
	width:37vw;
}
img.ball
{
	width:8vh;
}
.bttn
{
	width:56vw;
	font-size:3vw;
}
}