/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

body .blog_slider_header{
	min-height: 10px !important;
}

.blog_slider .blog_slider_ul.slick-slider{
	width: calc(100% - 40px);
	margin: auto !important;
}

.blog_slider.flat .blog_slider_header a.button.slider_prev, .blog_slider.flat .blog_slider_header a.button.slider_next{
	width: 20px;	
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button{
	width: 50px;
	margin: auto;
}

/*GLOBAL*/

.damion {
    font-family: "Damion", Arial, Tahoma, sans-serif;
}

.nunito {
    font-family: "Nunito", Arial, Tahoma, sans-serif;
}

.damion em {
    font-family: "Damion", Arial, Tahoma, sans-serif;
    font-style:normal; 
    font-size: 45px;
    color: #fff;
}

.titre b {
    font-style:normal; 
    font-family: "Nunito", Arial, Tahoma, sans-serif;
    font-size: 100px;
    letter-spacing: 5px;
    line-height: 120px;
    color: #fff;
}

.uppercase {
	text-transform: uppercase;
}

.btn .vc_general {
    font-family: "Nunito", Arial, Tahoma, sans-serif;	
	margin-top: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    height: 75px;
    width: 320px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;;
    font-weight: bold;
    letter-spacing: 2px;
	padding: 20px;    
}

.btn .vc_general:hover {
    background-color: transparent !important;
    color: #fff !important;
}

.btn .vc_general:hover:after {
    background-color: transparent !important;
}

/*MENU*/

body #Side_slide .close-wrapper a.close {
    margin: 23px 23px 0 0;
}

body #Side_slide .close-wrapper a.close i {
    font-size: 30px;
    line-height: 34px;
    color: #f09026;
}

body #Side_slide #menu ul li a {
    font-size:20px;
    letter-spacing: 1px;
    font-weight: 500;    
    text-align: center;
    font-family: "Nunito", Arial, Tahoma, sans-serif;
    text-transform:uppercase;
    padding: 30px 30px 30px 80px;
    transition: all 0.5s;     
}

body #Side_slide #menu ul li.icone_menu a {
    background-repeat: no-repeat; 
    background-position: 20px 20px;
    border-bottom: 1px solid #5b69737d;        
}

body #Side_slide #menu ul li.accueil a {
    background-image: url(./images/icone_menu_accueil.png) ;
}

body #Side_slide #menu ul li.devis_auto a {
    background-image: url(./images/icone_menu_devis_auto.png) ;
}

body #Side_slide #menu ul li.devis_moto a {
    background-image: url(./images/icone_menu_devis_moto.png) ;
}

body #Side_slide #menu ul li.actus a {
    background-image: url(./images/icone_menu_actu.png) ;
}

body #Side_slide #menu ul li.contact a{
    background-image: url(./images/icone_menu_contact.png) ;
    background-position: 30px 20px;    
}

body #Side_slide #menu ul li:hover {
    background: url(./images/bg_menu_hover.png) no-repeat 0 center;
    transition: all 0.5s;
}

body #Side_slide #menu ul li:hover a {
    color: #ffffff;
    transition: all 0.5s;    
}

/*ACCUEIL*/

#Top_bar .banner_wrapper {
    position: absolute;
    right: -16%;
    top: 190px;
    display: block !important;
    z-index: 100;
    box-sizing: border-box;
    padding: 20px 30px 30px 80px;
    width: 260px;
    height: 300px;
    border-radius: 5px;
    background: url(./images/bg_tel.png) no-repeat 0 0 #0a4986;
    color: #ffffff;
    line-height: 24px; 
    transition: all 1s;       
}

#Top_bar .banner_wrapper .close {
    text-align: center;
    height: 30px;
    width: 30px;
    padding: 10px;
    font-size: 26px;
    color: #ffffff;
    background: #F77B09;
    right: 15px;
    display: none;
    line-height: 1.2;
    position: absolute;
    z-index: 100;
    top: 10px;
    border-radius: 50%;     
}


#Top_bar .banner_wrapper:hover {
    right: -90px;
    transition: all 1s;
}

.banner_wrapper #btn-contact:hover {
    text-decoration: none;
}

.banner_wrapper #btn-contact span {
    font-family: "Damion", Arial, Tahoma, sans-serif;
    font-size: 25px;
    color: #EF7D00;
}

.banner_wrapper #btn-contact-content {
    background: #073D6F;
}

.banner_wrapper #btn-contact-content a {
    text-decoration: none;
    color: #fff !important;
}

body .accueil_slide {
    background-position: center 0 !important;
}

.intro {
    color: #F39100;
    font-weight: 700;
    font-size: 38px;
    margin: 0 5% 120px 10% !important;
}

.rangee_bulles {
    display: flex;
    text-align: center;
    margin: 0 auto;
    padding: 0 5%;    
}

