body {background-image:url(/img/bg_index.jpg);}
section{width:100%;padding-bottom: 60px;}
article {padding-top: 40px;}

header {-moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none;}

#form_ctn, #form_ctn_inscript {display:block;width:100%;max-width:400px;margin:0 auto;overflow:hidden;
background-color: white;border-radius:3px;}
#form_ctn_inscript {max-width: 640px;}
#annul_ctn{display:block;width:400px;padding:20px 20px 10px 20px;margin:0 auto;background-color:white;border-radius:3px;text-align: center;}

#title_validation {font-size: 15px;margin-bottom: 30px;}
.link_valid {display:inline-block;height:30px;line-height:30px;margin:0 auto;margin-top:20px;margin-bottom:10px;padding:0px 15px;
background-color: #3498db;color:white;border-radius:4px;}

#title, #title_annul, #title_inscript, #title_recupeMdp {position:relative;font-weight: 400;color:white;padding:15px 20px;}
#title, #title_inscript {overflow:hidden;font-size:16px;background-color: #27ae60;}
#title_annul, #title_inscript, #title_recupeMdp {text-align:center;background-color: #3498db;}
#title_inscript {font-size: 22px;}
#title_annul, #title_recupeMdp {font-size:20px;}

#img_pra, #title_label {display:inline-block;}
#img_pra {float:left;width:50px;margin-right:20px;border-radius: 30px;}
#part1 {height:50px;font-size:18px;display: table-cell;vertical-align: middle;}
#return {position:absolute;right:0px;top:0px;}
#return img {width:15px;height:15px;padding:7px;}

#only_pra {padding:20px 20px 10px 20px;color:#1a252f;font-size: 13px;}
#recup_infos {text-align: center;margin-top: 20px;padding:0px 30px;}
#contact_form, #error_ctn, #ok_ctn, #connect_form, #form_part  {padding: 0px 20px 10px 20px;}
#form_part {margin-top: 20px;}
#invalid_mail {margin-bottom:10px;color:#e74c3c;}
#recap_rdv {font-size:14px;margin-bottom:20px;}
#recap_rdv p:nth-child(2) {margin:5px 0px;}
#recap_rdv p span {display: inline-block; width:68px;}
#separate_recap {padding:0px 10px;}
#label_form {margin-top: 20px;}
#confirm_annul_recap {margin-top: 50px; text-align: center;}

#rappel_indic {font-size: 12px;margin-top: 10px;}
#ok_label {margin: 50px 0px;padding:10px 0px;text-align: center;background-color:#e3e3e3;}
#ok_label img {height:15px;margin-right:10px;padding:1px;}

.form-group {margin-top:20px;}
#mdp_form .form-group {margin-top:30px;margin-bottom:30px;}
.icon_form {margin-right: 8px;}
#icon_form_1, .icon_form_1 {width:11px;margin-top: 1px;margin-right: 13px;}
#icon_form_2 {width:16px;}
#icon_form_3 {width:17px;margin-top:2px;margin-right: 7px;}


#inscript_form {padding:20px;overflow: hidden;}
#inscript_form .item {display:inline-block;width:280px;padding-top: 20px;overflow: hidden;}
#inscript_form .item_m {display: block;clear:both;width:100%;}
#inscript_form .item_l {float: left;}
#inscript_form .item_r {float: right;}
#inscript_form .form-group-ctn {display:inline-block;width: 265px;}
#inscript_form .form-group {margin-top: 0px;}
#inscript_form #indic_use_mail {font-size: 12px;margin-top: 10px;margin-left: 15px;}
#inscript_form button {display:block;width:300px;line-height: 2;margin:0 auto;margin-top:30px;font-size: 15px;
	border:none;background-color: #3498db;border-radius: 3px;color: white;cursor: pointer;}
#subTitle {margin-bottom: 20px;}
#subTitle2 span {display: inline-block; font-size: 12px;color:#e74c3c;font-style:italic;margin-top: 10px;}

.label_error, #label_indic_2 {margin-top: 20px;}
#label_indic_1 {margin-top: 10px;}
#label_tel_error, #label_tel_indic {height:40px;line-height:40px;margin-top: 20px;text-align: center;font-size:16px;background-color:#e3e3e3;}

#btn_submit, #return_profil_error, #return_profil_ok, #btn_submit_connect, #btn, #btn2, #leave_btn {display:block;width:100%;height:33px;line-height:33px;margin-top:20px;padding:0px;border:none;font-size:15px;text-align:center;
background-color: #27ae60;border-radius:3px;color:white;cursor:pointer;outline:0;}
#btn_submit_connect, #btn, #btn2, #leave_btn {background-color: #3498db;}
#leave_btn {margin-top: 50px;margin-bottom: 10px;}
#return_profil_error {margin-bottom: 10px;}
#return_profil_ok {margin-bottom: 10px;}
#mdp_form #btn {margin-top: 30px;margin-bottom: 10px;}

#option_connect {font-size: 12px;margin-top: 15px;overflow: hidden;}
#option_connect p {display: inline-block;}
#option_connect a {padding:2px 0px;}
#option_connect a:hover {color:#3498db;}
#inscript {float: left;}
#forgot_mdp {float: right;}

#stay_connect {margin-top: 20px; color:#1a252f;font-size: 12px;}
#stay_connect input {margin-top:1px;margin-right: 5px;}

#connect_link {margin-top: 20px;margin-bottom:5px;padding-top:15px;font-size:13px;overflow: hidden;text-align: center;
	border-top:solid 1px #e3e3e3;}
#connect_link a {padding:2px 0px;}
#connect_link a:hover {color:#3498db;}

#stop_btn_ctn {text-align: center;margin-top: 10px;}
#stop_btn {font-size:13px;}
#stop_btn:hover{color:#e74c3c;}

@media only screen and (max-width: 900px){
	section{padding-bottom: 40px;}
	article {padding-top: 20px;}
}

@media only screen and (max-width: 630px){
	#inscript_form .item {display:block;float:none;width:400px;margin:0 auto;}
	#inscript_form .form-group-ctn {display:inline-block;width: 385px;}
	#subTitle2 {text-align: center;}
}

@media only screen and (max-width: 450px){
	#inscript_form .item {width:90%;}
	#inscript_form .form-group-ctn {width: 100%;}
	.point_input {display: none;}
	#inscript_form #indic_use_mail {margin-left: 0px;}
}

@media only screen and (max-width: 380px){
	#inscript_form button {width:240px;}
}