:root {
    --bkg:#0B2698;
    --text:#23375a;
    --bleu: #0B2698;
    --bleu_placeholder: #0b38988c;
    --bleuc: #00E4D2;
    --rose: #F9246F;
}

*{
font-family:'filson-pro',arial;   
}

body{
font-size:.85rem;
font-weight:400;
}

.txt *{
color:white;
}
.txt{
padding:30px;
box-sizing:border-box;
margin-bottom:15px;
display:inline-block;
}
.txt p{font-size:1.2em; margin:0 0 10px 0;}
.txt li{font-size:1.2em; }
.txt h2{font-size:2em;font-weight:500;}
.txt h3{font-size:1.7em;font-weight:400;margin:0}
.txt h4{
font-size:1.4em;
font-weight:400;
background:url(/images/bkg-vert.png) repeat-x;
display:inline-block;
width:auto;
padding:0 5px 4px 5px;
margin:10px 0 0 0;
}

.pictoCritere{
margin-right:15px;    
}
.pictoCritere img{
height:64px;
width:auto;    
}

.schematique{margin:0px 0;display:inline-block;padding:30px;}
img{max-width:100%;}

.imgBig{
width:100%; 
box-sizing:border-box;
margin-bottom:50px; 
text-align:center;    
}
.whiteBkg{
background:white;
border-radius:16px;
border:2px solid var(--bleuc);  
}
.whiteBkg *{
color:var(--bleu);    
}


.separBottom::after,
.separTop::before{
content:'';
display:block;
height:16px;
background-size:auto 22px;
background-image:url(/images/separation.png);
width:100%;
}
.separBottom::after{
margin:50px 0 0 0;
}
.separTop::before{
margin:0 0 50px 0;
}


.complet,
.squarelinks {
width:100%; 
box-sizing:border-box;   
}
.squarelinks {
text-align:center;
margin-bottom:30px;
}
.center{text-align:center;}
.noMargin{margin:0;}
.noPadding{padding:0;}

.tiers{
width:30%;
display:inline-block;
box-sizing:border-box;    
}
.depliable{
text-align:left;
padding:20px;
box-sizing:border-box;    
border-radius:16px;
background:white;
margin-top:30px;
display:block;
width:100%;
border:2px solid var(--bleuc);
}
.depliable.txt *{color:var(--bleu);}

#wrap{
width:100%;
max-width:1200px;
background: var(--bkg);
border-radius:32px;
margin:auto;
}

.diaporama{
width:100%;
display:inline-block;    
}
.diap{
display:inline-block;
width:140px;    
height:auto;
vertical-align:middle;
margin:10px 20px;
}
.diap img{
width:100%;  
height:auto;
}


.blue{
display:block;
width:100%;
max-width:860px;
position:relative;
padding:30px;
box-sizing:border-box;
position:relative;
margin:0 auto 40px auto;
}

#entete{
width:100%;
max-width:1200px;
background-image:url(images/entetev2.jpg);
background-repeat:no-repeat;
background-size:cover;
border-radius:32px 32px 0 0;  
height:280px; 
position:relative;
}
#entete #logo{
position:absolute;  
left:40px;
top:30px; 
}
#logo img{
height:75px;
width:auto;
}
#logo h2{
color:var(--bleuc);
text-transform:uppercase;
font-weight:300;
font-size:2.8em; 
margin:0;   
}
#entete #menus{
position:absolute;
right:40px;
top:40px; 
color:white;
font-style:italic;
font-size:1.2em;
font-weight:300;
z-index:1;
}
#menus img{
vertical-align:middle; 
margin-left:10px; 
border-radius:32px;  
}
.menuElem{
margin-bottom:15px;
text-align:right;    
cursor:pointer;
}
#monCompte{
position:relative;
z-index:-2;    
}
#smartMenu{
z-index:-1;
position:absolute;
top:0;
right:0;
width:280px;
background:#00e4d2f2;   
padding:40px 30px 30px 30px;
border-radius:24px;    
text-align:left;
}
#smartMenu ul{
list-style:none;
margin:0;
padding:0;
}
#smartMenu li {
line-height:1.8em; 
cursor:pointer;   
}
#smartMenu li a{
text-decoration:none;
font-style:normal;
font-weight:500;
color:var(--bleu);
display:block;
}
#smartMenu li:hover a,
#smartMenu li a:hover{
color:white;
}