.bulle-bleu, .bulle-orange { 
    background: url(https://www.automalus.fr/wp-content/uploads/2018/04/bulle-bleu.png) center no-repeat; 
    height: 297px;
    width: 255px;
    padding: 70px 0 0 0;
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto; 
}

.bulle-orange{ 
    background: url(https://www.automalus.fr/wp-content/uploads/2018/04/bulle-orange.png.png) center no-repeat; 
}

.bulle-bleu:hover, .bulle-orange:hover {
    opacity: 0.9; 
}

.bulle-bleu:hover a, .bulle-orange:hover a,
.bulle-bleu a:hover, .bulle-orange a:hover { 
    color: #073D6F;
}

.bulle-bleu h2, .bulle-bleu h2 a{color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 22px; line-height: 30px;}
.bulle-bleu h2{ color: #F39100; }
.bulle-bleu.der {padding:45px 0 0 0;}

.bulle-orange h2, .bulle-bleu h2 a{color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 22px; line-height: 30px;}
.bulle-orange h2{ color: #F39100; }
.bulle-orange.der {padding:45px 0 0 0;}

/*CONTACT*/

.rangee_contact p {
    padding: 0 5%;    
}

.rangee_contact p {
    color: #1d79b3;
    font-size: 30px;    
    font-family: "Nunito", Arial, Tahoma, sans-serif;    
}

.rangee_contact p em {
    color: #1d79b3;    
    font-family: "Damion", Arial, Tahoma, sans-serif;
    font-size: 55px;    
}

.rangee_contact .contact_tel {
    background: url(./images/bg_bloc_tel.png) no-repeat 10% 0;
    padding-left: 15%;
    line-height: 40px;
    width: 45%;     
}

.rangee_contact .union {
    width: 8%;
}

.rangee_contact .union p {
    color: #ffffff;
    font-weight: 700;
    font-size: 40px;
    line-height: 90px;
    width: 80px;
    height: 90px;
    background: #EF7D00;
    border-radius: 50%;
    margin: 0 auto;
}

.rangee_contact .contact_mail {
    background: url(./images/bg_bloc_mail.png) no-repeat 90% 0;
    padding-right: 10%;
    width: 45%; 
    line-height: 40px;          
}

.rangee_contact .contact_mail em strong {
    font-style: normal;
    color:#EF7D00 ;
    font-family: "Nunito", Arial, Tahoma, sans-serif;              
}

/*PRESENTATION ACCUEIL*/

.presentation_devis {
    padding-top: 50px;
    position: relative !important;
    z-index: 10;
}

.bloc_prez {
    background: url(./images/deco_automalus.png) no-repeat 0 50px;
    padding-left: 5%;
    margin-bottom: 50px;
}

.bloc_prez .vc_column-inner {
	margin-right: 20%;
}

.btn_bg_bleu .vc_general {
	background-image:url(./images/bg_btn_plus_infos.png);
	width: 425px;	
}

.btn_bg_bleu .vc_general:hover {
	background-image:url(./images/bg_btn_plus_infos_hover.png);
	width: 425px;	
}

/*DEMANDE DE DEVIS*/

.bulles_dde_devis .bulle_devis {
	height: 480px;
	width: 480px;
    padding-top: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	margin-left: -5%;	
}

.bulles_dde_devis .devis_auto {
	background-image:url(./images/bg_bulle_devis_auto.png);
	z-index: 2;
}

.bulles_dde_devis .devis_moto {
	background-image:url(./images/bg_bulle_devis_moto.png);
	z-index: 1;
}

.bulles_dde_devis .btn_devis_auto .vc_general {
	background-image:url(./images/bg_btn_bleu.png);
}

.bulles_dde_devis .btn_devis_auto .vc_general:hover {
	background-image:url(./images/bg_btn_orange.png);
}

.bulles_dde_devis .btn_devis_moto .vc_general {
	background-image:url(./images/bg_btn_orange.png);
}

.bulles_dde_devis .btn_devis_moto .vc_general:hover {
	background-image:url(./images/bg_btn_bleu.png);
}

.bulles_dde_devis .devis_auto:before {
	position: absolute;
	content: url(./images/fleche_bleue.png);
	top: -110px;
	left:25%;
}

.bulles_dde_devis .devis_moto:before {
	position: absolute;
	content: url(./images/fleche_orange.png);
	top: -110px;
	left:25%;
}

/*TEMOIGNAGES ACTUS*/

.separ_left, .separ_right {
    left: 0;
    top: 0;
    height: 70px;
    z-index: 100;
}

.separ_left .wpb_column,
.separ_right .wpb_column {
    position: absolute;
    left: 0;
    top: 0;
    background: url(./images/corner_right.png) no-repeat 0 bottom;
    height: 70px;
    z-index: 100;
}

.separ_left .wpb_column {
    position: absolute;
    left: 0;
    top: 0;
    background: url(./images/corner_left.png) no-repeat 0 bottom;
    height: 70px;
    z-index: 100;
}

.bloc_temoignages_actus {
    margin-top: -50px;
}

.temoignages {
    background: url(./images/bg_temoignages.png) no-repeat 0 0 #0a4986;
    margin-bottom: 0;
    height: 270px; 
    padding-top: 10px;       
}

.actu {
    background: url(./images/bg_actu.png) no-repeat 0 35px #f08917;
    margin-top: 0; 
    padding-top: 80px;
    margin-bottom: 0;
    height: 270px;    
}


.temoignages .damion em,
.actu .damion em {
	display: block;
    margin-top: 80px;
    margin-left: 0;
}

.actu .damion em {
    margin-top: 10px;
}

.temoignages .titre b,
.actu .titre b {
    font-style:normal; 
    font-family: "Nunito", Arial, Tahoma, sans-serif;
    font-size: 50px;
    letter-spacing: 5px;
    line-height: 100px;
    color: #fff;
}

.temoignages .testimonials_slider_ul .bq_wrapper {
    background: none;
    padding: 30px 0 10px;        	
}

.temoignages .testimonials_slider_ul li {
    padding: 0;    	
}

.temoignages .testimonials_slider_ul blockquote {
	color: #fff;
    font-size: 16px;
    line-height: 26px;
    display: block;
    height: auto;
    margin: 0;
    background: none;    	
}

.temoignages .testimonials_slider_ul blockquote:before {
   	background: url(./images/blockquote_left.png) no-repeat;
    right: -30px;
    bottom: -40px;
    position: absolute;
    height: 40px;
    width: 40px;
}

.temoignages .testimonials_slider_ul blockquote:after {
   	background: url(./images/blockquote_right.png) no-repeat;
}

.temoignages .testimonials_slider_ul .hr_dots {
	display: none;    	
}

.temoignages .testimonials_slider_ul .author h5, 
.temoignages .testimonials_slider_ul .author .company {
	font-family: "Nunito", Arial, Tahoma, sans-serif;
	text-transform: uppercase;	
}

.temoignages .testimonials_slider_ul .author h5 {
	color: #f08005;
	font-size: 16px;
	font-family: "Nunito", Arial, Tahoma, sans-serif;	
}

.temoignages .testimonials_slider_ul .author .company {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
}

.temoignages .testimonials_slider_ul a.button, 
.temoignages .testimonials_slider_ul a.tp-button,
.temoignages .testimonials_slider_ul a.button:after, 
.temoignages .testimonials_slider_ul a.tp-button:after {
    background-color: transparent;
    color: #fff;
    font-size: 30px;
}

.temoignages .testimonials_slider_ul a.button:hover, 
.temoignages .testimonials_slider_ul a.tp-button:hover {
    color: #f08005;
}

.temoignages .testimonials_slider a.slider_next,
.temoignages .testimonials_slider a.slider_prev {
    right: 10px;
    top: 180px;
}

.temoignages .testimonials_slider a.slider_prev {
    right: 50px;
    left: inherit;
}

.actu .vc_inner {
	margin-bottom: 0;
}

.actu .blog_slider .image_frame,
.actu .blog_slider .hr_color,
.actu .blog_slider .date_label:after,
.actu .blog_slider.flat .desc .button_icon {
	display: none;
}

.actu .blog_slider.flat .blog_slider_ul li .item_wrapper .date_label {
	color: #0a4986;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.actu .blog_slider.flat .desc h4 {
	font-size: 18px;
	line-height: 18px;
}

.actu .blog_slider.flat .desc h4 a {
	color: #ffffff;
}

.actu .blog_slider.flat .desc a.button {
	display: block !important;
	background: none;
}

.actu .blog_slider.flat .desc a.button:after {
	background: transparent;
}

.actu .blog_slider.flat .desc a.button .button_label {
	background: #0a4986 ;
    width: 30px;
    height: 25px;
	border-radius: 50%;
	font-size: 0;
	position: relative;
}

.actu .blog_slider.flat .desc a.button .button_label:hover {
	background: #07396b;
}

.actu .blog_slider.flat .desc a.button .button_label:before {
    position: absolute;
    content: '+';
    color: #ffffff;
    font-size: 30px;
    top: 10px;
    left: 30%;
    text-align: center;
}

/*SERVICES*/

.dautomalus {
	line-height: 50px;
}

body .services {
	background-position: right 0 !important;
    margin-top: -27px;	
}

body .services .vc_column-inner > .wpb_wrapper {
    padding: 0 5%;
}

/*FOOTER*/

#Footer .container {
	display: flex;
}

#Footer .column {
     width: auto;
    float: none;
    margin: 0 2%;
}

#Footer .column i {
	color: #F77B09;
}

#Footer .column:first-child #custom_html-2 {
	padding: 0 0 0 25%;
}

