#progress {
	width: 100%;
	height: 50px;
	padding: 8px 0;
	margin: 20px 0;
	background-color: #13b7a6;
	color: #fff;
	font-family: "Helvetica", Arial, Helvetica, Tahoma, sans-serif;
}
#progress .progress-text { width: 21%; float: left; font-weight:bold;line-height: 30px; margin-left: 50px;}
#progress .progress-text span { 
	font-size: 1.4em;padding-left: 15px;top: 1px;
	position: relative;
}
#progress .progress-barre { width: 50%; float: left; background-color: #fff; margin-right:20px;}
#progress .progress-barre .barre { float: left; background-color: #08a292; }
#progress .progress-btn { width: 200px; float: left; margin-left: 30px; }
#progress .progress-congrat {
	left: 50px;
	display: block;
	float: left;
	position: relative;
	font-size: 20px;
	letter-spacing: -0.5px;
	font-weight: bold;
}
a.see-results {
	background: #2AE4D1;
	padding: 8px 18px;
	border-radius: 3px;
	color: #0A9687;
	font-size: 12px;
	margin-left: 20px;
	top: -2px;
	position: relative;
}
a.see-results:hover {
color: #2AE4D1;
background: #038174;
}
#progress .progress-congrat:before {
content: "\f087";
display: inline-block;
font: 35px/20px FontAwesome;
text-rendering: auto;
margin-right: 20px;
top: 3px;
position: relative;
}

#f1 { font-family: "Helvetica", Arial, Helvetica, Tahoma, sans-serif; clear: both; margin-bottom: 50px }
#f1 .error { color: red; }
#f1 .text {
float: left;
height: 150px;
width: 70%;
padding: 50px 60px 0 50px;
margin-left: 30px;
position: relative;
z-index: 1;
-webkit-box-shadow: 0 0 2px 0 rgba(173,173,173,.30);
box-shadow: 0 0 2px 0 rgba(173,173,173,.30);
font-weight: bold;
font-size: 1.1em;
}
#f1 .num { float: left;
padding: 15px 0px;
color: #d91853;
font-weight: bold;
position: absolute;
z-index: 2;
background: #FFF;
height: 50px;
width: 50px;
border-radius: 50px;
font-size: 20px;
-webkit-box-shadow: -2px 0 4px 0 rgba(173,173,173,.30);
box-shadow: -2px 0 4px 0 rgba(173,173,173,.30);
margin-top: 48px;
margin-left: 6px;
text-align: center;
}
#f1 .text .reconnais {
font-style: italic;
font-size: 0.85em;
position: absolute;
right: 20px;
bottom: 19px;
font-weight: normal;
}
#f1 .selcb { float: left; height:150px; width: 24%; padding:18px 0 0 35px; margin-left: 5px;-webkit-box-shadow: 0 0 2px 0 rgba(173,173,173,.30);
box-shadow: 0 0 2px 0 rgba(173,173,173,.30); }

.selcb input[type=radio] {
display:none;
}
.selcb input[type=radio] + .selcb label {
padding-left:31px;
display:inline-block; 
line-height:24px;
background-repeat:no-repeat;
cursor:pointer;
}
.selcb label:hover, .selcb input:checked + label, .selcb label:active {
color:#13b7a6!important;
}
.selcb input[type=radio]:checked + label {
background-position: 0 -24px;
}

.selcb label {
background-image:url('images/radio2.png');
background-repeat:no-repeat;
padding-left: 32px;
cursor: pointer;
}

.selcb { line-height: 25px; }

.sep { clear: both; height:10px; }
.base { background-color: #fff; }
.altern { background-color: #f6f6f6; }
.btn {border-radius: 4px;}
.formfooter { margin:30px 0;width: 100%;
text-align: center;
padding: 0 30px; }
.formfooter .btn { background-color: #d91853; color: #fff; cursor: pointer; }
.btn.previous, .btn.next {
width: 150px;
height: 36px;
display: inline-block;vertical-align: text-bottom;
}
.btn.previous {
position:relative;float:left;padding-top: 5px;}

.btn.next {
position:relative;float:right;padding-top: 5px;}

.btn-record {
height: 40px;
cursor: pointer;
display: inline-block;
margin: 0 8%;
max-width: 240px;
font-weight:bold;
font-size:11px;
}

.formfooter .btn.disabled{ color: #ccc; cursor: default; }

.formfooter a.sf-button.grey:before {
content: "\f0c7";
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #fff;
margin-right: 10px;
font-size: 18px;
top: 2px;
position: relative;
font-weight: normal;
}
#score-txt {
display: block!important;
width: 47%!important;
margin-left:30px;
float: left;

}

#score-wrapper { margin-top: 40px; }
#score-graph { float: left; width:410px; }
.page-template page-template-template-resultats2-php #score-graph { max-width: 100%; }

#score-graph .score-label { 
float: left;
width: 130px;
height: 20px;
text-align: right;
margin: 3px 25px 0px 0px;
font: normal 14px/20px 'Bitter', sans-serif;
}
#score-graph .score-jauge { 
	float: left;
	width: 250px;
	height: 20px;
	margin: 3px 0px 10px 0px;
	background-color: #f3f3f3;
}
#score-graph .score-cursor { height: 20px; background-color: #13b7a6; }
#score-graph .highest { color: #08AC9B; }
#scoreList { list-style-type: none; text-align: center; font-weight: bold; margin:10px 0 10px; }
#scoreList li {
	display: inline;
	background-color: #13b7a6;
	padding: 10px 20px;
	color: #fff;
	font: normal 22px/30px 'Bitter', sans-serif;
	letter-spacing: -0.5px;
    margin: 0 10px;
    opacity: 0.5;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#scoreList li.sep {background-color: #fff;
background: url('images/sep.png') no-repeat 0px 3px;
padding: 0 28px 0 22px;
}