.contactForm{
width:calc(100% - 60px);
background:white;
padding:30px;
border-radius:24px;
border:2px solid var(--bleuc);
display:block;
box-sizing:border-box;    
margin:0 auto 50px auto;
}
#formulaire{
width:100%;
}
#formulaire input,
#formulaire textarea{
border-radius:16px;
border:1px solid var(--bleu);
padding:6px 16px;
box-sizing:border-box;
margin-bottom:5px;
display:inline-block;
font-size:16px;
transition:all ease 0.3s;
}
#formulaire input:focus,
#formulaire textarea:focus{
background:#eee;    
}

#formulaire .midForm input{
width:49.5%!important;    
}
#formulaire .fullForm input{
width:100%;    
}
#formulaire textarea{
width:100%;  
min-height:200px; 
padding:12px; 
}
#formulaire input::placeholder,
#formulaire textarea::placeholder{
color:var(--bleu);
font-style:italic;
font-weight:300;
font-size:1em;   
}
#formulaire input:focus::placeholder,
#formulaire textarea:focus::placeholder{
color:#bbb;    
}

#formulaire input[type="submit"]{
background:var(--bleuc);
border:none;
padding:8px 24px;
font-size:1.0em; 
border-radius:32px; 
color:var(--bleu);
margin-top:20px;  
transition:all ease 0.3s;
cursor:pointer;
}
#formulaire input[type="submit"]:hover{
background:var(--rose)  ;
color:white; 
}
.cnil {
display:block;
margin-top:15px;    
}
.cnil input{
float:left;
width:auto;
}
.cnil p{
color:var(--bleu); 
font-size:12px;
font-style:italic;
font-weight:300;  
margin:0; 
}
.contactform input[type="checkbox"]{
appearance: none;
background-color: #fff;
margin: 0 5px 0 0;
font: inherit;
color: var(--bleu);
width: 18px;
height: 18px;
border: 1px solid var(--bleu);
border-radius: 0.15em;
transform: translateY(-0.075em); 
vertical-align:middle; 
}
.contactform input[type="checkbox"]:checked{
background:var(--bleu);
}
.contactform input[type="checkbox"]:checked::before {
position:relative; 
top:2px;
left:2px;
content: "";
display:block;
width: 12px;
height: 12px;
background:white;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}



#logOcreate{
display:block;
text-align:center;    
width:100%;
max-width:800px;
border-spacing:30px 0;
margin:30px auto;
position:relative;
}

.halfLog{
width:50%;
display:table-cell;
vertical-align:middle;
padding:30px;
text-align:center;
border-radius:16px;
border:1px solid white;
}

.halfLog.logBox{
background:#ffffff;
border:1px solid white;  
}

#createLogPop input, 
.halfLog input{
width:100%;
border-radius:32px;
border:none;
padding:16px 16px;
box-sizing:border-box;
font-size:1.2em;
margin-top:10px;
}
#createLogPop input[type="checkbox"]{
width:auto;    
}
#createLogPop input[type="text"],
.halfLog input[type="text"]{
border:1px solid var(--bleu);
color:var(--bleu); 
}

#logged .medecinInfos input{
width:100%; 
border-radius:8px;
border:1px solid var(--bleu);
padding:4px; 
box-sizing: border-box;
margin-bottom:8px;
}
#logged .medecinInfos input[type="submit"]{
width:auto;  
text-transform:uppercase;
border:none;
background-color:var(--bleu);
color:white;
padding:8px 16px;  
margin-top:10px;
border-radius: 32px;
transition: all ease .3s;
cursor: pointer;
}
.infoMed.inhib{
background:#ccc;
color:#888;    
}

#logged .medecinInfos input[type="submit"]:hover{
background:var(--rose);    
}

#createLogPop .inputSepNumbs{
position:relative;
width:50%;
margin:auto;   
}

#newPatNp .inputSepNumbs,
#newPatBd .inputSepNumbs,
#newPatPd .inputSepNumbs,
#newPatSz .inputSepNumbs{
position:relative;
width:auto;
margin:auto;
display:inline-block;        
}

