/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2015
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 4391 $
//+		$Date: 2017-05-04 12:25:59 +0200 (jeu. 04 mai 2017) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/trunk/tpl/tpl0/css/mod/mod5a/com.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

form.iFrm{ margin: 50px auto; padding: 0 25px; }

/* Bouton */

.btns{ margin: 20px -25px; position: relative; }

.btn_p{ cursor: pointer; display: inline-block; border-radius: 5px 0 0 5px; color: #7b796b; position: absolute; height: 30px; line-height: 30px; font-size: 15px; text-decoration: none; box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.25); transition: color 0.1s ease-in; }
.btn_p > span{ position: relative; display: block; }
.btn_p > div{ position: absolute; bottom: 0; top: 0; background-color: #a51b35; transition: width 0.1s ease-in, border-radius 0.1s ease-in; border-radius: 5px; width: 30px; }
.btn_p > div:before{ content: ''; position: absolute; bottom: 0; top: 0; width: 30px; background: none no-repeat 50% 50%; }
.btn_p:hover{ color: white; }
.btn_p:hover > span{ border-color: transparent; }
.btn_p:hover > div{ width: 100%; }

.btn_p.next{ padding: 0 0 0 30px; right: 0; }
.btn_p.next > span{ padding: 0 36px 0 16px; }
.btn_p.next > div{ left: 0; }
.btn_p.next > div:before{ right: 0; background-image: url('../mod19a/img/pn_over.png'); }

.btn_p.prev{ padding: 0 30px 0 0; left: 0; }
.btn_p.prev > span{ padding: 0 16px 0 36px; }
.btn_p.prev > div{ right: 0; background-color: #231f20; }
.btn_p.prev > div:before{ left: 0; background-image: url('../mod19a/img/pp_over.png'); }

.btn_p.acc > div:before{ left: 0; background-image: url('../../../img/ihm/iMhome.png'); }

/* Affichage */
.output_mail,
.output_pw{ border: 1px solid #000; display: inline-block; padding: 5px 20px; border-radius: 4px; font-size: 16px; margin: 10px; font-weight: bold; color: #000; font-family: Courier New; }
.output_pw{ margin-bottom: 0; }

.msg_clr{ text-align: center; }
.msg_clr .msg_head{ display: block; color: #fff !important; padding: 5px 10px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; }
.msg_clr .msg_head:before{ display: inline; font-size: 20px; margin: 0 10px 0 0; }
.msg_clr .msg_head.val{ background-color: #65b365; }
.msg_clr .msg_head.val:before{ content: '✓'; }
.msg_clr .msg_head.unval{ background-color: #d94040; }
.msg_clr .msg_head.unval:before{ content: '✗'; }
.msg_clr .msg_body{ margin: 25px 0; }

@media screen and (max-width: 800px){
	.iPko-RWD .btns{ margin: 20px 0; }
	.iPko-RWD .btn_p{ display: block; margin: 10px auto; position: relative; width: 270px; }
	.iPko-RWD .btn_p > div{ width: 100%; }
	.iPko-RWD .btn_p > span{ color: white; }
}