#scoreList li:hover {
	opacity: 1;
}
#scoreList li.active {
	opacity: 1;
}


#score-txt .txt-profil { margin-bottom: 25px;}
#score-txt .txt-profil a {font-size:11px;}
#score-txt .titreProfil {font-weight: bold;
color: #08AC9B;
font: bold 15px/20px 'Bitter', sans-serif;
padding-right: 6px;}



#mpm_pseudo, #mpm_email { 
	width: 180px;
	height: 38px;
	margin: 4px 0px;
	display: inline-block;
	background: #ffffff;
    border-color: #e4e4e4;
    color: #6b7179;
    border-radius: 0;
    outline: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.imgLoader { margin-left: 15px; }


/*#btn_pdf { border: 1px solid gray; text-align: right; }*/
.cher { font-weight: bold; color: #d91853; }
#wrapper_detail { margin: 25px 0 0 0; }
#wrapper_detail .detail_colLeft { float: left; width: 400px; }
#wrapper_detail .detail_colright { float: right; width: 450px; margin-left: 30px; }

#detail_onglets { border-bottom: 6px solid #13b7a6; margin-bottom: 50px; }
#detail_onglets #scoreList { list-style-type: none; text-align: center; font-weight: bold; margin-bottom: 7px; }
#detail_onglets #scoreList li {	display: inline; background-color: #C1ECE8; padding: 10px 20px; color: #fff; margin-right: 20px; cursor: pointer;}
#detail_onglets #scoreList li.active {	background-color: #13b7a6 }
#detail_onglets #scoreList li.sep { background: #fff; padding: 10px 10px; }

#detail_descriptions {
background: #f8f8f8;
border-top: 10px solid #13b7a6;
font-family: 'Bitter', sans-serif;
padding: 20px 30px;
margin-top:-1px;
}
#detail_descriptions #zone2,
#detail_descriptions #zone3,
#detail_descriptions #zone4,
#detail_descriptions #zone5,
#detail_descriptions #zone6, .titreProfilPdf { display: none; }





.formRensCol1, .formRensCol2, .formRensCol3 {
	float: left;
	width: 250px;
	padding: 10px 50px;
}
.formRensCol4 {
	float: left;
	width: 750px;
	padding: 10px 50px;
}
.clear {
	clear: both;
}
#btnSubmit {
	margin-left: 50px;
}


/* 2026 */
h4 {
	color: #d91853;
	font-size: 18px;
    line-height: 20px;
}

a.sf-button.pink {
	text-transform: uppercase !important;
    font-weight: bold !important;
    background-color: #FF4D84 !important;
    margin: 0;
    color: #fff !important;
    padding: 9px 20px 8px !important;
    display: inline-block;
    line-height: 21px;
}
a.sf-button.pink:hover {
	text-decoration: none;
}

.step-mpm {
	color: #d91853;
	text-align: center;
}

.page-template-template-questionnaire-php label {
    display: block;
}

select {
	width: 95%;
    margin-top: 6px;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid #e3e3e3;
    font-size: 14px !important;
	background: #ffffff;
	border-color: #e4e4e4;
}

input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    height: auto;
    padding: 14px 22px;
    margin: 0 10px 20px 0;
    font-weight: bold;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 0;
    position: relative;
    overflow: hidden;
    outline: none;
    text-shadow: none;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    max-width: 100%;
}

.btn-pdf a {
	background: #D62354;
    color: #FFF;
    padding: 6px 15px 4px;
    font-size: 11px;
    border-radius: 3px;
    float: right;
    position: relative;
    top: -100px;
    right: 50px;
    opacity: 0.7;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 10px;
}
.btn-pdf a:hover {
	text-decoration: none;
}


a.sf-button {
    padding: 10px 12px 8px !important;
    text-align: center;
    border-radius: 3px;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0px;
    display: inline-block;
    margin: 0 10px 20px 0;
}

a.sf-button.green:before {
    content: "\f0c7";
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
    top: 2px;
    position: relative;
    font-weight: normal;
}
a.sf-button.green {
    margin-bottom: 0 !important;
    height: 31px;
    font-size: 11px !important;
    padding-top: 5px !important;
    background-color: #068F81;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.sf-button.standard.grey
{
	background-color: #444;
	color: #fff !important;
}
a.sf-button.standard.grey:hover {text-decoration: none;}