body{background-color:#000;color:gray}.info::before{content:"🛈"}.champ{margin-bottom:10px}.champ label{font-weight:bold;width:fit-content;display:block;margin:auto auto 3px}.champ input{margin:auto;display:block}.connexion{display:flex;width:100%;align-items:center;flex-wrap:wrap}.connexion #connexion{flex-basis:50%}.connexion .message{flex-basis:50%;text-align:center}.connexion .message a{color:#add8e6}.profil{width:100%}.profil .boutonAvatar{margin:auto auto 10px;width:fit-content;display:block;height:30px}.profil .avatar{margin:15px auto;display:block;width:fit-content}.profil .nomPrenom{text-align:center;font-size:200%;margin:0 5px 15px}.profil .description{margin:0 5px 15px}.profil .legende{text-decoration:underline;font-weight:bold}.profil .contrat{margin:0 0 15px;border:gray solid 1px}.profil .contrat .titre{font-size:150%;text-align:center}.profil .contrat .message,.profil .contrat .departementResidence{margin:10px}.profil .liensProfil{margin:0 5px 15px;display:flex}.profil .liensProfil .boutonLien{flex-basis:33%;margin:0 5px;padding:7px}.profil .sansContrat{text-align:justify;margin:0 20px 10px;color:#ff4500}.profil .sousTitre{font-size:120%;text-decoration:underline;margin:0 5px 15px}.profil .amis{display:flex;flex-wrap:wrap}.profil .amis .message{font-style:italic;text-align:justify}.profil .amis .carteAmi{flex-basis:50%}.profil .amis .carteAmi .description{margin:0 0 0 10px}.inscriptionFormulaire,.inscriptionValidation,.inscriptionEmailValidation{width:100%}.inscriptionFormulaire .titre,.inscriptionValidation .titre,.inscriptionEmailValidation .titre{font-size:200%;text-align:center;margin:auto auto 20px auto}.inscriptionValidation p,.inscriptionEmailValidation p{margin:10px 5px;text-align:justify}.inscriptionValidation p a,.inscriptionEmailValidation p a{color:#add8e6}.boutonValider{color:green;display:block;margin:20px auto;font-weight:bold;padding:5px 10px}.boutonSupprimer{display:block;margin:20px auto;font-weight:bold;padding:5px 10px;color:darkred}#contenu{display:flex;width:100%;margin:0 auto;max-width:800px;flex-wrap:wrap}.erreur{color:red;font-size:150%;text-align:center;flex-basis:100%}.banniere{width:fit-content;margin:5px auto 20px;text-align:center}.banniere .nomSite{font-size:300%}.banniere .slogan{font-size:75%}.piedDePage{margin-top:10px;font-size:50%;text-align:center}.piedDePage .credits{font-style:italic}.boutonLien a{cursor:inherit;color:#000;text-decoration:none;font-weight:bold}.retour{flex-basis:100%;margin:5px;max-width:fit-content;padding:5px 20px}button{cursor:pointer}.listeAmis{display:flex;width:100%;text-align:center}.listeAmis #rechercheProfil{margin-bottom:10px;display:block}.listeAmis form{flex-basis:50%;margin:1px}.listeAmis form .titre{font-size:125%;font-weight:bold;text-decoration:underline;margin:10px 0;width:100%}.listeAmis form .message{font-style:italic}.listeAmis form .ami{display:flex;padding:3px 0}.listeAmis form .ami.ligne1{background-color:#323232}.listeAmis form .ami.ligne2{background-color:#1e1e1e}.listeAmis form .ami .carteAmi{width:100%;margin-bottom:0;padding-left:3px}.listeAmis form .ami .supprimerAmi{color:red}.listeAmis form .ami .ajouterAmi{color:#006400}.listeAmis form .ami button{height:fit-content;align-self:center;margin:0 5px;padding:1px 5px;max-width:fit-content}.carteAmi{padding-left:10px;margin-bottom:5px;box-sizing:border-box;display:flex;align-items:center}.carteAmi .avatar{max-width:40px;max-height:40px;margin:0 3px 0 0}.carteAmi .texteCarteAmi .description{font-style:italic;font-size:80%;margin-left:10px}.supprimerProfil .titre{font-size:200%;width:100%;text-align:center}.supprimerProfil .messageImportant{padding:0 5px}.supprimerProfil .boutons{display:flex;justify-content:center}.supprimerProfil .boutons button{flex-basis:50%;max-width:150px;margin:10px;height:30px}.supprimerProfil .boutons button.supprimerProfil{color:darkred;font-weight:bold}.editerProfil{width:100%}.editerProfil .message{padding:0 5px;margin:15px 0 5px 0}.editerProfil .formulaireContrat{flex-wrap:wrap}.editerProfil .nomPrenom,.editerProfil .formulaireContrat{display:flex}.editerProfil .nomPrenom .champ,.editerProfil .formulaireContrat .champ{flex-basis:50%;max-width:50%}.editerProfil .nomPrenom .champ.departement,.editerProfil .formulaireContrat .champ.departement{flex-basis:100%;text-align:center}.editerProfil .supprimerContrat{width:100%;text-align:center;font-weight:bold}.editerProfil .supprimerContrat button{color:darkred;padding:5px 10px}.editerProfil .checkbox{text-align:center}.editerProfil .checkbox label,.editerProfil .checkbox input{display:inline}.aideIndex .titre{font-size:130%;font-weight:bolder;margin:15px;text-decoration:underline}.aideIndex .paragraphe{margin:5px;font-size:90%}.avatarProfil{display:flex;width:100%;flex-wrap:wrap}.avatarProfil .retour{flex-basis:100%}.avatarProfil .message{flex-basis:100%;text-align:center;margin:15px 0}.avatarProfil .avatar{margin:15px auto}.avatarProfil form{width:100%;text-align:center}.avatarProfil form .uploadAvatar{width:100%;display:flex;flex-wrap:wrap}.avatarProfil form .uploadAvatar label{margin-bottom:10px;display:block;width:100%}.avatarProfil form .uploadAvatar input{margin-bottom:10px;display:block;width:100%;text-align:center}.avatarProfil form .boutonsAvatar{display:flex}.avatarProfil form .boutonsAvatar button{flex-basis:50%;max-width:fit-content}@media(max-width: 640px){*{box-sizing:border-box}body{width:auto;margin:0;padding:0}img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video{max-width:100%}img{height:auto}textarea,table,td,th,code,pre,samp{-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;word-wrap:break-word}code,pre,samp{white-space:pre-wrap}}@media(max-device-width: 768px)and (orientation: landscape){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}