@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],textarea,select,.input-group, .form-group input
{color:#000;background-color:#FFF;font-size:16px; border-radius: 5px !important  ;  transition: box-shadow !important ;  -webkit-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);-moz-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);box-shadow: -1px 2px 10px -5px rgba(184,182,184,0.31) !important; padding-left:10px !important; height: 45px !important;}
.input-group{	color:#000;background-color:#FFF;font-size:14px; 	border-radius: 0.2rem !important  ;  transition: box-shadow !important ;  -webkit-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);-moz-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);box-shadow: -1px 2px 10px -5px rgba(184,182,184,0.31) !important;}
.form-horizontal select{	color:#000;background-color:#FFF;border:1px solid #D5D5D5 !important;font-size:14px; height:45px !important;	line-height:2.4;padding-top:5px !important;padding-bottom:5px !important; width:100% !important;	-webkit-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);-moz-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);box-shadow: -1px 2px 10px -5px rgba(184,182,184,0.71) !important;}
.form-horizontal select:disabled {background-color:rgba(0,0,0,.05) !important}
#loaderPage {display:none;  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  background: rgba(255,255,255,0.6) ;  z-index: 10000;}
#loaderPage .fa-spin {text-align:center;	margin-top:20% !important;  top: 40%;  color:#000 !important;  font-size:260% !important;  width: 100%; z-index: 10000;}
.btn-success,.btn-success.focus,.btn-success:focus,.btn-success:disabled{background-color:#2BDFDB !important;border-color:#2BDFDB !important; border-radius: 5px; font-weight: bold; text-shadow: none !important;}
.btn-success.focus:hover,.btn-success:disabled:hover,.btn-success:active:hover,.btn-success:focus:active,.btn-success:focus:hover,.btn-success:hover,.open>.btn-success.dropdown-toggle,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:active,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover{background-color:#2BDFDB !important;border-color:#2BDFDB !important; border-radius: 5px; outline: none; }
.blue{ color:#0b4f6c !important}
.steps>li.active .step,.steps>li.active:before,.steps>li.complete .step,.steps>li.complete:before{border-color:#0b4f6c !important}
.steps>li.complete .step:before{ color:#F00 !important; }
.steps>li.complete .title{color:#20bf55 !important}
.steps>li.complete .step:before{color:#20bf55 !important}
.btn-white.btn-primary{border-color:#0b4f6c;color:#0b4f6c!important}
.float-right {float:right !important;}

/* ************************** */ 
/* PLACEMENTS - TEXTES STYLES */
/* ************************** */ 
.offre { border: solid 3px #0b4f6c; padding:30px; border-radius:5px;}
.welcome, .welcomepro {font-size:27px; line-height : 1.2; font-weight:700; float:left; padding : 8px 0px 0px 20px;  font-family: 'Montserrat';}
.welcome2, .welcomepro2 {font-size:24px; line-height : 1.2; font-weight:500; float:left; padding : 8px 0px 0px 20px;  font-family: 'Open Sans'; color : #0b4f6c;}
.welcome2 span, .welcomepro2 span { color:#01baef; font-weight:700;}
.welcome span, .welcomepro span { color:#01baef;}
.pricebig {font-family:"Open Sans",Arial,sans-serif; font-weight:bold; font-size:45px; margin-top:0px; font-weight:700}
.float-left { float:left;}
.bigh2 { font-size:17px; color:#0b4f6c; font-weight:bold; margin-top:-10px;}
.separator { width:64px; height:1px; background-color:#272727; }
.bigger-110 { font-weight:700 !important; font-style:italic; margin-top:7px; }
/*. {width: 250px;}*/
.bigger-500 { text-transform:uppercase; margin-top:-10px;}
.total-an { color:#7f7f7f; font-style:italic; font-size:13px; margin:-5px 0px 0px -45px;}
.align { display:flex; align-items:center;}
.clear { clear:both;}
.small { color:#000 !important; }
.logo { width:110px; height:110px;}
.commercial {font-size:20px; font-weight:bold; color:#272727; text-align:left;} 
.nopadding { padding-left:0px; padding-right:0px;}
.nopaddingl { padding-left:0px;}
.alignmiddle {display: flex; align-items: center;}
.header { margin-bottom:30px !important;}
.infos { margin-top:-28px; padding-bottom:7px;padding: 0px;}
.effet-info { font-style:normal !important; color:#13536f; font-size:13px !important;}
.fin { font-family:Open sans; font-size:18px; color:#0b4f6c; text-align:center; margin:100px 0px 10px 0px; }
.fin span { font-weight:bold; color:#20bf55;}

/* ***************** */ 
/* CALENDAR & TABLES */
/* ***************** */ 
td.day{}
td.day{}
.hide-calendar .ui-datepicker-calendar{display: none;width: auto;}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {background: #FEFEFE !important;color: #CCC;cursor: default;}

li.ui-menu-item { font-size:11px !important; border-bottom:1px solid #EDEDED; }
.ui-autocomplete-loading { background: white url('public_app/images/loading.html') right center no-repeat;}
.ui-menu .ui-menu-item a{ color: #444 !important; border-radius: 0px; padding:6px; font-size:11px; }
.ui-menu .ui-menu-item a:hover{ cursor:pointer; }
.etatRecherche{ color:#999; font-size:9px;}
.ui-autocomplete { max-height:250px; min-width:200px; overflow-y: scroll; overflow-x: hidden;}
.loadingInput{background-image:url(public_app/images/loading3.html) !important;	background-repeat:no-repeat !important;	background-position:left 3px center  !important;}
.erreurInput{ border-color:#F00 !important}
.tableTarifs {-webkit-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);-moz-box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);	box-shadow: -1px 2px 15px -5px rgba(184,182,184,0.71);	padding: 50px;}
.tableTarifs td {padding: 30px;}

/* ************ */ 
/* PROFILE USER */
/* ************ */ 
.profile-user-info{ margin:0 !important; width:100% !important; }
.profile-user-info .profile-info-name{ min-width:25% !important; height:auto; text-transform:uppercase;}
.profile-user-info .profile-info-name h3{ font-size:27px; color:#FFF; margin:3px}
.profile-user-info .profile-info-name h4{ font-size:23px; color:#0b4f6c; margin:2px}
.profile-user-info .profile-info-value { padding-left:30px !important; padding-right:30px !important;vertical-align: middle !important; vertical-align:bottom !important  }
.profile-user-info .profile-info-value h1{ font-size:40px; color:#0b4f6c; margin:5px }
.profile-user-info .profile-info-value span{ color:#0b4f6c;text-transform:uppercase }
.profile-info-name{ width:30% !important} 

.PlaceCenter { float:none !important; margin:0 auto !important; text-align:center;}
.pd-4 {padding-left:4px ;}
.pd-6 {padding-left:6px ;}


/* ********** */ 
/* NEW STYLE */
/* ********** */ 
.placement {margin-left: auto; margin-right: auto; float: none !important; max-width: 1300px;}
label {font-weight: bold; text-transform: uppercase;}
.bld {font-weight:bold;}
.pr-0 {padding-right:0px !important}
.pl-0 {padding-left:0px !important}
.border-5 {border-radius: 5px;}
.btn-lg {padding: 7px 16px 7px !important; }
.btn.btn-white {color: #9D9D9D !important; border-color: #9D9D9D !important; border-radius: 5px;}
.logo-div {min-width: 110px;margin-right: 7px;}

@media only screen and (max-width:767px){
	.pricebig {text-align:center !important; margin-top: 15px !important; font-size: 43px !important;}
	.welcome {margin-top: 20px!important;}
	.logo-div {min-width: 110px; margin-right: 15px;}
}


/* ********** */ 
/* RESPONSIVE */
/* ********** */ 
@media only screen and (max-width:1200px){
.welcome, .welcomepro {font-size : 21px; line-height : 1.2;  font-weight:700; float:left; padding : 8px 0px 0px 0px; font-family: 'Montserrat';}	
.alignmiddle {display: inherit; align-items:inherit;}
.offre {padding:30px 15px!important}
	.pricebig {font-size: 34px;}
	.logo-div {min-width: 110px; margin-right: 20px;}
}

@media only screen and (max-width:767px){
h1, h2, h3 { text-align:left !important;}
.total-an { margin: -5px 0px 0px 0px !important;}
.offre { border: solid 3px #0b4f6c; padding:15px; border-radius:5px; margin-left:auto; margin-right:auto; float:none;}
.top { margin-bottom:20px;}
.welcome{font-size: 22px; font-weight: 700;float: left;padding: 0px 0px 0px 15px; font-family: 'Montserrat',Arial,sans-serif;line-height: 26px; margin-top: 0px !important;}
.welcomepro  {font-size: 21px; font-weight: 700;float: left;padding: 0px 0px 0px 0px; font-family: 'Montserrat',Arial,sans-serif;line-height: 26px;}
.bigh2 { font-size:22px; text-align:center !important;}
h4 { padding-left:1rem;}
.logo { height:75px !important; width:75px !important;}
.commercial {font-size:16px; font-weight:bold; color:#272727; text-align:left;}
.infos { margin-top:5px; padding-bottom:7px;}
.fin { font-size:15px;} 
.smaller-40{font-size: 40%!important;}
.padding-40 { padding:0px 20px;}
.control-label { text-align:left;}
.effet-info { padding-left:0px !important;}
.hide-mobile { display:none;}
.mobile2 { padding-left:6px;}
.pd-4, .pd-6{ padding-left:12px !important;}
	.blue {text-align:center !important; }
	.bigger-110 {text-align:center !important; }
	/*{width: 100% !important;}*/
	.separator {margin-left:auto; margin-right: auto;}
}

@media only screen and (max-width:400px){.logo-div {min-width: 75px; margin-right: 20px;}