@charset "utf-8";
/* CSS Document */

header, nav, footer, figure, section, figcaption, article, .site-content {
    display	: block;
	margin	: 0;
	padding	: 0;
}

/***** Alignement vertical ***** begin *****/
html, body { 
	height: 100%;
}
footer[role="contentinfo"] {
    min-height        : 50px;
    margin-top        : -50px;
    position          : relative;
}
.site-content {
    min-height  : calc(100% - 110px - 4.375rem - 4.375rem);
}
.site-content:last-child {
    padding-bottom: 50px;
}
/***** Alignement vertical ***** end *****/

/***** Largeur max du site ***** begin *****/
body, footer[role="contentinfo"], .site-content  {
    text-align  :center;
}
div[role="dialog"] {
    text-align:left;
}
header[role="banner"], .site-content > *, footer[role="contentinfo"] > * {
    max-width   : 970px;
    margin      : 0 auto;
    text-align  : left;
}
/***** Largeur max du site ***** end *****/


/* couleur de texte global sur le site */
html { 
	font-size: 62.5%; 
} 
body { 
	background-color: #fff; 
	font-family : arial, sans-serif; 
}
body, a, 
.box-bubble { 
	color : #333333; 
}
a:hover	{ 
	text-decoration: underline; 
}
a { 
	color: #b3d4fc; 
	text-decoration: none; 
	transition : .3s; 
}

/* pour la police spécial Trade Gothic */
.home-page h1, 
.home-page header,
.global-page h1, 
.global-page header,
footer[role="contentinfo"] p, 
footer[role="contentinfo"] a,
.box-bubble,
.form article > header, 
.form label, .form .submit {
    font-family: "Trade Gothic W01 Bold";
}

/**** Header ***** begin *****/
header[role="banner"] { 
	display: table; 
	width:100%;
}
header[role="banner"] > * { 
	display: table-cell; 
	vertical-align: middle; 
}
header[role="banner"] .logo {
	width: 324px;
    height: 82px;
}
.online {
	text-align: right;
	margin-left: 324px;
}
.online p {	
	display: inline-block;
    font-size: 1.8rem;
    color: #FFFFFF;
    font-family: "Trade Gothic W01 Bold";
    line-height: 100px;
    background-color: #447AA5;
    padding: 0 30px;
    margin-left: 5px;
    vertical-align: middle;
}
/**** Header ***** end *****/

/**** Main ***** begin *****/
.site-content {
    border-top: 5px solid #b3d4fc;
    margin-top: 5px;
    padding-top: 2rem;
    padding-bottom: 4.375rem;
}
/**** Main ***** begin *****/

/**** Welcome ***** begin *****/
#welcome {
	padding: 15px;
	text-align: center;
	max-width: 945px;
}
#welcome h1 {
	font-size: 3.6rem;
	text-transform: uppercase;
	margin-bottom: 23px;
	color: #2C5C82;
}
.thanks {
	text-transform:uppercase;
	font-size:1.6rem;
	font-weight:600;
	margin-bottom:0;
}
.mandatory {
	font-size:1.5rem;
}
/**** Welcome ***** end *****/

/**** Main form ***** begin *****/
form article fieldset {
	border:none;
}
form article fieldset label {
}
form article legend {
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
	border:none;
}
form article footer {
	border-bottom:3px solid #447aa5;
    min-height:3px;
    padding-bottom:19px;
	background-color:transparent;
}
form article > header h2 {
	text-transform:uppercase;
	color:#447aa5;
	font-size:2.4rem;
}
form article label { 
    color: #333333;
    font-size: 1.2rem;
    margin-bottom: 2px;
    text-align: left;
    text-transform: uppercase;
	font-weight:normal;
}
form article label .error {
	font-size:1.0rem;
	color:#E91D1D; 
}
form .ariaDescribeMessage {
	font-size:1.0rem;
	padding-top:2px;
	color:#999;
}
.form-control {
  display: block;
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2rem;
  min-height: 41px;
  padding: 6px 12px;
  color: #48484A;
  border: 1px solid #447AA5;
  border-radius: 5px;
  box-shadow:none;
  text-transform:uppercase;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus,
.form-control:hover {
  border: 3px solid #447AA5;
  padding: 6px 10px;
  outline: 0;
  box-shadow:none;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.form-control::-moz-placeholder {
  color: #999;
  text-transform:none;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
  text-transform:lowercase;
}
.form-control::-webkit-input-placeholder {
  color: #999;
  text-transform:lowercase;
}
.has-feedback label ~ .form-control-feedback {
    top:23px;
}
.has-success .form-control-feedback,
.has-error .form-control-feedback {
  /*position: static;/**/
	display:block;
	width:100%;
	text-align:right;
	/*margin-top:-18.2%;/*-38px;/**/
	padding-right:10px;
	margin-bottom:4px;
}
.has-success fieldset .form-control-feedback,
.has-error fieldset .form-control-feedback {
    position: static;
	text-align:right;
	margin-top:-6.9%; /*-30px;/**/
	margin-bottom:0;
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-control:hover {
  border-color: #E91D1D;
  box-shadow:none;
}
.has-success .form-control,
.has-success .form-control:focus,
.has-success .form-control:hover {
  border-color: #1A8800;
  box-shadow:none;
}

.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
    color: #E91D1D;
}
.has-success .help-block,
.has-success .form-control-feedback {
    color: #1A8800;
}
.has-success .control-label {
    color: #333333;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

/*--- Passengers details ----- begin ----*/
#passengersDetails legend {
	margin-bottom:0;
}
#passengersDetails .form-control {
	background-color:#FFF;
	border-color:#999;
	color:#999;
}
#passengersDetails .form-control:hover {
	border:1px solid #999;
	padding-left:12px;
}
.passengerDetails > fieldset > label {
	color:#999;
}
#passengerDetails .plus {
	display:table;
	width:100%;
}
#passengersDetails .passengerLabel,
#passengersDetails .passengerButton {
	display:table-cell;
}
#passengersDetails .passengerLabel {
	min-width:150px;
}
#passengersDetails .plus {
	margin-bottom:15px;
}
.addEditButton {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    border: medium none;
    border-radius: 50%;
    font-family: arial,sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1em;
    margin-top: 0;
    min-height: 30px;
    min-width: 30px;
    padding: 0;
	color:#FFF;
}
#closeModalButton {
	border:2px solid #CCC;
}
#submitModalButton,
#submitMainButton.btn-primary {
	border:2px solid #447AA5;;
}
#closeModalButton:focus, #closeModalButton:hover, #closeModalButton:active, #closeModalButton:active:focus,
#submitModalButton:focus, #submitModalButton:hover, #submitModalButton:active, #submitModalButton:active:focus,
#submitMainButton:focus, #submitMainButton:hover, #submitMainButton:active, #submitMainButton:active:focus,
.addEditButton:focus, .addEditButton:hover, .addEditButton:active, .addEditButton:active:focus {
	color:#FFF;
	margin:0;
	border:2px solid #B3D4FC;
}
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary.active:focus {
	color:#FFF;
    background-color: #447AA5;
}
.btn-success,
.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:active:hover,
.btn-success.active:focus {
	color:#FFF;
    background-color: #1A8800;
}
.btn-warning,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning.active:focus {
	color:#FFF;
    background-color: #E91D1D;
}
.passengerDetails {
	padding-bottom:20px;
}
.passengerButton #passengerError {
	display:none;
	font-size:1.2rem;
	color:#E91D1D;
}
/*--- Passengers details ----- end ----*/

