/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');*/

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/opensans-regular-webfont.woff') format('woff');
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/opensans-regular-webfont.woff2') format('woff2');
  }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans-bold-webfont.woff') format('woff');
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans-bold-webfont.woff2') format('woff2');
  }
  
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/opensans-extrabold-webfont.woff') format('woff');
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/opensans-extrabold-webfont.woff2') format('woff2');
  }
  
html, body {
	height:100%;
}

html {
    font-size: 100%;
}

body {
    font-size: .875em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    
    /*background-color: #F1F1F3;*/
    /*background-color: rgba(68, 144, 168, 0.8);*/
}
.navbar-inverse .navbar-nav>li>a {
    color: #ccc;
}

.dropdown-menu li a {
    color: #ccc;
}

.dropdown-menu li a:hover {
    background-color: #222222;
    color: white;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
.titre_bold_center {
    text-align: center;
    font-weight: bold;
}
.titre_bold {
    font-weight: bold;
}
a {
    color: #555;
    
}

.content a {
    text-decoration:underline;
}

a:hover {
     color: #555;
}

.lien {
    text-decoration:underline;
    color:#555;
    font-weight:600;
}

.notredifference {
    text-align: center;
    font-weight: 600;
}

.notredifference p {
    font-size: 1.5em;
    color:#769aba;
    margin-bottom: 20px;
}

p.titre-preambule-gen {
    font-size: 2.5em;
    margin-bottom: 30px;
    color: #769aba;
    font-weight: 600;
}

.cercle{
  text-align:center;
  border-radius:50%;
  border:2px solid #769aba;
  width:58px;
  height: 58px;
  font-size: 2em;
  font-weight: 600;
  margin: 0 auto;
  margin-bottom: 15px;
  color:#769aba;
}

/* menu */
.mega-menu-content p {
    color: #fff;
    font-weight: normal;
}
ul.nav.navbar-nav {
    margin-left: 17%;/*18%;*/
    margin-right: auto;
    text-transform: uppercase;
}
.mega-menu .nav,
.mega-menu .collapse,
.mega-menu .dropup,
.mega-menu .dropdown {
  position: static;
}
.mega-menu .container {
  position: relative;
}
.mega-menu .dropdown-menu {
  left: auto;
  background-color: #232222;
}
.mega-menu .mega-menu-content {
  padding: 20px 30px;
}
.mega-menu .dropdown.mega-menu-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/* menu styles */

.center-mega-menu img {
    height: 60px;
    padding-bottom: 10px;
}
.center-mega-menu {
    text-align: center;
}
.center-mega-menu img {
    margin:auto;
    display:block;
}
.list-unstyled,
.list-unstyled ul { min-width: 120px }
.list-unstyled li {
    margin-bottom: 10px;
}
.separation-gauche {
    border-right: 3px solid #555;
    min-height: 220px;
}
nav li a {
    font-size: 1.286em;
}
nav li ul li a {
    font-size: 1em;
}
@media ( min-width: 767px ) {
  
  .thumbnail { margin: 0; }
}

/* Grid demo styles */
.grid-demo {
  padding: 10px 30px;
}

.grid-demo [class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1em;
  text-align: center;
  line-height: 2;
  background-color: #e5e1ea;
  border: 1px solid #d1d1d1;
}
/* menu fin */
.font-size22 {
	font-size: 1.571em;
}
.font-size25 {
	font-size: 1.8em;
}
.centered {
    text-align: center;
    font-size: 0;
}
.centered > div {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 13px;
}
.center {
    margin-left: auto;
    margin-right: auto;
}

.container-fluid, .container {
    /*
    padding-left: 0px !important;
    padding-right: 0px !important;
    */
}
.marge_container_home {
	margin-top: 3%;
}
.marge_container_home_guide {
	margin-top: 2%;
}
.header_home {
    height:710px;
    background: url(/images/comparateur-et-courtier-carvie-assurances.jpg) no-repeat center top scroll;
    /*background: url(/images/carvie-comparateur-assurances.jpg) no-repeat center top scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:white;
}

.header_home_simupret {
    min-height:600px;
    background: linear-gradient( rgb(255, 255, 255), rgba(255, 255, 255, 0.57) ),url(/images/simulateur-emprunt-pret-credit.jpg) no-repeat center bottom scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:white;
}
.header_home_guide {
    padding-bottom: 20px;
}
.header_application {
    height:530px;
    background: url(/images/application-comparateur-assurance.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:white;
}
.caption h2 {
    font-size: 1.76em;
}
.caption_p {
   font-size: 1.2em; 
}

.solution_color {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.7);
    color: #333;
}
.exemple-resultat {
    background-color: #0099cc;
    border-radius: 15px;
    padding:15px 15px 15px 15px;
}
.exemple {
    font-size: 1.4em;
    color: white;
    padding: 15px 15px 15px 15px;
    
    
}

.nav_home_site a {
    background-color: rgba(33, 36, 55, 0.8117647058823529);
    color:white;
    width: 358px;
    height: 88px;
    display: block;
    margin-top: 20px;
    font-size: 25px;
    padding: 12px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.nav_home_site a img {
  vertical-align:middle;
  margin-right:20px; 
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

.a_pulse:hover {
    animation-name: pulse_animation;
    animation-duration: 2000ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    text-decoration: none;
}
.liste_solution_home {
    height: 200px;
    text-align: center;
}

.img_solution1, .img_solution2 {
    margin-right: 5%;
}
/* Opacité */
.img_solution_anim {
        opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.img_solution_anim:hover {
	-webkit-transform: scale(1.3);
	transform: scale(.9);
        opacity: .8;
}

.home_thumbnail_color {
    background: rgb(33, 36, 55);
    background: rgba(33, 36, 55, 0.7);
    border-color: rgb(33, 36, 55);
}
.link_solution_color {
    font-size: 2.5em;
    color:#333;
}

.link_solution_color a:hover{
    color:#333;
}

.accroche-home, .accroche-application {	
	/*text-shadow: 4px 4px 20px rgba(0, 0, 0, 1);*/
}
.accroche-home h1 {
	font-size:3.5em;
        /*text-align: center;*/
        margin-bottom: 3%;
        color: #434657;
        font-weight: 600;
        margin-bottom: 10px;
}
.accroche-home p {
    color: #434657;
}

.accroche-guide h1 {
	font-size:3em;
        text-align: left;
        margin-bottom: 3%;
        color:#0085B2;
       
}
.accroche-guide h1 small {
    color: #545454;
}
.accroche-guide p {
    color:#0085B2;
    font-size: 1.2em;
}

.accroche-simulateur h1 {
	font-size:3em;
        text-align: center;
        margin-bottom: 3%;
        color:#0085B2;
        
       
}
.accroche-simulateur h1 small {
    color: #545454;
}
.accroche-simulateur p {
    color:#0085B2;
    font-size: 1.2em;
    text-align: center;
}

.accroche-application {
    padding-left: 5%;
}
.accroche-application h1 {
	font-size:2.5em;
        margin-bottom: 2%;
        text-align: left;
        
}
.accroche-home p {
	font-size:2.5em;
        text-align: left;
}
.accroche-application p {
        
        margin-top: 1%;
	font-size:1.5em;
        text-align: left;
}
.badge-application {
    margin-right: 2%;
    margin-top: 2%;
}
.article h2 {
    margin-bottom: 3%;
    text-align: center;
}
.article p {
    margin-top: 1%;
}

.selectassurance {
    margin-top:2%;
}

.selectassurance h2 {
    font-size: 1.5em;
    margin-top:5px;
    color:white;
}
.navbar {
    border-radius: 0 !important;
}
.entete {
	padding: 10px 0 10px 0;
	background-color: white;
}

.img-middle {
	vertical-align:middle;
}
.entete a {
	color:#212121;
	font-size:1.313em;
}

.entete a:hover {
	text-decoration: underline;
}

.navbar {
    margin-bottom: 0px;
}

.btn {
	text-shadow:none;
}

.btn-espace30-droit {
    margin-right: 30px;
}
.btn-format-xl {
    font-size:1.7em;
    margin-top:20px;
}

.btn-default {
    color: #fff;
    background-color: #EC4F01;
    border-color: #d43f3a;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #fff !important;
    background-color: #F06B16 !important;
    border-color: #CB4806 !important;
}
.content_slide, .content, .content1, .content2 {
    
    padding-bottom: 3%;
}

.content {
	background-color: #F5F5F5;
        min-height: 40%;
}
.content h2, .content1 h2 { 
    margin-bottom: 1.1em;
    font-weight: 600;
}

.content h2, .content h3 {
    color: #1f5c91;
  
}
.content h3, .content h3 {
    font-weight: 600;
    margin-top: 1.2em;
}
.content_slide, .content1 {
        background-color: #E3EEF2;
        clear: both;   
}

.content1 {
        color:#3b4b65;
        min-height: 20%;
}
.content2 {
    background-color: white;
        
}


.marketing {
	margin-top:20px;
        
        /*min-height:100%;*/
        font-size: 1.25em;
        text-justify: auto;
}

.marketing_slide {
	margin-top:5px;
        color:#3b4b65;
        /*min-height:100%;*/
        font-size: 1.2em;
        text-justify: auto;
}
.marketing_slide h2 {
    text-align: center;
}
/* FORM */


#selectville, #selectville2 {
	display: none;
}

.etape_form {
	background-color: rgb(68, 144, 168);
	background-color: hsl(194,42%,56%);
	height: 50px;
	text-align: center;
	color:#214650;
	line-height: 50px;
	font-size:1.5em;
}
.etape_form_actif {
	color:white;
	
}

.header_form_sante {
	background-color: white;

}

.modal-dialog {
    margin-top: 2%;
    overflow:visible;
    height: 40%;
}

form {
	color: #222222;
}

.well {
	background-color: #F5F5F5;
}
.marge_container_form {
	margin-top: 1%;
}

label {
    font-size:1.3em;
    
}
.marge_fieldset {
	margin-top:10px;
}

.marge_left_right_fieldset {
	margin-left:15px;
	margin-right:15px;
}

#form_conjoint, #form_animal2 {
    display: none;
}

#form_coemprunteur, #form_pret2 {
    display: none;
}

