/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/
/* contact - champ de saisie */
input, button, textarea{
    border: 0;
    margin: 1em auto;
    width: 100%;
    padding: 1em 1.5em;
    background-color: #e3e4e4;
    -moz-border-radius:    .4em;
    -webkit-border-radius: .4em;
    border-radius:         .4em;
  }
  
 select{
    margin: 1em auto;
    width: auto;
    padding: 1em 1.5em;
    background-color: transparent;
    -moz-border-radius:    .4em;
    -webkit-border-radius: .4em;
    border-radius:         .4em;
	 
 }
label {
  clear: both;	
  font-family: helvetica neue,helvetica,arial,sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.6em;
  color: #002c55;
}

  .bfError{
      font-family: Arial, Helvetica, sans-serif;
  }

  .ff_elem, .form-text,form .form-text::placeholder,.ff_elem::placeholder {
    font-weight: bold;
    color: #7f97aa;
  }

  fieldset{
    border: none;
    margin-bottom: 1em;
  }

  fieldset input {
    width: auto;
    display:inline-block;
  }

  /*  contact - envoi */
  .form-send, .bfSubmitButton{
    background: #f4cc42;
    max-width: 250px;
    -moz-border-radius:    .4em;
    -webkit-border-radius: .4em;
    border-radius:         .4em;
  } 


.bfElementGroup input[type='radio']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='radio']{
    vertical-align: top;
}
.bfElementGroup input[type='checkbox']{
    vertical-align: top;
}
.bfElementGroupNoWrap input[type='checkbox']{
    vertical-align: top;
}
/* ##### General BreezingForms styles ##### */

.bfQuickMode {

}

.bfQuickMode fieldset {

}

.bfQuickMode legend {

}

.bfQuickMode p.bfElemWrap {

}

.bfQuickMode span.bfElemWrap {

}

/* ##### inline ##### */

.bfQuickMode fieldset fieldset legend {

}

.bfQuickMode fieldset.bfInline {

}

.bfQuickMode fieldset.bfInline p {

}

/* ##### Input Fields ##### */

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {

}

.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {

}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {

}

.bfQuickMode input[type='button'], .bfQuickMode input[type='submit'], .bfQuickMode input[type='checkbox'], .bfQuickMode input[type='image'], .bfQuickMode input[type='radio'], .bfQuickMode input[type='reset'], .bfQuickMode select, .bfQuickMode button {

}

.bfQuickMode input[type='hidden'] { display: none; }

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {

}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
  font-size: .8em;
}

/* ##### max length message ##### */

.bfMaxLengthCounter {
    color: #666;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {

}

.bfQuickMode .bfSectionDescription p {

}

/* ##### required ##### */

.bfQuickMode .bfRequired {

}

/* ##### buttons ##### */

.bfQuickMode input[type='submit'], .bfQuickMode input[type='reset']  {

}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {

}

.bfQuickMode .bfPrevButton {

}

.bfQuickMode input.bfCalendar {

}

/* ####### THEME GROUPE OCEANIC ####### */

  #ff_formdiv2 .bfSubmitButton{
    display: block;
    float: none;
  }
  .bfQuickMode button.bfCalendar {
    margin: auto !important;
    height: auto !important;
    width: auto !important;
    float: left;
  }

  .icon-calendar{
    background: transparent url('/templates/oceanic/img/calendar.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 16px;
    width: 16px;
  }
  
  .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
    width: 100% !important;
    float: none !important;
  }

  #popup-form-page .bfQuickMode .bfLabelLeft label {
    display: inline-block !important;
    font-size: .8em;
    line-height: 1em;
  }

  @media (max-width: 786px) {
    .bfGroupLabel {
      display: inline-block !important;
      font-size: .8em;
      line-height: 1em;
      min-width: 95% !important;
      max-width: 90% !important;
    }
    #bfElemWrap490 .bfGroupLabel{
      display: block !important;
      width: 90% !important;
      max-width: none;
      float: none !important;
      margin: 1.6em 0;
      cursor: pointer;
    }
    #bfElemWrap490 input {
     display: none;
    }
  }
  @media (min-width: 787px) {
    #bfElemWrap582, #bfElemWrap573, #bfElemWrap621, #bfElemWrap687, #bfElemWrap2, #bfElemWrap3, #bfElemWrap13,#bfElemWrap816 {
      display: block;
      float: left;
      margin: 0 1%;
      width: 46%;
    }
    #bfElemWrap4, #bfElemWrap5{
      display: block;
      float: left;
      margin: 0 1%;
      width: 90%;
    }
    #bfElemWrap12{
      display: block;
      float: left;
      margin: 0 1%;
      width: 98%;
    }
    #bfElemWrap490 {
      margin: 1em;
    }
    
    #ff_elem127, #ff_elem128, #ff_elem573, #ff_elem582, #ff_elem163, #ff_elem674, #ff_elem4, #ff_elem5, #ff_elem6, #ff_elem552, #ff_elem2, #ff_elem3, #bfElemWrap129, #ff_elem12, #ff_elem13, #bfElemWrap621, #bfElemWrap127,#ff_elem816 {
      display: block;
      margin: 1% 0;
      width: 90% !important;
    }
    #bfGroupLabel490, #bfGroupLabel490_1, #bfGroupLabel490_2 {
      width: 20%;
      cursor: pointer;
    }
    #bfGroupLabel1, #bfGroupLabel1_1, #bfLabel674 {
      display: inline-block;
      width: 40%;
    }
  }

  #bfElemWrap14, #bfElemWrap674 {
    clear: both;
    float: none;
  }

  #ff_elem621, #ff_elem1108{
    display: block;
    float: left;
    margin: 0 1%;
    min-width: 50%;
    max-width: 50%;
  }

  #bfGroupLabel490::before{
    content: '';
    display: inline-block;
    background-image: url('/templates/oceanic/img/ico/ask.png');
    background-position: 0 0;
    background-size: cover;
    margin-right: .5em;
    height: 1em;
    width: 1em;
  }

  #bfGroupLabel490_1::before{
    content: '';
    display: inline-block;
    background-image: url('/templates/oceanic/img/ico/meet.png');
    background-position: 0 0;
    background-size: cover;
    margin-right: .5em;
    height: 1em;
    width: 1em;
  }

  #bfGroupLabel490_2::before{
    content: '';
    display: inline-block;
    background-image: url('/templates/oceanic/img/ico/call.png');
    background-position: 0 0;
    background-size: cover;
    margin-right: .5em;
    height: 1em;
    width: 1em;
  }