#getNumBox{
width:100%!important;
background:transparent!important;
position:absolute;
height:64px;
top:0;
left:0;
border-radius:0!important; 
border:none!important;
text-align:left!important;
font-size:2em!important;  
letter-spacing:37px!important; 
padding:20px!important;
margin:0!important;
color:transparent!important;
}
.getDatBox{
width:100%!important;
background:transparent!important;
position:absolute;
height:64px;
top:0;
left:0;
border-radius:0!important; 
border:none!important;
text-align:left!important;
font-size:26px!important;  
letter-spacing:37.5px!important; 
padding:0 0 0 20px!important;
margin:0 0 0 0!important;
color:transparent!important;
font-family:monospace!important;
box-sizing:border-box!important;
}


#createLogPop input[type="text"]{
width:45%;
padding:8px 16px; 
font-size:1em;   
outline: none;
}
#createLogPop input[type="submit"]{
width:auto; 
padding:16px 32px; 
font-size:1.1em;  
}
.halfLog input::placeholder,
#createLogPop input::placeholder{
color:var(--bleu); 
font-style:italic;  
}
.halfLog input[type="button"],
.halfLog input[type="submit"],
#createLogPop input[type="submit"]{
background: var(--bleuc);
color: var(--bleu);
cursor:pointer;
transition:all ease .3s;
}
.halfLog input[type="button"]:hover,
.halfLog input[type="submit"]:hover,
#createLogPop input[type="submit"]:hover{
background:var(--rose);
color:white; 
}

.halfLog p{
color:white;
font-size:1.2em;
}
.halfLog.logBox p{
color:var(--bleu);
margin:0;    
}
#bkgPop{
position:fixed;
background:#0b2698c2;
width:100%;
height:100%;
top:0;
left:0;    
}
#createLogPop{
position:fixed;
z-index:999;
background:#ffffffe3;  
padding:40px;
border-radius:24px;
left:50%;
top:50%;
width:100%;
max-width:720px;
height:auto;
transform:translate(-50%,-50%);  
box-sizing:border-box;
}
#createLogPop *{
color:var(--bleu);   
}
#createLogPop .check{
text-align:left;  
max-width:90%;
margin:auto;  
font-style:italic;
}

#createLogPop h2{ margin:0 0 0 0;font-size:1.7em;}
#createLogPop h4{ margin:5px 0 10px 0; }
#createLogPop h2.error{color:var(--rose);}

#createLogPop .valSms,
#createLogPop .printNumBox,
#logged .printNpBox,
#logged .printBdBox,
#logged .printPdBox,
#logged .printSzBox{
width:48px !important;
line-height:64px;
height:64px;
padding:0;
margin:0;
display:inline-block;  
border-radius:16px;
text-align:center;
font-size:26px!important;
border:1px solid var(--bleu);
background:white;
vertical-align:top;
text-transform:uppercase;
}

#logged .separHover{
position:absolute;
font-size:36px;
height:64px;
line-height:64px;
font-weight:200;
}
#logged .separHover.bd0{left:97px;}
#logged .separHover.bd1{left:204px;}
#logged .separHover.pd0{left:101px;top:17px;}
#logged .separHover.sz0{left:48px;top:17px;}


#createLogPop #closePop{
position:absolute;
top:-16px;
right:-16px;
width:40px;
height:40px;
background-image:url(images/close_popup.png);
background-size:cover;
transition:all ease 1s;
cursor:pointer;   
}
#createLogPop #closePop:hover{
transform:rotateZ(90deg);   
}

#logged h1,
#logged h2,
#logged h3,
#logged h4,
#logged h5,
#logged p{
margin:0;    
}

.etape1.depistage,
.etape2.evaluation,
.etape3.soins,
.etape4.orientation,
.etape5.suivi{
background:var(--bleu);
display:inline-block;
color:white!important;
padding:6px 16px;
font-weight:300;
border-radius:32px;
margin-top:5px!important; 
font-size:14px;   
}
.etape3.soins{background:var(--bleuc);}
.etape4.orientation,.etape5.suivi{background:var(--rose);}
.etape_realise{margin:8px 20px!important;display:block;}
.etape_realise a{font-weight:500;text-transform:capitalize;}
.etape_realise a:hover{color:var(--rose); }

.prevConsult{
background:var(--bleuc);
width:60%;
margin:30px auto;
padding:24px;
box-sizing:border-box;
border-radius:16px;  
text-align:center;
font-size:1.5em;  
font-weight:500;
}

