/*
Theme Name:   Datamnesia
Description:  Écrivez ici une brève description de votre thème enfant
Author:       Apeonmars
Author URL:   https://www.lapetiteboitenoire.fr
Template:     twentynineteen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Datamnesia
*/

/* Écrivez ici votre propre feuille de style personnelle */


@font-face {
    font-family: 'ITC Avant Garde Gothic Std Bold';
    font-style: normal;
    src: local('ITC Avant Garde Gothic Std Bold'), url('https://fonts.cdnfonts.com/s/14411/itc-avant-garde-gothic-std-bold-589572c7e9955.woff') format('woff');
}
@font-face {
    font-family: 'ITC Avant Garde Gothic Std Book';
    font-style: normal;
    src: local('ITC Avant Garde Gothic Std Book'), url('https://fonts.cdnfonts.com/s/14411/itc-avant-garde-gothic-std-book-58957161d80eb.woff') format('woff');
}

:root{
	--main-color: #fe853e;
}
a:hover {
	text-decoration: none !important;
}

@media screen and (min-width: 1400px){
	.elementor-section.elementor-section-boxed > .elementor-container{
		max-width: 1320px !important;
	}
}
@media screen and (max-width: 1200px){
	.elementor-section.elementor-section-boxed > .elementor-container{
		max-width: 1140px  !important;
	}

}
ul{
	padding-left: .5rem;
}
/*General*/
h1:before,h2:before,h3:before,h4:before{
	content: none !important;
}

body.overflow_hidden{
	overflow: hidden;
}

#particles-js {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  pointer-events: none;
  /*A SUPPRIMER */
  /*display: none;*/
}
#particles-js2,#particles-js3 {
  position: absolute;
  width: 100%;
  height: 350px;
  background-color: transparent;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  bottom: -350px;
}

