/* Polices */
@font-face { font-family: 'arial_narrowregular'; src: url('fonts/arial_narrow-webfont.eot'); src: url('fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arial_narrow-webfont.woff') format('woff'), url('fonts/arial_narrow-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display:swap; }
@font-face { font-family:'ubuntu_condensedregular'; src:url('fonts/ubuntu-c-webfont.eot'); src:url('fonts/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-c-webfont.woff2') format('woff2'), url('fonts/ubuntu-c-webfont.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }

body{ border:0; margin:0; padding:0; background:#fff; font-family:'ubuntu_condensedregular','arial_narrowregular','arial narrow',arial,sans-serif; overflow:auto; }

a:active, a:focus{ outline:0; }

a{ color:#666; }
a:hover{ text-decoration:none; }

strong, b { font-weight:normal; text-transform:uppercase; color:#666; }

.isOneSite::before{ content:"- Médipôle Garonne -"; display:block; font-size:0.8em; color:#444; text-align:center; }

#wrap{ display:block; position:relative; width:96%; max-width:900px; min-width:480px; border:0; margin:30px auto 15px auto; padding:80px 0 120px 0; background:#fff url('logoith.png') no-repeat center top; -moz-background-size:300px auto; -webkit-background-size:300px auto; background-size:300px auto; }

#formFooter{ display:block; position:absolute; bottom:0; left:0; right:0; width:100%; padding:0; height:50px; line-height:70px; z-index:1000; text-align:center; }
#formFooter a{ font-size:0.95em; text-transform:uppercase; color:#b33; text-decoration:none; cursor:pointer; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
#formFooter a::before{ content:'- '; }
#formFooter a::after{ content:' -'; }
#formFooter a:hover{ color:#000; }

#privAccesConnect{ display:block; width:288px; height:128px; padding:30px; position:fixed; top:50%; left:50%; margin:-95px 0 0 -175px; z-index:1000000; background:#fff; border:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; -moz-opacity:0; -webkit-opacity:0; opacity:0; visibility:hidden; }
.openVisible{ -moz-opacity:1 !important; -webkit-opacity:1 !important; opacity:1 !important; visibility:visible !important; }
#privAccesConnect .inner{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; padding:30px; width:calc(100% - 64px); height:calc(100% - 64px); border:2px solid #00a3bf; background:#fff; z-index:10; }

#privAccesConnect form label{ display:inline-block; width:130px; margin:0 5px 10px 0; font-size:0.9em; text-align:right; }
#privAccesConnect form input[type='text'], #privAccesConnect form input[type='password']{ display:inline-block; width:130px; margin:0 0 10px 0; font-size:0.9em; background:#fff; border:1px solid #00a3bf; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; font-size:0.8em; padding:5px; }
#privAccesConnect form input[type='text']:focus, #privAccesConnect form input[type='password']:focus{ border:1px solid #000; }
#privAccesConnect form input[type='submit']{ height:30px; width:150px; margin:20px auto; }

#privAccesConnect::after{ content:''; display:block; position:fixed; top:0; left:0;  padding:0; margin:0; width:100vw; height:100vh; background:#000; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; z-index:-5; }

#privAccesConnect #closePrivForm{ display:block; position:absolute; top:10px; right:10px; width:10px; height:10px; background:transparent url('../common/css/cross.png') no-repeat center center; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; cursor:pointer; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
#privAccesConnect #closePrivForm:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; }

.thisStep{ display:block; text-align:center; font-size:20px; text-transform:uppercase; padding:5px 0 20px 0; margin:0; }

/* Disclaimer RGPD */

#disclaimRgpd{ display:block; position:absolute; width:600px; height:300px; padding:0 25px; max-width:calc(100% - 50px); overflow-x:hidden; overflow-y:auto; z-index:100; top:230px; bottom:0; left:0; right:0; margin:0 auto; border:0; background:#fff; color:#000; font-family:'arial_narrowregular', 'arial', arial, sans-serif; font-size:15px; line-height:14px; text-align:center; }
/*#disclaimRgpd::after{ content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; right:0; bottom:0; z-index:-1; background:#fff; }*/
#disclaimRgpdBG{ display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; right:0; bottom:0; z-index:10; background:#fff; }
#disclaimRgpd img{ display:block; position:relative; height:50px; margin:0 auto 10px auto; }
#disclaimRgpd p{ padding:0; text-align:justify; margin:0 0 10px 0; }
#disclaimRgpd strong{ /*text-transform:none; font-weight:bold; color:#000;*/ }
#disclaimRgpd h3{ display:block; padding:0; margin:0 0 10px 0; text-align:center; color:#555; text-transform:uppercase; font-size:16px; white-space:nowrap; }
#disclaimRgpd #acceptation{ display:block; cursor:pointer; padding:8px 0; margin:15px 0 5px 0; background:#0596de; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-transform:uppercase; font-weight:bold; }
#disclaimRgpd #refus{ display:block; cursor:pointer; padding:3px 0; margin:0; background:transparent; color:#555; text-transform:uppercase; font-weight:bold; }

/* Barre de progression */
#etapes{ display:block; position:relative; width:546px; margin:20px auto 50px auto; border:0; }

#etapes a{ display:inline-block; border:0; text-decoration:none; width:67px; margin:0 12px; text-align:center; font-size:12px; text-transform:uppercase; color:#000; height:1em; padding-top:50px; position:relative; }
/*#etapes a:first-of-type{ margin-left:0; }
#etapes a:last-of-type{ margin-right:0; }*/

#etapes a:before{ content:attr(data-info); display:block; position:absolute; top:0; left:0; width:100%; font-size:11px; text-transform:uppercase; z-index:3; }

#etapes a:after{ content:''; display:block; width:20px; height:20px; background:#888; position:absolute; top:50%; left:50%; margin:-10px 10px 10px -10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; z-index:2; }
#etapes .notyet{ -moz-opacity:0.4; -webkit-opacity:0.4; opacity:0.4; }
#etapes .notyet:after{ width:12px; height:12px; border:4px solid #888; background:#fff; }
#etapes .passed{ -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; }
#etapes .ison:after{ width:12px; height:12px; border:4px solid #666; }

#etapes a span:after{ content:''; display:block; width:82px; height:4px; position:absolute; top:50%; left:50%; margin-top:-2px; background:#888; z-index:1; }
#etapes a:last-of-type span:after{ display:none; }

/* Formulaire */

form{ font-size:16px; }
fieldset{ display:block; width:420px; border:0; text-align:left; padding:0 128px 0 0; margin:0 auto; position:relative;  }
#sexLabel, #formLine2 label, #formLine3 label, #formLine4 label{ display:inline-block; width:133px; text-transform:uppercase;position:relative; text-align:right; margin-right:5px; }

#formLine1 label{ background:#888; color:#fff; cursor:pointer; display:inline-block; width:80px; height:28px; line-height:28px; border:1px solid #888; text-align:center; margin:0 17px 15px 0; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#formLine1 label:last-of-type{ margin:0 0 10px 0; }
#formLine1 label:hover{ border-color:#666; color:#666; background:#fff; }
#formLine1 input{ visibility:hidden; -moz-opacity:0; -webkit-opacity:0; opacity:0; position:fixed; }
.selected{ background:#afa !important; color:#000 !important; border-color:#0a0 !important; }

.newRdv{ display:block; text-transform:uppercase; text-decoration:none; margin:0 auto; height:50px; line-height:50px; font-size:18px; width:160px; padding:0 5px; background:#888; color:#fff; text-align:center; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; }
.newRdv:hover{ border-color:#666; color:#666; background:#fff; }

#formLine2 input, #formLine3 input, #formLine4 input{ display:inline-block; text-decoration:none; height:28px; line-height:28px; width:266px; padding:0 5px; background:#fffafa; color:#000; font-size:16px; border:1px solid #888; margin:0 0 15px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:border-color ease 0.3s, background-color ease 0.3s; -webkit-transition:border-color ease 0.3s, background-color ease 0.3s; transition:border-color ease 0.3s, background-color ease 0.3s; }

#formLine2 input:focus, #formLine3 input:focus, #formLine4 input:focus{ text-align:left; background:#fff; border-color:#666; text-transform:none; }

#formLine2 div{ display:inline-block; position:relative; width:276px; height:28px; padding:0;  margin:0 0 10px 0; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#formLine2 div label{ display:inline-block; height:28px; line-height:28px; width:200px; padding:0; background:#888; color:#000; font-size:16px; text-align:center; border:0; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; top:0; left:0; z-index:5; cursor:pointer; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; }

#formLine2 select{ margin:0; background:#fff; color:#000; border:1px solid #aaa; border-width:0 1px 0 0; display:inline-block; height:28px; line-height:28px; text-align:center; }
#formLine2 select option{ text-align:left; }
#formLine2 select:first-of-type{ width:63px; border-radius:5px 0 0 5px; }
#formLine2 select:nth-of-type(2){ width:150px; }
#formLine2 select:last-of-type{ width:63px; border:0; border-radius:0 5px 5px 0;  }

#formLine3{ display:block; position:relative; }
#formLine3 div{ display:inline-block; position:relative; width:276px; height:28px; padding:0;  margin:0 0 10px 0; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#formLine3 div label{ display:inline-block; height:28px; line-height:28px; width:200px; padding:0; background:#888; color:#000; font-size:16px; text-align:center; border:0; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; top:0; left:0; z-index:5; cursor:pointer; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; }
#formLine3 select{ margin:0; background:#fff; color:#000; border:1px solid #aaa; border-width:0 1px 0 0; display:inline-block; height:28px; line-height:28px; text-align:center; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; }
#formLine3 select option{ text-align:left; }
#formLine3 #results{ display:none; width:274px; border:1px solid #aaa; border-width:0 1px 1px 1px; background:#fff; position:absolute; left:1px; top:calc(100% + 1px); z-index:5; height:auto; max-height:200px; overflow:auto; -moz-box-shadow:0 5px 10px -5px #000; -webkit-box-shadow:0 5px 10px -5px #000; box-shadow:0 5px 10px -5px #000; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
#formLine3 #results div{ display:block; width:auto; height:auto; line-height:1em; padding:2px; clear:both; margin:0; text-align:left; border:0; background-color:#fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; cursor:pointer; }
#formLine3 #results div:hover, .result_focus{ background-color:#ddd !important; }

#patientDataForm hr{ display:block; border:0; margin:10px 0; height:1px; background:transparent; }
#patientDataForm small{ display:block; clear:both; text-align:center; margin-top:-5px; }

form input[type="submit"], form input[type="button"]{ display:block; clear:both; width:200px; height:50px; padding:0; margin:20px auto; font-size:16px; text-transform:uppercase; background:#888; color:#fff; cursor:pointer; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
form input[type="submit"]:hover, form input[type="button"]:hover{ border-color:#666; background:#fff; color:#666; }

.errorField{ border-color:#f00 !important; }
.errorLabel{ color:#f00 !important; }
#error{ display:block; text-align:center; color:#b33; }

#ensemblesMenu{ text-align:center; display:block; position:relative; padding:0 0 20px 0; }
#ensemblesMenu input[type="button"]{ font-family:'ubuntu_condensedregular','arial_narrowregular','arial narrow',arial,sans-serif; display:inline-block; text-decoration:none; height:30px; width:200px; padding:0 5px; background:#888; color:#fff; text-align:center; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; text-transform:uppercase; font-size:14px; margin:10px 20px; }
#ensemblesMenu input[type="button"]:hover{ border-color:#666; background:#fff; color:#666; }
#ensemblesMenu #noEnsemble{ display:block; position:absolute; top:0; right:0; width:20px; height:20px; border:0; font-size:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }

#bodyZones{ display:inline-block; float:left; width:240px; position:relative; margin:0; }
#bodyZones h2{ display:block; margin:0 0 5px 0; text-align:center; font-weight:normal; text-transform:uppercase; font-size:13px; }
#bodyZones a{ cursor:pointer; }

#bodyZones #noZone{ display:block; position:absolute; top:0; left:0; width:20px; height:20px; border:0; font-size:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }

#bodyZones #innerBodyZones{ display:block; width:211px; height:500px; border:0; margin:0 auto; padding:0; position:relative; }
#bodyZones #innerBodyZones img{ display:block; position:absolute; top:0; left:0; margin:0; border:0; width:211px; height:500px; vertical-align:top; }

.maparea{ cursor:pointer; }

#examList{ display:inline-block; float:left; width:calc(60% - 135px); min-width:245px; height:500px; position:relative; margin:20px 0 0 0; text-align:left; overflow:auto; }
#examList ul{ display:block; padding:0; margin:0; list-style:none; }
#examList ul li{ display:block; margin:0; padding:5px; text-align:left; text-transform:uppercase; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#indications{ display:block; visibility:hidden; float:right; width:calc(39% - 110px); height:520px; text-align:left; font-size:16px; margin:0; padding:0 0 0 10px; position:relative; }
#indications h2{ font-weight:normal; text-transform:uppercase; font-size:1em; color:#666; margin-top:0; }
#indications:before{ content:''; display:block; position:absolute; height:80%; top:10%; bottom:10%; left:0; width:2px; background:#666; }

#indications .optam { display:block; position:relative; border:2px solid #32b8a9; padding:10px; margin:1px; background:#f0fff5; font-size:0.9em; border-radius:8px; }
#indications .optamBtn{ display:block; position:absolute; width:74px; height:50px; background:transparent url('optam_btn.png') no-repeat center center / contain; bottom:-55px; right:15px;cursor:pointer; text-decoration:none; font-size:0; }

#recap .optam { display:block; position:relative; border:2px solid #32b8a9; padding:10px; margin:10px 0 70px 0; background:#f0fff5; font-size:0.9em; border-radius:8px; width:auto !important; }
#recap .optamBtn{ display:block; position:absolute; width:74px; height:50px; background:transparent url('optam_btn.png') no-repeat center center / contain; bottom:-55px; right:15px;cursor:pointer; text-decoration:none; font-size:0; }

/* Questionnaire IRM */

#questionnaire_irm{ display:block; width:auto; text-align:right; }
#questionnaire_irm label{ display:inline-block; padding-right:10px; margin:0 0 15px 0; width:calc(47% - 10px); }
#questionnaire_irm input[type="text"]{ display:inline-block; margin:0 0 15px 0; width:calc(48% - 6px); text-align:left; }
#questionnaire_irm .radLine{ display:inline-block; margin:0 0 15px 0; width:48%; text-align:left; }

/* Choix du centre d'examen */

#pickCenter{ display:block; position:relative; width:600px; max-width:100%; padding:0; margin:20px auto; }
#pickCenter .module{ display:block; padding:0 0 0 30px; margin:0 0 20px 0; text-align:left; position:relative; }
#pickCenter .module h2{ font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#666; display:block; margin:0 0 5px 0; }
#pickCenter .module span{ font-size:1em; display:block; }
#pickCenter .module input{ position:absolute; left:0; top:0.2em; }
#noPref, #earlier{ font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#000; display:block; margin:0 0 5px 0; }

#earlierCrens{ display:block; position:relative; padding:20px; margin:20px auto; }
#earlierCrens a{ display:block; position:relative; margin:0 0 5px 0; text-decoration:none; color:#000; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; font-size:1.2em; padding-left:30px; }
#earlierCrens a:hover{ padding-left:50px; }
#earlierCrens a::before{ content:''; display:block; width:6px; height:6px; background:#666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; left:12px; top:50%; margin-top:-3px; }

.map-container{ display:block; position:relative; width:80%; height:0; padding-top:50%; border:3px double #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:10px auto; }
#map_canvas{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0;  }

#pickCenter .module img{ position:absolute; right:0; top:50%; margin-top:-15px; border:0; width:auto; height:30px; }

/* Liste des créneaux de rendezvous */
.select_rdv h2{ font-weight:normal; text-transform:uppercase; margin:50px 0 0 0; font-size:1.8em; display:block; text-align:center; background:#888; border:5px double #fff; color:#fff; padding:5px 0; }
.select_rdv h3{ font-weight:normal; text-transform:uppercase; color:#666; margin:20px 50px 15px 50px; font-size:1.4em; position:relative; overflow:hidden; max-height:10000px; -moz-transition:all ease 0.8s; -webkit-transition:all ease 0.8s; transition:all ease 0.8s; visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; }
.select_rdv h3:after{ content:''; display:block; position:absolute; bottom:1px; left:15px; right:15px; height:2px; background:#666; border:0; }
.select_rdv h3 small{ display:block; text-transform:none; padding:0; position:absolute; right:0; bottom:0; font-size:0.7em; }
.select_rdv ul{ margin-top:0; display:inline-block; position:relative; list-style:none; width:auto; margin:0 30px; padding:0; overflow:hidden; max-height:10000px; -moz-transition:all ease 0.8s; -webkit-transition:all ease 0.8s; transition:all ease 0.8s; visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; }
.select_rdv ul li{ display:inline-block; position:relative; width:64px; height:30px; margin:0 4px 5px 4px; }
.select_rdv ul li a{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; line-height:30px; font-size:18px; font-family:'ubuntu_condensedregular','arial_narrowregular','arial narrow',arial,sans-serif; background:#888; color:#fff; text-decoration:none; text-align:center; border:1px solid #888; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; text-transform:uppercase; }
.select_rdv ul li a:hover{ border-color:#666; color:#666; background:#fff; }

.select_rdv .weekbutton{ display:block; text-align:center; text-transform:uppercase; font-size:1.2em; clear:both; margin:3px 0; padding:5px; cursor:pointer; color:#666; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.select_rdv .weekbutton:hover{ color:#000; }

/* Upload de l'ordonnance */

#upOrd .module{ display:block; position:relative; width:250px; height:50px; border:none; background:none; margin:0 auto; }

#files{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer; }

#upOrd .module label{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; z-index:1; line-height:50px; text-transform:uppercase; text-decoration:none; margin:0; font-size:18px; background:#888; color:#fff; text-align:center; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; }
#upOrd .module:hover label{ border-color:#666; color:#666; background:#fff; }

#nextstep{ display:block; width:250px; height:50px; line-height:50px; text-align:center; text-decoration:none; padding:0; font-size:18px; text-transform:uppercase; background:#888; color:#fff; cursor:pointer; border:1px solid #888; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:20px auto; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#nextstep:hover{ border-color:#666; color:#666; background:#fff; }

#deleteOrd{ display:block; text-align:center; color:#b33; text-decoration:none; margin-bottom:20px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s;  }
#deleteOrd:hover{ color:#000; }

/* Message */
#message{ display:block; position:relative; width:500px; height:100px; margin:20px auto; border:1px solid #888; padding:5px; background:#fff; color:#000; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#message:focus{ border-color:#666; }

/* Page de confirmation */

.title3{ display:block; text-align:center; font-size:18px; text-transform:uppercase; padding:5px 0 5px 0; margin:0 0 20px 0; font-weight:normal; }

#recap h2{ display:block; text-align:center; font-size:18px; text-transform:uppercase; padding:5px 0 5px 0; margin:0; font-weight:normal; }
#recap h3{ display:block; clear:both; background:#888; color:#fff; font-size:18px; font-weight:normal; text-transform:uppercase; height:30px; line-height:30px; padding:0 5px; border:2px solid #666; border-width:2px 0; margin:0; text-align:center; }

#recap p{ display:block; float:left; width:31%; padding:inherit 1%; height:6em; text-align:left; }
#recap p span{ display:inline-block; width:110px; text-align:left; }
#recap p strong{ font-weight:normal; text-transform:uppercase; font-size:1.2em; color:#666; }
#siteExam small{ display:block; float:none; clear:both; font-size:1em; width:auto; margin:10px 0 0 0; }
#recap #indicPart, #recap #displayMessage{ display:block; width:100%; clear:both; float:none; height:auto; min-height:6em; }

.confirm{ display:block; position:relative; text-align:center; padding-top:20px; width:570px; margin:auto; max-width:100%; }
.confirm a{ display:block; float:right; text-decoration:none; height:30px; line-height:30px; width:150px; padding:5px; background:#0b0; color:#fff; text-align:center; border:1px solid #0b0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; text-transform:uppercase; font-size:18px; margin:10px; }
.confirm a:hover{ border-color:#0b0; color:#0b0; background:#fff; }
.confirm a:first-of-type{ line-height:30px; float:left; background:#d44; border-color:#d44; }
.confirm a:first-of-type:hover{ border-color:#d44; color:#d44; background:#fff; }

#blockRecap{ display:block; position:relative; margin:30px auto; padding:30px; text-align:left; border:2px solid #0596de; border-radius:5px; background:#fff; color:#000; }
#blockRecap p{ margin:0; padding:0; }
#blockRecap small{ display:block; text-align:center; margin:15px 0 0 0; }
#blockRecap a{ display:block; position:relative; clear:both; margin:15px auto; text-align:center; background:#0596de; color:#fff; height:30px; line-height:30px; text-transform:uppercase; text-decoration:none; border-radius:8px; padding:5px; width:250px; }

@media (max-width:800px){
#ensemblesMenu #noEnsemble{ top:-30px; }
}

@media(max-width:740px){
#indications{ float:none; clear:both; width:calc(100% - 20px); height:auto; padding:20px 10px; border:0; }
}

@media (max-width:780px){
	#wrap{ min-width:530px; }
	
	/* Barre de progression */
	#etapes{ display:block; position:relative; width:495px; margin:20px auto 50px auto; border:0; }
	#etapes a{ display:inline-block; border:0; text-decoration:none; width:67px; margin:0 9px; text-align:center; font-size:12px; text-transform:uppercase; color:#000; height:1em; padding-top:50px; position:relative; }
	#etapes a:first-of-type{ margin-left:0; }
	#etapes a:last-of-type{ margin-right:0; }
	#etapes a:before{ content:attr(data-info); display:block; position:absolute; top:0; left:0; width:100%; font-size:11px; text-transform:uppercase; z-index:3; }
	#etapes a:after{ content:''; display:block; width:20px; height:20px; background:#888; position:absolute; top:50%; left:50%; margin:-10px 10px 10px -10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; z-index:2; }
	#etapes .notyet{ -moz-opacity:0.4; -webkit-opacity:0.4; opacity:0.4; }
	#etapes .notyet:after{ width:12px; height:12px; border:4px solid #888; background:#fff; }
	#etapes .passed{ -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; }
	#etapes .ison:after{ width:12px; height:12px; border:4px solid #666; }
	#etapes a span:after{ content:''; display:block; width:75px; height:4px; position:absolute; top:50%; left:50%; margin-top:-2px; background:#888; z-index:1; }
	#etapes a:last-of-type span:after{ display:none; }
	
	#ensemblesMenu #noEnsemble{ display:none; }
	#ensemblesMenu input[type="button"]{ height: 50px; width: 220px; padding: 0 5px; font-size: 17px; margin: 10px; }
	
	#bodyZones{ display:none; }
	#examList { display:block; float:none; clear:both; width:100%; height:auto; position:relative; margin:20px 0; text-align:left; overflow:visible; }
	#examList ul li{ padding:10px; }

	#indications::before { display:none; }
	#indications { display: block; visibility:visible; float:none; clear:both; width:calc(100% - 20px); height:auto; text-align:left; font-size:16px; margin:0; padding:10px; position:relative; }
	#indications h2{ font-size:25px; }
	
	.select_rdv ul{ margin:0 10px; }
	.select_rdv ul li{ width:140px; height:50px; margin:0 0 10px 10px; }
	.select_rdv ul li a{ line-height:50px; }
	.select_rdv .weekbutton{ margin-bottom:15px; }
	
	fieldset{ padding:0; width:100%; text-align:right; }
	
	#recap p { display: block; float: none; width: auto; padding: inherit; height: auto; text-align: left; clear: both; }
	#recap p:first-of-type{ margin-top:0 !important; }
	#recap p:first-of-type strong{ display: block; background: #fff; margin-bottom: -1em; position: relative; z-index: 2; padding-bottom: 1em; }
	#recap #recapNb{ width:calc(100% - 40px); margin:-5px auto 20px auto; }
}