.white{
display:block;
width:100%;
max-width:800px;
margin:auto;
position:relative;
background:white;
border-radius:32px;
padding:30px;
box-sizing:border-box;
position:relative;
margin-top:-80px;
margin-bottom:40px;
}
.white *{
color:var(--bleu);   
}
.pat_infos{
display:inline-block;
margin-left:10px;    
vertical-align:top;
margin-bottom:20px;
}

.hello{
display:inline-block; 
height:160px;   
}
.hello_action{
position:absolute;
top:30px;
right:30px;
text-align:right;  
}

.patient_lst{
border:1px solid var(--bleu);
border-radius:16px;
padding:10px;  
box-sizing:border-box;
position:relative;
margin-top:10px;
}
.patient_lst img{
width:32px;
height:auto;
margin-right:10px;    
}
.patient_lst .inf{
display:inline-block;
vertical-align:top;
box-sizing:border-box;    
}
.patient_lst .inf .archiver{
position:absolute;   
top:6px;
right:10px; 
}
.patient_lst .inf .action_fiche{
display:block;
margin-top:16px;
margin-bottom:6px;
}


.patient_lst .inf .action_fiche *{
display:inline;
}
.patient_lst .lastStep{
text-transform:capitalize;    
}

#logged .center{
text-align:center;  
margin-top:30px;  
}
#logged h3{
display:block;
position:relative;
font-size:1.2em;
margin:10px 0 10px 0;
}
#logged h3 span{
display:block;
position:relative;
font-size:1em;
font-weight:400;
background:url(/images/bkg-vert.png) repeat-x;
display:inline-block;
width:auto;
padding:0 5px 4px 5px;
margin:10px 0 0 0;
}

.step{
margin-bottom:40px;    
display:block;
}
.step .half{
width:33%;
display:inline-block;
vertical-align:top;    
}

.step input[type="radio"]{
appearance: none;
background-color: #fff;
margin: 0 3px 0 0;
font: inherit;
color: currentColor;
width: 20px;
height: 20px;
border: 1px solid currentColor;
border-radius: 15em;
transform: translateY(-0.075em); 
vertical-align:middle;
margin-left:10px; 
}
.step input[type="radio"]:checked{
background:currentColor;
}
.step input[type="radio"]:checked::before{
position:relative; 
top:3px;
left:3px;
content: "";
display:block;
width: 12px;
height: 12px;
background:white;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}


.step .uniqVal{
font-size:2em;
border:1px solid var(--bleu);
border-radius:8px;
text-align:center;
color:var(--bleu);
font-weight:400;
width:35px; 
height:55px;  
box-sizing:border-box;   
text-transform:uppercase; 
}
.step .uniqval.np{
text-transform:uppercase;    
}
.step .separ{
font-size:2em;
font-weight:400;    
}
.step .uniqVal:focus{
background:#e5f8ff;    
}
.step  select{
width:60%;    
border:1px solid var(--bleu);
padding:8px 10px;
border-radius:32px;
box-sizing:border-box;
font-size:1.2em;
}
#nextStep,
#saveForm,
#resetForm,
#saveTempForm,
#downloadForm,
#demarrerConsultation,
#terminerConsultation{
border:none;
border-radius:32px;
box-sizing:border-box;
font-size:1.1em; 
padding:12px 24px;
background:var(--bleu);
color:white;
cursor:pointer; 
border:1px solid transparent;          
}
.imcPage{text-align:center;}

#demarrerConsultation,
#downloadForm,
#saveTempForm{
background:var(--bleuc);    
color:var(--bleu);
margin-top:20px;
text-decoration:none;
}
#nextStep:hover,
#saveForm,
#demarrerConsultation:hover,
#downloadForm:hover,
#terminerConsultation:hover{
background:var(--rose); 
color:white;      
}
#resetForm,
#saveForm,
#saveTempForm{
margin:0 15px;    
}
#resetForm{
background:white; 
color:var(--bleu); 
border:1px solid var(--bleuc);     
}
#saveForm:hover,
#resetForm:hover,
#saveTempForm:hover{
background:var(--bleu); 
color:white;
border:1px solid transparent;     
}

h5 a{
background:var(--bleuc);
text-decoration:none;
padding:6px 16px;
border-radius:32px;
font-size:1.3em;
font-weight:400;
cursor:pointer; 
display:inline-block;
margin:4px 0;
}
h5.invert a{
background:var(--rose); 
color:white;    
}
h5.nextStep a{
padding:12px 24px;
background:var(--bleu);
color:white;    
}
h5 a:hover{
background:var(--rose);
color:white;    
}
h5.invert a:hover{
background:var(--bleu); 
color:white;    
}