/*/General*/
/*HEader */ 
.site-branding{
	margin: 0px;
	z-index: 99;
}
#site_logo{
	max-width: 60px;
	float: left;
}
#site_logo .cls-4,#site_logo .cls-2{
	fill: #FFF;
}
.site_title{
	color: #FFF;
    font-family: 'ITC Avant Garde Gothic Std Book';
    text-transform: lowercase;
    letter-spacing: 2px;
    font-size: 30px;
    float: left;
    display: inline-block;
    margin: 5px;
    margin-left: 10px;
}
.site_title:before{

}
#masthead{
	background: #000;
}
.site-header{
	margin: 0rem 0;
	padding: 1.5rem 0;

}
ul#menu-menu-2 li::marker{
	font-size: 0px;

}
ul#menu-menu-2{
	padding-left: 0px;
	background: rgba(0, 0, 0, .65);
}
ul#menu-menu-2 li a{
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Book';
	text-decoration: none;
}
/*/Menu */
ul#menu-menu-1{
	margin-bottom: 0px;
}
.menu_container{
	float: right;
}
#main_menu li{
	float: left;
	display: inline-block;
	margin: 0px 12px;
	margin-top:0px;
	position: relative;
}
#main_menu li:last-child{
	margin-right: 0px;
}
#main_menu li a{
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Book';
	text-transform: none;
	letter-spacing: 1px;
	font-size: 13.5px;
	transition: .5s;
	text-decoration: none;
}
#main_menu li a:hover{
	transition: .5s;
	color: var(--main-color);
	text-decoration: none;
}
#main_menu li > ul.sub-menu > li{
	margin-left: 0px;
	display: block;
	width: 100%;
	padding:5px 10px;
	line-height: 25px;
	box-shadow: 0px 3px 6px #00000029;
	background: #FFF;
}
#main_menu li > ul.sub-menu > li > a{
	color: #000;
}
#main_menu li > ul.sub-menu{
	border-top: 3px solid var(--main-color);
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
	box-shadow: 0px 3px 6px rgba(255,255,255,.5);
}
ul.sub-menu{
	position: absolute;
	left: 0px;
	padding-left: 0px;
	opacity: 0;
	pointer-events: none;
	transition: .5s;
	background: #000;
	z-index: 99;

}
ul.sub-menu > li{
	display: block;
	background: #000;
	width: fit-available;
}
li.menu-item-has-children:hover > ul.sub-menu{
	opacity: 1;
	transition: .5s;
	pointer-events: all;
}
/*Mobile menu*/
#mobile_menu{
	display: none;
}
#mobile_menu_container .menu_container{
	width: 100%;
	margin-top: 0px;
}
#mobile_menu_container{
	background: #000;
	height: 0vh;
	top: -100vh;
	position: relative;
	left: 0px;
	transition: .5s	;
	opacity: 0;
	z-index: 1;
}
#mobile_menu_container.open{
	top: 0vh;
	opacity: 1;
	transition: .5s;
	top: 60px;
	position: relative;
	background: transparent;
	height: 100vh;
}
#mobile_menu_container ul.sub-menu{
	display: block;
	position: relative;
	opacity: 0;
	top: -100vh;
	transition: .5s;
	height: 0vh;
	margin-left: 0px;
	background: transparent;
}
#mobile_menu_container ul.sub-menu.open{
	transition: .5s;
	position: relative;
	opacity: 1;
	top: 0%;
	height: 100%;
	background: transparent;
}
#mobile_menu_container ul#menu-menu-2 li.menu-item{
	position: relative;
	padding: 10px 0px;
	border-bottom: 1px solid var(--main-color);
}
#mobile_menu_container ul#menu-menu-2 li.menu-item:first-child{
	border-top: 1px solid var(--main-color);
}
#mobile_menu_container ul#menu-menu-2 li.menu-item ul.sub-menu li.menu-item{
	border-bottom: 0px;
	background: transparent;
}
#mobile_menu_container ul#menu-menu-2 li.menu-item ul.sub-menu li.menu-item:first-child {
	border-top: 0px;
}
#mobile_menu_container ul#menu-menu-2 li.menu-item ul.sub-menu li.menu-item a{
	padding-left: 30px;
	position: relative;
}
#mobile_menu_container ul#menu-menu-2 li.menu-item ul.sub-menu li.menu-item a:before{
	position: absolute;
	left: 10px;
	top: 10px;
	content: '';
	background: var(--main-color);
	height: 2px;
	width: 10px;
}
button.button_toggle_submenu{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	background: #000;
}
button.button_toggle_submenu > p{
	margin-bottom: 0px;
	padding: 10px 20px;
	font-family: 'ITC Avant Garde Gothic Std Book';
	transition: .5s;
	transform: rotate(0deg);
	color: var(--main-color);
}
button.button_toggle_submenu.clicked > p{
	transform: rotate(45deg);
	transition: .5s;
}
/*/Mobile menu*/
/*/Menu */
#content:before{
	border: none;
}
.site-content{
	margin-top: -1px;
	background: #000;
}
#menu-item-16{
    padding: 5px 20px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 20px;
    line-height: 26px;
    margin-top: -1px !important;
    background: #FFF;
}
#menu-item-16 a{
	color: #000 !important;
}
/*/Header */

/*Homepage*/
#landing_title .elementor-button{
	border: 2px solid #FFF;
	border-radius: 20px;
	background: #000;
	color: #FFF;
	transition: .5s;
}
#landing_title .elementor-button:hover{
	text-decoration: none;
	transition: .5s;
	color: #000;
	background: #FFF;
}
.grid_service_item{
	width: 100%;
}
.service_item{
	padding: 10px;
	margin: 1%;
	border-radius: 20px;
	box-shadow: 0px 3px 6px #00000029;
	background: #FFF;
	transition: .5s;
	min-height: 375px;
	width: 23%;
	float: left;
}
.service_item h1{
	color: #000 !important;
	font-size: 1em;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
	transition: .5s;
	margin-bottom: 20px;
}
.service_item h2{
	color: #000 !important;
	font-size: .75em;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	transition: .5s;
	margin-bottom: 20px;
}
.service_item p.price{
	color: #000 !important;
	font-size: .7em;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
	transition: .5s;
	margin-bottom: 10px;
}
.service_item p{
	color: #000 !important;
	font-size: .7em;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	transition: .5s;
	margin-bottom: 5px;
}
.service_item > img{
	width:80%;
	margin:auto;
	display:block;
	margin-top:-90px;
	margin-bottom:10px; 	
}
/*.service_item:hover{
	transition: .5s;
	background: var(--main-color);
}*/
.service_item:hover > h1{
	color: #000 !important;
	transition: .5s;
}
.service_item  path{
	fill: #000 !important;
	transition: .5s;
}
.service_item:hover  path{
	fill: #000 !important;
	transition: .5s;
}
a.tarif_demande_devis{
	color: #000;
	margin: auto;
	display: block;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 20px;
	border: 2px solid #000;
	font-size: .65em;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	margin-bottom: 20px;
	transition: .5s;
	background: #FFF;
	margin-top: 20px;
}
a.tarif_demande_devis:hover{
	transition: .5s;
	background: #000;
	color: #FFF;

}

