/* CACHE:/var/www/vhosts/davidetson-applications.com/httpdocs/__cache/css-fr-0-name-extranet.css:1631749089  SOURCE:/var/www/vhosts/davidetson-applications.com/httpdocs/extranet.css:1631626082 */
/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2021
 extranet.css - lang fr - version 15/09/2021 23:38:09

 Copyright (c)  MVP - All Rights Reserved
 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 MVP, 2020
*/

html.html-index
{
}

html.html-index h1
{
padding-left:1rem ;
cursor:initial ;
}

html.html-index h1::after
{
display:none ;
}

html.html-login
{
}

html.html-login form
{
}

html.html-login form input
{
font-size:1.1rem ;
padding:0.25rem 0.5rem ;
}

.numpad
{
margin:auto ;
max-width:500px ;
background:orange ;
text-align:center ;
box-sizing:border-box ;
padding:10px ;
border:solid 1px #A0A0A0 ;
background:linear-gradient(#C0C0C0, #e0e0d8,#C0C0C0) ;
}

@media (min-width:1025px)
{
.numpad
{
display:none ;
}

}

.numpad #code
{
border:solid 1px #C0C0C0 ;
display:inline-block ;
max-width:160px ;
background:#40A0E0 ;
width:200px ;
padding:4px 8px ;
border:solid 1px #303030 ;
color:white ;
font-size:34px ;
}

.numpad #keys
{
max-width:220px ;
margin:auto ;
text-align:center ;
}

.numpad #keys div
{
display:inline-block ;
width:calc(30% - 5px) ;
max-width:80px ;
position:relative ;
background:orange ;
display:inline-flex ;
border:solid 1px blue ;
justify-content:center ;
align-items:center ;
margin:0 5px ;
}

.numpad #keys div span
{
font-size:30px ;
;
}

.numpad #keys div::before
{
content:"" ;
display:table ;
padding-bottom:100% ;
}

html.html-autoformations, html.html-formations, html.html-indispensables
{
}

html.html-autoformations #mainDiv, html.html-formations #mainDiv, html.html-indispensables #mainDiv
{
display:flex ;
flex-direction:column ;
overflow-y:auto ;
}

html.html-autoformations .categorie, html.html-formations .categorie, html.html-indispensables .categorie
{
font-size:2rem ;
text-align:center ;
font-weight:100 ;
background:#e0e0e0 ;
color:navy ;
margin:0 0.25rem ;
border-radius:5px ;
}

html.html-autoformations .formation, html.html-formations .formation, html.html-indispensables .formation
{
font-size:1.5rem ;
text-align:center ;
font-weight:100 ;
background:#F0F0F0 ;
margin:3px 0.25rem 0 ;
border-radius:5px ;
}

html.html-autoformations .courss, html.html-formations .courss, html.html-indispensables .courss
{
background:#F8F8F8 ;
margin:3px 0.25rem 0 ;
text-align:center ;
padding-left:8px ;
padding-top:4px ;
}

html.html-autoformations .courss .cours, html.html-formations .courss .cours, html.html-indispensables .courss .cours
{
background-color:white ;
padding:8px 8px ;
width:200px ;
max-width:calc(50% - 24px) ;
border-radius:5px ;
display:inline-block ;
margin:0px 8px 4px 0 ;
overflow:hidden ;
position:relative ;
cursor:pointer ;
background-size:cover ;
background-repeat:no-repeat ;
background-position:center center ;
box-shadow:0 0 2px 1px #808080 ;
}

html.html-autoformations .courss .cours::before, html.html-formations .courss .cours::before, html.html-indispensables .courss .cours::before
{
content:"" ;
display:table ;
padding-bottom:100% ;
}

html.html-autoformations .courss .cours .titre, html.html-formations .courss .cours .titre, html.html-indispensables .courss .cours .titre
{
position:absolute ;
bottom:4px ;
left:4px ;
text-align:center ;
right:4px ;
border-radius:5px ;
background:#b88937 ;
color:white ;
padding:4px 8px ;
}

html.html-autoformations .courss .cours:not(.visionne)::after, html.html-formations .courss .cours:not(.visionne)::after, html.html-indispensables .courss .cours:not(.visionne)::after
{
position:absolute ;
left:-75px ;
width:150px ;
top:0 ;
background:red ;
color:yellow ;
content:'NEW' ;
text-align:center ;
padding-left:5px ;
transform:translate(15px, 15px) rotate(-45deg) ;
transform-origin:center center ;
}

html.html-autoformations #viewer, html.html-formations #viewer, html.html-indispensables #viewer
{
display:none ;
position:fixed ;
left:0 ;
top:0 ;
right:0 ;
bottom:0px ;
background:black ;
}

html.html-autoformations #viewer > div, html.html-formations #viewer > div, html.html-indispensables #viewer > div
{
display:none ;
position:absolute ;
left:0 ;
top:0 ;
right:0 ;
bottom:48px ;
}

html.html-autoformations #viewer #youtube, html.html-formations #viewer #youtube, html.html-indispensables #viewer #youtube
{
}

html.html-autoformations #viewer #youtube iframe, html.html-formations #viewer #youtube iframe, html.html-indispensables #viewer #youtube iframe
{
left:0 ;
top:0 ;
height:100% ;
width:100% ;
position:absolute ;
}

html.html-autoformations #viewer #pdf, html.html-formations #viewer #pdf, html.html-indispensables #viewer #pdf
{
}

html.html-autoformations #viewer #pdf #ipdf.moving, html.html-formations #viewer #pdf #ipdf.moving, html.html-indispensables #viewer #pdf #ipdf.moving
{
transition:left linear 200ms ;
}

html.html-autoformations #viewer #pdf #ipdf, html.html-formations #viewer #pdf #ipdf, html.html-indispensables #viewer #pdf #ipdf
{
position:absolute ;
top:0 ;
bottom:0 ;
}

html.html-autoformations #viewer #pdf #ipdf > div, html.html-formations #viewer #pdf #ipdf > div, html.html-indispensables #viewer #pdf #ipdf > div
{
background:#808080 ;
display:inline-block ;
position:absolute ;
z-index:2 ;
top:4px ;
bottom:4px ;
background-repeat:no-repeat ;
background-position:center center ;
background-color:#ffffff ;
background-size:contain ;
}

html.html-autoformations #viewer #pdf #ipdf > div img, html.html-formations #viewer #pdf #ipdf > div img, html.html-indispensables #viewer #pdf #ipdf > div img
{
position:absolute ;
background:white ;
}

html.html-autoformations #viewer #pdf #ipdf > div.open, html.html-formations #viewer #pdf #ipdf > div.open, html.html-indispensables #viewer #pdf #ipdf > div.open
{
z-index:3 ;
}

html.html-autoformations #viewer #protection, html.html-formations #viewer #protection, html.html-indispensables #viewer #protection
{
display:block ;
}

html.html-autoformations #viewer #panel, html.html-formations #viewer #panel, html.html-indispensables #viewer #panel
{
top:initial ;
display:block ;
height:48px ;
bottom:0 ;
background:linear-gradient(to bottom, #E0E0E0, #FFFFFF, #E0E0E0) ;
}

html.html-autoformations #viewer #panel > a, html.html-formations #viewer #panel > a, html.html-indispensables #viewer #panel > a
{
width:40px ;
height:40px ;
top:4px ;
position:absolute ;
background-position:center ;
background-size:contain ;
background-repeat:no-repeat ;
}

html.html-autoformations #viewer #panel #close, html.html-formations #viewer #panel #close, html.html-indispensables #viewer #panel #close
{
right:4px ;
background-image:url(/img/stop.svg) ;
cursor:pointer ;
}

html.html-autoformations #viewer #panel #current, html.html-formations #viewer #panel #current, html.html-indispensables #viewer #panel #current
{
right:50% ;
top:2px ;
text-align:right ;
width:120px ;
display:inline-block ;
position:absolute ;
}

html.html-autoformations #viewer #panel #duration, html.html-formations #viewer #panel #duration, html.html-indispensables #viewer #panel #duration
{
position:absolute ;
display:inline-block ;
left:50% ;
top:2px ;
text-align:left ;
width:120px ;
}

html.html-autoformations #viewer #panel #playpause, html.html-formations #viewer #panel #playpause, html.html-indispensables #viewer #panel #playpause
{
left:4px ;
background-image:url(/img/pause.svg) ;
}

html.html-autoformations #viewer #panel #playpause.play, html.html-formations #viewer #panel #playpause.play, html.html-indispensables #viewer #panel #playpause.play
{
background-image:url(/img/play.svg) ;
}

html.html-autoformations #viewer #panel #mute, html.html-formations #viewer #panel #mute, html.html-indispensables #viewer #panel #mute
{
left:60px ;
background-image:url(/img/volume-mute.svg) ;
}

html.html-autoformations #viewer #panel #mute.muted, html.html-formations #viewer #panel #mute.muted, html.html-indispensables #viewer #panel #mute.muted
{
background-image:url(/img/volume-up.svg) ;
}

html.html-autoformations #viewer #panel #avance, html.html-formations #viewer #panel #avance, html.html-indispensables #viewer #panel #avance
{
position:absolute ;
cursor:pointer ;
left:120px ;
width:calc(100% - 180px) ;
top:50% ;
}

html.html-autoformations #viewer.open, html.html-formations #viewer.open, html.html-indispensables #viewer.open
{
display:block ;
}

html.html-autoformations #viewer.open.youtube, html.html-formations #viewer.open.youtube, html.html-indispensables #viewer.open.youtube
{
left:calc(50vw - 50vh) ;
width:100vh ;
right:initial ;
top:calc(50vh - 50vw) ;
height:100vw ;
bottom:initial ;
transform:rotate(90deg) ;
}

html.html-autoformations #viewer.open.youtube #youtube, html.html-formations #viewer.open.youtube #youtube, html.html-indispensables #viewer.open.youtube #youtube
{
display:block ;
}

html.html-autoformations #viewer.open.ivideo, html.html-formations #viewer.open.ivideo, html.html-indispensables #viewer.open.ivideo
{
left:calc(50vw - 50vh) ;
width:100vh ;
right:initial ;
top:calc(50vh - 50vw) ;
height:100vw ;
bottom:initial ;
transform:rotate(90deg) ;
}

html.html-autoformations #viewer.open.ivideo #ivideo, html.html-formations #viewer.open.ivideo #ivideo, html.html-indispensables #viewer.open.ivideo #ivideo
{
display:block ;
}

html.html-autoformations #viewer.open.ivideo #ivideo video, html.html-formations #viewer.open.ivideo #ivideo video, html.html-indispensables #viewer.open.ivideo #ivideo video
{
width:100% ;
height:100% ;
}

html.html-autoformations #viewer.open.pdf, html.html-formations #viewer.open.pdf, html.html-indispensables #viewer.open.pdf
{
}

html.html-autoformations #viewer.open.pdf #pdf, html.html-formations #viewer.open.pdf #pdf, html.html-indispensables #viewer.open.pdf #pdf
{
display:block ;
}

html.html-trombinoscope
{
}

html.html-trombinoscope #mainDiv
{
display:flex ;
flex-direction:column ;
}

html.html-trombinoscope #mainDiv.salonOpen .salons
{
overflow-y:hidden ;
}

html.html-trombinoscope #mainDiv.personOpen .personnel
{
overflow-y:hidden ;
}

html.html-trombinoscope .salons
{
flex-grow:1 ;
position:relative ;
text-align:center ;
overflow-x:hidden ;
}

html.html-trombinoscope .salons > h2
{
text-align:center ;
font-size:1.5rem ;
font-weight:100 ;
margin-top:0 ;
}

html.html-trombinoscope .salons .salon
{
height:100px ;
width:100px ;
border:solid 1px #a0a0a0 ;
margin:10px 5px 0 5px ;
border-radius:10px ;
display:inline-block ;
position:relative ;
overflow:hidden ;
}

html.html-trombinoscope .salons .salon > a
{
position:absolute ;
left:0 ;
top:0 ;
bottom:0 ;
right:0 ;
display:flex ;
justify-content:center ;
background-image:url(/img/fondbut.png) ;
background-size:cover ;
background-image:url(/img/no-profile.png) ;
background-size:cover ;
background-repeat:no-repeat ;
align-items:center ;
font-size:1.2rem ;
font-weight:normal ;
cursor:pointer ;
user-select:none ;
align-items:flex-end ;
padding:0 4px ;
}

html.html-trombinoscope .salons .salon > a > span
{
display:inline-block ;
}

html.html-trombinoscope .salons .salon > a.pict
{
color:white ;
text-shadow:1px 1px #808080 ;
}

html.html-trombinoscope .salons .salon > a:not(.pict)
{
}

html.html-trombinoscope .salons .salon > a:not(.pict):hover
{
}

html.html-trombinoscope .salons .salon:hover
{
border-color:black ;
}

html.html-trombinoscope .salons .salon .personnel
{
display:none ;
overflow-y:auto ;
overflow-x:hidden ;
}

html.html-trombinoscope .salons .salon .personnel > div:not(.cv)
{
width:100px ;
height:100px ;
border:solid 1px #C0C0C0 ;
position:relative ;
}

html.html-trombinoscope .salons .salon .personnel .employe, html.html-trombinoscope .salons .salon .personnel .dirigeant
{
height:100px ;
width:100px ;
border:solid 1px #a0a0a0 ;
margin:10px 5px 34px 5px ;
border-radius:10px ;
display:inline-block ;
position:relative ;
background-size:cover ;
background-repeat:no-repeat ;
background-position:center center ;
overflow:visible ;
background-image:url(/img/smile-regular.svg) ;
background-size:80% ;
background-image:url(/img/no-profile.png) ;
background-size:cover ;
}

html.html-trombinoscope .salons .salon .personnel .employe > a, html.html-trombinoscope .salons .salon .personnel .dirigeant > a
{
position:absolute ;
left:0 ;
top:0 ;
bottom:0 ;
right:0 ;
display:flex ;
margin:0 ;
justify-content:center ;
border-radius:0 ;
align-items:center ;
font-size:1.2rem ;
font-weight:normal ;
cursor:pointer ;
user-select:none ;
background:transparent ;
}

html.html-trombinoscope .salons .salon .personnel .employe > a:hover, html.html-trombinoscope .salons .salon .personnel .dirigeant > a:hover
{
}

html.html-trombinoscope .salons .salon .personnel .employe span, html.html-trombinoscope .salons .salon .personnel .dirigeant span
{
display:inline-block ;
position:absolute ;
top:100% ;
left:0 ;
width:100% ;
font-size:0.8rem ;
text-align:center ;
}

html.html-trombinoscope .salons .salon .personnel .cv
{
position:fixed ;
display:none ;
left:0 ;
right:0 ;
top:0 ;
bottom:0 ;
background:white ;
}

html.html-trombinoscope .salons .salon .personnel .cv .nom
{
font-size:2.5rem ;
font-weight:100 ;
margin-left:40px ;
}

html.html-trombinoscope .salons .salon .personnel .cv .phot
{
height:50% ;
width:100% ;
object-fit:contain ;
box-sizing:border-box ;
box-shadow:0 0 3px 2px #808080 ;
}

html.html-trombinoscope .salons .salon .personnel .cv .phot
{
padding:15px ;
}

html.html-trombinoscope .salons .salon .personnel .cv .info
{
box-sizing:border-box ;
}

html.html-trombinoscope .salons .salon .personnel .cv .info span
{
display:inline-block ;
padding:0.5rem ;
}

html.html-trombinoscope .salons .salon .personnel .cv .info span.type
{
text-align:right ;
width:calc(40% - 1rem);
}

html.html-trombinoscope .salons .salon .personnel .cv .info span.val
{
width:calc(60% - 1rem);
text-align:left ;
font-weight:bold ;
}

html.html-trombinoscope .salons .salon .personnel .cv.open
{
display:block ;
z-index:3 ;
overflow:auto ;
}

html.html-trombinoscope .salons .salon.open
{
position:fixed ;
left:0 ;
right:0 ;
width:initial ;
height:initial ;
bottom:0 ;
z-index:4 ;
border-style:none ;
margin:0 ;
}

html.html-trombinoscope .salons .salon.open .personnel
{
display:block ;
background:orange ;
position:absolute ;
left:0 ;
top:0 ;
right:0 ;
bottom:0 ;
z-index:1 ;
background:white ;
}

html.html-trombinoscope .salons .salon.open .personnel h2
{
text-align:center ;
font-size:1.5rem ;
font-weight:100 ;
margin-top:0 ;
}

html.html-trombinoscope .salons .salon.open .personnel .employe, html.html-trombinoscope .salons .salon.open .personnel .dirigeant
{
}

html.html-trombinoscope a.uplevel
{
position:absolute ;
top:0 ;
left:8px ;
width:32px ;
height:32px ;
display:inline-block ;
cursor:pointer ;
background-size:contain ;
background-image:url(/img/arrow-up-solid.svg) ;
background-repeat:no-repeat ;
background-position:center center ;
}

html.html-trombinoscope .formations
{
}

html.html-trombinoscope .formations .categ
{
text-align:left ;
font-size:1.3rem ;
padding:0.25rem 0.5rem ;
color:#3A8AFF ;
font-weight:100 ;
text-decoration:underline ;
}

html.html-trombinoscope .formations .forma
{
text-align:left ;
padding-left:1rem ;
font-size:1.1rem ;
}

html.html-trombinoscope .formations .cours
{
font-size:0.9rem ;
text-align:left ;
padding-left:2rem ;
}

.bt.menu
{
display:block ;
}

html.html-index
{
}

html.html-index #mainDiv
{
overflow:hidden ;
}

@media (max-width:600px)
{
.desktopOnly
{
display:none !important ;
}

}

html.html-diagno-stick
{
}

html.html-diagno-stick body.decalage
{
}

html.html-diagno-stick body.decalage #mainDiv > div
{
max-height:calc(100vh - 460px) ;
}

@media(max-width:850px)
{
html.html-diagno-stick body.decalage #mainDiv > div
{
max-height:calc(100vh - 475px) ;
}

}

html.html-diagno-stick
{
}

html.html-diagno-stick h2
{
font-weight:100 ;
}

html.html-diagno-stick body div.part
{
display:none ;
}

html.html-diagno-stick body:not(.client)
{
}

html.html-diagno-stick body:not(.client) #recherche
{
display:block ;
}

html.html-diagno-stick body.client
{
}

html.html-diagno-stick body.client #client
{
display:block ;
}

html.html-diagno-stick #mainDiv > div
{
max-height:calc(100vh - 128px) ;
overflow:auto ;
}

html.html-diagno-stick #recherche
{
padding:0 1rem ;
font-size:1.5rem ;
}

html.html-diagno-stick #recherche label
{
display:block ;
margin-bottom:0.25rem ;
}

html.html-diagno-stick #recherche label span
{
width:130px ;
display:inline-block ;
}

html.html-diagno-stick #recherche label input
{
padding:0.25rem 0.5rem ;
font-size:inherit ;
}

html.html-diagno-stick #recherche label #nom
{
text-transform:uppercase ;
}

html.html-diagno-stick #recherche label #prenom
{
text-transform:capitalize ;
}

html.html-diagno-stick #recherche input[type=submit], html.html-diagno-stick #recherche .tripleb a
{
display:inline-block ;
background:#b88937 ;
border-radius:5px ;
font-size:inherit ;
border:none ;
padding:0.25rem 2rem ;
margin:0.25rem ;
margin-left:5rem ;
color:white ;
}

html.html-diagno-stick #recherche #resultat
{
display:none ;
font-size:inherit ;
width:100% ;
max-width:1024px ;
border:solid 1px #b88944 ;
border-collapse:collapse ;
}

html.html-diagno-stick #recherche #resultat th
{
width:30% ;
border:solid 1px #b88944 ;
background:#b88900 ;
color:white ;
padding:0 8px ;
}

html.html-diagno-stick #recherche #resultat th:not(:last-child)
{
border-right:solid 1px white ;
}

html.html-diagno-stick #recherche #resultat tbody tr:hover
{
background:#f0f0f0 ;
}

html.html-diagno-stick #recherche #resultat td
{
border:solid 1px #b88937 ;
}

html.html-diagno-stick #recherche #resultat td a
{
display:block ;
text-decoration:none ;
padding:1rem 0.25rem ;
}

html.html-diagno-stick #recherche #resultat tr.triple
{
}

html.html-diagno-stick #recherche #resultat tr.triple td
{
text-align:center ;
}

html.html-diagno-stick #recherche #resultat tr.tripleb
{
}

html.html-diagno-stick #recherche #resultat tr.tripleb td
{
text-align:center ;
}

html.html-diagno-stick #recherche #resultat tr.tripleb td a
{
text-decoration:none ;
margin-left:0.25rem ;
}

html.html-diagno-stick #client
{
font-size:1.5rem ;
padding:0 1rem ;
}

html.html-diagno-stick #client .grossi
{
font-size:1.9rem ;
background:#404040 ;
border-radius:3px ;
display:block ;
color:white ;
padding:2px 8px ;
}

html.html-diagno-stick #client #historique
{
background:#F8F8F8 ;
border:solid 1px #b88937 ;
max-height:1.8rem ;
overflow:hidden ;
margin-bottom:1rem ;
}

html.html-diagno-stick #client #historique > div
{
margin:0.25rem ;
max-height:50vh ;
overflow:auto ;
}

html.html-diagno-stick #client #historique h3
{
cursor:pointer ;
position:relative ;
margin:0 ;
background:#b88937 ;
color:white ;
height:1.8rem ;
line-height:1.8rem ;
padding:0 1rem ;
}

html.html-diagno-stick #client #historique h3::after
{
color:white ;
content:'' ;
position:absolute ;
right:4px ;
top:1px ;
height:calc(1.8rem - 2px) ;
width:calc(1.8rem - 2px) ;
background-image:url(/img/folder-open-solid.svg) ;
background-size:contain ;
background-position:center center ;
}

html.html-diagno-stick #client #historique.open
{
max-height:initial ;
}

html.html-diagno-stick #client #historique.open h3
{
}

html.html-diagno-stick #client #historique.open h3::after
{
background-image:url(/img/folder-solid.svg) ;
}

html.html-diagno-stick #client #recap
{
display:none ;
margin-bottom:1rem ;
}

html.html-diagno-stick #client #recap > div
{
display:inline-block ;
margin:0.25rem 0 ;
}

html.html-diagno-stick #client #recap .refq
{
font-style:italic ;
margin-right:0.25rem ;
}

html.html-diagno-stick #client #recap .refr
{
font-weight:bold ;
color:#b88937 ;
}

html.html-diagno-stick #client form
{
text-align:center ;
}

html.html-diagno-stick #client form input[type=submit], html.html-diagno-stick #client form .btn
{
display:inline-block ;
background:#b88937 ;
border-radius:5px ;
font-size:inherit ;
border:none ;
padding:0.5rem 2rem ;
margin:0.25rem ;
margin-left:5rem ;
color:white ;
text-decoration:none ;
}

html.html-diagno-stick #client form label
{
}

html.html-diagno-stick #client form label span
{
display:inline-block ;
padding-left:0.5rem ;
}

html.html-diagno-stick #client form .ord0
{
visibility:hidden ;
}

html.html-diagno-stick #client #questions
{
}

html.html-diagno-stick #client #questions .question
{
border:solid 1px #C0C0C0 ;
padding:0.5rem 1rem ;
background:#F8F8F8 ;
margin-bottom:0.25rem ;
text-align:left ;
}

html.html-diagno-stick #client #questions .question .btns
{
text-align:center ;
padding-top:0.5rem ;
}

html.html-diagno-stick #client #questions .question > span
{
font-size:1.7rem ;
font-style:italic ;
}

html.html-diagno-stick #client #questions .question .reponse
{
}

html.html-diagno-stick #client #questions .question .reponse label
{
display:block ;
padding:0.25rem ;
font-size:1.5rem ;
}

html.html-diagno-stick #client #questions .question textarea
{
padding:0.25rem ;
font-size:inherit ;
height:200px ;
width:100% ;
resize:none ;
display:block ;
}

html.html-diagno-stick #client #questions .question.open
{
display:block ;
}

html.html-diagno-stick #client #questions .question:not(.dcmt)
{
}

html.html-diagno-stick #client #questions .question:not(.dcmt) .btns
{
display:none ;
}

.btnsm
{
border:solid 1px #C0C0C0 ;
padding:0.5rem 1rem ;
background:#F8F8F8 ;
margin:0.55rem ;
display:inline-block ;
font-size:0.8em ;
background:#b88937 ;
border-radius:5px ;
text-decoration:none ;
color:white ;
}

#cameraScreen
{
background:linear-gradient(to bottom, #202020, #202060, #202020) ;
position:fixed ;
left:0 ;
top:0 ;
right:0 ;
bottom:0 ;
z-index:99 ;
display:none ;
}

#cameraScreen .boutonscam
{
position:absolute ;
left:0 ;
right:0 ;
bottom:0 ;
height:220px ;
display:flex ;
xbackground:red ;
flex-direction:row ;
justify-content:space-evenly ;
align-items:center ;
}

#cameraScreen .boutonscam a
{
font-size:1.5rem ;
padding:3rem 4rem;
}

#cameraScreen #camera
{
position:absolute ;
left:39.5px ;
top:39.5px ;
right:39.5px ;
bottom:229px ;
box-shadow:0 0 4px 2px #A0A0A0 ;
background:black ;
}

#cameraScreen.open
{
display:block ;
}

video::-webkit-media-controls-fullscreen-button
{
display: none !important;
}

.after
{
font-style:italic ;
}

.after::before
{
content:'(' ;
margin-left:1rem ;
}

.after::after
{
content:')' ;
}

.ivideo.disclaim #disclaimer
{
display:flex ;
background:rgba(0,0,0,0.5) ;
bottom:0 ;
z-index:1234567 ;
flex-direction:column ;
justify-content:center ;
align-items:center ;
font-size:1.3rem ;
text-align:center ;
}

.ivideo.disclaim #disclaimer > div
{
background:white ;
max-width:60% ;
padding:2rem ;
}

.ivideo.disclaim #disclaimer div.textx
{
background:white ;
}

.ivideo.disclaim #disclaimer div.btnx
{
padding-top:1rem ;
}

.ivideo.disclaim #disclaimer div.btnx button
{
background:#b88937 ;
border-style:none ;
font-size:inherit ;
color:white ;
padding:0.25rem 3rem ;
}

div#creation
{
position:fixed ;
left:0 ;
top:0 ;
bottom:0 ;
right:0 ;
background:rgba(0,0,0,0.5) ;
}

div#creation > div
{
background:white ;
position:absolute ;
top:10px ;
bottom:10px ;
left:10px ;
right:10px ;
padding:10px ;
}

div#creation > div button
{
position:absolute ;
right:10px ;
top:10px ;
display: inline-block;
background: #b88937;
border-radius: 5px;
font-size: inherit;
border: none;
padding: 0.25rem 2rem;
margin: 0.25rem;
color: white;
font-family: 'Roboto', sans-serif;
cursor:pointer ;
}

div#creation #nomc
{
text-transform:uppercase ;
}

div#creation #prenomc
{
text-transform:capitalize ;
}

.geaPanel .geaPanelBlock
{
max-width:80vw ;
}

html.tourne .geaPanel
{
}

html.tourne .geaPanel .geaPanelBlock
{
transform:rotate(90deg) ;
max-width:75vw ;
}

.pdflink
{
background:transparent ;
opacity:0.5 ;
position:absolute ;
}