/* CONSULTATIONS */
.consultation{
max-width:85%;    
margin:auto;
text-align:left;
font-size:15px;
}
.consultation h1{
text-align:center;  
margin-bottom:30px!important;  
}
.consultation h1 small{
font-size:18px;
font-weight:normal;
font-style:italic;    
}
.consultation h2{
display:block;
font-size:20px;
font-size:18px;
}
.consultation p i{
color:var(--bleuc);
}
.consultation p{
line-height:22px; 
margin-bottom:5px!important;   
}
.consultation #critHosp{
border:none;
border-radius:15px;
box-sizing:border-box;
margin-bottom:30px;  
background:#ff0000;
padding:20px; 
color:white;
height:auto;
field-sizing: content;
}

.consultation .underline{
border-bottom:1px solid var(--bleuc);
padding-bottom:3px;    
}
.consultation .underlineExam{
border-bottom:1px solid var(--bleuc);
padding-bottom:10px;    
margin-bottom:15px!important;    
}
.consultation .con{
/* width:100%;  */
display:inline-block; 
box-sizing:border-box; 
}
.consultation .choices{
/* max-width:49%; */
display:inline-block;  
box-sizing:border-box; 
text-align:right;
vertical-align:top;
float:right;
}
.consultation .infos{
margin-top:5px!important;      
margin-bottom:10px!important;      
}
.conBigtext{
margin:20px 0;
width:100%;
padding:15px;
box-sizing:border-box;
border:1px solid var(--bleuc);
border-radius:16px;   
}
.conBigtext ul{margin:0 0 10px 0;}
.conBigtext h3{color:var(--bleu);font-size:18px;}
.conBigtext h4{font-size:14px;}

#logged hr{
display:block;
margin-top:30px!important;    
margin-bottom:30px!important;    
height:8px;
border:none;
background:var(--bleuc);
}
#logged .consultation hr{
display:block;
margin-top:30px!important;    
margin-bottom:30px!important;    
height:5px;
border:none;
border-top:1px solid var(--bleuc);
border-bottom:1px solid var(--bleuc);
background:none;
}

.consultation input[type="checkbox"],
.consultation input[type="radio"]{
appearance: none;
background-color: #fff;
margin: 0 3px 0 0;
font: inherit;
color: currentColor;
width: 18px;
height: 18px;
border: 1px solid currentColor;
border-radius: 0.15em;
transform: translateY(-0.075em); 
vertical-align:middle; 
}
.consultation input[type="checkbox"]:checked,
.consultation input[type="radio"]:checked{
background:currentColor;
}
.consultation input[type="checkbox"]:checked::before,
.consultation input[type="radio"]:checked::before{
position:relative; 
top:2px;
left:2px;
content: "";
display:block;
width: 12px;
height: 12px;
background:white;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.consultation input[type="text"],
.consultation input[type="number"],
.consultation input[type="date"]{
width:100%!important;
box-sizing:border-box;
padding:8px 16px;
border-radius:32px;
border:1px solid var(--bleu);  
margin-bottom:5px;  
}
.consultation textarea{
width:100%!important;
box-sizing:border-box;
padding:8px 16px;
border-radius:16px;
border:1px solid var(--bleu);  
margin-bottom:5px;
height:180px;  
}

.consultation input.halfSize{
width:calc(50% - 10px)!important;
display:inline-block;    
margin-right:5px;    
}
.consultation input::placeholder,
.consultation textarea::placeholder{
color:var(--bleu_placeholder);
font-style:italic;
font-size:16px;   
}
.consultation .autre{
margin-left:20px;    
}
.consultation .autre input[type="text"]{
width:calc(100% - 20px)!important;    
}
.imc{
text-align:center;
font-size:2.6em;
font-weight:600;
}
.pat_infos_mini{
box-sizing:border-box;
padding:20px;
border:1px solid var(--bleu);
border-radius:16px;
height:auto;
margin-bottom:20px;
}
.pat_infos_mini img{
max-width:40px;    
}
.pat_infos_mini .pat_infos{
margin-bottom:0!important;    
}

/*IMC Chart*/
#imcChart{
/*background:#00e4d23d;*/
max-width:85%; 
margin:-85px auto 0 auto; 
}
.imgImcChart{
position:relative;    
}
.imgImcChart img{
max-width:100%;  
}
#placeImc{
bottom:8.75%;
left:10.10%;
width:79.85%;
height:82.50%;
position:absolute;    
/*background:#ffb8ef85;*/    
}
.imcPoint{
display:block;
background:var(--rose);
height:8px;
width:8px;
margin-left:-2px;
position:absolute;  
border-radius:32px;  
}
.imcPointPrevious{
display:block;
background:var(--bleu);
height:6px;
width:6px;
margin-left:-1px;
position:absolute;  
border-radius:32px;  
}
.download{
margin-bottom:14px;
display:block;    
}
.potform{position:absolute;top:-3000px;left:1px;height:1px}
.download a{
background-color:var(--bleuc); 
background-image:url(/images/down.svg);
background-repeat:no-repeat;
background-position:10px 5px;
background-size:16px 16px;
text-decoration:none;
color:var(--text);
padding:4px 16px 4px 30px;
transition:all ease 0.2s;
border-radius:32px;
}
.download a:hover{
background-color:var(--rose);
background-image:url(/images/down-hover.svg);
color:white;    
}