#Footer .column:first-child #custom_html-2 #media_image-3 {
    padding: 15px 0 0;
}

#Footer .column:first-child #custom_html-2 p {
    font-size: 12px;
    line-height: 14px;
}

#Footer .column span {
	color: #a9a9a9;
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
	font-family: "Damion", Arial, Tahoma, sans-serif;
}

#Footer .column:last-child {
    display: flex;
    padding: 0;
}

#Footer .column:last-child a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#Footer .column:last-child a:hover {
	text-decoration: none;
	color: #a9a9a9;
}

#custom_html-13 {
	margin-right: 5%;
}

/*LANDING PAGES*/

body .intro_landing_page .intro {
    padding-left: 10% !important;
    box-sizing: border-box;
    margin-bottom: 50px !important;
}

.intro_landing_page .citation {
    width: 20%;
}

.intro_landing_page .citation .wpb_text_column {
    display: block;
    position: relative;
}

.intro_landing_page .citation .wpb_wrapper .wpb_wrapper {
    padding-right: 20%;
}    

.intro_landing_page .citation .wpb_text_column:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: url(./images/landing_page_citation_left.png);
}

.intro_landing_page .citation .wpb_text_column:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    content: url(./images/landing_page_citation_right.png);
}

.intro_landing_page .citation p {
    font-size: 40px;
    text-align: right !important;
    color: #083a6b;
    line-height: 50px;
}

.intro_landing_page h1 {
    margin-bottom: 50px;
    text-transform: uppercase;    
}

.intro_landing_page h1 em {
    color: #f07e00;
    text-transform: none;    
}

.intro_landing_page p {
    color: #444444;
    font-size: 22px;
    line-height: 28px; 
}

.intro_landing_page p strong {
    color: #1d79b3;
    font-weight: bold;
}

.bg_landing_page {
    background: url(./images/bg_fond_landing_page.png) no-repeat 0 bottom;
    padding-top: 0;
    margin-top: -20px;    
}

.contact_left {
    margin-top: 90px;
}

.contact_left .contact_tel,
.contact_left .contact_mail {
    background-position: 70px 0;
    background-size: 10%;
    width: auto;
    padding: 0;
    text-align: center;
}

