/* ------S.F. IR------ */
/* --------2016------- */
/* ---------v3-------- */
/* ------PreTheme----- */
/* --------Tyopa------ */

/* --------Font------- */

/* devanagari */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Mukta ExtraLight'), local('Mukta-ExtraLight'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbEOjGmc8WD07oB-98o.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Mukta ExtraLight'), local('Mukta-ExtraLight'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbEOjGmT8WD07oB-98o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Mukta ExtraLight'), local('Mukta-ExtraLight'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbEOjGmd8WD07oB-.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Mukta Regular'), local('Mukta-Regular'), url(https://fonts.gstatic.com/s/mukta/v7/iJWKBXyXfDDVXbnArXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Mukta Regular'), local('Mukta-Regular'), url(https://fonts.gstatic.com/s/mukta/v7/iJWKBXyXfDDVXbnPrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Mukta Regular'), local('Mukta-Regular'), url(https://fonts.gstatic.com/s/mukta/v7/iJWKBXyXfDDVXbnBrXyw023e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Mukta Bold'), local('Mukta-Bold'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbF6iGmc8WD07oB-98o.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Mukta Bold'), local('Mukta-Bold'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbF6iGmT8WD07oB-98o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Mukta Bold'), local('Mukta-Bold'), url(https://fonts.gstatic.com/s/mukta/v7/iJWHBXyXfDDVXbF6iGmd8WD07oB-.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------General------ */


body  {
	background: #EEE;
	color: #222;
	font-family: "Mukta", Arial;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 10px 0;
	text-align: center;
}

h1 {
	font-size: 45px;
}

#home_find_phone h1, #page_find_phone h1 {
	padding-top: 200px;
	color: #FFF;
	font-size: 40px;
	font-weight: 300;
	position: relative;
	max-width: 800px;
	margin: auto;
}

#home_find_phone h1 strong, #page_find_phone h1 strong {
	color: #009EE2;
}

#page_find_phone h1 {
	padding-top: 40px;
	padding-bottom: 40px;
}

#home_find_phone h2 {
	color: #EEE;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 70px;
	position: relative;
}

h2 {
	font-size: 35px;
	margin: 20px 0 30px;
}

h3 {
	font-size: 25px;
}

p {
	font-size: 14px;
}

a {
	color: #009EE2;
	text-decoration: none;
}

.line_page h3 {
	font-size: 20px;
	text-align: left;
}

input[type="text"], input[type="mail"], input[type="password"] {
	background: none repeat scroll 0 0 rgba(230, 230, 230, 1);
	border: 1px solid #BBB;
	color: #444;
	font-size: 16px;
	margin: 10px 0;
	border-radius: 4px;
	width: calc(100% - 16px);
	padding: 7px;
	outline: none;
	transition: all ease .5s;
}

input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus, input[type="mail"]:hover, input[type="mail"]:active, input[type="mail"]:focus, input[type="password"]:hover, input[type="password"]:active, input[type="password"]:focus  {
	background: rgba(235,235,235,1);
	color: #444;
}

textarea {
	background: none repeat scroll 0 0 rgba(235, 235, 235, 1);
	border: 1px solid #BBB;
	color: #333;
	margin: 10px 0;
	min-height: 150px;
	font-size: 16px;
	padding: 7px;
	transition: all 0.5s ease 0s;
	width: calc(100% - 16px);
	outline: none;
}

section form input[type="text"], 
section form input[type="mail"], 
section form textarea, 
section form input[type="text"]:hover,
section form input[type="mail"]:hover, 
section form textarea:hover, 
section form input[type="text"]:focus,
section form input[type="mail"]:focus, 
section form textarea:focus, 
section form input[type="text"]:active,
section form input[type="mail"]:active, 
section form textarea:active  {
	color: #333;
}

input[type="submit"] {
	background: #CCC;
    border: medium none;
    color: #fff;
    font-size: 15px;
    padding: 8px 20px;
    margin: 15px 0 0;
    transition: all 0.5s ease 0s;
}

input[type="submit"]:hover {
	background: #009EE2;
}

.message_ok {
	border: 2px solid #16BD05;
	color: #16BD05;
	padding: 5px;
	display: block;
	text-align: center;
}

.message_erreur {
	border: 2px solid #a50812;
	color: #a50812;
	padding: 5px;
	display: block;
	text-align: center;
}

.erreur {
	background: #923f3b;
	color: #EEE;
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;
}

.center { text-align: center; }

.right { text-align: right; }

.justif {
	text-align: justify;
}

.img25 {
	margin: auto;
	width: 25%;
}
.img32 {
	margin: auto;
	width: 33%;
}

.img33 {
	margin: auto;
	width: 20%;
}

.img75 {
	margin: auto;
	width: 75%;
}

.img100 {
	margin: auto;
	width: 100%;
}


#site section {
	margin: auto;
	max-width: 1200px;
	overflow: hidden;
}

.ctt_rech {
	z-index: 8;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -25px;
	text-align: center;
}
.rech {
	max-width: 900px;
	margin: auto !important;
}

.ico_nav_rech {
	height: 25px
}

.page {
	margin-top: 80px;
}

.rech {
	font-size: 21px !important;
}

.ctt_marque, .ctt_page {
	width: 95%;
}

.ctt_page {
	background: #FFF;
	margin: 50px auto !important;
}

.bg_marque {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	box-shadow: 0 0 15px #BBB;
	overflow: hidden;
	padding: 100px 0 !important;
	position: relative !important;
	text-align: center;
}

.bg_marque .clq_b {
	bottom: -50px;
	left: 0;
	position: absolute;
	right: 0;
	top: -50px;
	opacity: .5;
}