.mentions{
padding:0px 0 30px 0;
text-align:center;
color:white;
font-size:13px;
font-weight:300;
max-width:750px;
margin:0 auto;
}
.mentions *{
color:white;
text-decoration:none;    
}
.mentions a:hover{
color:var(--bleuc);    
}

@media screen and (max-width: 640px) {
body{font-size:.75rem; padding:0; margin:0;background:var(--bkg);}
.txt p{font-size:1.1em; }
.txt li{font-size:1.1em; }
.txt h2{font-size:1.7em;}
.txt h3{font-size:1.5em;}
.txt h4{font-size:1.3em;}
#logo h2{font-size:1.5em; }
#logo img{height:auto;width:220px;}
.halfLog{
width:100%;
display:block;
box-sizing:border-box;
margin-bottom:30px;
}
.schematique{padding:0px;}
.txt{padding:15px;margin-bottom:10px;}
.demi,.tiers,.quart{width:100%;  }

#entete #menus{
right:20px;
top:20px; 
color:transparent;
position:fixed;
}
#wrap{border-radius:0;}    
#entete{border-radius:0; height:100px; }    
#smartMenu{position:fixed;width:auto;border-radius:16px;}
.blue{padding:15px;margin:0 auto 30px auto;}

.contactForm{
width:calc(100% - 30px);
padding:15px;
border-radius:16px;
margin:0 auto 30px auto;
}
#formulaire input,
#formulaire textarea{
padding:5px 14px;
font-size:13px;
}
#formulaire .midForm input{
width:100%!important;    
}
#formulaire .fullForm input{
width:100%;    
}
#formulaire textarea{
padding:12px; 
}

#formulaire input[type="submit"]{
background:var(--bleuc);
border:none;
padding:8px 24px;
font-size:1.3em; 
border-radius:32px; 
color:var(--bleu);
margin-top:10px;  
transition:all ease 0.3s;
cursor:pointer;
}

#createLogPop{
padding:20px;
border-radius:16px;
width:90%;
}
#createLogPop input[type="text"]{
width:100%;
padding:7px 15px; 
font-size:14px;   
}
#createLogPop input[type="submit"]{
padding:14px 26px; 
font-size:15px;   
}
.action_fiche h5{
display:block!important;
margin:20px 0!important;;
}
.hello{
display:inline-block; 
height:auto;  
margin-bottom:20px; 
}
.hello_action{
position:relative;
top:0px;
right:0px;
text-align:left;  
margin-bottom:20px; 
}
.patient_lst .inf .archiver{
position:relative;   
top:0px;
right:0px; 
}  
.consultation{
max-width:100%;    
margin:auto;
text-align:left;
font-size:14px;
}
.consultation h1{
text-align:center;  
margin-bottom:20px!important;  
line-height:22px;
}
.consultation h1 small{
font-size:16px;
font-weight:normal;
font-style:italic; 
line-height:18px;   
}
.consultation h2{
display:block;
font-size:16px;
}
.consultation p i{
color:var(--bleuc);
}
.consultation p{
line-height:18px; 
margin-bottom:5px!important;   
}
.consultation .choices,
.consultation .con{
max-width:45%;
}
}