/* 2016-11-29 - Francis Chevalier */
.container{width:100% !important;}
.data .btn-primary{font-weight:bold;background-color: #337ab7;border-color: #2e6da4;}
.contact-info{padding-right:0;padding-left:0;padding-bottom: 8px;}
.contact-info .row{margin-right: 0;margin-left: 0;}
.contact-info .alert{width:100%;}
.contact-info .alert div{width:100%;}
.contact-lbl{font-weight:bold;padding-right:0;padding-left:0;text-align: right;}
.contact-txt{padding-right:0;padding-left:0;padding-left: 5px;}
.contact-form{padding-left:0;padding-right:0;}
#complete_name, #association_name, #email, #phone, #message{width:60% !important}
.controls{margin-left:0 !Important;}
.controls .btn{width:100%;font-weight:bold;}
#mobile_captcha{padding-right:0 !important;padding-left:0 !important;margin-top:5px !important;display: inline-flex;}
#frm-contact .control-group{margin-top: 4.5px !important;}
#complete_name_div{margin-top:0 !important;}
/*.controls input{margin-top:0 !important;}*/
#g-recaptcha{margin-left: 5px;}
#submit_group .controls{margin-left:5px !important;width:127px !important;}
.tooltip-inner {background-color: #cc0e00 !Important;font-size: 13px !important;white-space: nowrap !important;text-align: center !important;}
.tooltip-arrow{border-right-color: #cc0e00 !important;}
#recaptcha_error {
    background-color: #cc0e00;
    color: #fff;
    border-radius: 4px;
    padding: 3px 8px;
    text-align: center;
    width: 229px;
    margin-left: 5px !important;
}
#msg_sent{margin-bottom:0 !Important;}
.contact-info{border-radius: 10px !important;box-shadow: 1px 1px 5px 1px gray;-webkit-box-shadow: 1px 1px 5px 0px gray;padding-bottom: 10px;}
#contact_title{
	background: rgba(222, 198, 218, 0.50);
    padding-bottom: 0;
    margin-left: 0;
    padding: 8px 0 10px 15px;
    margin-top: 0;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	margin-bottom: 3px;
}
#info{padding-top: 5px;}
.contact-lbl{width: 100px !important;}
@media only screen and (max-width:845px){
	#complete_name, #association_name, #email, #phone, #message{width:95% !important;margin-left:0 !important;}
	.control-label{width:auto !Important;text-align:left !important;}
	#mobile_captcha .control-label{display:none !important;}
	#submit_lbl{display:none !important;}
	#submit_group .controls{margin-left:0 !important;}
	#g-recaptcha{margin-left: 0 !Important;}
}
@media only screen and (max-width:820px){
	.contact-txt{width:70% !important;}
}
@media only screen and (max-width:768px){
	.contact-info .row{text-align:center;margin-bottom: 0!important;}
	.contact-lbl{text-align:right;}
	.contact-txt{text-align:left;padding-left:5px;width:80% !important;}
	#complete_name, #association_name, #email, #phone, #message{width:100% !important;}
	.contact-form, .contact-info{width: 100% !important;}
	#contact-info-lg{display: none;}
	#contact-info-xs{display: block !important;margin-bottom: 10px;}
	
	/*Les tooltips à la place de 670px*/
	.tooltip-inner {
		margin-top: -32px;
		margin-left: -110px;
	    width: 100px;
	}
	.tooltip-arrow{
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin-top: -8px !important;
		margin-left: -58px !important;
	}
	#email_div .tooltip-inner{margin-top: -31px !important;margin-left: -160px !Important;width:150px !important}
	#email_div .tooltip-arrow{margin-top: -7px !important;}
}
@media only screen and (max-width:650px){
	#submit_group .controls{width:100% !important;}
}
@media only screen and (max-width:500px){
	.contact-form{padding-left:0;}
	#frm-contact .control-group .controls{margin-left:0 !important;}
	.control-group{margin-bottom:6px;}
	#complete_name, #association_name, #email, #phone, #message, #validator{width: 100% !important;margin-left:0;margin-top:0;}
	.controls .btn{width:100%;font-size:16px;}
}
@media only screen and (max-width:480px){
	.contact-txt{width:75% !important;}
}
@media only screen and (max-width:425px){
	.contact-lbl{width: 80px !important;}
	.contact-txt{width:70% !important;}
	#contact-info-xs .alert{padding-left: 5px  !important;}
}
@media only screen and (max-width:390px){
	.tooltip-inner {
		margin-top: 29px !important;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.tooltip-arrow {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: 12px !important;
		margin-left: -58px !important;
	}
	#email_div .tooltip-arrow{
		margin-top: 11px !important;
	}
	#email_div .tooltip-inner {margin-top: 28px !important;}
	#message_div .tooltip-inner{margin-top:105px !important;}
	#message_div .tooltip-arrow{margin-top:88px !important;}
}
@media only screen and (max-width:320px){
	#contact_title{font-weight:bold;}
}