.c66.ctt_fiche_tel {
    background: #FFF;
    padding: 0;
    margin: 3.5%;
}
.ctt_fiche_img {
    height: 400px;
    width: 90%;
    margin: -40px  auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ctt_fiche {
margin: 50px auto 20px !important;
min-height: 600px;
}
.ctt_fiche_tel h1 {
    background: #009EE2;
    margin: auto;
    color: #FFF;
    font-size: 30px;
    padding: 10px 20px 0px;
    text-align: left
}
.ctt_fiche_tel h2 {
background: #009EE2;
font-size: 20px;
margin: 0;
color: #FFF;
text-align: left;
padding: 5px 30px
}

.info_horaire {
	background: url('/assets/images/clock.svg') no-repeat #2f2e3d;
	background-size: 60px;
	background-position: 30px center;
	padding: 20px 20px 20px 110px;
	color: #CCC;
	font-size: 12px;
	width: 450px;
	display: inline-block;
	margin-top: 40px;
	border-radius: 4px;
	
}

.info_tel {
	background: url('/assets/images/tel_info.svg') no-repeat #2f2e3d;
	background-size: 60px;
	background-position: 30px center;
	padding: 20px 20px 20px 110px;
	color: #CCC;
	font-size: 12px;
	width: 450px;
	display: inline-block;
	margin-top: 40px;
	border-radius: 4px;
	
}

.info_adresse {
	background: url('/assets/images/adr_info.svg') no-repeat #2f2e3d;
	background-size: 60px;
	background-position: 30px center;
	padding: 20px 20px 20px 110px;
	color: #CCC;
	font-size: 12px;
	width: 450px;
	display: inline-block;
	margin-top: 40px;
	border-radius: 4px;
	
}

.page_rep .info_horaire, .page_rep .info_tel, .page_rep .info_adresse {
	width: calc(100% - 130px);
}

.ctt_sym {
	border: 2px solid #2f2e3d;
	border-radius: 3px;
	margin-top: 20px;
	padding: 10px;
}

.ctt_sym li {
	font-weight: bold;
	font-size: 12px;
}

.marque_inpage a {
	display: block;
	position: relative;
	text-align: center;
	height: 100%;
}

.marque_inpage .c20 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.marque_inpage img {
	height: 100%;
}


.img33 {
	margin: auto;
	width: 20%;
}

.img50 {
	margin: auto;
	width: 50%;
}


.img100 {
	margin: auto;
	width: 100%;
}

.block_reparation h2 {
    font-size: 22px;
    text-align: left
}
.c33.block_reparation {
padding-top: 0;
}

.block_reparation h2 {
	color: #555;
    font-size: 22px;
    margin-bottom: 40px;
    text-align: left
}

.block_reparation table {
    width: 100%;
}
.block_reparation table tr:nth-child(odd) {
    background: #E2E2E2;
}

.block_reparation td {
	padding: 5px 20px;
}

.block_reparation td:last-child {
	text-align: right;
}

.b_reparation {
    height: 80px;
    width: 80px;
    background: rgba(0,0,0,0.2);
    margin: 10px;
    overflow: hidden;
    float: left;
    cursor: pointer;
    transition: all ease .2s;
}

.b_reparation:hover {
	background: rgba(0,0,0,0.3) !important;
}

.b_reparation img {
    width: 80%;
    height: 80%;
    margin: 10%;
}

.b_reparation.activ {
    background: #009EE2;
}


/* --------Col-------- */

.c20, .c25, .c33, .c50, .c66, .c75, .c100 {
	float: left;
	margin: 1.5%;
	padding: 2%;
	position: relative;
}

.line {
	display: inline-block;
	width: 100%;
}

.c20 {
	width: 13%;
}

.c25 {
	min-width: 150px;
	width: 18%;
}

.c33 {
	min-width: 150px;
	width: 26.33%;
}

.c50 {
	min-width: 250px;
	width: 43%;
}

.c66 {
	min-width: 250px;
	width: 59.66%;
}

.c75 {
	min-width: 250px;
	width: 68%;
}

.a100 {
	float: left;
	margin: 1.5%;
	position: relative;
	width: 97%;
}

.b20 {
	overflow: auto;
	float: left;
	width: 20%;
	position: relative;
}

.b80 {
	overflow: auto;
	float: left;
	width: 80%;
	position: relative;
}

.margeleft p {
	padding-left: 15px;
}

.c100 {
	width: 93%;
}

.calque {
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.clq_b {
	background: rgba(4, 9, 19, 0.75);
}

.lien_social {
    float: left;
    width: 15%;
    overflow: auto;
    display: block;
    margin: 10px 13%;
}

.a50 {
	float: left;
	width: 50%
}

.e33 {
	float: left;
	width: 30%;
}

.e66 {
	float: left;
	width: 66%;
}

/* FOR TEST 

.c25, .c33, .c50, .c66, .c75, .c100 {
	background: #FFF;
	height: 50px;
}

/* ---------- Header ---------- */

header section {
	width: 100%;
}

.ctt_sec {
	margin: auto;
	max-width: 1200px;
	width: 95%;
}

.ctt_rep {
	background: #333;
	max-width: 100% !important;
	overflow: auto !important;
}

.bandeau_top {
	background: #222;
	color: #999;
	font-size: 11px;
	position: fixed;
	padding: 5px 0;
	top: 0;
	z-index: 999;
}

.bandeau_top .c100 {
	margin: 0 1.5%;
	padding: 0 2%;
	text-align: center;
}

.bandeau_top img {
	height: 11px;
	display: inline-block;
	margin-right: 10px;
}

.bandeau_top span {
	margin-top: 0px;
	display: inline-block;
}

.bandeau_princ {
    background: rgba(34,34,34,1);
	background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(100%, rgba(17,17,17,0)));
	background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111', GradientType=0 );

	padding-bottom: 30px;
	background-size: 45%;
	margin-top: 23px;
	overflow: hidden;
	position: relative;
}

.bandeau_princ_t2 {
	overflow: initial;
	height: 110px;
}

#header_home .bandeau_princ {
	 background: rgba(34,34,34,1);
	background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(100%, rgba(17,17,17,0)));
	background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111', GradientType=0 );

	margin-top: 0px;
	padding-bottom: 30px;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 100;
}

.perma_promo {
	height: 40vh;
	left: 7%;
	position: absolute;
	top: 20%;
	z-index: 2;
}

.bandeau_princ .c25, .bandeau_princ .c100, .bandeau_princ .c50 {
	margin: 10px 1.5% 6px;
	padding: 10px 2% 6px;
}

.bandeau_princ .c25 {
	width: 8%
}

.ctt_logo {
	left: 4%;
	position: absolute;
	top: 20px;
}

.logo-header {
	float: left;
	height: 40px;
	transform: scale(1.5);
}

.logo-header-t2 {
    float: left;
    width: 200px;
    margin-top: 15px;
}

.zone_droite {
	background: transparent;
	background-size: 25px;
	background-position: 30px center;
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px;
	font-weight: 500;
	color: #FFFF;
}

.zone_droite * {
	background: no-repeat 10% center / auto 50%;
	color: #009EE2;
	cursor: pointer;
	float: left;
	font-size: 14px;
	padding: 10px 20px 10px 60px;
}

.zone_droite a {
	background-image: url('/assets/images/send.svg');
}

.zone_droite div {
	background-image: url('/assets/images/monpanier.svg');
}

.nav_page {
	margin: 5px 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	transform: scale(1.3);
}

.nav_page li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav_page li a {
	border-bottom: 2px solid #FFF;
	color: #222;
	display: inline-block;
	padding: 10px 20px;
	font-weight: 200;
	text-align: right;
	text-decoration: none;
	transition: all ease .5s;
	width: calc(100% - 20px);
}

#header_home .nav_page li a {
	border-bottom: 2px solid transparent;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	font-weight: 200;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	transition: all ease .5s;
	width: calc(100% - 20px);
}

.question_rech {
	color: #009EE2;
	font-size: 14px;
	font-weight: bold;
	margin: 80px 0 50px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.label_recherche {
	display: block;
	font-weight: 600;
	margin: 6px 0;
	font-size: 15px;
	color: #333;
}

.champ_recherche {
	border-color:#009EE2 !important;
}

#header_home .nav_page li a:hover, .nav_page li a:hover {
	color: #009EE2;
}

.bandeau_marque {
	background: #009EE2;
	overflow: hidden;
	z-index: 9;
}

.home .bandeau_marque {
	background: #009EE2;
	overflow: hidden;
	z-index: 9;
	width: 100%;
	max-width: 100% !important;
	position: relative ;
	top: 0;
	margin-bottom: 20px !important;
}

.nav_marque {
	margin: 0;
	padding: 0;
}

.nav_marque li {
	list-style: none;
	float: left;
}

.nav_marque li a {
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FFF;
    text-decoration: none;
}

.calque_noir {
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.ctt_slide {
	position: relative;
}

.ctt_slide p {
	display: inline-block;
	border: 1px solid #009EE2;
	margin: auto;
	color: #FFF;
	background: #009EE2;
	padding: 2px 9px;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 0 5px 5px 0;
}

.ctt_slide h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin: 0 0 30px;
}

.etape_reparation .c25 {
	background: #FFF;
	text-align: center;
	height: 250px;
}

.box_rep h3 {
	font-size: 23px;
}

.numb_etape {
	display: inline-block;
	font-weight: 800;
	position: absolute;
	color: #3F3F3F;
	font-size: 150px;
	top: 0;
	right: -10px;
}

.ctt_text_etape {
	position: absolute;
	display: inline-block;
	padding: 15px 15px;
	font-size: 10px;
	font-weight: 400;
	color: #999;
	left: 0;
	bottom: 0;
	right: 80px
}

.etape_reparation img {
	height: 60px;
	margin: 30px;
}

#home_find_phone {
	width: 100%;
	height: 90vh;
	position: relative;
	background: url(/assets/images/bg_acc.jpg) center center;
	background-size: cover;
	max-width: 100% !important;
}

#page_find_phone {
	width: 100%;
	height: 200px;
	position: relative;
	background: url(/assets/images/bg_fondh3.jpg);
	background-size: cover;
	background-position: center;
	max-width: 100% !important;
	padding-top: 60px !important;
}