.contact_left .contact_mail {
    background-size: 8%;
}

.contact_left .union {
    width: 10%;
    margin: 0 auto;
    position: relative;
}

.contact_left .union:before,
.contact_left .union:after {
    content: '';
    position: absolute;
    width: 250px;
    left: -280px;
    top: 0;
    margin-top: 40px;
    margin-right: 5%;
    height: 1px;
    background: #768da4;
    display: block;
    float: left;
}

.contact_left .union:after {
    left: 130px;
    float: right;
}

/*PAGE CONTACT*/

.intro_contact h1 {
    color: #073D6F;
    font-size: 50px;
    font-weight: 200;
}

.intro_contact h1 em,
.intro_contact p em {
    font-family: "Damion", Arial, Tahoma, sans-serif;
    color: #EF7D00;
    font-style: normal;
}

.intro_contact p {
	font-size:18px; 
}

.intro_contact p em {
	font-size:30px; 
}

.intro_contact i {
    color: #EF7D00; 
}

/*listing ul li*/
.intro_contact ul {
	padding: 0;
	margin: 0;
}

.intro_contact ul li {
    background: url(./images/fleche_bleu_bottom.png) no-repeat 0 0;
    -webkit-background-size: 40px;
    background-size: 40px;
    padding-left: 50px;
    list-style: none;
}

.intro_contact ul li a {
    color: #444444;
    font-size: 22px;
    line-height: 28px;
	font-size: 18px;    
}

.intro_contact ul li a:hover {
	text-decoration: none;
    color: #1d79b3;
}

/*FORMULAIRE*/

.formulaire {
    width: 40%;
}

body .formulaire label {
    color: #073D6F;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
}

body .formulaire label span {
    color: #EF7D00; 
}

.formulaire input,
.formulaire textarea {
	padding: 15px;
    border-radius: 5px; 
}

.formulaire textarea {
	height: 150px; 
}

body .formulaire input[type="submit"] {
    height: 75px;
    width: 320px;
    position: relative;
    background: url(./images/bg_btn_bleu.png) no-repeat 0 center;    
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 20px;
    margin-top: 30px;
    margin-left: -25px;        
}

.formulaire_contact input[type="submit"] {
    margin-top: 30px;
    margin-left: -25px;        
}

body .formulaire input[type="submit"]:hover {
    background-image: url(./images/bg_btn_orange.png);
}

/*ACTUS*/

.listing_actus .vc_grid-item .vc_gitem-zone {
	background: #115592 !important;
}

body .vc_custom_1419260513295 {
    padding-right: 15px !important;
    padding-left: 15px !important;
    background-color: #115592 !important;
}


body .vc_gitem_row .vc_gitem-col .vc_gitem-post-data div {
    font-size: 18px  !important;
    font-family: Nunito !important;
}

body .vc_gitem_row .vc_gitem-col .vc_gitem-post-data-source-post_title div {
    font-size: 36px  !important;
    color: #ffffff;
    text-align: center;
    font-family: Damion !important;
    font-weight: 400;
    font-style: normal;
}

/*GOOGLE MAP*/

.wpb_wrapper .google-map-wrapper {
	margin-bottom: 0;
}

.wpb_wrapper .google-map-wrapper h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    color: #EF7D00;     
}

.wpb_wrapper .google-map-wrapper i {
    background: #EF7D00;
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 5px;
    font-size: 18px;
}

.wpb_wrapper .google-map-wrapper .gmnoprint,
.wpb_wrapper .google-map-wrapper .gmnoprint:hover{
	cursor: none !important;	
}

.wpb_wrapper .google-map-wrapper .get_in_touch, 
.wpb_wrapper .google-map-wrapper .infobox {
    background-color:#073D6F;
}

.wpb_wrapper .google-map-wrapper .get_in_touch ul li:after {
	display: none;
}