#form_coemprunteur legend, #form_pret2 legend, #form_conjoint legend, #form_conjoint_final legend, #form_animal2 legend {
	color:#00A3D9;
}

#form_enfant, #adr_coemprunteur {
	display: none;
}
#form_enfant legend, #form_enfant_final legend  {
	color:#69008C;
}
.info_label, .info_label_hidden {
	font-size: 0.7em;
	font-weight: normal;
}
.info_label_hidden {
	color: #F5F5F5;
}

.msg-demande {
	font-size:1.2em;
	margin-bottom:8%;
	margin-top:6%;
}
/*
.sexe, .sexe_conjoint {
	width: 150px;
}
.conjoint, .contact_tel {
	width: 90px;
}
*/
/* ./FORM */

/* SYNTHESE RESULTAT */
.container-tarif, .container-detail-tarif {
	margin-top:5%;
	margin-bottom:3%;
}

.indication {
	font-size:1.3em;
	margin-bottom:15px;
}
.prix {
	font-size:3.5em;
	font-weight: 700;
	line-height: 0.8em;

}
.parmois {
	font-size: 2em;
	margin-top:0;
	padding-top:0;
}

.container-btn-offre-detaille {
	margin-bottom:6%;
}


/* ./SYNTHESE RESULTAT */

/* RESULTAT DETAILLE */