#page_find_phone_ett {
	width: 100%;
	height: 400px;
	position: relative;
	background-color: #4d4b64;
	background-size: cover;
	background-position: center;
	max-width: 100% !important;
	margin-top: 60px !important;
}

#page_find_phone_ett h1 {
	color: #FFF;
	position: relative;
	margin-top: 50px;
}

#home_find_phone .line, #home_find_phone_ett .line  {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	height: 600px;
	max-width: 1200px;
	left: 0;
	right: 0;
}

.blctitre {
	text-align: center;
}

.switcher span {
    font-size: 10px;
    cursor: pointer;
    background: #CCC;
    padding: 5px 10px;
    border-radius: 50px;
    transition: all .5s ease;
    font-weight: bold;
}

.switcher {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.switcher .activ {
    background: #009EE2;
    color: #EEE;
}

#ctt_map {
height: 100%;
}

#map_rdv {
	height: 400px;
	width: 100%;
}

.recap_probleme, .recap_tel {
    width: 50%;
    background: #DDD;
    text-align: center;
    position: relative;
    overflow: auto;
    float: left;
    height: 290px;
    margin-bottom: 50px
}

.recap_tel {
	background: #E9E9E9;    
}

.ctt_recap p {
    font-size: 10px;
    margin: 20px 0;
}

.recap_probleme img {
	width: 20%;
    height: 150px
}

.ctt_fiche_img {
    width: 100%;
    height: 270px;
    margin-bottom: 20px;
}

.trois_mousque h3 {
	font-size: 25px;
	text-align: left;
	color: #EFEFEF;
	font-weight: 350;
}

.trois_mousque p {
	color: #CCC;
	font-size: 12px;
	text-align: justify;
}

.slidertxt {
	height: 0px;
	overflow: hidden;
	transform: translateX(40px);
	opacity: 0;
	transition: transform ease 1s, opacity ease 1s;
}

.slidertxt.visible {
	height: auto;
	opacity: 1;
	transform: translateX(0px);
}

.trois_mousque {
	max-width: 1200px;
	margin: auto;

	display: none;
}

.sliderimg {
	position: absolute;
	opacity: 0;
	transition: opacity ease 1s;
}

.sliderimg.visible {
	opacity: 1;
}

.btn_dia {
	position: absolute;
	bottom: 0;
	height: 100px;
	width: 400px;
	margin: auto;
	left: 0;
	right: 0;
	display: none;
}

.btn_dia .c33 {
	min-width: auto;
	text-align: center;
}

.btn_dia .c33 svg {
	height: 50px;
	cursor: pointer;
}

.btn_dia .c33 svg path {
	fill:#DDD;
	transition: fill ease 1s;
}

.btn_dia .c33.visible svg path {
	fill:#009EE2;
}

.cta {
	background: #009EE2;
	color: #FFF;
	padding: 10px 20px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	box-shadow: 0 0 5px #CCC;
}

.cta_rouge {
	background: #009EE2 !important;
}

.etape_reparation .b20 {
	box-shadow: 6px -2px 5px #252525;
	height: 170px;
	overflow: hidden;
}

.find_phone {
	padding-top: 100px;
}

.find_phone h2 {
	color: #EEE;
}

.find_phone img {
	width: 100%;
	margin-top: -100px;
	margin-bottom: -20px;
}

section#map {
	max-width: 100%;
	background: url('/assets/images/map.png') center center;
	background-size: cover;
	position: relative;
}

.ctt_coord {
	background: rgba(227,6, 19, 0.9);
	color: #FFF;
	padding: 20px;
	position: absolute;
	box-shadow: 0 0 5px #222;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 200px;
	/* width: 200px; */
	text-align: center;
}

.ctt_coord2 {
	background: rgba(227,6, 19, 0.9);
	color: #FFF;
	padding: 20px;
	position: absolute;
	box-shadow: 0 0 5px #222;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 200px;
	/* width: 200px; */
	text-align: center;
}

.baghome {
	width: 70%
}

.chp_rech {
	margin-top: -30px;
	background: #009EE2 !important;
	border-color: #009EE2 !important;
	border-radius: 0  0 5px 5px;
	color: #EEE !important;
	font-size: 25px !important;
	text-align: center;
}

.chp_rech:hover {
    /*margin-top: -30px;*/
}

.marques_accueil {
	width: 4%;
	margin: 20px 5%;
	display: inline-block;
}

.marques_accueil_large {
	width: 8%;
	margin: 20px 5%;
	display: inline-block;
}

.tel_recondi {
	float: left;
	width: 18%;
	margin: 1%;
	background-size: auto 55%;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 200px;
}

.tel_recondi i {
	font-size: 11px;
	margin-top: 20px;
	display: block;
}



.chp_rech::placeholder {
	color: #FFF;
	transition: color ease .5s;
}

.chp_rech:hover::placeholder {
	color: #009EE2;
}

.resultat_recherche {
	background: rgba(255,255,255,.95);
	border-radius: 0 0 5px 5px;
	opacity: 0;
	overflow: auto;
	position: absolute;
	height: 0px;
	transition: all ease .3s;
	margin: 0 auto;
	z-index: 99;
}

.resultat_recherche.resultat_recherche_t2 {
	width: 80%;
	height: 0px;
	z-index: 99;
	position: absolute;
	top: 80px;
	overflow: hidden;
}

.rech_activ {
	opacity: 1 !important;
	height: 500px !important;
}

.article_recherche {
	display: inline-block;
	float: left;
	height: 17% !important;
	margin-bottom: 50px;
	position: relative !important;
	width: 100%;
}

.img_rech {
	height: 80%;
	width: 50px;
	margin: 3% 0;
	padding-left: 30px;
	position: absolute;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.nom_article {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	margin: 5% 0;
	padding: 0 100px;
	text-decoration: none;
}

.marque_article {
	color: #999;
	font-size: 11px;
	margin-top: -35px;
	padding-left: 100px;
}

.btnrecher {
	background: #009EE2;
	color: #EEE;
	font-size: 15px;
	height: calc(80% - 45px);
	padding: 20px;
	position: absolute;
	right: 4%;
	text-align: center;
	top: 25%;
	width: 150px;
}

.line_repdispo a {
    background: #FFF;
    display: block;
	width: 10%;
	padding: 1.66%;
	margin: 1.66%;
    box-shadow: 0 0 4px #CCC;
    float: left;
    color: #333;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.line_repdispo a img {
    height: 60px;
    margin: 20px 0;
}

.resultat_recherche_t2 .article_recherche {
	width: 100%
}
.resultat_recherche_t2 .img_rech {
	height: 75%
}
.resultat_recherche_t2 .nom_article {
	font-size: 15px;
	padding-left: 20%;
	margin: 9% 0
}

.pas_de_recherche {
	text-align: center;
	margin: 20px 0;
}

.resultat_recherche_t2 .pas_de_recherche {
	font-size: 11px;
}

.volet_map {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 50%;
	background: rgba(0,0,0,0.8);
	color: #FFF;
	text-align: center;
	padding: 100px 0;
}

#map {
	height: 400px;
}

.lien_article {
	width: calc(100% / 5 - 20px - 4%);
	display: block;
	margin: 100px 2% 20px;
	border-radius: 3px;
	box-shadow: 0 0 5px #AAA;
	padding: 130px 10px 10px;
	background-size: cover;
	color: #FFF;
	float: left;
	position: relative;
	background-position: center;
	height: 170px;
}