/*DEMANDE DEVIS AUTO MOTO*/

	.intro_devis {
	    background: url(./images/deco_automalus.png) 0 bottom no-repeat;		
	}

	.bloc_right_listing {
		margin-top: 200px;
		position: relative;
    	width: 30%;
    	padding: 10px 2% 70px;
		background-color:rgba(223,223,223,0.5); 
	}

	.bloc_right_listing:before {
	    margin-top: 200px;
	    position: absolute;
	    bottom: 100px;
	    z-index: 100;
	    left: -80px;
	    content: url(./images/fleche_bleu_bottom.png);		
	}

	.bloc_right_listing p strong {
		color: #333;
	}	

	.listing .wsp-container {
		display: flex;
	}

	.bloc_right_listing ul,
	.listing ul li {
		list-style: none;
		padding: 0;
		margin:0;  
	}

	.listing ul li a {
		color: #333;
		font-size:18px; 
	}		

	.bloc_right_listing ul li,
	.listing ul li {
		list-style: none;
	    padding: 0 0 0 25px;
	    line-height: 30px;
	    margin: 0;
	    background: url(./images/puce.png) 0 5px no-repeat;
	}	

	.bloc_temoignages_actus	.bloc_bleu {
	    background: url(./images/bg_bloc_bleu_devis.png) 0 -10px no-repeat #0a4986;
	    padding:0 0 40px 15%;
	}

	.bloc_temoignages_actus	.bloc_orange {
	    background: url(./images/bg_bloc_orange_devis.png) 100% -10px no-repeat #f07e00;
	    padding: 0 0 40px 5%;
	}	

	.bloc_temoignages_actus	.bloc_bleu .titre,
	.bloc_temoignages_actus	.bloc_orange .titre {
		margin-bottom: 0;
	}	

	.bloc_temoignages_actus	.bloc_bleu .titre b,
	.bloc_temoignages_actus	.bloc_orange .titre b {
	    font-size: 40px;
	    line-height: 60px;
	}

	.bloc_temoignages_actus	.bloc_bleu p,
	.bloc_temoignages_actus	.bloc_orange p {
	    color: #fff;
	    line-height: 20px;
	    font-size:16px; 
	}

	.bloc_temoignages_actus	.bloc_orange a {
	    color: #fff;
	}	

	.bloc_temoignages_actus	.bloc_orange i {
	    background: #0a4986;
	    height: 25px;
	    text-align: center;
	    line-height: 1.5;
	    width: 25px;
	    border-radius: 50%;
	    padding: 2px;
	}	

	body .services_devis {
		margin-top: -50px;
	}

	/*GRAVITY FORM*/		

	.formulaire_devis_top, .formulaire_devis_bottom {
	    height: 120px;
	    margin-top: -70px;
	}

	.formulaire_devis_bottom {
	    margin-top: 0px;
	}	

	.formulaire_devis {
	    background: #f5f5f5;
	    padding: 0 10%;
	}

	.formulaire_devis_gravity {
    	width: 55%;
    	margin-right: 5%;
	}

	.formulaire_devis_gravity .vc_column-inner {
		margin: 0 !important;
		padding: 0 !important;
	}	

	body .formulaire_devis_gravity label {
	    font-size: 16px !important;	    
	}	

	.formulaire_devis_gravity .gform_page_fields li:first-child {
		color: #1d79b3;
		font-size: 50px;
		line-height: 50px;
    	font-family: "Damion", Arial, Tahoma, sans-serif;
    	margin-bottom: 50px;
    	line-height: 50px;
	}

	.formulaire_devis_gravity .gform_confirmation_wrapper .gform_confirmation_message {
	    background: #f07e00;
		margin-top: 80px;
		font-size: 16px;
	}

	.formulaire_devis_gravity .gform_confirmation_wrapper .gform_confirmation_message span {
	    color: #fff !important;
	    font-weight: bold !important;
	}	

	.formulaire_devis_gravity .gform_confirmation_message h3 {
		color: #fff;
		font-size: 45px;
    	font-family: "Damion", Arial, Tahoma, sans-serif;
    	line-height: 50px;
	}	

	.formulaire_devis_gravity .gform_page_footer .gform_next_button, 
	.formulaire_devis_gravity .gform_page_footer .gform_previous_button,
	.formulaire_devis_gravity .gform_page_footer #gform_submit_button_1 {
	    height: 75px;
	    width: 360px !important;
	    position: relative;
	    background: url(./images/bg_btn_next.png) no-repeat 0 center;
	    color: #fff !important;
	    font-size: 20px !important;
	    text-transform: uppercase;
	    font-weight: bold;
	    letter-spacing: 2px;
	    padding: 20px;
	    margin-top: 20px !important;	    		
	}

	.formulaire_devis_gravity .gform_page_footer .gform_next_button,
	.formulaire_devis_gravity .gform_page_footer #gform_submit_button_1 {
	    float: right;	
	}

	.formulaire_devis_gravity .gform_page_footer .gform_previous_button {
	    background: url(./images/bg_btn_prev.png) no-repeat 0 center;	
	}

	.formulaire_devis_gravity .gform_page_footer .gform_next_button:hover, 
	.formulaire_devis_gravity .gform_page_footer .gform_previous_button:hover {
	    color: #f07e00 !important;	
	}

	.formulaire_devis_gravity input, .formulaire_devis_gravity select {
	    padding: 15px !important;
    	border-radius: 5px;	
    	width: 100% !important; 
    	letter-spacing: 2px;   		
    }

	.formulaire_devis_gravity select {
		font-weight: 700;
		color: #333;
		cursor: pointer;
		background: url(./images/fleche_select.png) no-repeat 95% center #fff;
		background-size: 25px;
		min-width: 120px;  		
    }

	.formulaire_devis_gravity .ginput_container_date img {
		display: none !important;   		
    }

    .formulaire_devis_gravity .gf_page_steps {
	    margin-bottom: 50px;
	    padding-bottom: 40px;
    }

    .formulaire_devis_gravity .gf_page_steps .gf_step_label {
		color: #073D6F;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    font-size: 16px;
	    font-weight: bold;
    }

    .formulaire_devis_gravity .gf_page_steps .gf_step .gf_step_label {
	    background-repeat: no-repeat;
	    background-position: 0 10px;
	    padding: 30px 0 30px 75px;
	    width: 280px;
	    background-size: 60px; 		
    }

    .formulaire_devis_gravity .gf_page_steps .gf_step {
		background-repeat: no-repeat ;
		margin: 0 !important;
    }           

    .formulaire_devis_gravity .gf_page_steps .gf_step:first-child .gf_step_label {
		background-image: url(./images/icone_voiture.png);
		width: 230px;	
    }


    .formulaire_devis_moto .gf_page_steps .gf_step:first-child .gf_step_label {
		background-image: url(./images/icone_moto.png);
		width: 230px;	
    }    

    .formulaire_devis_gravity .gf_page_steps .gf_step:nth-child(2) .gf_step_label {
		background-image: url(./images/icone_info.png);	
    } 

    .formulaire_devis_gravity .gf_page_steps .gf_step:nth-child(3) .gf_step_label {
		background-image: url(./images/icone_antecedents.png);	
    }

    .formulaire_devis_gravity .gf_page_steps .gf_step:last-child .gf_step_label {
		background-image: url(./images/icone_devis.png);	
    }                 

    .formulaire_devis_gravity .gf_page_steps .gf_step_number {
    	display: none !important;
    } 

    /*DETAIL ARTICLE*/
	body #Intro {
	    background: url(./images/bg_reassurance_right.png) no-repeat 100% -40px #e4e4e4 !important;
	}

    body #Intro .intro-title {
    	font-size: 48px;
    	color:#115491;
    }

	body #Intro .intro-meta > div {
	    display: block;
	    margin: 50px 0;
	    color: #115491;	    
	} 

	body #Intro .intro-next i {
	    color: #115491;	    
	}   