#CTA_section h3{
	color: #FFF !important;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	font-size: 1.2em;
	text-align: center;
}
#CTA_section .elementor-button, #CTA_section2 .elementor-button{
	background: #FFF;
	border: 2px solid #FFF;
	color: #000;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	border-radius: 20px;
	transition: .5s;
	width: fit-content;
	display: block;
	margin: auto;
}
#CTA_section .elementor-button:hover, #CTA_section2 .elementor-button:hover{
	transition: .5s;
	background: transparent; !important;
	color: #FFF;
	text-decoration: none;
}
#landing_title h1{
	font-size: 30px;
	margin-left: 60px;
}
#CTA_section2:after{
	height: 270px;
    background: #000;
    z-index: -1;
    position: absolute;
    width: 100%;
    content: '';
    top: 40px;
    display: block;
    float: none;
}
#CTA_section2{
	z-index: 10;
	position: relative;
}
#CTA_section2 h3{
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	font-size: 1.2em;
}
.step_item h2{
    color: #FFF !important;
    line-height: 25px;
    background: #000;
    border-radius: 60px;
    padding: 20px;
    display: block;
    text-align: center;
    width: fit-content;
    font-size: 1em;
    margin: auto;
    width: 60px;
    height: 60px;
    
}
.step_item:hover h2{
 		animation: pulse-black 2s infinite;
}
.step_item h2:after{
    display: block;
    width: 60px;
    border-bottom: 3px dashed rgb(0, 0, 0);
    margin: auto;
    content: "";
    position: relative;
    top: 55px;
    transform: rotate(90deg);
    margin-left: -20px;
}
@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.step_description{
    width: calc(100% - 40px);
    padding: 30px;
    border: 0px dashed #000;
    margin-top: 70px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 155px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
}
.step_description > h3{
	color: #000;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	font-size: 1em;
	text-align: center;
}
/*/Homepage*/

/* Page */
a.demande_de_devis_single_reparation{
	background: #FFF;
	padding: 10px 20px;
	color: #000;
	text-decoration: none;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	border: 2px solid #FFF;
	border-radius: 20px;
	width: fit-content;
	font-size: .8em;
	text-align: center;
	line-height: 20px;
	transition: .5s;
	margin-left: 15px;
	position: relative;
	margin-top: 20px;
}
a.demande_de_devis_single_reparation:hover{
	transition: .5s;
	background: #FFF;
	color: #000;
}
.page_header_wrapper{
	background-size:cover;
	background-repeat:no-repeat;
	height:300px;
	background-attachment:fixed;
}
.page_header{
	background: linear-gradient(180deg, rgba(0,0,0,1) 40%, rgba(0,0,0,.55) 100%);
	min-height: 300px;
}
h1.page_header_title{
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	font-size: 1.5em;
	padding-top: 50px;
	display: block;
	width: 100%;
}
h2.page_header_subtitle{
	color: var(--main-color);
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	font-size: .9em;
	text-align: justify;
	padding-top: 10px;
	display: block;
	width: 100%;
	padding-right: 4vw;

}
#CTA_recuperation h3{
	color: #000;
	font-size: 1em;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
}
#CTA_recuperation .elementor-button, #btn_devis .elementor-button{
	background: #FFF !important;
	color: #000;
	border: 2px solid #000;
	border-radius: 20px;
	line-height: 20px;
	padding: 10px 20px;
	font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
	transition: .5s;
}
#CTA_recuperation .elementor-button:hover, #btn_devis .elementor-button:hover{
	background: #000 !important;
	color: #FFF;
	transition: .5s;
}
#border-left{
	border-left: 3px solid #000;
	margin-left: 10px;
	padding-left: 10px;
}
#border-left p{
	margin-bottom: 0px;
	font-size: 1em;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
}
/*/Page*/