.lien_article .deg_noir {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 3px;

	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.lien_article b, .lien_article p {
	position: relative;
	word-wrap: break-word;
	z-index: 2;
}

section.blog {
	background: rgba(47, 46, 61, 0.1);
	max-width: 100% !important;
}

.block_text_home .c50 {
	background: #FFF;
}

.block_text_home h2 {
	font-size: 25px;
	margin: 0 0 10px;
}

.service_text p {
	font-size: 14px;
	margin: 22px 0;
}

.item_reparation h3 {
	font-size: 20px;
}

.item_reparation p {
	font-size: 14px;
	color: #777;
	text-align: center;
}

.ctt_marque {
	margin: 50px auto !important;
}

.block_telephone {
	width: calc(100% / 6 - 2% - 20px);
	display: block;
	margin: 1%;
	/* background: #FFF; */
	float: left;
	padding: 30px 10px 15px;
	text-decoration: none;
}

.img_cont_tel {
    width: 100%;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.nom_tel {
	color: #333;
	text-align: center;
	margin: 5px 0 5px;
	font-weight: bold;
	font-size: 14px;
	height: 27px;
}
.btn_tel {
    background: #2f2e3d;
    color: #FFF;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 25px;
    font-size: 14px
}
.marque_tel {
    display: inline-block;
    padding: 3px 10px;
    font-size: 11px;
    color: #999;
    margin-top: 18px;
    border-radius: 3px;
}

.ctt_resume {
    margin-top: 50px;
    transition: all ease .3s;
    background: #FAFAFA;
    box-shadow: 0 0 10px #DDD;
    opacity: 0;
}

.ctt_resume.visible {
    opacity: 1;
}

.p33, .p66 {
	float: left;
	margin: 1.5%;
	padding: 2%;
	position: relative;
}

.p33 {width: 26.33%;}

.p66 {width: 59.66%;}

.ctt_rech.pagetel {
	margin-top: 90px;
}

.blctitre h1 {
	font-size: 35px;
}

.blctitre h2 {
    
    margin: 10px 0;
    font-weight: 100;
    font-size: 25px;
}

.titre_page_rep {
	font-size: 22px;
}

.lien_marque {
	display: block;
	height: 70px;
	margin: auto;
	max-width: 35%;
	position: relative;
	text-align: center;
}

.lien_marque img {
	max-width: 80%;
    max-height: 100%;
}




.blctitre .fixer {
	transform: scale(0.8) translateY(-60px);
}

.blctitre p {
	font-size: 12px;
}

.c100.block_reparation {
	padding: 0 15%;
	width: 67%;
}

.block_reparation h2 {
	text-align: center;
	margin-top: 40px;
}

.block_reparation .line {
	text-align: center;
}

.blockrep {
	/*background: #FFF;
	box-shadow: 0 0 5px #CCC;*/
	color: #2f2e3d;
	cursor: pointer;
	display: inline-block;
	margin: 2%;
	padding: 2%;
	text-align: center;
	width: 25%;
}

.blockrep b {
	display: block;
	height: 50px;
}

.blockrep img {
	max-width: 50%;
	/*opacity: .5;*/
}

.blockrep .img_pieces {
	opacity: 1;
	transform: scale(1.4) translateY(10px);
}

.blocktel {
	color: rgb(51, 51, 51);
	float: left;
	text-align: center;
	width: 20%;
}

.blocktel .img_pieces {
	height: 150px;
}

.block_article {
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(204, 204, 204) 0px 0px 5px;
}

.block_article .titre_compa {
	font-size: 25px;
	margin: 40px 0px;
	text-align: center;
}

.block_article .images_pieces_repg {
	height: 200px;
}

.block_article .imgtelrep {
	width: 200px;
}

.btn_paiement {
	background: #041e96;
	border-radius: 4px;
	border: none;
	color: #EEE;
	cursor: pointer;
	font-size: 18px;
	padding: 10px 40px;
}

.petit_titre {
	font-size: 16px;
	text-align: center;
}

.prixrep {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #2f412a;
	margin: 0;
}

.block_prix i {
	display: block;
	font-size: 12px;
	margin-bottom: 30px;
	text-align: center;
}

.ctt_mentionargu {
	color: #FFF;
	background: #2f412a;
	padding: 10px 40px;
}

.titre_argu {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
}

.label_achat {
	display: block;
	font-size: 12px;
}

.line_autrepieces .blockrep {
	margin: 1%;
	padding: 1%;
	width: 12.33%;
} 

.quantite {
	border-radius: 0px !important;
	text-align: center;
	vertical-align: middle;
	width: calc(10% - 16px) !important;
}

.aj_panier, .aj_panier_piece, .btn_space button, .aller_au_paiement, .aller_au_paiement_tab {
	background: #222;
	border: 1px solid #666;
	border: none;
	color: #EEE;
	
	padding: 9px 10px;
	vertical-align: middle;
	width: calc(90% - 22px);
}

.aj_panier_pack {
	background: url('/assets/images/pack.svg') no-repeat 10px 5px / auto 60% #222 !important;
	padding-left: 22px !important;
	width: calc(100% - 22px) !important;
}

.aj_prestation {
	background: url('/assets/images/send-bl.svg') no-repeat 10px 5px / auto 60% #222 !important;
	font-size: 16px;
	margin-top: 10px !important;
	padding-left: 22px !important;
	width: calc(100%) !important;
}

.btn_rdv {
	background: url('/assets/images/reparation.svg') no-repeat 10px 5px / auto 60% #222 !important;
	border: none;
	color: #EEE;
	display: block;
	font-size: 18px;
	margin-top: 10px !important;
	padding-left: 22px !important;
	padding: 3px 0px;
	vertical-align: middle;
}

.btn_contact {
	border: none;
	color: #EEE;
	display: block;
	font-size: 18px;
	margin-top: 10px !important;
	padding-left: 22px !important;
	padding: 3px 0px;
	vertical-align: middle;
}

.btn_contact.desk {
	background: url('/assets/images/telephone_contact.svg') no-repeat 10px 5px / auto 60% #222 !important;
}

.btn_contact.phone {
	background: url('/assets/images/page_telephone.svg') no-repeat 10px 5px / auto 60% #222 !important;
}

.aller_au_paiement, .aller_au_paiement_tab {
	background: url('/assets/images/paye.svg') no-repeat 10px 5px / auto 60% #222 !important;
	font-size: 16px;
	margin-top: 10px !important;
	padding-left: 50px !important;
	padding-right: 30px;
	width: auto;
}

.btn_rep {
	border: 1px dashed #CCC;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	height: 50px;
	margin: 10px;
	padding: 10px;
	text-align: right;
}

.btn_rep img {
	float: left;
	height: 25px;
	margin-right: 10px;
}

.btn_rep span {
	display: block;
}

.btn_rep.select {
	background: rgba(0, 153, 0, 0.1);
	border: 1px solid #090;
}

.table_paiement {
	margin-bottom: 30px;
	width: 100%
}

.cadre_form {
	padding: 20px 20%;
}

.nomrep {
	margin-top: 20px;
}

.c33.blcindication {
    padding-top: 150px;
    text-align: center;
}

.blcindication p {
    font-size: 10px;
}

.blcindication img {
    width: 30px;
}

.paiementblc {
	margin-top: 50px;
}

.paiementblc img {
	max-height: 80px;
}

.line_reparation {
	border-bottom: 1px dashed #EEE;
}

.line_reparation:last-child, .line_reparation:nth-last-child(2) {
	border-bottom: none;
}

.line_reparation .p33 {
	text-align: right;
}

.line_total {
	background: #009EE2;
	color: #FFF;
	font-weight: 500;
	margin-bottom: -3px;
}

.line_total .p33 {
	text-align: right;
}


.ctt_mentionargu p {
	text-align: left;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-size: 30px;
}

.reprapide {
	background: url('/assets/images/reparation-rapide-bc.svg') no-repeat left center;
}

.garantie {
	background: url('/assets/images/garantie_bc.svg') no-repeat left center;
}

.statis {
	background: url('/assets/images/paiement-securise.svg') no-repeat left center;
}

.trouv_maga {
	background: url('/assets/images/adresse-page-telephone.svg') no-repeat 6% center #009EE2;
	background-size: 18%;
	display: block;
	text-align: center;
	padding: 30px 30px 30px 70px;
	color: #EEE;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.appl_nous {
	background: url('/assets/images/page_telephone.svg') no-repeat 6% center #009EE2;
	background-size: 18%;
    color: #EEE;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 19px;
    font-size: 16px;
    padding: 20px 30px 20px 70px;
}

.appl_nous b {
	display: block;
	font-weight: 500;
}

.contt-mail {
	background: url('/assets/images/telephone_contact.svg') no-repeat 6% center #009EE2;
	background-size: 18%;
	display: block;
	text-align: center;
	padding: 30px 30px 30px 70px;
	color: #EEE;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.block_simi h2 {
	background: #009EE2;
	color: #FFF;
	text-align: left;
	padding: 10px 30px;
	font-size: 20px;
	margin-top: 0;
}

.simi_block_tel {
	display: block;
	float: left;
	width: calc(100% / 5);
	text-align: center;
	color: #333;
	font-weight: 400;
	text-decoration: none;
}

.block_simi {
	background: #FFF;
	padding: 0;
	margin: 3.5%
}

.simi_img {
	height: 250px;
	width: 100%;
	background: no-repeat center center;
	background-size: contain;
	margin-bottom: 30px;
}

.chargement_modele {
	height: 150px;
	left: 0;
	margin: auto;
	opacity: .8;
	position: absolute;
	right: 0;
	top: 100px;
}

.cta_lien {
	display: inline-block;
	background: #0A8;
	color: #FFF;
	padding: 7px 15px;
	margin: 25px 0;
}

.line_page {
	background: #FFF;
}

.theater_panier {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #111D;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    display: none;
    transition: opacity ease .3s;
}

.theater_panier.ouvert {
	display: block;
	opacity: 1;
}

.theater_panier .ctt_panier {
	background: #f3f3f3;
	border-radius: 3px;
	bottom: 0;
	height: 275px;
	left: 0;
	margin: auto;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
}

.ctn_aide a {
    width: 31.33%;
    float: left;
    display: block;
    background: #009EE2;
    margin: 1%;
    border-radius: 5px;
    color: #EFEFEF;
    text-align: center;
    font-size: 19px;
    padding: 30px 0;
}
.ctn_aide a img {
    height: 50px;
    display: inline-block;
}

.fermer_theater {
	position: absolute;
	height: 35px;
	right: 2%;
	top: 3%;
}

.item_panier {
    border-bottom: 1px dashed #999;
    min-height: 80px;
    margin: 5%;
    overflow: hidden;
    background: #FFF;
}

.item_panier .img img {
    height: 80px;
    display: block;float: left;
}

.dans_mon_panier {
    background: #FFF;
    overflow: auto;
    height: calc(80vh - 150px);
	padding-bottom: 40px;
}


.nom {float: left;width: 50%;margin: auto;font-weight: bold;font-size: 18px;padding-left: 10%;}
.item_panier .nom i {font-weight: 200;font-size: 12px;display: inline-block;}
.item_panier .prix {font-size: 20px;text-align: right;overflow: auto;}
.item_panier button {display: block;}

.line_panier .item_panier button {float: right;}


/* --------Nav-------- */

.nav-ouv, .nav-clo {
	display: none;
	height: 30px;
}

nav {
	font-family: "Syncopate";
	font-size: 24px;
	height: 144px;
	line-height: 63px;
	width: 100%;
	z-index: 99;
}

#navcontainer {
	float: right;
	left: -50%;
	position: relative;
}

nav ul {
	left: 50%;
	margin: 0;
	padding: 0;
	position: relative;
}

nav li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	list-style: outside none none;
}