.table > tbody > tr > td {
     vertical-align: middle;
}

.container-liste-tarif {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	margin:10px 0 10px 0;
	
	
}
.container-liste-tarif p {
	margin:0 0 0;
}

.container-liste-tarif td {
	text-align: left;
}

.tarif_mensuel {
	font-size: 2em;
	color:#EC4F01;
	font-weight: 500;
	margin:0 0 0;
	
}

.tarif_annuel {
	font-size: 1.3em;
	color:#EC4F01;
	font-weight: 500;
	line-height:0.8em;
}
.titre_remboursement {
	/*font-size: 1.2em;*/
	font-weight: bold;
	color: #878787;
	padding-right:10px;
	min-width: 50%;
	
}

.text-th {
	font-weight: normal;
	color: #878787;
}

.td_right {
	text-align: right !important;
}

.lib_prod, .notegenerale_prod {
	color:#878787;
}
.lib_prod {
    font-size: 1.2em;
}

.promo-produit {
    background-color: #FF4D4D;
    color: white;
    padding: 10px;
    border-radius: 8px;
    margin-top: 15px;
    display: inline-block;
}

.container-detail-tarif {
	background-color: white;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 40px 0px #3A6D7E;
	-webkit-box-shadow: 10px 10px 40px 0px #3A6D7E;
	-o-box-shadow: 10px 10px 40px 0px #3A6D7E;
	box-shadow: 10px 10px 40px 0px #3A6D7E;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#3A6D7E, Direction=134, Strength=40);
	margin:5% 0 0 0;
}
.header_detail_resultat {
	background-color: rgb(68, 144, 168);
	background-color: hsl(194,42%,56%);

}

.link-detail {
	text-decoration: none;
	color: #EE4D05;
}
.link-detail:hover, .link-detail:focus{
	text-decoration: none;
	color: orange;
}