/*Elementor*/
.elementor-heading-title{
		font-family: 'ITC Avant Garde Gothic Std Bold' !important;
		text-transform: lowercase;
		letter-spacing: 0px !important;
}
h3.elementor-heading-title{
	font-weight: 300 !important;
}
.elementor-widget-container > p{
	font-family: 'ITC Avant Garde Gothic Std Book' !important;
	font-size: .85em;
	text-align: justify;
}
/*/Elementor*/

/*Testimonial*/
.grid{
	width: 100%;
}
.grid-item.testimonial-item{
	width: 31%;
	margin: 1%;
	float: left;
	background: #FFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 20px;
	padding: 20px;
}
.testimonial_title{
	color: #000;
	font-family: 'ITC Avant Garde Gothic Std Bold';
	text-transform: lowercase;
	font-size: .8em;
	text-align: left;
}
.testimonial_content p{
	text-align: justify;
	font-size: 16px;
	font-family: 'ITC Avant Garde Gothic Std Book';
}
p.testimonial_client_name{
	float: right;
	font-family: 'ITC Avant Garde Gothic Std Bold';
}
.swiper{
	overflow: hidden;
	margin-top: 40px !important;
	padding-top: 20px;
	padding-bottom: 20px;
}
.swiper-button-prev{
	margin-left: -100px;
}
.swiper-button-next{
	margin-right: -100px;
}
.swiper-pagination{
	display: block;
	width: 100%;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
	margin-left: 2.5px;
	margin-right: 2.5px;
	margin-top: 40px;
}
.swiper-slide{
	padding: 20px;
	border: 0px solid #000;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 20px;
}
/*/Testimonail */


/*Single recuperation*/
#servive_recuperation_item_list{
	margin-bottom: -200px;
	margin-top: -100px;
	z-index: 99;
	position: relative;
}
.servive_recuperation_item{
	background: #FFF;
	width: 100%;
	border-radius: 20px;
	box-shadow: 0px 3px 6px #00000029;
	padding-bottom: 20px;
	min-height: 200px ;
}
.servive_recuperation_item > svg{
	display: block;
	margin: auto;
	padding-top: 20px;
}
.servive_recuperation_item > svg#iphone{
	max-width: 40px;
}
.servive_recuperation_item > svg#macbook{
	max-width: 100px;
}
.servive_recuperation_item > svg#ipad{
	max-width: 50px;
}
.servive_recuperation_item > svg#autre{
	max-width: 50px;
}
h2.servive_recuperation_item_title{
	color: #000;
	font-family: 'ITC Avant Garde Gothic Std Bold';
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
}
a.knowmore{
	padding: 10px 10px;
	border: 2px solid #000;
	border-radius: 20px;
	background: #FFF;
	color: #000;
	display: block;
	width: fit-content;
	margin: auto;
	font-family: 'ITC Avant Garde Gothic Std Book';
	font-size: 16px;
	line-height: 16px;
	transition: .5s;
}
a.knowmore:hover{
	transition: .5s;
	background: #000;
	color: #FFF;
}
.question{
	transition:.5s;
	width:100%;
	position: relative;
	margin-top: 20px;
}
.question.open{
	transition:.5s;
}
.question > h1.question_title{
	color:#000;
	transition:.5s;
	background:#FFF;	
	padding: 10px 20px;
	border-radius:20px;
	margin-left:0px;
	font-size:18px;
	line-height: 20px;
	padding-left: 50px;
	width: 100%;
	font-family: 'ITC Avant Garde Gothic Std Bold';
	margin-top: 1px;
	box-shadow: 0px 3px 6px #00000029;
}
.question.open > h1.question_title{
	transition: .5s;
	background: var(--main-color);
	color: #FFF;
}
.expand-bar {
	position: relative;
	top: 20px;
	left: 20px;
	transition: all 0.5s ease;
}