/********************
	[00] RESPONSIVE
**********/

@media screen and (max-width: 1850px) {

    #Top_bar .banner_wrapper {
        right: -13%;
    }

    #Top_bar .banner_wrapper:hover {
        right: -50px;
    }

    .bloc_prez {
        width: 40%;
    }

    .bulles_dde_devis .bulle_devis {
        height: 380px;
        width: 380px;
        background-size: 100%;
    }    

    .rangee_contact p {
        font-size: 22px;
    }             
   
    .rangee_contact p em {
        font-size: 45px;
    }

    /*DEVIS*/
    .formulaire_devis_gravity .gf_page_steps .gf_step .gf_step_label {
	    background-position: 0 top;
	    padding: 80px 0 30px 0;
	   	width: 200px;	
    }

	.formulaire_devis_gravity .gform_page_footer .gform_next_button, 
	.formulaire_devis_gravity .gform_page_footer #gform_submit_button_1 {
	    float: none;
	}

	.contact_left {
	    margin-top: 20px;
	}	    

}

@media screen and (max-width: 1540px) {

    #Top_bar .banner_wrapper {
        right: -14%;
    }

    #Top_bar .banner_wrapper:hover {
        right: -25px;
    }

    .rangee_contact .contact_tel {
        background: url(./images/bg_bloc_tel.png) no-repeat 0 0;
        padding-left: 10%;
        width: 45%;
    }

	.contact_left .contact_tel {
	    padding-left: 10%;
	    width: 90%;
	    background-position: 70px 0;
	    background-size: 10%;	    
	}

	.contact_left .contact_mail {
	    padding: 0 0 50px;
	    background-position: 70px 0;
	    background-size: 10%;	    
	}	    

    /*DEVIS*/

	.formulaire_devis_gravity {
	    width: 65%;
	    margin-right: 5%;
	}  
	  
    .img_devis {
		width: 30%;
    } 


   
}

@media screen and (max-width: 1420px) {

    .damion em {
        font-size: 35px;
    }

    .titre b {
        font-size: 70px;
    }    

    #Top_bar .banner_wrapper {
        right: -16%;
    }

    .bloc_prez {
        width: 45%;
    }

    .bloc_prez .vc_column-inner {
        margin-right: 10%;
    }

    .bulles_dde_devis {
        width: 50%; 
    }

    .bulles_dde_devis .bulle_devis {
        height: 300px;
        margin: 0 auto;
        padding-top: 70px;
        width: 300px;
        display: inline-block;
        text-align: center;
        float: none;
    }         

    .rangee_bulles {
        display: block;
        width: 60%;
    }

    .btn .vc_general {
        font-size: 16px;
        height: 75px;
        width: 270px;
        padding-left: 40px;          
    }

    .bulles_dde_devis .btn_devis_auto .vc_general,
    .bulles_dde_devis .btn_devis_moto .vc_general {
        background-size: 80%;
        background-position: center center;
    }

    .bulle-bleu, .bulle-orange {
        float: left;
    }

    .temoignages .testimonials_slider_ul blockquote {
        line-height: 20px;
    }

    .temoignages .titre b, .actu .titre b {
        font-size: 50px;
        letter-spacing: 1px;
    }                

    #Footer .widgets_wrapper .column:first-child {
        margin: 0 0 0 2%;
        width: 18%;
    }

    /*DEVIS*/

	.bloc_right_listing:before {
		display: none;
	} 

	body .services_devis {
	    margin-top: 0;
	}

	.bloc_temoignages_actus	.bloc_bleu {
	    padding: 0 0 40px 5%;
		height: 360px;
	}

	.bloc_temoignages_actus	.bloc_orange {
	    padding: 0 0 15px 5%;
		height: 360px;	    
	}			   

}