nav li a {
	color: #c71521;
	display: block;
	font-weight: normal;
	padding: 24px 30px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}

nav li a:hover {
	color: #000;
}

nav li a:active {
	color: #444;
}

#nav-left {
	margin-top: 1px;
}

#nav-left, #nav-right {
	background: none;
	transition: all 0.5s ease 0s;
}

@keyframes
up {
    0% {
        bottom: -200px
    }

    50% {
    	bottom: -200px
    }

    100% {
        bottom: 0;
    }
}

@keyframes
camion {
    0% {
        left: -20%
    }

    60% {
    	left: -20%
    }

    100% {
        left: 100%
    }
}



.info_demenagement {

	animation-name: up;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
    animation-iteration-count: 1;

	position: fixed;
	bottom: 0;
	width: 100%;
	background: url('/assets/images/adresse-page-telephone.svg') no-repeat #009EE2;
	background-size: 7%;
	background-position: 10% center;
	color: #FFF;
	font-size: 11px;
	border-top: 3px solid #FFF;
	z-index: 99;
}

.info_demenagement h2 {
	font-size: 21px;
	margin: 20px;
	text-transform: uppercase;
}

.info_demenagement p {
	text-align: center;
}

.camion {

	animation-name: camion;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

	height: 50px;
	width: 50px;
	position: absolute;
	background: url('/assets/images/camion.svg') no-repeat center bottom;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 100%;
}

.petit-croix {
	background: url('/assets/images/fermer.svg');
	height: 10px;
	width: 10px;
	position: absolute;
	right: 2%;
	top: 15%;
	cursor: pointer;
}

#avis {
	max-width: 100% !important;
	background: url('/assets/images/bg_avis.jpg') no-repeat left bottom #53516c;
	color: #FFF;
	padding-bottom: 200px;
}

.review-date, .review-sep, .review-stars {display: none;}
.review-item {
width: calc(100% / 5 - 4%);
float: left;
margin: 2.5%;
background: #EFEFEF;
padding: 2%;
color: #333;
border-radius: 5px;
height: 200px;
}
.review-meta {text-align: center;}
.review-author {font-weight: bold;}
.review-text {font-size: 11px;
margin-top: 50px;
max-height: 140px;
overflow: hidden;}

.ctn_annonce {
    position: absolute;
    background: #FFF;
    display: block;
    max-width: 700px;
    width: 90%;
    border-radius: 5px;
    margin: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 30px;
    box-shadow: 0 0 25px #222;
}

.ctt_annonce img {
    height: 100px;
    /* float: right; */position: absolute;
    right: 1%;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(1.5) translate(-20px);
}

.ctt_annonce {
	color: #222;
	display: block;
	padding: 10px;
}

.ctt_annonce span {
	position: relative;
	z-index: 2;
}

.ctt_annonce .chi i {
	font-size: 11px;
	font-weight: 200;
}