.expand-bar, .expand-bar:after {
	width: 15px;
	height: 3px;
	background-color: #000;
}
.expand-bar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(90deg);
	transition: all 0.5s ease;
}
.open {
	border-bottom: none;
}

.open .expand-bar {
	transform: rotate(0deg);
	background-color: #FFF;

}

.open .expand-bar:after {
	transform: rotate(180deg);
	background-color: #FFF;
}
.reponse{
	opacity: 0;
	display: none;
	/*
	position: relative;
	transition:.5s;*/
}
.reponse.open{
	display:block;
	height: auto;
	opacity: 1;

}
.reponse > p.text_reponse{
	color:#000;
	font-size:16px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: 'ITC Avant Garde Gothic Std Book';
	text-align: justify;
	margin-top: 20px;
}
/*/Single recuperation*/

/*Admin rendez-vous*/
.hidden_before_admin_mail{
	display: none;
}
#reused_form{
	padding: 30px;
	background:#FFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 20px;
	margin-top: 40px;
	margin-bottom: 60px;
	width: 80%;
	margin-left: 10%;
}
button.bouton_admin_form_email{
	background: #FFF !important;
	border: 2px solid #000 !important;
	color: #000 !important;
	margin-top: 20px;
	font-size: 20px;
	line-height: 20px;
	padding: 10px 20px;
	border-radius: 20px;
}
#explication_additionnelle{
	min-height: 300px;
	box-shadow: 0px 3px 6px #00000029;
}
/*/Admin rendez-vous */

/*CF7*/
::-webkit-input-placeholder { /* WebKit browsers */
   
    opacity: 1;
    padding-left: 10px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    opacity: 1;
    padding-left: 10px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */

    opacity: 1;
    padding-left: 10px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */

    padding-left: 10px;
    opacity: 1;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
}
textarea{
	margin: 0px !important;
}
input[type="submit"]{
	background: #000 !important;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 20px;
	border: 2px solid #000;
	font-size: 16px;
	font-family: 'ITC Avant Garde Gothic Std Book';
	line-height: 16px;
	transition: .5s;
	text-transform: lowercase;
	margin-top: 30px;

}
input[type="submit"]:hover{
	transition: .5s;
	background: var(--main-color) !important;
	color: #FFF;
}
#contact_radio_delay{
	display: none;
}
#contact_radio_delay .wpcf7-list-item-label{
	font-family: 'ITC Avant Garde Gothic Std Book';
	color: #000;
}
#contact_radio_delay .wpcf7-form-control-wrap{
	width: 100%;
	display: block;
}

.select_option_form{
	text-align: center;
	min-height: 100px;
	padding: 10px;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #FFF;
	transition: .5s;
}
.select_option_form.clicked{
	transition: .5s;
	border: 2px solid var(--main-color);
}
.selection_option_form_container:first-child{
	margin-left: 18%;
}
.selection_option_form_container{
	width: 20% !important; 
	float: left;
	margin: 1%;
}
.selection_option_form_wrapper{
	display: block;
	margin: auto;
	width: 100%;
	margin-bottom: 30px;
}
.select_option_form > img{
	width: 30%;
	margin: auto;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
#devis_form{
	background: #FFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius:20px; 
	padding: 20px;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	position: relative;
	/*min-height: 400px;*/
	overflow: hidden;
	transition: .5s;
}
#devis_form h2{
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Bold', sans-serif;
	color: #000;
	font-size: 1em;
	line-height: 1em;
	padding: 10px 20px;
	display: block;
	width: fit-content;
	margin: auto;
	margin-bottom: 0px;
}
#devis_form p{
	text-align: center;
	opacity: .7;
	font-size: .8em;
}
#devis_form img{
	max-width: 60px;
	display: block;
	margin: auto;
}
section.demande_de_devis{
	display: none;
	position: relative ;
	

}
section.demande_de_devis.active{
		display: block;
	}