@media screen and (max-width: 1230px) {

    #Top_bar .banner_wrapper {
        right: -200px;
        position: fixed;
    } 

    body .intro h1 em span {
        color: #F39100;
        display: block;
        padding: 0;
        background: none;
    }

    .bulle-bleu, .bulle-orange {
        margin: 0 2% 0 1%;
        float: left;
    } 

    .rangee_contact .contact_tel {
        background-size: 25%;
        background-position: 0 center; 
    }

    .rangee_contact .contact_mail {
        background-size: 25%;
        background-position: 100% center; 
    }

	.contact_left .contact_tel,
	.contact_left .contact_mail {
	    background-size: 15%;
	    background-position: 5% center;
	}    

    .temoignages .damion em, .actu .damion em {
        display: block;
        margin-top: 30px;
        margin-left: 0;
    } 
    
    .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
        padding: 0 40px 10px !important;
    }      

    .temoignages .titre, .temoignages .vc_col-sm-8,
    .actu .titre, .actu .vc_col-sm-6 {
        width: 100%;
    }

	.intro_landing_page .citation {
	    width: 25%;
	}    

    .actu .vc_col-sm-6 {
        width: 80%;
    }    

    .actu {
        padding-top: 10px;
    }

    .bloc_temoignages_actus {
        margin-top: 30px;
    }       

    .temoignages, .actu {
        height: 400px;
    } 

    .temoignages .wpb_text_column, .actu .wpb_text_column {
        margin-bottom: 0;
    }

    .actu .blog_slider {
        margin-left: 5%;
    }     
            
    .separ_left, .separ_right {
        left: 0;
        top: 0;
        height: 70px;
        display: none;
        z-index: 100;
    }              

    /*SERVCES*/
    .services .wpb_wrapper .vc_row .vc_column_container  {
        width: 30%;
    }

    /*DEVIS*/

	.formulaire_devis_gravity {
	    width: 95%;
	    margin-right: 0;
	}  
	  
    .img_devis {
    	display: none;
    }

	.formulaire_devis_gravity .gf_page_steps .gf_step .gf_step_label {
	    background-repeat: no-repeat;
	    background-position: 0 10px;
	    padding: 30px 0 30px 75px;
	    width: 280px;
	    background-size: 60px;
	}
		        
	.listing .wsp-container {
	    display: block;
	    /* flex-wrap: wrap; */
	}

	/*LANDING PAGE*/
	.contact_left {
	    margin-top: 20px;
	    width: 40% !important;
	}	

	.bg_landing_page .bulles_dde_devis {
		width: 60% !important;
	}

}

@media screen and (max-width: 1110px) {

    .bloc_prez {
        width: 90%;
    }

    .bloc_prez .vc_column-inner {
        margin-right: 0;
    }

    .bulles_dde_devis {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }    

    .rangee_contact .contact_tel {
        padding-left: 0;
    }

    .rangee_contact .contact_tel, .rangee_contact .contact_mail {
        background: none;
        padding: 0;
        text-align: center;
    }

    .bulles_dde_devis .devis_auto:before,
    .bulles_dde_devis .devis_moto:before {
        display: none;
    } 

    /*DEVIS*/

	.intro_devis, .bloc_right_listing {
	    width: 90%;
	}

	.bloc_right_listing {
	    width: 70%;
	    padding: 0 5% 70px;
	    margin: 0 auto;
	    float: none;
	    clear: both;
	}

	.formulaire_devis_gravity .gf_page_steps .gf_step .gf_step_label {
	    background-repeat: no-repeat;
	    background-position: 0 10px;
	    padding: 30px 0 30px 50px;
	    width: 260px;
	    background-size: 40px;
	}

	/*LANDING PAGE*/
	.contact_left {
	    margin-top: 20px;
	    width: 40% !important;
	}	

	.bg_landing_page .bulles_dde_devis {
		width: 60% !important;
	}			                 

}

@media screen and (max-width: 960px) {

    body .accueil_slide {
        background-image: url(./images/bg_slider_responsive.jpg) !important;
        background-position: 160px 0 !important;        
    }    

    .rangee_bulles {
        width: 100%;
    }

    .temoignages, .actu {
        background-position: 0 bottom;
    }

    .actu .blog_slider.flat .desc a.button .button_label {
        width: 10px;
    }        

    .rangee_contact .contact_tel, .rangee_contact .contact_mail,
    .union {
        background: none;
        padding: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .rangee_contact .contact_tel {
        padding: 0 !important;
        margin-top: 10px;
    }

    .rangee_contact .contact_mail {
        padding: 0 !important;
        margin-bottom: 10px;
    }     

    .rangee_contact .contact_tel .vc_column-inner,  .rangee_contact .contact_tel .vc_column-inner .wpb_text_column,
    .rangee_contact .contact_mail .vc_column-inner, .rangee_contact .contact_mail .vc_column-inner .wpb_text_column,
    .union .vc_column-inner, .union .vc_column-inner .wpb_text_column {
        padding: 0 !important;
        margin-bottom: 0;
    }       

    #Footer .widgets_wrapper .column:first-child {
        display: none;
    } 

    /*LANDING PAGE*/
    .intro_landing_page .citation {
        width: 40%;
    }

    /*DEVIS*/

	.formulaire_devis_gravity .gf_page_steps .gf_step {
		width: 90% !important;
    	margin: 0 0 60px !important;		
	}

	.formulaire_devis_gravity .gf_page_steps .gf_step .gf_step_label {
		width: 90% !important;
		display: block;
		float: none;
	}

	.bloc_temoignages_actus	.bloc_bleu .titre b, .bloc_temoignages_actus .bloc_orange .titre b {
	    font-size: 30px;
	    line-height: 30px;
	}

	/*LANDING PAGE*/
	.contact_left {
	    margin-top: 20px;
	    width: 90% !important;
	}

	.bg_landing_page {
	    background: #e2e2e2;
	    padding-top: 0;
	    margin-top: 0;
	    padding-bottom: 30px;
	}		

	.bg_landing_page .bulles_dde_devis {
		width: 90% !important;
	}				

}