.prix {
	color: #555;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}

.ptr {
    font-size: 9px;
}

.chi {
    font-weight: bold;
    font-size: 21px;
}

.deg_gris {
	background: rgba(170,170,170,1);
	background: -moz-linear-gradient(left, rgba(170,170,170,1) 12%, rgba(187,187,187,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(12%, rgba(170,170,170,1)), color-stop(100%, rgba(187,187,187,0)));
	background: -webkit-linear-gradient(left, rgba(170,170,170,1) 12%, rgba(187,187,187,0) 100%);
	background: -o-linear-gradient(left, rgba(170,170,170,1) 12%, rgba(187,187,187,0) 100%);
	background: -ms-linear-gradient(left, rgba(170,170,170,1) 12%, rgba(187,187,187,0) 100%);
	background: linear-gradient(to right, rgba(170,170,170,1) 12%, rgba(187,187,187,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#bbbbbb', GradientType=1 );

	bottom: 0;
	left: 0;
	opacity: .4;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.c25.article_home {
	color: #333;
    height: 280px;
    background: #FFF;
    box-shadow: 0 0 5px #DDD;
    text-align: center;
}

.article_home strong {
    display: block;
    font-size: 15px;
    height: 50px;
}

.article_home .img {
    height: 220px;
    background-size: contain;
    background-position: center;
}

.article_acc {
    width: 23%;
    overflow: hidden;
    margin: 1%;
    float: left;
    height: 300px;
    text-align: center;
    position: relative;
}

.article_acc img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    top: 0;
    margin: auto;
    
}

.article_acc .aj_panier {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.article_acc b {
    position: absolute;
    height: 50px;
    left: 10px;
    right: 10px;
    bottom: 60px;
    font-size: 12px;
}


.article_acc i {
    position: absolute;
    height: 50px;
    left: 10px;
    right: 10px;
    bottom: 25px;
    font-size: 17px;
}

.sep_header {
	background: #333;
	height: 85px;
}

.reserre {
	margin: 0 auto 50px;
	max-width: 500px;
	border-radius: 4px;
	box-shadow: 0 0 5px #999;
}

.cadre {
	border-radius: 4px;
	margin: 0 auto 50px;
	max-width: 1200px;
}

.head_form {
	background: #4b6642;
	height: 150px;
	text-align: center;
}

.head_form img {
	height: 100%;
}

.reserre form {
	padding: 20px;
}

.ins_lien {
	color: #4b6642;
}

.btn_compte {
	background: #4b6642;
	padding-bottom: 10px;
	padding-top: 10px;
}

.btn_compte a {
	color: #EEE;
}

.ctt_titre {
	margin: 40px 0;
}

.ctt_titre {
	margin: 50px 0;
}

.lien_moncompte img {
	display: block;
	margin: 0 auto 10px;
	width: 20%;
}

.line_panier {
	background: #FFF;
	box-shadow: 0 0 5px #CCC;
}

.confirme_gop {
	display: inline;
	height: 30px;
	margin-right: 20px;
	vertical-align: middle;
}

.go_paiement {
	background: #009EE2;
	display: block;
	margin-top: 50px;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}


.go_paiement, .go_paiement svg {
	color: #BBB;
	fill: #BBB;
	transition: ease .3s;
}

.go_paiement:hover, .go_paiement:hover svg {
	color: #EEE;
	fill: #EEE;
}

.pre_footer section {
	margin: auto;
	max-width: 1200px;
	overflow: hidden;
}

.autre_prix {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background: #DDD;
}

.autre_prix b {
    font-size: 11px;
    text-transform: uppercase;
}

.autre_prix span {
    display: block;
    margin-top: 10px;
    font-size: 20px;
}

.notif_ajout {
	background: url('/assets/images/ok.svg') no-repeat 30px center / auto 50% #090;
	border-radius: 5px;
	bottom: 0;
	color: #EEE;
	
	font-size: 25px;
	height: 38px;
	left: 0;
	margin: auto;
	padding: 20px 20px 20px 100px;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
	z-index: 999;
}

.ctt_notif_ajout.activ {
	display: block;
}

.ctt_notif_ajout {
	background: rgba(50, 50, 50, .5);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}

.notif_ajout button {
	background: #EEE;
	border-radius: 3px;
	border: none;
	color: #090;
	cursor: pointer;
	font-size: 20px;
	margin-left: 30px;
}

section.blc {
    background: #FFF;
    max-width: 100% !important;
}

section.bg_bleu {
	background: url('/assets/images/bg_bleu.jpg') no-repeat top left #001638;
	color: #EEE;
	max-width: 100% !important;
}

section.bg_bleu .cta { 
	box-shadow: 0 0 5px #333
}

section.pres_envoie {
	position: relative;
	margin-bottom: -47px !important;
}

section.pres_reparation {
	padding: 20px 0 100px;
}

section.pres_reparation .logo {
	width: 100px;
}

section.pres_reparation strong {
	color: #009EE2;
}

section.pres_reparation p {
	font-size: 18px;
	font-weight: bold;
}

.apparit, .apparitt {
	opacity: 0 !important;
	transform: translateY(40px);
	transition: .3s cubic-bezier(0,.5,.5,1);
}

.apparit.ion, .apparitt.ion {
	opacity: 1 !important;
	transform: translateY(0px);
}

.tel_accueil {
	width: calc(100% / 5 - 2% - 20px);
}

.ctn_faq {

}

.ctn_faq h3 {
	background: url('/assets/images/question.svg') no-repeat 20px center / auto 20px #009EE2;
	color: #EFEFEF;
	margin: 50px 0 25px;
	padding: 10px 10px 10px 50px;
	text-align: left;border-radius: 5px;font-size: 18px;
}

.ctn_faq div {
	font-size: 14px;
}

.ctn_texte_envoie ol {
    position: absolute;
    width: 60%;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 20vh;
}

.ctn_texte_envoie {width: 50%;position: relative;}
.ctn_texte_envoie li {font-weight: bold;padding-bottom: 40px;font-size: 22px;color: #999; transition: ease .3s;}
.ctn_texte_envoie li span {display: block;font-size: 12Px;font-weight: 200;}
.ctn_texte_envoie li.select {
	color: #333;
}

.ctn_visu_envoie {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}

.ctn_visu_envoie img {
	/* bottom: 0; */
	height: auto;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	margin-top: 10%;
	transition: ease .3s;
	width: 70%;
}

.ctn_visu_envoie img.select {
	opacity: 1;
}

.ctn_texte_envoie .cta {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 75vh;
	width: 200Px;
}

.volet {width: 40%;float: left;}
.vtcentral {
width: 20%;
height: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
.volet li {list-style: none;font-size: 25px;font-weight: bold;margin-bottom: 200px;height: 200px;}
.volet li span {font-size: 12px;font-weight: 200;display: block;margin-top: 10px;width: 50%}
.vtdroit {padding-top: 200px;}
.vtgauche {text-align: right;}
.vtgauche span {margin-left: 50%;}

.bar_bleu {
	background: #009EE2;
	box-shadow: 0 30px 30px #009EE2;
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.block_etape {
	background: url('/assets/images/bg_blocketape.png') repeat-y center 100% / 300px;
	color: #EFEFEF;
	font-size: 50px;
	font-weight: bold;
	padding-top: 117px;
	position: relative;
	text-align: center;
	z-index: 9;
}

.block_etape_fin {
	background: url('/assets/images/bg_blocketape.png') repeat-y center top / 300px;
	font-weight: bold;
	height: 100px;
	position: relative;
	text-align: center;
	z-index: 9;
}

.block_etape.prem {
	margin-top: -120px;
}

.bg_bleu_fonce {
	background: #001638;
	color: #BBB;
	max-width: 100% !important;
	z-index: 99;
	position: relative;
}

.bg_bleu_fonce h2 {
	color: #EEE;
}
.bg_blc {
	background: #FFF;
	box-shadow: 0 0 10px #DDD;
}
.blc_avis {
	background: no-repeat right bottom /300px #EFEFEF;
	box-shadow: 0 0 10px #333;
	color: #333;
	float: left;
	height: 350px;
	margin: 1%;
	overflow: hidden;
	padding: 1%;
	width: 16%;
}

.etoile {
	text-align: center;
}

.etoile img {
	height: 30px;
	padding: 20px 5px; 
}

.blc_avis .nom {
	margin: 20px 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.blc_avis .message {
	border: 1px dashed #DDD;
	font-size: 14px;
	margin-top: 0px;
	padding: 30px 30px 100px;
	text-align: justify;
}

section.contact_tel {
	background: #202141;
	color: #EEE;
	max-width: 100% !important;
	padding: 50px 0;
	text-align: center;
}

section.contact_tel a {
	background: url('/assets/images/tel_contact.svg') no-repeat left center / auto 90%;
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
	margin-left: 20px;
	padding-left: 60px;
}

section.envoie_tel_head {
	background: url('/assets/images/map-envoie.jpg') no-repeat center center / cover #333;
	height: 260px;
	max-width: 100% !important;
	width: 100%;
}

.ctn_adresse_abi .adresse_abi {
	display: inline-block;
	margin: 20px 0 20px 50px;
	padding: 20px 40px; 
	border: 1px dashed #BBB;
	border-radius: 5px;
	font-family: monospace;
}

.nvprod {
    height: 400px;
    display: block;
    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: auto 50%;
    width: 20%;
    margin: 2.5%;
    position: relative;
    float: left;
    text-align: center;
	background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 5px #ccc;
}

a.a_nvprod {
    text-align: center;
    padding-top: 100%;
    display: block;
}

.box {
	background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 5px #ccc;
}

.prix_produit {
	font-size: 30px;
	text-align: center;
	font-weight: 800;
}

.mention_prix {
    text-align: center;
    font-size: 14px;
    font-weight: 200;
}

.produit_livraison {
	background: #EFEFEF;
    font-size: 14px;
    text-align: center;
    padding: 5px 25px;
}

.description_produit {
	margin: 50px 0;
    text-align: justify;
}
/* ----- Footer ----- */

.pre_footer {
	background: #8c8c8c;
}

footer {
	background: #222;
	color: #CCC;
}

.ctt_footer {
	max-width: 1000px;
	margin: auto;
}

.lien_footer ul {
	margin: 0;
}

.lien_footer li {
	list-style: square;
}

.lien_footer a {
	color: #CCC;
	font-size: 11px;
}

.contact_footer > div {
	margin: 8px 0;
	overflow: auto;
}

.text_footer p {
	font-size: 10px;
	text-align: justify;
}

.icon_footer {
	height: 20px;
	float: left;
}

.contact_footer p {
	display: inline-block;
	margin: 0 0 0 10px;
	float: left;
	font-size: 12px;
}

.legal, .legal a {
	color: #999;
	font-size: 10px;
}

.clicknav, .phone {
	display: none;
}

.c6 {
	width: calc(100% / 6 - 10px);
	padding: 5px;
	float: left;
	text-align: center;
}

.cta_large {
	background: #009EE2;
	color: #FFF;
	display: block;
	text-align: center;
	padding: 20px 0;
	border-radius: 2px;
	box-shadow: 0 0 3px #999;
}

.line_border_top {
	border-top: 1px solid #4a4a4a;
}

.line_border_top {border-top: 1px solid #4a4a4a;}
footer a {color: #999;font-size: 12px;}
footer li {list-style: square;font-size: 12px;}
footer ul {padding-left: 20px;}

.cta_footer {
	background: #595959;
	border-radius: 3px;
	display: block;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
}

.img66 {
	width: 66%;
}

.bg_carte_abi {
	background: url('/assets/images/carte-abiphone.png') no-repeat -150px center / 90% #EEE !important;
}
/* --- Banniere Social --- */

.social{
	background: url('/assets/images/banniere_social2.png') no-repeat bottom left #009EE2;
	text-align: center;
}

.social h2 {
	color: #EEEEEE;
	display: inline-block;
}

.social a {
	display: inline-block;
	padding: 50px;
}

.social a img {
	height: 50px;
}

.newsletters {
	border-top: 1px dashed #BBB;
	text-align: center;
}

.ctn_newsletters {
	margin: auto;
	max-width: 50%;
	padding: 20px 0;
}


.img_promo {
	cursor: pointer;
	left: 0;
	margin: auto;
	max-width: 400px;
	position: absolute;
	right: 0;
	width: 90%;
}

/* --- calendar --- */

#ui-datepicker-div {
    background: #2f2e3d;
    color: #666;
}

.ui-datepicker-calendar th span {
    color: #EEE;
}

.ui-state-default {
    padding: 8px 19px;
    display: inline-block;
}

.ui-datepicker-header {
    font-size: 10px;
}

.ui-datepicker-header a {
	color: #999;
	padding: 4px;
	display: inline-block;
	cursor: pointer;
}

.ui-datepicker-next {
    float: right;
}
.ui-datepicker-title {margin: 20px 0;padding: 10px 0;text-align: center;background: #CCC;color: #333;font-weight: bold; font-size: 14px;}

/* -----Responsive---- */


@media only screen and (max-width:1930px) {
	.bandeau_princ {
		background-size: 41.2%;
	}
}

@media only screen and (max-width:1700px) {
	.bandeau_princ {
		background-size: 39%;
	}
}

@media only screen and (max-width:1500px) {
	.bandeau_princ {
		background-size: 33%;
	}

	.find_phone {
		padding-top: 150px;
		width: 80%;
		margin: 1.5% auto;
		position: absolute;
		left: 0;
		right: 0;
	}

	.resultat_recherche {
		background: #FFF;
		border-radius: 5px;
		bottom: calc(-210px - -7%);
		opacity: 0;
		overflow: auto;
		position: absolute;
		height: 0px;
		transition: all ease .3s;
		width: calc(80%);
		margin: 0 auto;
		left: 0;
		right: 0;
		z-index: 999;
	}
}
@media only screen and (max-width:1400px) {
	.#home_find_phone h1 {
		padding-top: 130px;
	}

	#home_find_phone {
		height: 97vh;
	}

	.etoile img {
		height: 20px;
	}

	.blc_avis .message {
		font-size: calc(12px + 1px);
		padding: 20px 10px 100px;
	}
}
@media only screen and (max-width:850px) {
	/** {
		display: none;
	}
*/
	.c25, .c75  {
		width: 43%;
	}

	#navcontainer {
		height: 0;
		overflow: auto;
	}

	nav {
		height: auto;
	}

	nav ul li {
		display: initial;
	}

	.nav-ouv, .nav-clo {
		display: initial;
	}

	.perma_promo {display: none;}
}

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

	.c25, .c50, .c33, .c66, .c75 {
		width: 93%;
	}

	.a50 {
		width: 100%;
	}

	.desk {
		display: none;
	}

	.info_demenagement {

		background: #009EE2;

	}

	footer .c25 {
		width: 43%;
	}

	.cadre_form {
padding: 20px 8%;
}

.line_autrepieces .blockrep {
	width: 45%;
}

.line_repdispo a {
width: 43%;
height: 165px;
}

section.contact_tel a {
	display: block;
}

.blocktel {
width: 50%;
margin-bottom: 80px;
}

.lien_marque {
width: 45%;
margin: 40px 2.5%;
}

	.review-item {
width: calc(100% / 2 - 9%);
float: left;
margin: 2.5%;
background: #EFEFEF;
padding: 2%;
color: #333;
border-radius: 5px;
height: 300px;
}

#avis {
	padding-bottom: 0;
}

#avis h2 {
font-size: 28px;
}

	.lien_article {
		width: calc(100% / 2 - 20px - 4%);
		display: block;
		margin: 40px 2% 20px;
		border-radius: 3px;
		box-shadow: 0 0 5px #AAA;
		padding: 130px 10px 10px;
		background-size: cover;
		color: #FFF;
		float: left;
		position: relative;
		background-position: center;
		overflow: hidden;
		height: 200px;
	}

	.c6 {
		height: 150px;
		width: calc(100% / 2 - 10px);
	}

	footer {
		margin-bottom: 89px;
	}

	.clicknav  {
		display: block !important;
		font-size: 20px;
		padding: 20px 0;
		position: relative;
		z-index: 99;
	}
	.phone {
		display: block;
	} 
	.zone_droite {z-index: 999;}
	.zone_droite a {
		background-position: right;
		font-size: 0;
		height: 25px;
	}

	.camion {

    	animation-duration: 10s;
	}

	.bandeau_top .ctt_sec .c33 {
		width: 43%;
	}

	.find_phone img {
		margin-top: 0px;
	}	



	#header_home .nav_page li a:hover, .nav_page li a:hover {
		color: #001638;
	}

	.logo-header {
		float: left;
		height: 40px;
	}

	.resultat_recherche {
		bottom: 0;
	}

	#header_home .nav_page li a {
		font-size: 20px;
		text-align: center;
		padding: 10px 0;
	}	

	.nom_article {
		margin: 15% 0;
		font-size: 10px;
		padding-left: 40%;
	}

	.chp_rech, .chp_rech::placeholder {
		font-size: 20px !important;
	}

	.etape_reparation .c25 {
		height: 370px;
	}

	.ctt_text_etape {
		font-size: 17px;
		top: 310px;
	}

	.carte {
		height: 300px;
		overflow: hidden;
	}

	.volet_map {
		width: 100%;
		padding: 60px 0;
	}

	footer .img33 {
		width: 60%;
	}

	.contact_footer {
		width: 44%;
	}

	.lien_footer {
		width: 42%;
	}

	.header_ctt_logo {
		background: #009EE2;
		text-align: center;
		margin-top: 0;
	}

	.bandeau_princ .c25, .bandeau_princ .c100, .bandeau_princ .c50 {
		margin: 5px 1.5%;
		padding: 5px 2%;
	}

	.bandeau_princ .c25 {
		height: 70px;
	}

	.bandeau_princ .c100 {
		width: 93%;
	}

	.bandeau_princ .c100 .phone {
    	color: #EEE;
    	text-align: center;
    	cursor: pointer;
	}

	.etape_reparation {
		display: none;
	}

	#home_find_phone {
		height: 100vh;
	}

	#home_find_phone h1 {
		padding: 200px 10px 0;
		font-size: 35px;
	}

	#page_find_phone h1 {
		font-size: 28px;
		padding-top: 75px;
	}

	#home_find_phone h2 {
		font-size: 20px;
	}

	.rech {
		width: calc(85% - 16px) !important;
	}

	.nav_page {
		background: #009EE2;
		display: none;
		height: 100vh;
		padding-top: 110px;
	}
	
	.logo-header-t2 {
		float: initial;
		width: 200px;
		margin-top: 0 !important;
	}

	#home_find_phone {
		background: url(/assets/images/bg_myphone.jpg) center;
	}

	#page_find_phone {
		height: 220px;
	}

	.blc_avis {
		width: 96%;
	}

	.marques_accueil {
		width: 6%;
		margin: 20px 2%;
		display: inline-block;
	}

	.marques_accueil_large {
		width: 13%;
		margin: 20px 3%;
		display: inline-block;
	}

	.tel_recondi {
		float: left;
		width: 31%;
		margin: 1%;
		background-size: 70%;
		background-repeat: no-repeat;
		background-position: top center;
		padding-top: 190px;
	}

	#seccontact {
		padding: 5px;
		width: calc(100% - 10px);
	}

	.nav_page li {
		width: 100%;
		float: none;
	}

	.ctt_coord {
		right: 0;
		top: 0;
		bottom: auto;
		left: 0;
		border-bottom: 1px solid #333;
	}

	.ctt_coord2 {
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	#map {
		height: 150vh;
	}

	.bandeau_princ {
		background-image: none;
	}

	.bandeau_princ_t2 {
		height: 220px;
	}

	.block_telephone {
		width: calc(100% / 2 - 2% - 20px);
	}

	.img_cont_tel {
		height: 150px;
	}

	.ctt_fiche_img {
		margin-top: 40px;
	}

	.blockrep img {
		max-width: 70%;
	}

	.btn_tel {
		font-size: 14px;
		margin-top: 5px;
	}

	.nav_page li a {
		padding: 5px 10px;
		width: calc(100% - 20px);
	}

	.ctt_fiche_img {
		height: 320px;
	}

	.block_simi {
		height: 340px;
		overflow: hidden;
	}

	.ctt_rech.pagetel {
		margin-top: 130px;
	}

	.blctitre h1 {
		font-size: 35px;
	}

	.blctitre h2 {
		font-size: 25px;
	}

	.blctitre p {
		font-size: 12px;
		text-align: center;
		margin-bottom: 50px;
		margin-top: 0;
	}

	.ctt_fiche {
		margin-top: 0 !important;
	}

	.c33.blcindication {
		padding-top: 40px;
	}

	.block_reparation h2 {
		text-align: center;
		margin-top: 10px;
	}

	.c100.block_reparation {
		padding: 0 2%;
		width: 93%;
	}

	.blockrep {
		width: 24%;
	}

	.contact .blockrep {
		width: 92%;
	}

	.blockrep b {
		display: block;
		font-size: 12px;
		height: 47px;
	}

	.btn_rep {
		width: calc(100% - 42px);
	}

	.info_tel, .info_horaire, .info_adresse {
		width: 60%;
	}

	.page_rep .info_tel, .page_rep .info_horaire, .page_rep .info_adresse {
		display: none
	}

	.imgtelrep {
		width: 50%;
	}

	.article_recherche {
		height: 39.5% !important;
		position: relative !important;
		width: 50%;
		float: left;
		display: inline-block;
	}

	.article_recherche .nom_article {
		margin: 0;
		font-size: 10px;
		padding: 0;
		text-align: center;
		margin-top: 70%;
	}

	.article_recherche .marque_article {
		display: none;
	}

	.article_recherche .img_rech {
		height: 60%;
		width: 100%;
		margin: 0% 0;
		padding-left: 0px;
		position: absolute;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.article_recherche .btnrecher {
		position: absolute;
		font-size: 12px;
		color: #EEE;
		background: #2f2e3d;
		height: auto;
		bottom: 0%;
		top: auto;
		right: 10%;
		padding: 10px 20px;
		width: 100px;
		text-align: center;
	}

	.resultat_recherche {
		background: #FFF;
		border-radius: 0px;
		bottom: calc(-210px - -7%);
		opacity: 0;
		overflow: auto;
		position: absolute;
		height: 0px;
		transition: all ease .3s;
		width: calc(100%);
		padding: 20px 0;
		z-index: 999;
	}

	.simi_block_tel {
		width: calc(100% / 3);
	}

	.simi_img {
		height: 120px;
	}

	.cta_lien {
		padding: 7px 15px;
		margin: 25px 15px;
		font-size: 11px;
	}

	.b_reparation {
		height: 75px;
		width: 75px;
	}

	.nom_tel {
		height: 43px;
		overflow: hidden;
		font-size: 14px;
	}

	.bg_rouge_menu {
		display: none;
	}

	.bandeau_princ .c50 {
		width: 43%;min-width: 100px;margin-top: 25px;
	}

	.appl {
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		right: 0;
		z-index: 99;
		text-align: center;
		padding: 30px;
		background: url('/assets/images/page_telephone.svg') no-repeat 15% center / 40px #009EE2;
		color: #FFF;
		font-weight: bold;
		font-size: 20px;
	}

	.appl a {
		color: #FFF;
		text-decoration: none;
	}
	
	.ctt_panier a {
        font-size: 18px;
        height: 100px;
    }
    
    .ctt_panier {
        width: 90% !important;
        height: 480px !important;
    }
    
    .theater_panier h2 {
        font-size: 27px;
    }

    .c50.espace_carte {
		padding-top: 150px;
	}

	.bg_carte_abi {
		background: url('/assets/images/carte-abiphone.png') no-repeat center / 130% #EEE !important;
	}

	.theater_panier .c50 {
		text-align: center;
	}

	.ctn_newsletters {
		max-width: 90%;
	}
}

@media only screen and (max-width:375px) {
	.nav_page li a {
		font-size: 14px;
	}

	.b_reparation {
		height: 65px;
		width: 65px;
	}
}

@media only screen and (max-width:320px) {
	.find_phone {
		padding-top: 250px;
	}

	.c33 {
		min-width: 130px;
	}

	.etape_reparation .c25 {
		height: 340px;
	}

	.ctt_text_etape {
		font-size: 17px;
		top: 280px;
	}

	.bandeau_princ .c25 {
		min-width: 130px;
		padding-top: 20px;
	}

}

@media only screen and (max-width:320px) {
	.contact_footer, .lien_footer {
		width: 93%;
	}

	.nav_page li a {
		font-size: 11px;
	}

	.b_reparation {
		height: 79px;
		width: 79px;
	}

	.cta_lien {
		padding: 7px 15px;
		margin: 25px 5px;
		font-size: 11px;
	}

	.block_telephone {
		width: calc(100% / 2 - 2% - 20px);
	}
}