#container_section{
	padding: 30px;
	background: #eee;
	border-radius: 20px;
	min-height: 400px;
	width: 500px;
	position: relative;
}

.previous_section{
	border: 2px solid #000;
	padding: 10px 20px;
	border-radius: 20px;
	text-align: center;
	width: fit-content;
	display: inline-block;
	font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-transform: lowercase;
	margin-top: 30px;
}
.next_section{
	color: #FFF;
	background: #000;
	margin-left: 5px;
	border: 2px solid #000;
	padding: 10px 20px;
	border-radius: 20px;
	text-align: center;
	width: fit-content;
	display: inline-block;
	font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-transform: lowercase;
	margin-top: 30px;
	transition: .5s;
}
.next_section:hover{
	background: var(--main-color);
	transition: .5s;
}

.form_nav_container{
	width: fit-content;
	display: block;
	margin: auto;
}
.form_nav_container > div > p{	
	display: contents;
	margin-top: 0px;
	margin-bottom: 0px;
}
#contact_form_section p{
	margin-top: 0px;
	margin-bottom: 0px;
}
#modele_iphone select, #modele_macbook select, #modele_ipad select, #modele_autre input{
	border-radius: 20px;
	padding: 5px;
	width: 50%;
	display: none;
	margin: auto;
}
#modele_iphone.visible select, #modele_macbook.visible select, #modele_ipad.visible select, #modele_autre.visible input{
	display: block;
}
/*#devis_form h2:after{
	content: '';
	display: block;
	width: 80px;
	height: 3px;
	background: #000;
	margin: auto;
	margin-top: 10px;
}*/

.device_type{
	background: #FFF;
	padding: 20px;
	text-align: center;
	width: 20%;
	margin: 1%;
	border-radius: 20px;
	border: 2px solid #FFF;
	transition: .5s;
	float: left;
	box-shadow: 0px 3px 6px #00000029;
	font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
	font-size: 17px;
}
.device_type > img{
	width: 40%;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}
.device_type:first-child{
	margin-left: 7%;
}
.device_type.clicked, .data_type.clicked, .livraison_type.clicked{
	transition: .5s;
	border: 2px solid var(--main-color);
}
.data_type{
	background: #FFF;
	padding: 20px;
	text-align: center;
	width: 24%;
	margin: .5%;
	border-radius: 20px;
	border: 2px solid #FFF;
	transition: .5s;
	float: left;
	box-shadow: 0px 3px 6px #00000029;
	font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
	margin-top: 20px;
		font-size: 17px;
}
.data_type > img{
	width: 30%;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}
.livraison_type{
	width: 31%;
	border-radius: 20px;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #FFF;
	margin: 1%;
	font-family: 'ITC Avant Garde Gothic Std Book', sans-serif;
	float: left;
	padding: 20px;
	font-size: 17px;
	text-align: center;
	min-height: 230px;
	transition: .5s;
}
.livraison_type > img{
	width: 25%;
	margin: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
}
#contact_radio_support, #mode_de_depot_radio{
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output{
	background: #000;
	border: 2px solid #000;
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Bold', sans-serif;
	font-size: 16px !important;
	text-align: center;
	padding: 20px;
	border-radius: 20px;
}
#submission_id,#checkbox_data_type{
	display: none;
}
#wpcf7-f5-o1{
	margin-top: -150px ;
}
.wpcf7-spinner{
	display: none;
}
/*/CF7*/