@media screen and (max-width: 770px) {    

    body .vc_custom_1523023397264 {
        padding-top: 150px !important;
    }    

    body .intro {
        font-size: 30px;
    }

    body .intro p {
        line-height: 30px;
    }        

    body .intro h1  {
        line-height: 50px;
    }

    .temoignages, .actu {
        height: 430px;
    }    

    .actu .blog_slider.flat .desc a.button .button_label {
        width: 20px;
    }           

    #Footer .widgets_wrapper {
        padding: 40px 0 0;
    }

    #Footer .widgets_wrapper .column:first-child {
        display: none;
    }

    #Footer .container {
        display: block;
    }    

    #Footer .widgets_wrapper .column {
        margin: 0 2%;
        width: 28%;
        float: left;
        display: block;
        overflow: hidden;
        height: 180px;
    }

    #Footer .widgets_wrapper .column:last-child {
        width: 90%;
    }

    #Footer .widgets_wrapper #custom_html-13 {
        width:30%;
        float: left; 
    }

    /*LANDING PAGE*/
    .intro_landing_page .div-intro {
        width: 70%;
    } 

    /*CONTACT*/       

	body .vc_custom_1523604442587 {
	    padding-top: 0px !important;
	}

	.formulaire {
	    width: 90%;
	}

	/*DEVIS*/

	.bloc_temoignages_actus	.bloc_bleu, .bloc_temoignages_actus	.bloc_orange {
	    width: 100%;
	    height: 320px;
	}

	/*LANDING PAGE*/
	body .intro_landing_page .intro {
	    padding-left: 10% !important;
	    padding-top: 50px !important;
	    box-sizing: border-box;
	    margin-bottom: 100px !important;
	    margin: 0 5% 70px 10% !important;
	}

	.citation {
		display: none;
	}

}

@media screen and (max-width: 650px) {

    #Top_bar .container {
        padding: 0 5% !important;
    }    

    .intro_landing_page .div-intro,
    #Top_bar .logo #logo {
        text-align: left;
    }    

    #Top_bar #logo img {
        padding: 20px 0 0;
        text-align: left;
        max-width: 60%;
    }

    .bulle-bleu, .bulle-orange {
        height: 217px;
        width: 165px;
        background-size: 100%;
        padding: 50px 0 0 0;
    }

    body .bulle-bleu h2, body .bulle-bleu h2 a,
    body .bulle-orange h2, body .bulle-bleu h2 a {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }            

    /*SERVCES*/
    .services .wpb_wrapper .vc_row .vc_column_container  {
        width: 45%;
    }

    #Footer .widgets_wrapper .column {
        margin: 0;
        width: 38% !important;
        float: left !important;
        clear: none !important;
        display: block;
        overflow: hidden;
        height: 180px;
    }

    #Footer .widgets_wrapper .column:last-child {
        width: 50% !important;
    }

	/*DEVIS*/

	.bloc_temoignages_actus	.bloc_bleu {
	    height: 470px;
	}            

	.bloc_temoignages_actus	.bloc_orange {
	    height: 400px;
	}  

}

@media screen and (max-width: 450px) {

    /*CONTACT TEL*/    

    #Top_bar .banner_wrapper {
        background: url(./images/bg_tel_responsive.png) no-repeat 0 0 #0a4986;
        top: initial;
        right: initial;
        left:10%;
        bottom: -280px;
        width: 300px;
        padding-top: 30px;
		height: 340px;    
    }

    #Top_bar .banner_wrapper:hover {
        right: initial;
        bottom: -10px; 
    }

    #Top_bar .banner_wrapper:active {
        bottom: -240px; 
    }    

    #Top_bar .banner_wrapper:hover .close {
        display: block;  
    }

    #Top_bar .banner_wrapper:hover .close:hover /*< #Top_bar .banner_wrapper*/ {
        bottom: -240px;
        background: red;     
    }

    #Top_bar .banner_wrapper .btn-contact-content {
        margin-top: 30px;
    }    


    body #Side_slide #menu ul li a {
        font-size: 18px;
    }

    body .intro_landing_page {
        padding-left: 15px !important;
    }

    body .intro_landing_page .intro {
        padding-left: 0 !important;
    }

    body .bloc_right_listing {
        width: 80% !important;
    }        

    .intro_landing_page .div-intro {
        width: 100%;
    }    

    body .accueil_slide {
        background-image: url(./images/bg_slider_responsive.jpg) !important;
        background-position: -460px -120px !important;        
    }    

    body .intro h1 span {
        font-size: 48px;
    }

    .rangee_contact .union {
        width: 25%;
    }    

    .rangee_contact .contact_tel strong {
        display: inline-block;
    }        

    /*SERVCES*/
    .lesservices p span {
        font-size:46px !important; 
    }

    .services .wpb_wrapper .vc_row .vc_column_container  {
        width: 100%;
    }

    #Footer .container {
        height: 680px;
    }    

    #Footer .widgets_wrapper .column {
        width: 80% !important;
        float: none !important;
        clear: none !important;
        height: auto;
    }

    #Footer .widgets_wrapper .column:last-child,
    #custom_html-13, #custom_html-14 {
        width: 100% !important;
    }

    /*CONTACT*/     
    .intro_contact h1 {
        font-size: 40px;
        line-height: 40px;
    }

    /*ACTUS*/    
    body .vc_gitem_row .vc_gitem-col .vc_gitem-post-data-source-post_title div,
    .div-intro h2 {
        font-size: 30px !important;
        line-height: 1 !important;
    } 

    .formulaire_devis_gravity .gform_page_fields li:first-child {
        font-size: 30px;
    }

    .formulaire_devis_gravity .gform_wrapper .clear-multi {
	    display: block;
	}       

}

@media screen and (max-width: 360px) {


    .bulle-bleu, .bulle-orange {
        height: 200px;
        width: 150px;
    }

    .bulle-orange {
        padding-top: 30px;
    }    
    
    .bulle-bleu h2, .bulle-bleu h2 a,
    .bulle-orange h2, .bulle-bleu h2 a {
        font-size: 14px;
        line-height: 1.2;
    }   

}