.cadre_garanties {
    	margin-top:2%;
}

.panel-title {
	font-size: 1em;
	text-transform: uppercase;
}

.loading {
  text-align:center;
  height: 100px;
  padding-top:20px;
}
/* ./RESULTAT DETAILLE*/

/* Paysage juqu'a 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}

/* Portrait juqu'a 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
	.container-detail-tarif {
	font-size: 85%;
	}
	/*
	.btn {
	font-size:85%;
	}
	*/
	.titre_remboursement {
	font-size:85%;
	}
	
	.img-thumbnail {
		width: 80%;
		height: auto;
	}
}



footer {
    background-color: #2B2623;
    margin:0;
    width: 100%;
    padding: 1.5em 0.5em 1.5em 0.5em;
    color:white;
}

footer a {
    font-size: 1.2em;
    color: white;
}

footer a:hover {
    color:white;
}

#copyright {
    margin-top: 1em;
}

.table-borderless>tbody>tr>td, 
.table-borderless>tbody>tr>th, 
.table-borderless>tfoot>tr>td, 
.table-borderless>tfoot>tr>th, 
.table-borderless>thead>tr>td, 
.table-borderless>thead>tr>th {
    padding: 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border: none;
}

.scroll-modal {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

#resultat_contrat p {
    font-size: 1.5em;
}
.color_puce_contrat {
    color:#ff9933;
}

.f1-steps { overflow: hidden; position: relative; margin-top: 18px; text-align: center;}

.f1-progress { position: absolute; top: 22px; left: 0; width: 100%; height: 5px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 5px; background: #f35b3f; }


.f1-step { position: relative; float: left; padding: 0 5px; }

.f1-step-icon {
	display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.f1-step.activated .f1-step-icon {
	background: #fff; border: 1px solid #f35b3f; color: #f35b3f; line-height: 38px;
}
.f1-step.active .f1-step-icon {
	width: 48px; height: 48px; margin-top: 0; background: #f35b3f; font-size: 22px; line-height: 48px;
}

.f1-step p { color: #ccc; }
.f1-step.activated p { color: #f35b3f; }
.f1-step.active p { color: #f35b3f; }

.modal-header {
    background-color: #337AB7;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #337AB7;
 
 }
 
 .modal-body{
   height:700px;
   overflow:auto;
}
.modal-body-height-auto {
    height: inherit !important;
}
/* guide */
.guide .thumbnail {
    margin-top: 15px;
    text-align: center;
    min-height: 150px;
    
}
.guide .thumbnail a {
    color:#FFF;
}

.simulateur .thumbnail {
    margin-top: 15px;
    text-align: center;
    
}

.simulateur .thumbnail a {
    color:#FFF;
}

.btn-compar-page-guide {
    margin-left: 50%;
}
/* ./fin guide */
/* simu pret */
.caption_p_simu {
   font-size: 1.3em;
   font-weight: bold;
}
.big_p_simu {
    font-size: 1.2em;
    display: block;
    font-weight: normal;
}
.form_simupret {
    margin-top: 2%;
    margin-bottom: 2%;
}
.simupret_color {
    background: rgba(255, 255, 255, 0.7);
}
.resultat-simu {
    text-align: center;
}
.resultat-simu h2 {
    font-size: 2.1em;
    margin-top: 5%;
    color: #00698c;
}
.h2-simu2 {
    margin-top: 15% !important;
}
.total-simu {
    color:#00698c;
    font-size: 3em;
    font-weight: bold;
}
.resultat-simu span {
    font-size: 1.5em;
}
.sous-total-simu {
    color:#646464;
    font-size: 2em;
} 
.simu_annee_mois .form-control {
    padding-right: 0px !important;
}
.simu_actif {
    background-color: #eb5f50;
}

/* Prévoyance pro */
#form_devis h2 small {
    display:block;
    margin-top: 10px;
    color: #646464;
    font-weight: 700;
}

.etape-devis {
    margin-top: 20px;
    text-align: center;
}

.etape-devis .col-sm-8 {
    margin-top: 40px;
}

.etape-devis p {
    font-size: 1.5em;
}

/* Cookie */
#cookieConsent {
    background-color: #1f5c91;
    min-height: 60px;
    font-size: 18px;
    color: #fcfcfc;
    line-height: 60px;
    padding: 8px 0 8px 30px;
    
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #e4e4e4;
    color: #000;
    display: block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    width: 150px;
    margin: 0 auto;
    font-size: 1.2em;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/* ./Cookie */