/*Webba booking */
.wbk-slot-inner{
	border-radius: 10px !important;
}
.wbk-slot-time{
	color: #000 !important;
	background-color: #FFF !important;
}
.wbk-slot-inner > input[type="button"]{
	background-color: #000 !important;
	padding: 8px !important;
	font-family: 'ITC Avant Garde Gothic Std Book';
}
.wbk-inner-container{
	background-color: #FFF !important;
	border: 0px solid #FFF !important;
	min-height: 450px;
}
.wbk-outer-container{
	border: 0px solid #FFF !important;
	display: block;
	max-width: 800px;
	margin: auto !important;
}
hr.wbk-day-separator{
	display: none !important;
}
button.picker__button--close, button.picker__button--clear, button.picker__button--today{
	color: #000 !important;
}
#wbk-book_appointment{
	background: #000 !important;
	border-radius: 20px !important;
	width: fit-content !important;
	display: block;
	margin: auto !important;
	color: #FFF !important;
	font-family: 'ITC Avant Garde Gothic Std Book' !important;
	border: 2px solid #000;
	padding: 10px 20px !important;
	margin-top: 20px !important;
}
.wbk-slot-button:hover{
	transition: .5s;
	background-color: var(--main-color) !important;
}
/*depot boutique perroquet*/
#form_rdv_perroquet{
	display: none;
}
/*/Dépot boutique perroquet*/
/*coursier*/
#adresse_complementaire{
	font-family: 'ITC Avant Garde Gothic Std Book' !important;
	text-align: left;
	font-size: .85em;
}

#adresse_complementaire #adresse_fournie, #adresse_complementaire #code_postal_fourni{
	float: left;
	margin-right: 5px;
	display: contents;
}
#form_rdv_coursier{
	display: none;
}
/*/coursier*/
/*/Webba Boobking*/

/* Footer */
#colophon{
	background: #000;
	padding-top: 90px;
}
p.copyright{
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-family: 'ITC Avant Garde Gothic Std Book';
	text-transform: lowercase;
	margin-top: 60px;
}
p.copyright a{
	color: #FFF;
}
#colophon h2{
	color: #FFF;
	font-family: 'ITC Avant Garde Gothic Std Book' !important;
	font-size: 25px;
	margin-bottom: 30px;
	margin-top: 8px;
}
#colophon p{
	color: #FFF;
    font-size: 16px;
    text-align: justify;
    float: left;
    display: block;
    width: 100%;
    font-family: 'ITC Avant Garde Gothic Std Book' !important;
}
#colophon p.copyright{
	text-align: center;
}
#colophon p a{
	color: #FFF;
	text-decoration: none;
}
.footer_widget p{
	margin-bottom: 5px;
}
a.demande_de_devis{
	color: #FFF;
	padding: 10px 20px;
	background: #000;
	border-radius: 20px;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
	font-size: .9em;
	border: 2px solid #FFF;
	transition: .5s;
	line-height: 20px;
	margin-top: 0px !important;
	position: relative;
	width: fit-content;
	display: block;
}
a.demande_de_devis:hover{
	background: #FFF;
	color: #000 !important;
	text-decoration: none;
	transition: .5s;
}
a.contact_us{
	color: #FFF;
	padding: 10px 20px;
	background: #000;
	border-radius: 20px;
	text-align: center;
	font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
	font-size: .9em;
	border: 2px solid #FFF;
	transition: .5s;
	line-height: 10px;
	margin-top: 10px !important;
	position: relative;
	width: fit-content;
	display: block;
}
.footer_logo{
	margin-bottom: 70px;
}
/*/Footer */

/*Timeline*/
.timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:100%;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background:var(--main-color);
  border-radius:50%;
  
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
   background:var(--main-color);
  border-radius:50%;
 
}
.timeline ul li h3{
  padding:0;
  margin:0;
  color:#000;
  font-family: 'ITC Avant Garde Gothic Std Bold',sans-serif !important;
  font-size: .9em;
  text-align: left;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
    font-family: 'ITC Avant Garde Gothic Std Book',sans-serif !important;
    color: #000;
    font-size: .8em;
    text-align: justify;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
  line-height: 8px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-20px;
  margin:0;
  padding:16px 16px;
  width: 40px;
  height: 40px;
  background:var(--main-color);
  color:#FFF;
  border-radius:40px;
  box-shadow: 0px 3px 6px #00000029;
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-19px;
  margin:0;
  padding:16px 16px;
  background:var(--main-color);
  color:#FFF;
  border-radius:40px;
  box-shadow: 0px 3px 6px #00000029;
  width: 40px;
  height: 40px;


}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}
/*/Timepline*/

