body {
	font-family: 'Open Sans', sans-serif;
	color : #363636;
    overflow-y: scroll !important;                           /* to prevent vertical scrollbar from repositioning web page while loading. */
    overflow-x: hidden;                                      /* to prevent horizontal scrollbar in IE. */
}

body.modal-open {padding-right: 0px !important}

h1,h2 {
	font-family: 'Titillium Web', sans-serif;
}
.argument {
	text-align:center;
}

header {
	height: 70px;
	padding-top : 20px !important;
	padding-bottom : 10px !important;
	background-color : transparent !important;
	border : none !important;
}

.hero-block {
  /*background: url('/imgs/07.jpg');
  background-size: cover;
  background-position: center;*/
  /*height: 500px;*/
  /*margin-bottom: 40px;*/
  padding-top: 20px;
}

@media (max-width: 991px) {
	.hero-block {padding-top: 13px;}
	#big_block_0b {min-width: 200px !important;}
}
.navbar-header {height: 70px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #124c75;
	color : white;
	border-radius: 4px;
}

.navbar-nav {
	margin-left : 0px; /* margin-left : 60px; */
	margin: 7px 0px;
	background-color: white !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border :none;
	background-color: white !important;
}

.btn-cta {
	background-color: #c21d2c !important;
	color : white;
	border : 1px solid #c21d2c;
	outline: none;
}
.btn-cta.focus, .btn-cta:focus, .btn-cta:hover {
	background-color: transparent !important;
	color : #c21d2c;
}

.indication {
	font-size : 12px;
	line-height: 1.2;
	padding-left : 30px;
}

footer {
	padding-top :30px;
}

.red {
	color : #c21d2c;
}
.blue{
	color : #124c75;
}
.navbar-brand {
	font-family: 'Titillium Web', sans-serif;
}

.navbar-brand img {
	width:206px;
	height:auto;
	position : relative;
	bottom : 4px;
}

.label-custom {
	background-color: #124c75;
	margin-bottom : 30px;
}
.label-custom-white {
	background-color: white;
	color: #124c75;
	margin-bottom : 30px;
}
a.no_underline, a.no_underline:hover, a.no_underline:visited, a.no_underline:link, a.no_underline:active {
	text-decoration: none;
}

.section-blue {
	background-color : #124c75;
	color : white !important;
}

.argument {
	padding-top:20px;
	padding-bottom :20px;
}

@media (max-width: 991px) {
	/*.hero-block {margin-left: -15px; margin-right: -15px;}*/
	/*#big_block_1 {padding-top:160px;}*/

	.top_paddding_margin_0_for_device {margin-top: 0px !important; padding-top: 0px !important;}
	#offre_big_block_1 > div.row > div:first-child {padding-top: 30px !important;}
}

@media (max-width: 767px)
{
	/*.agence_big_block {padding-left: 15px !important; padding-right: 15px !important;}*/
}

.logos img {
	max-height:70px;
}

.tagline {
	width : 100%;
	z-index: 99;
	position : relative;
	border-top:5px solid #c21d2c;
	padding:10px;
}

.navbar-collapse.in {
	position : relative;
	/*top : 20px;*/
	z-index: 100;
	background-color: white !important;
}

footer {
	margin-top:0px; /* margin-top:40px */
	margin-bottom: 20px;
}


.ct-label {
	font-size : 1em !important;
}
/*http://coolors.co/app/8e4a49-374a67-bc3105-4a1a01-e0b59f*/

/* Activate Bootstrap menu for tablet (in addition to smartphone) */
@media (max-width: 1013px) { /* Remplacez 123px par la taille de votre choix */
    .navbar-header {
    float: none;
    }
    .navbar-toggle {
    display: block;
    }
    .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
    display: none!important;
    }
    .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
    }
    .navbar-nav>li {
    float: none;
    }
    .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .navbar-text {
    float: none;
    margin: 15px 0;
    }
    /* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
    .navbar-collapse.collapse.in {
    display: block!important;
    }
    .collapsing {
    overflow: hidden!important;
    }
}

.text-danger
{
    margin-top: 2px;
    margin-left: 4px;
}

/* Google Places Autocomplete */
.pac-container, .pac-item {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color : #363636;
	background-color: #f5f5f5;
}
.pac-item:hover, .pac-item-selected {background-color: #CBE4F6; }

.pac-item {height: 41px; padding-top: 6px; }

.pac-container {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.pac-logo:after {
   content: none;
}

label, .text-danger {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


	
.row {margin-right: -10px; margin-left: -15px; } /* au lieu de -15px et -15px. Ca corrige la largeur trop grande de cette page sur smartphone */

.page_accroche {margin-top: 10px !important;}

.page-header {margin-top: 20px; padding-bottom: 12px;}

/* on diminue la marge à gauche (par défaut : col-md-offset-1 = 8,33% par Bootstrap) de la carte Google Map pour que ça soit centré correctement avec le bloc de critère*/
@media (max-width: 1517px) {
	div.map-col {margin-left: 4%;}
}
/* pour largeur fenêtre < 1100px, on enlève la marge à gauche de la carte Google Map (pour largeur < 1100px), pour pas que le bloc de critères soit rejeter sur la ligne du dessous */
@media (max-width: 1100px) {
	div.map-col {margin-left: 0px;}
}

/* bloc texte et bloc formulaire */
.well {border-radius: 10px !important;}


@media (min-width: 1200px) {
    #icon_accueil_1 {margin-top: 20px}
    #icon_accueil_2 {margin-top: 44px}
}

@media (max-width: 1199px) {
    #icon_accueil_1 {margin-top: 10px}
    #icon_accueil_2 {margin-top: 60px}
}

@media (max-width: 991px) {
    #icon_accueil_1 {margin-top: 15px}
    #icon_accueil_2 {margin-top: 15px}
}

@media (max-width: 991px) {
    #agence_first_row {display: block !important}
}