/*--- Passenger Modal ----- begin ----*/
.modal-dialog .modal-body{
	font-family:Arial, Helvetica, sans-serif;
}
.modal-dialog .modal-title {
    font-family: "Trade Gothic W01 Bold";
	font-weight:normal;
	text-transform:uppercase;
	color:#447AA5;
	font-size:2.4rem;
}
.modal-dialog .bootbox-body label {
    font-family: "Trade Gothic W01 Bold";
    color: #333333;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 2px;
    text-align: left;
    text-transform: uppercase;
}
.modal-dialog .bootbox-body  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width:100%;
}
#passengerModal .has-success .form-control-feedback,
#passengerModal .has-error .form-control-feedback {
	/*margin-top:-14.6%;/**/
}
#passengerModal header p {
	font-size:1.2rem;
	color:#333;
	padding-bottom:10px;
}
/*--- Passenger Modal ----- end ----*/

/*--- Objet select ----- begin ----*/
.dropdown-toggle {
  	border: 1px solid #447AA5;
	min-height:41px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color:#FFF;
  	border: 3px solid #447AA5;
	padding:6px 25px 6px 10px;
}
/*--- Objet select ----- end ----*/

/*--- Objets submit ----- begin ----*/
#submitMainForm,
#submitModal {
	padding-top:20px;
}
/*--- Objets submit ----- end ----*/

/*--- Message de retour du formulaire ----- begin ----*/
#returnRequest {
	padding:15px;
}
#returnMsg {
	padding:0px 15px;
}
#requestForm .errorMsg {
	border:1px solid #FFC6C6;
	background-color:#FFF0F0;
}
#requestForm .successMsg {
	border:1px solid #BCE0C8;
	background-color:#EEF9EF;
}
#requestForm .errorMsg a {
	color:#337ab7;
}
#requestForm .successMsg a {
	color:#337ab7;
}
/*--- Message de retour du formulaire ----- end ----*/

/**** Main form ***** end *****/

/**** How to ***** begin *****/
#howTo {
	clear:both;
	padding-top:50px;
	padding-bottom:50px;
	font-size:1.5rem
}
#howTo h2 {
	font-weight:normal;
	font-size:2.2rem;
}
/**** How to ***** end *****/

/**** Footer ***** begin *****/
footer[role="contentinfo"] {
	background-color: #48484A;
}
footer[role="contentinfo"] p {
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: left;
}
footer[role="contentinfo"] img {
	margin:0 20px 0 20px;
}
footer[role="contentinfo"] a {
	color: #FFF;
	text-decoration: none;
}
/**** Footer ***** end *****/

/**** Loader ***** begin *****/
#loaderWrapper {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
	bottom: 0;
  left: 0;
  z-index: 100;
}
#loaderBackground {
  display: block;
  position: fixed;
  right: 0;
  top: 0;
	bottom: 0;
  left: 0;
  z-index: 101;
  background-color:#EEE;
  filter:alpha(opacity=30);
  opacity:0.3;
  -moz-opacity:0.3;
  /*outline: 0 none;/**/
  overflow: hidden;
}

#loader {
	position:absolute;
	left:50%;
	top:250px;
}
#loader img  {
	position: relative; 
	left: -50%;
}
/**** Loader ***** end *****/