/* Animation */
#CTA_section #ipad_float:hover{
	/*animation: float 6s ease-in-out infinite;*/
	transition: .5s;
}
#CTA_section #ipad_float{
	transition: .5s;
	animation: float 6s ease-in-out infinite;
}
@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {
		
		transform: translatey(0px);
	}
}

#mobile_menu_button{
	float: right;
	margin-top: -27px;
	z-index: 999;
	position: absolute;
	right: 20px;
	top: 55px;
}
 svg#mobile_menu_button{
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.active #mobile_menu_button {
  transform: rotate(90deg);
}
#mobile_menu_button path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
#mobile_menu_button path:nth-child(1) {
  transform-origin: 36% 40%;
}
#mobile_menu_button path:nth-child(2) {
  stroke-dasharray: 29 299;
}
#mobile_menu_button path:nth-child(3) {
  transform-origin: 35% 63%;
}
#mobile_menu_button path:nth-child(4) {
  stroke-dasharray: 29 299;
}
#mobile_menu_button path:nth-child(5) {
  transform-origin: 61% 52%;
}
#mobile_menu_button path:nth-child(6) {
  transform-origin: 62% 52%;
}
.active #mobile_menu_button path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.active #mobile_menu_button path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.active #mobile_menu_button path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active #mobile_menu_button path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.active #mobile_menu_button path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.active #mobile_menu_button path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
/*/Animation */

#mobile_menu_container{
	display: none;
}
/*Responsive*/
@media screen and (max-width: 1399px){
	.site_title{
		font-size: 26px;
	}
	#main_menu li a{
		font-size: 12.5px;
	}
}
@media screen and (max-width: 1199px){
	.site_title{
		font-size: 20px;
	}
	#main_menu li a{
		font-size: 12.5px;
	}
	#site_logo{
		max-width: 40px;
	}
	#mobile_menu{
		display: block;
	}
	#main_menu{
		display: none;
	}
}
@media screen and (max-width: 992px){
	#mobile_menu_container{
	display: block;
	}
	#mobile_menu{
		display: block;
	}
	#main_menu{
		display: none;
	}
	.selection_option_form_container:first-child,.device_type:first-child{
		margin-left: 1%;
	}
	.selection_option_form_container{
		width: 98% !important;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.device_type{
		width: 98%;
		margin: 1%;
		margin-top: 5px;
		margin-bottom: 5px;
	} 
	.data_type{
		width: 48%;
		font-size: 17px;
	}
	.select_option_form{
		font-size: 17px;
	}
	#devis_form h2{
		font-size: .9em;
		margin-top: 20px;
	}
	h1.page_header_title{
		text-align: left;
	}
	#site_logo{
		margin-left: 20px;
	}
	.service_item{
		width: 48%;
		margin-top: 100px;
	}


}
@media screen and (max-width: 633px){
	.service_item{
		width: 98%;
		margin-top: 100px;
	}
	.device_type > img{
		width: 10%;
	}
	#devis_form{
		width: 100%;
	}
	.data_type > img{
		width: 20%;
	}
	.livraison_type{
		width: 100%;
	}
	.livraison_type > img{
		width: 15%;
	}
}
@media screen and (max-width: 414px){
	.site_title{
		font-size: 25px;
	}
	ul#menu-menu-2 li a{
		font-size: 20px;
	}
	h1.page_header_title{
		padding-top: 10px;
		font-size: 1em;
	}
	h2.page_header_subtitle{
		font-size: .8em;
	}
	.page_header_wrapper{
		background-size: cover;
		background-attachment: initial;
		height: fit-content !important;
	}
	.previous_section,.next_section{
		font-size: 14px;
		line-height: 14px;
	}
	#devis_form{
		width: 96%;
	}
	.servive_recuperation_item{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#servive_recuperation_item_list{
		margin-top: -50px;
		margin-bottom: -50px;
	}
	.page_header_wrapper{
		height: 200px;
	}
	
}
/*/Responsive*/