@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap');
@font-face {
font-family: 'futura_condensedregular';
src: url('futura_condensed_regular-webfont.woff2') format('woff2'),
url('futura_condensed_regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Poppins', sans-serif;
background-color: #fff;
cursor: default;
}
.container-fluid{
margin-top:40px;
}
.bodymob{
font-family: 'Poppins', sans-serif;
width: 100% !important;
max-width: 95%;
margin: 0 auto;
/* background: url(fb.png) bottom no-repeat; */
background-size: 100%;
cursor: default;
margin-bottom: 40px;
background: #E5F0F2 !important;
}
img.moscato {
width: 90%;
margin: 80px 0;
}
.a{
text-decoration: none;
color: #ffffff;
font-size: 18px;
font-weight: 300;
}
a.listeFooter2:hover {
color: #fff;
}
.a span, .a2 span {
position: relative;
top: -10px;
}
a.nav-link:hover {
color: #fff !important;
}
p.txt-alc {
font-family: 'futura_condensedregular';
text-align: center;
padding: 20px 0 0;
color: #fff;
font-size: 25px;
text-transform: uppercase;
margin-bottom: 0px;
}
.a2{
text-decoration: none;
color: #daeaec;
}
ul {
padding-left: 0;
}
form#formulaireAlgo {
max-width: 600px;
margin: auto;
text-align: center;
margin-top: 80px;
}
.volVerre {
width: 90%;
font-size: 22px;
padding: 15px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #00a099;
}
/*HEADER*/
.preHeader{
background-color: #ffffff;
padding-top:3px;
padding-left: 35px;
padding-bottom: 5px;
width: 1300px;
max-width: 100%;
margin: 0 auto;
border-radius: 0 0 10px 10px;
box-shadow: 0px 0px 8px 5px #33333326;
}
header{
margin-top: 0px;
}
.bgSlide {
padding-bottom: 370px;
background: url(head.png) no-repeat;
background-size: cover;
background-position-x: center;
background-color: #fff;
}
h1{
font-weight: 400;
font-size: 36px;
}
.white{
color: #daeaec;
}
h2 {
font-weight: 300;
font-size: 24px;
margin-top: 20px;
color: #367d88;
}
.logo{
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: 30px;
}
a.footer-a {
color: #ffffff9e;
font-size: 20px;
}
a.footer-a:hover {
color: #ffffff;
font-size: 20px;
}
.slide{
max-width: 100%;
height: auto;
display: block;
z-index: -1;
position: absolute;
}
.ico{
text-decoration: none;
text-align: right;
display: inline-block
}
.inputConnexion {
float: right;
margin-top: 5px;
}
.title {
display: inline-block;
padding: 20px 0;
}
.ul2{
float: right;
text-align: right;
margin-right: 35px;
}
.txtConnecte{
font-size: 32px;
font-weight: 300;
}
.btn-primary {
color: #fff;
background-color: #02a099;
border-color: #02a099;
}
.btn-primary:hover {
color: #fff;
background-color: #75c1a6;
border-color: #75c1a6;
}
.numerosUtiles {
background-color: #d0e5e9;
padding: 30px;
margin-bottom: 40px;
margin-top: 30px;}
.input{
border: solid 3px #00a099;
margin: 10px;
margin-top: 0px;
padding-bottom: 10px;
padding-top: 10px;
border-radius: 5px;
padding-left: 5px;
}
.connexion{
background-color: #9900A0;
padding-top: 14px;
padding-bottom: 8px;
border: solid #9900A0 3px;
color: #daeaec;
font-size: 12px;
font-weight: 600;
cursor: pointer;
border-radius: 5px;
margin-left: 10px;
}
.connexion2{
background-color: #9900A0;
padding-top: 15px;
padding-bottom: 9px;
border: solid #9900A0 3px;
color: #daeaec;
font-size: 12px;
font-weight: 600;
cursor: pointer;
border-radius: 5px;
margin-left: 10px;
margin-top: -5px;
}
.connexionID{
border: solid 3px #00a099;
margin: 10px;
margin-top: 0px;
padding-bottom: 10px;
padding-top: 10px;
border-radius: 5px;
padding-left: 5px;
}
.connexionMDP{
border: solid 3px #00a099;
margin: 10px;
margin-top: 0px;
padding-bottom: 10px;
padding-top: 10px;
border-radius: 5px;
padding-left: 5px;
}
/*MENU*/
.ul{
margin: 0 auto;
padding-left: 0px;
text-align: center;
}
.li{
text-decoration: none;
display: inline-block;
text-align: center;
padding: 10px;
font-size: 18px;
font-weight: 300;
margin-left: 10px;
}
.menu{
background-color: #005c58;
color: #daeaec;
margin: 0px;
padding: 29px 0 10px;
}
.black{
color: #1d1d1b;
}
.icoHistoriqueMenu{
width: 40px;
height:40px;
color: #9900A0;
}
/*CONTENU PARTENAIRES*/
.logoILD{
width: 250px;
}
.logoEISTI{
width: 400px;
}
.logoXavier{
width: 250px;
border-radius: 125px;
}
.txtBlock2 {
text-align: justify;
font-size: 15px;
font-weight: 100;
color: #61615B;
}
.center{
text-align: center;
}
.blockPartenaire{
display: inline-block;
width: 300px;
font-size: 18px;
font-weight: 200;
margin: 35px;
margin-top: 25px;
padding: 10px;
}
/*CONTENU 1 ACCUEIL*/
.parrain{
font-size: 24px;
font-weight: 300;
}
.photoParrain{
width: 635px;
border-radius: 10px;
border: solid 2px #00A099;
}
.container1{
text-align: center;
background-color: #E5F0F2;
padding-top: 30px;
}
.vert{
color: #00a099;
}
h3{
font-size: 34px;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
h4 {
font-size: 18px;
font-weight: 400;
margin-top: 0px;
padding-bottom: 10px;
}
.block{
display: inline-block;
width: 240px;
font-size: 18px;
font-weight: 200;
margin: 35px;
margin-top: 0px;
cursor: default;
}
.question img {
width: 140px;
}
.question p {
padding: 30px 0 20px;
font-size: 24px;
}
.txtBlock{
text-align: justify;
font-size: 15px;
font-weight: 100;
color: #61615b;
margin-top: -15px;
}
.capitales{
text-transform: uppercase;
}
/*CONTENU 2 ACCUEIL*/
.container2{
padding: 30px;
max-width: 1300px;
margin: 0 auto;
}
.container3{
padding: 30px;
background-color: #E5F0F2;
max-width: 100%;
margin: 0 auto;
}
.photoProfil2 {
margin-bottom: 15px;
max-width: 290px;}
.moscato2 {
margin: 50px 0;
}
.block2{
display: inline-block;
width: auto;
margin: 60px 0;
cursor: pointer;
}
.block2:nth-child(2) {
margin: 0 60px;
}
.violet {
color: #308e99;
}
/*CONTENU QUIZ*/
.btnquestion{
cursor: pointer;
}
.btnSuivant{
cursor: pointer;
}
.bonneReponse11{
color: #00a099;
}
.mauvaiseReponse11{
color: #9900A0;
}
.bonneReponse12{
color: #00a099;
}
.mauvaiseReponse12{
color: #9900A0;
}
.bonneReponse21{
color: #00a099;
}
.mauvaiseReponse21{
color: #9900A0;
}
.bonneReponse22{
color: #00a099;
}
.mauvaiseReponse22{
color: #9900A0;
}
.bonneReponse31{
color: #00a099;
}
.mauvaiseReponse31{
color: #9900A0;
}
.bonneReponse32{
color: #00a099;
}
.mauvaiseReponse32{
color: #9900A0;
}
.bonneReponse41{
color: #00a099;
}
.mauvaiseReponse41{
color: #9900A0;
}
.bonneReponse42{
color: #00a099;
}
.mauvaiseReponse42{
color: #9900A0;
}
.bonneReponse51{
color: #00a099;
}
.mauvaiseReponse51{
color: #9900A0;
}
.bonneReponse52{
color: #00a099;
}
.mauvaiseReponse52{
color: #9900A0;
}
.question{
padding-bottom: 30px;
}
.reponse {
padding-bottom: 40px;
padding-top: 30px;
padding-left: 40px;
padding-right: 40px;
background-color: #d0e5e9;
}
.btnnouveauquiznoir{
cursor: pointer;
}
.total{
color: #00a099;
font-size: 20px;
}
.italique{
font-style: italic;
color: #868686;
}
/*CONTENU PAGE CALCUL*/
.ICOinformations{
padding: 30px 0px;
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
.ICOfemmeblanc{
width: 40%;
}
.ICOfemmeviolet{
width: 40%;
}
.ICOhommeblanc{
width: 40%;
}
.ICOhommeviolet{
width: 40%;
}
.ICOpoidsblanc{
width: 150px;
}
.ICOpoidsviolet{
width: 150px;
}
.ICOtypesoiree {
padding: 20px 0 0;
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
width: 39%;
}
.ICOjeuneconducteur{
width: 40%;
padding: 30px 0px;
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
.ICOlancercalcul{
padding:30px;
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
.ICOconsommation{
width: 90px;
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
.inputPoids{
border: none;
font-size: 22px;
border-radius: 5px;
margin: 30px 0px;
width: 565px;
max-width: 90%;
padding: 17px 10px;
}
#Femme{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#Homme{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#PasAJeun{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#AJeun{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#Oui{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#Non{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#OuiC{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#NonC{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#bar{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#maison{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#lesDeux{
-webkit-appearance : none;
-moz-appearance : none;
display : none;
}
#lancerCalcul {
background: url(ICOlancercalculblanc.png) no-repeat;
background-size: 100%;
background-position-x: right;
border: none;
width: 300px;
height: 100px;
cursor: pointer;
margin-top: 10px;
}
.icoPlus, .icoMoins {
width: 80px;
margin-top: 20px;
}
.divRecap {
background: #e5f0f2;
width: 80%;
margin: auto;
border-radius: 7px;
margin-top: -15px;
padding: 20px;
color: #005655;
}
div#RecapConso {
padding: 43px 0 !important;
}
.modifier{
background: url('boutonModifier.png') no-repeat;
background-size: cover;
border: none;
cursor: pointer;
margin-bottom: -4px;
width: 20px;
height: 20px;
}
.supprimer{
background: url('boutonSupprimer.png') no-repeat;
background-size: cover;
cursor: pointer;
border: none;
width: 16px;
height: 16px;
}
.tableauConsommationBiereBar,.tableauConsommationVinBar,.tableauConsommationAperitifBar,.tableauConsommationChampagneBar,.tableauConsommationWhiskyBar,.tableauConsommationDigestifBar,.tableauConsommationRhumBar,.tableauConsommationPersonnaliseBar{
text-align: center;
background-color: #ffffff;
border: solid 1.5px #E1DFDF;
padding: 10px;
background-color: #daeaec;
border: solid 1.5px #00a099;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
.tableauConsommationBiereDomicile,.tableauConsommationVinDomicile,.tableauConsommationAperitifDomicile,.tableauConsommationChampagneDomicile,.tableauConsommationWhiskyDomicile,.tableauConsommationDigestifDomicile,.tableauConsommationRhumDomicile,.tableauConsommationPersonnaliseDomicile{
text-align: center;
padding: 10px;
background-color: #f7f9f9;
border: solid 1.5px #00a099;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
.tableauConsommationBiereLesDeux,.tableauConsommationVinLesDeux,.tableauConsommationAperitifLesDeux,.tableauConsommationChampagneLesDeux,.tableauConsommationWhiskyLesDeux,.tableauConsommationDigestifLesDeux,.tableauConsommationRhumLesDeux,.tableauConsommationPersonnaliseLesDeux{
text-align: center;
padding: 10px;
background-color: #daeaec;
border: solid 1.5px #00a099;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
img#moinsCM1 {
width: 90px;
}
img#plusCM1 {
width: 90px;
}
.nbVerres{
width: 85px;
padding-left: 5px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #00a099;
}
.volVerre, #VolumePM0 {
width: 90%;
font-size: 22px;
padding: 15px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #00a099;
}
.pourcentageVerre{
width: 90%;
font-size: 22px;
padding: 15px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #00a099;
}
.heureVerre{
width: 90%;
font-size: 22px;
padding: 15px;
margin-top: 5px;
border-radius: 5px;
background: #fff !important;
border: 1px solid #00a099;
}
.dateVerre{
width: 90%;
font-size: 22px;
padding: 15px;
margin-top: 5px;
border-radius: 5px;
border: none;
background: #fff !important;
border: 1px solid #02a099;
}
.ajouterVerreAperitif{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerreBiere{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerreChampagne{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerreDigestif{
background: url(aajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerrePersonnalise{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerreRhum{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
display: none;
}
.ajouterVerreVin{
background: url(ajouterVerreChampagne.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ajouterVerreWhisky{
background: url(ajouterVerreWhisky.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.ok{
background: url(validerVerre.png) no-repeat;
background-size: cover;
background-position-x: right;
border: none;
width: 250px;
height: 90px;
cursor: pointer;
margin-top: 10px;
}
.affichageResultat{
padding-top: 20px;
padding-bottom: 20px;
}
.recapConso{
width: 95% !important;
background-color: #ffffff !important;
text-align: center;
border: 1.5px solid #d7d7d7 !important;
border-radius: 7px;
display:inline-block;
margin-top:15px;
padding:10px;
}
div#cguAlgo {
text-align: center;
}
div#aEffacer {
text-align: center;
max-width: 600px;
margin: auto;
}
.affichageResultat {
background: #fff;
width: 85%;
border-radius: 5px;
margin: 30px auto 30px;
padding: 25px 10px;
border: 1px solid #308e99;
color: #333 !important;
}
.ICOnouveauCalculVert, .ICOnouveauCalculViolet {
text-align : center;
display : block;
margin : auto;
padding-top : 15px;
padding-bottom : 15px;
cursor: pointer;
width: 300px;
}
.ICOnouveauCalculVert2, .ICOnouveauCalculViolet2 {
text-align : center;
display : block;
margin : auto;
padding-top : 15px;
padding-bottom : 15px;
cursor: pointer;
width: 300px;
}
.ICOmoitié{
width: 150px;
}
.email{
display: inline-block;
}
.blocEmail{
display: inline-block;
margin-top: -25px;
}
.blocMDP{
display: inline-block;
}
.blocMDP2{
display: inline-block;
}
.inserAge{
display: inline-block;
margin-right: 100px;
padding-left: 50px;
}
.inserPoids{
display: inline-block;
margin-left: 75px;
}
/*CONTENU PAGE A PROPOS*/
.numeros{
color: #61615b;
font-size: 20px;
}
.centresAide{
padding-bottom: 15px;
background-color: #d0e5e9;
padding: 30px;
margin-bottom: 40px;
margin-top: 30px;
}
.nombre{
color: grey;
}
a:hover {
color: #5ec2a4;
}
#new_region{
border-radius: 5px;
border:solid 2px #00a099;
cursor: pointer;
background-color: #ffffff;
color: grey;
padding: 10px 20px;
width: 300px;
}
#old_region{
border-radius: 5px;
border:solid 2px #00a099;
cursor: pointer;
background-color: #ffffff;
color: grey;
padding: 10px 20px;
width: 300px;
}
#departement{
border-radius: 5px;
border:solid 2px #00a099;
cursor: pointer;
background-color: #ffffff;
color: grey;
padding: 10px 20px;
width: 300px;
}
#prefecture{
border:none;
width: 300px;
color: #9900A0;
font-size: 20px;
background-color: #f4f4f4;
width: 300px;
}
#Telephone{
border:none;
width: 300px;
color: #9900A0;
font-size: 20px;
background-color: #f4f4f4;
width: 300px;
}
img.titrevotreconsommation {
margin-bottom: 30px;
margin-top: 30px;
}
/*CONTENU PAGE QUI SUIS JE*/
.quiSommesNous{
background: #d0e5e9;
padding: 30px;
text-align: left;
padding-bottom: 30px;
margin-bottom: 0px;
color: #61615b;
}
.photoProfil{
margin-bottom: 15px;
width: 25%;
}
/*CONTENU PAGE HISTORIQUE*/
#validerHistorique{
width: 120px;
height: 120px;
border-radius: 75px;
background-color: #00A099;
color: #DAEAEC;
font-size: 25px;
text-transform: uppercase;
border:none;
cursor: pointer;
}
#selectPreDefini{
color: grey;
background-color: #DAEAEC;
border:solid 2px #00A099;
border-radius: 5px;
cursor: pointer;
}
/*CONTENU PAGE CGU*/
.CGU{
background: #d0e5e9;
padding: 30px;
text-align: left;
padding-bottom: 30px;
margin-bottom: 0px;
color: #61615b;
}
/*CONTENU PAGE MENTIONS LEGALES*/
.ML{
background: #d0e5e9;
padding: 30px;
text-align: left;
padding-bottom: 30px;
margin-bottom: 0px;
color: #61615b;
}
/*CONTENU PAGE CONTACT*/
.contact{
background: #d0e5e9;
padding: 30px;
text-align: center;
color: #61615b;
}
.formulaireContact{
border-radius: 10px;
color: #61615b;
margin-bottom: 25px;
}
.titlep {
width: 100%;
}
.formulaireEmail{
margin-top: 7px;
padding: 11px;
width: 450px;
max-width: 100%;
border: none;
background: #ffffff;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 26px;
color: #005c58;
text-align: center;
}
span.email {
font-size: 18px;
}
.formulaireCommentaire{
margin-top: 7px;
width: 450px;
max-width: 100%;
border: none;
background: #ffffff;
padding: 10px;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #005c58;
}
label {
display: inline;}
.inputmain {
width: 100%;
clear: both;
font-size: 24px;
padding: 15px 0;
}
#formulaireEnvoyer{
background: url(formulaireEnvoyer.png) no-repeat;
background-size: 100%;
background-position-x: right;
border: none;
width: 190px;
height: 60px;
cursor: pointer;
margin-top: 10px;
}
/*CONTENU PAGE INSCRIPTION*/
.formulaireInscription{
background-color: #daeaec;
border: solid 1.5px #00a099;
border-radius: 10px;
margin-left: 300px;
margin-right: 300px;
color: #818181;
padding: 20px;
margin-bottom: 25px;
}
.inscriptionNom{
margin-top: 5px;
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionPrenom{
margin-top: 5px;
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionPseudo{
margin-top: 5px;
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionAdresse{
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionEmail{
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionMDP{
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.inscriptionAge{
border: solid 1px #00a099;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #818181;
text-align: center;
}
.Accepte{
font-size: 14px;
}
.good {
margin: 200px auto;
background: #daeaec;
padding: 20px;
width: 600px;
text-align: center;
}
#validerInscription{
background: url(validerInscription.png) no-repeat;
background-size: 100%;
background-position-x: right;
border: none;
width: 230px;
margin-left: 10px;
cursor: pointer;
margin-top: 10px;
height: 80px;
}
/*FOOTER*/
footer{
background-color: #005c58;
border-top: solid 1px #54817f;
color: #ffffff;
}
.border-top {
border-top: 1px solid #54817f!important;
}
.text-muted {
--bs-text-opacity: 1;
color: #75c1a6!important;
}
.displayFlex {
display: flex;
}
.blockFooter1{
font-size: 12px;
color: #61615b;
margin-left: 35px;
margin-top: 35px;
padding-bottom: 15px;
width: 50%;
display: inline-block;
}
h5{
font-size: 22px;
font-weight: 300;
margin-bottom: 20px;
margin-top: 0px;
}
.txtfooter1{
margin-top: 0px;
margin-bottom: 0px;
}
.logos{
margin-right: 15px;
margin-top: 15px;
cursor: pointer;
}
.logos2{
margin-right: 15px;
margin-top: 15px;
cursor: pointer;
}
.blockFooter2{
display: inline-block;
text-align: right;
width: 50%;
margin-top: 35px;
margin-right: 35px;
}
h6{
font-size: 25px;
font-weight: 300;
margin-bottom: 0px;
margin-top: 0px;
}
.listeFooter{
text-decoration: none;
display: block;
font-size: 15px;
font-weight: 100;
}
.listeFooter2{
text-decoration: none;
font-size: 15px;
font-weight: 100;
color: #00b5ad;
}
.footerBas{
background-color: #00a099;
color: #daeaec;
font-size: 15px;
font-weight: 100;
padding: 20px;
background: url(fb.png) bottom no-repeat;
background-size: 100%;
padding-bottom: 190px;
}
@media screen and (max-width: 723px) {
.footerBas {
background-size: 420%;
}
.ajouterVerreChampagne, .ok {
width: 160px;
height: 58px;
}
}
/***********************/
.ONSR{
position: relative;
bottom: 16px;
}
.ftusa{
position: relative;
bottom: 33px;
}
.title-bloc{
background: #03224c;
color: #fff;
text-align: left;
padding: 5px;
line-height: 62px;
}
.title-bloc span{
background: #87CEEB;
/* padding: 20px; */
display: inline-block;
width: 63px;
text-align: center;
font-size: 34px;
line-height: 63px;
height: 68px;
font-weight: 500;
margin-right: 18px;
}
.title-bloc b{
font-weight: 300;
font-size: 22px;
}
.phone-call{
text-decoration: none;
font-size: 40px;
color: #005c58;
}
#Poids,
.qte,
.datetime,
.datetime_conduire{
background: #eee;
}
#add_conso{
background: #03224c;
color: #fff;
border: 0px;
padding: 10px;
font-size: 20px;
margin: 15px;
}
.btn-radio-drink{
padding: 15px;
}
.group-bloc{
margin: 10px 0;
font-size: 22px;
color: #fff;
}
.bloc-conso{
background: #87CEEB;
padding: 15px 0;
margin: 15px 0;
}
.bloc-conso:first-child{
margin-top: 0;
}
.datetime, .qte, .datetime_conduire{
text-align: center;
padding: 17px 10px;
border-radius: 5px;
border: none;
}
.qte{
font-size: 22px;
margin: 0px 0px 30px;
}
.datetime_conduire{
margin: 30px;
}
.btn-radio-drink input{
visibility: hidden;
}
.btn-radio-drink label{
background: #6bbd9f;
padding: 15px;
margin: 7px;
display: inline-block;
border-radius: 10px;
width: 40%;
}
.btn-radio-drink label:has(input:checked){
background:#028d5a;
}
.btn-radio-drink img{
height: 80px;
}
.btn-radio-drink span{
height: 65px;
display: block;
}
.btn-radio-drink:last-child{
position: relative;
bottom: 34px;
}
#calculer{
background: #03224c;
color: #fff;
border: 0px;
padding: 10px;
font-size: 30px;
margin: 15px;
width: 90%;
}
#reponse{
/* display: none; */
color:#000;
/* padding: 15px 0; */
margin: 15px 0;
max-width: 600px;
margin: auto;
color:#082b6a;
margin-top: 50px;
}
#reponse img{
max-width: 100%;
}
.reponse-ok,.reponse-ko{
display:none;
}
.reponse-ok .header{
background: #00a573;
padding: 15px;
border-radius: 10px 10px 0 0;
color:#fff;
}
.reponse-ok .sub-header{
background: #e6ecf6;
color:#082b6a;
padding: 10px 15px;
margin-bottom: 20px;
}
.right-response{
background: #e6ecf6;
color: #082b6a;
border-radius: 10px;
padding: 15px;
float: left;
}
.right-response .heure_depart{
color: #2257b1;
font-weight: bold;
}
.right-response hr{
color: #fff;
height: 4px;
}
.left-response{
padding-top: 30px;
float: left;
}
.left-response .percent_date{
font-size: 36px;
font-weight: bold;
}
.call_taxi{
color: #2257b1 !important;
border: 2px solid !important;
border-radius: 20px;
padding: 7px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
.reponse-ko .header{
background: #ff4d4d;
padding: 15px;
border-radius: 10px 10px 0 0;
color:#fff;
}
.reponse-ko .sub-header{
background: #ffdedf;
color:#ff4d4d;
padding: 10px 15px;
margin-bottom: 20px;
}
.footer1{
/* position: relative; */
top: 15px;
}
.footer1 img{
display: inline-block;
max-width: 100px !important;
margin: 0 15px;
}
@media only screen and (max-width: 723px) {
.group-bloc{
font-size: 11px;
margin: 5px 0;
}
.qte {
font-size: 11px;
margin: 15px 0px;
}
#add_conso {
padding: 5px;
font-size: 16px;
margin: 0 7px 20px;
}
#calculer{
font-size: 20px;
}
#reponse{
font-size: 12px;
margin-top: 50px;
}
.left-response .percent_date{
font-size:22px;
}
.call_taxi{
font-size:9px;
}
h3 {
font-size: 26px;
}
.title-bloc b {
font-size: 14px;
}
.title-bloc{
line-height: 44px;
}
.title-bloc span {
width: 44px;
font-size: 20px;
line-height: 44px;
height: 44px;
margin-right: 10px;
}
.btn-radio-drink span{
height: 34px;
}
.btn-radio-drink:last-child{
bottom: 0px;
}
.inputPoids{
font-size: 16px;
margin: 15px 0px;
padding: 8px 10px;
}
.ICOinformations,.ICOjeuneconducteur{
padding: 15px 0px;
}
.datetime, .qte, .datetime_conduire{
padding: 8px 10px;
}
.datetime_conduire {
margin: 15px;
}
.ONSR{
position: relative;
bottom: 0;
top:10px;
}
.ftusa{
position: relative;
bottom: 0;
}
}
#menu{
z-index:1000;
background: #fff;
position: absolute;
width: 70%;
right: 0;
margin-top: 10px;
max-width: 200px;
padding: 15px;
box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);
}
#menu ul{
list-style: none;
}
#menu ul li{
padding: 4px 0;
}
#menu ul li a{
text-decoration: none;
color: #000;
}
.p-0{
padding:0px;
}
.navbar-toggler:focus{
box-shadow: none;
}
.c-header{
margin-bottom: -60px;
}
.w-50{
max-width: 200px;
margin-top: 80px;
}
.phone-assitance,
.phone-assitance:hover{
background: #42BCD4;
color: #FFFFFF;
border-radius: 30px;
text-decoration: none;
padding: 5px 15px;
font-size: 30px;
font-weight: bold;
}