/**
 *
 * bleu clair : #449cdb;
 * bleu fonce : #3683b9;
 * purple : #e83a95;
 */


/**
 * 1- MISC
 */

body {
  background-image:url(../img/bg.jpg);
  background-repeat: repeat;
  font-family: DroidSans;
  font-size: 14px;
}

.container {
    background-color: #fff;
}

p {
  font-size: 14px;
}
h1{
    margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}

.txt-purple {
  color:#e83a95;
}

.section-title {
}

.section-title h1 {
  font-size: 2.1em;
  font-weight: normal;
  color:#e83a95;
  margin-top:0;
}

.form-content {
  margin-top: 20px;
}

.form-control {
  border-width: 1px;
}

.form-control:focus {
  border-color: #3498db;
}

.form-group-radio {
  height: 40px;
}

.form-group-inline {
  height:51px;
  vertical-align: middle;
}

.form-group-inline .form-label {
  display: inline-block;
  float:left;
  margin-top: 10px;
}


.form-group-inline .inline-radio {
  display: inline-block;
  margin-left: 10px;
  float: left;
}

.form-group-inline .inline-select {
  display: inline-block;
  float: left;
  width:80px;
  height:100%;
  margin-left: 10px;
}

.form-group-inline .inline-select .dropdown-menu {
  min-width:80px;
}

.checkbox.checked, .radio.checked,
.checkbox.checked .second-icon, .radio.checked .second-icon {
  color: #3498db;
}

.btn-purple {
  color: #ffffff;
  background-color: #e83a95;
}

.btn-purple:hover {
  background-color: #e775b1;
}

.bloc-frame {
  background-color: #f6f6f6;
  position: relative;
  padding-left: 100px;
  padding-top: 30px;
  margin-bottom: 30px;
}

.bloc-frame:after {
  background-color: #3498db;
  background-position: center 20px;
  background-repeat: no-repeat;
  display: block;
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:100%;
  content: " ";
  pointer-events: none;
}


/**
 * 2- HEADER
 */
.bloc-header .container {
  padding: 0;
}

.bloc-header .header-top {
  background-color: #3683b9;
  height: 20px;
}

.bloc-header .header-top .container {
  background:transparent;
}

.bloc-header .header-top .header-logo {
  float: left;
  margin-left: 15px;
}


.bloc-header .header-bottom .container{
  background-image:url(../img/header-photo.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}

.dropdown-inverse {
  background-color: #3498db;
}
.dropdown-arrow-inverse {
  border-bottom-color: #3498db !important;
  border-top-color: #3498db !important;
}

.dropdown-inverse li.active > a, .dropdown-inverse li.selected > a,
.dropdown-inverse li.active > a:hover, .dropdown-inverse li.selected > a:hover,
.dropdown-inverse li.active > a:focus, .dropdown-inverse li.selected > a:focus,
.dropdown-inverse li.active > a:active, .dropdown-inverse li.selected > a:active,
.dropdown-inverse li > a:hover, .dropdown-inverse li > a:focus, .dropdown-inverse li > a:active {
  background-color: #2980b9;
}


/**
 * 3- ACCROCHE
 */

.bloc-accroche {
  text-align: center;
}

.bloc-accroche .accroche-filet-top {
  background-image:url(../img/accroche-filet-top.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height:20px;
  margin-top: 20px;
  margin-bottom: 0;
}

.bloc-accroche .accroche-filet-bottom {
  background-image:url(../img/accroche-filet-bottom.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  height:20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.bloc-accroche .accroche-text {
  text-align:center;
  font-family: "Titillium22L";
  font-size: 2.5em;
  color: #449cdb;
}



/**
 * 4- VOUS FORM
 */
.bloc-vous .bloc-frame:after {
  background-image: url(../img/icone-vous.png);
  background-position: 15px 30px;
}

/**
 * 5- AUTRES FORM
 */
.bloc-autres .bloc-frame:after {
  background-image: url(../img/icone-autres.png);
  background-position: 15px 30px;
}

.bloc-autres .form-toggle .form-label {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #3498DB;
  margin-right: 20px;
}


/**
 * 6- CONTRAT
 */
.bloc-contrat .bloc-frame:after {
  background-image: url(../img/icone-contrat.png);
  background-position: 15px 30px;
}

.bloc-contrat .contrat-desc-bloc {
  position: relative;
  background-color: #eeeeee;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 0 45px 50px;
}

.bloc-contrat .contrat-desc-bloc:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #ffffff;
  border-bottom-color: #eeeeee;
  border-width: 10px;
  margin-left: -10px;
}

.bloc-contrat .contrat-desc-bloc p.contrat-desc-title {
  font-family: DroidSerif;
  font-style: italic;
  font-size: 1.9em;
  color: #3498db;
}

.bloc-contrat .contrat-desc-bloc p.contrat-desc-txt {
  font-family: DroidSans;
}

.form-validation {
  text-align: center;
  margin: 20px 0 30px;
}

.form-validation .btn {
  background-image: url(../img/icone-valider.png);
  background-position: 20px center;
  background-repeat: no-repeat;
  width: 300px;
  margin:auto;
  padding-left: 60px;
  text-transform: uppercase;
}