/* =======================================================
*
* 	Template Tokyo - Un design Equation Web 
*
*   Equation Web - Agence Web à Rennes
*   Mail : hello@equation-web.bzh
*   Tel : 02 30 96 11 11
*
*   Le design du site web est basé sur un modèle fourni par freehtml5.co,
*	adapté par Equation Web protégés par le droit d'auteur.
*
* ======================================================= */

/* Template version EW : 1.0 */

/*** COULEURS ***/
/* Couleur principale : #173054 */
/* Couleur principale - Exergue : #274063 */
/**/



.ew_tokyo {
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 400;
	font-size:16px;
	line-height:1.7;
	color:#828282;
	margin:0;
	padding:0;
	}

.ew_tokyo * {
	box-sizing:border-box;
	}

@keyframes animate_tokyo {
    from {
        opacity:0;
		position:relative;
		top:50px;
    }
    to {
        opacity:1;
		position:relative;
		top:0;
    }
}
	
.ew_tokyo *.animate_tokyo {
	animation: animate_tokyo 1s;
	}
	
.ew_tokyo *.animate_tokyo_prog,
.ew_tokyo *.animate_tokyo_wait,
.ew_tokyo *.animate_tokyo_process {
	opacity:0;
	}

.ew_tokyo a {
	color:#173054;
	text-decoration:none;
	}

.ew_tokyo a:hover {
	color:#274063;
	text-decoration:underline;
	}

.ew_tokyo .btn-primary {
	background-color:#173054;
	color:#FFFFFF;
	padding:12px 30px;
	border-radius:30px;
	text-decoration:none;
	transition: background-color 0.5s;
	font-size:inherit;
	font-family:inherit;
	cursor:pointer;
	border:none;
	}
	
.ew_tokyo .btn-primary:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#274063;
	}

.ew_tokyo .btn-left {
	margin-top:40px;
	text-align:left;
	}

.ew_tokyo .btn-center {
	margin-top:40px;
	text-align:center;
	}

.ew_tokyo .btn-right {
	margin-top:40px;
	text-align:right;
	}
	
.ew_tokyo h1:not(.en_tete_page_titre) {
	color: #000000;
    font-weight: 400;
    margin:0;
	margin-bottom:20px;
	font-size:2.2em;
	line-height:1.2;
	}
	
.ew_tokyo h2 {
	color: #000000;
    font-weight: 400;
    margin:0;
	margin-bottom:20px;
	font-size:1.9em;
	line-height:1.2;
	}
	
.ew_tokyo h3 {
	color: #000000;
    font-weight: 400;
    margin:0;
	font-size:1.2em;
	line-height:1.2;
	}
	
.ew_tokyo .en_tete_page {
	width:100%;
	height:100vh;
	max-height:100vw;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	background-color:#000000;
	color:#ffffff;
	}
	
.ew_tokyo .en_tete_page .en_tete_page_contenu {
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	text-align:center;
	width:100%;
	padding:50px;
	}
	
.ew_tokyo .en_tete_page.overlay:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:linear-gradient(#3f3f3f, #000000);
	opacity:35%;
	}
	
.ew_tokyo .en_tete_page .en_tete_page_titre {
	font-size:3em;
	line-height:1.3;
	font-weight:300;
	margin:20px 0;
	animation: animate_tokyo 1.5s;
	}
	
.ew_tokyo .en_tete_page .en_tete_page_sous_titre {
	font-size:1.4em;
	line-height:1.5;
	margin:20px 0;
	animation: animate_tokyo 1.5s
	}
	
.ew_tokyo .en_tete_page .en_tete_page_image img {
	width:70% !important;
	height:fit-content !important;
	margin:auto;
	animation: animate_tokyo 1.5s;
	}
	
.ew_tokyo .en_tete_page .en_tete_page_btn {
	font-size:1.1em;
	margin:10px 0;
	display:inline-block;
	animation: animate_tokyo 1.5s;
	}
	
.ew_tokyo .bg_alternate {
	background-color:#f2f2f2;
	}

.ew_tokyo .txt_center {
	padding:3em 50px;
	text-align:center;
	}

.ew_tokyo .txt_left {
	padding:3em 50px;
	text-align:left;
	}

.ew_tokyo .txt_center p,
.ew_tokyo .txt_center ul,
.ew_tokyo .txt_center h1,
.ew_tokyo .txt_center h2,
.ew_tokyo .txt_center h3,
.ew_tokyo .txt_left p,
.ew_tokyo .txt_left ul,
.ew_tokyo .txt_left h1,
.ew_tokyo .txt_left h2,
.ew_tokyo .txt_left h3,
#politique_confidentialite_link,
.spandec {
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
	width:100%; 
	}
	
#politique_confidentialite_link,
.spandec {
	max-width:1400px;
	}
	
@media (max-width: 500px) {
	.ew_tokyo .txt_center,
	.ew_tokyo .txt_left {
		padding:3em 15px;
		}
	
	#politique_confidentialite_link,
.spandec {
		max-width:1330px;
		}
	}

.ew_tokyo .image_side {
	position:relative;
	}

.ew_tokyo .image_side .image_side_content {
	padding:40px;
	}

.ew_tokyo .image_side .image_side_image {
	position:absolute;
	width:50%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	}

.ew_tokyo .image_side.image_side_left .image_side_content {
	margin-left:50%;
	}

.ew_tokyo .image_side.image_side_left .image_side_image {
	top:0;
	left:0;
	}

.ew_tokyo .image_side.image_side_right .image_side_content {
	margin-right:50%;
	}

.ew_tokyo .image_side.image_side_right .image_side_image {
	top:0;
	right:0;
	}
	
@media (max-width: 720px) {
	.ew_tokyo .image_side.image_side_left .image_side_image,
	.ew_tokyo .image_side.image_side_right .image_side_image {
		width:100%;
		height:75vw;
		top:-75vw;
		}

	.ew_tokyo .image_side.image_side_left .image_side_content,
	.ew_tokyo .image_side.image_side_right .image_side_content {
		margin:0;
		margin-top:75vw;
		}
	}

.ew_tokyo .image_side .image_side_content.coordonnees ul {
	padding:0;
	margin:0;
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li {
	padding:0;
	padding-left:40px;
	margin:0;
	margin-bottom:30px;
	list-style:none;
	position:relative;
}
.ew_tokyo .image_side .image_side_content.coordonnees ul li:before {
	color: #173054;
	position:absolute;
	left:0;
	top:.05em;
	font-family: 'icomoon';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.address:before {
	font-size: 30px;
	content: "\e9d1";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.phone:before {
	font-size: 23px;
	content: "\e9f4";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.email:before {
	font-size: 23px;
	content: "\e9da";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.url:before {
	font-size: 23px;
	content: "\e9af";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.facebook:before {
	font-size: 23px;
	content: "\ea67";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.instagram:before {
	font-size: 23px;
	content: "\ea6f";
	}
.ew_tokyo .image_side .image_side_content.coordonnees ul li.horaire:before {
	font-size: 23px;
	content: "\e014";
	}

.ew_tokyo .image_side .image_side_content.contact_form .contact_form_group {
	margin-bottom:15px;
	}

.ew_tokyo .image_side .image_side_content.contact_form input:not([type="submit"]),
.ew_tokyo .image_side .image_side_content.contact_form textarea {
	box-shadow: none;
	background-color: #FFFFFF;
	border: 2px solid #E5E5E5;
	font-size: 18px;
	font-weight: 300;
	width:100%;
	display:block;
    padding: 10px 20px;
    line-height: 1.42857;
    border-radius: 4px;
    color: #555555;
	font-family: inherit;
	transition:background-color 0.5s,border 0.5s;
	}

.ew_tokyo .image_side .image_side_content.contact_form input:not([type="submit"]) {
	height: 54px;
	}

.ew_tokyo .image_side .image_side_content.contact_form textarea {
	height: 200px;
    resize: vertical;
	}

.ew_tokyo .image_side .image_side_content.contact_form input:not([type="submit"]):focus,
.ew_tokyo .image_side .image_side_content.contact_form textarea:focus {
	outline: none;
	box-shadow: none;
	border-color: #173054;
	background-color:#F6F6F6;
	}

.ew_tokyo .image_side .image_side_content.contact_form .contact_form_group_double input:not([type="submit"]) {
	display:inline-block;
	width:calc(50% - 7.5px);
	}

.ew_tokyo .image_side .image_side_content.contact_form .contact_form_group_double input:not([type="submit"]):first-of-type {
	margin-right:15px;
	}

@media (max-width: 920px) {
	.ew_tokyo .image_side .image_side_content.contact_form .contact_form_group_double input:not([type="submit"]) {
		display:block;
		width:100%;
		}

	.ew_tokyo .image_side .image_side_content.contact_form .contact_form_group_double input:not([type="submit"]):first-of-type {
		margin-right:0;
		margin-bottom:15px;
		}
	}

.ew_tokyo .image_side .image_side_content.contact_form .politique_confidentialite {
	font-size:0.7em;
	}
	
.ew_tokyo .image_side .image_side_content.contact_form input[type="submit"].loading_button,
.ew_tokyo .image_side .image_side_content.contact_form input[type="submit"].loading_button:active,
.ew_tokyo .image_side .image_side_content.contact_form input[type="submit"].loading_button:focus {
	background-color:#555555 !important;
	border-color:#555555 !important;
	background-size:1.5em 1.5em !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	}
	
.ew_tokyo .image_side .image_side_content.contact_form .valid_form {
	font-weight:bold;
	color:#173054;
	}
	
.ew_tokyo .image_side .image_side_content.contact_form .error_form {
	font-weight:bold;
	color:red;
	}

.ew_tokyo .image_large {
	width:100%;
	height:350px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	}

.ew_tokyo .icons_list {
	padding:3em 15px;
	text-align:center;
	}

.ew_tokyo .icons_list .icons_list_icon {
	width:20%;
	display:inline-block;
    margin-top:30px;
	vertical-align:top;
	}

.ew_tokyo .icons_list.icons_list_3 .icons_list_icon {
	width:30%;
	}
	
@media (max-width: 990px) {
	.ew_tokyo .icons_list.icons_list_3 .icons_list_icon,
	.ew_tokyo .icons_list .icons_list_icon {
		width:40%;
		}
	}
	
@media (max-width: 720px) {
	.ew_tokyo .icons_list.icons_list_3 .icons_list_icon,
	.ew_tokyo .icons_list .icons_list_icon {
		width:80%;
		}
	}

.ew_tokyo .icons_list .icons_list_icon img {
	width:80px !important;
	height:80px !important;
	background-color:#FFFFFF;
	box-shadow:0px 5px 0px 0px #d3d3d3;
	border-radius:50%;
	}

.ew_tokyo .icons_list .icons_list_chiffre {
    font-size:2.2em;
	margin:0.3em 0;
	color:#4c4c4c;
	}

.ew_tokyo .icons_list .icons_list_sous_titre {
    text-transform: uppercase;
    letter-spacing: 5px;
	font-size:0.8em;
	}

/* .ew_tokyo .image_side { */
	/* position:relative; */
	/* } */

.ew_tokyo .contact_side {
	max-width:1300px;
	width:100%;
	margin:auto;
	}

.ew_tokyo .contact_side .contact_side_content {
	padding:40px;
	width:39%;
	display:inline-block;
	vertical-align:top;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form {
	width:60%;
	}
	
@media (max-width: 720px) {
	.ew_tokyo .contact_side .contact_side_content,
	.ew_tokyo .contact_side .contact_side_content.contact_form {
		width:100%;
		}
	}

.ew_tokyo .contact_side .contact_side_content.coordonnees ul {
	padding:0;
	margin:0;
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li {
	padding:0;
	padding-left:40px;
	margin:0;
	margin-bottom:30px;
	list-style:none;
	position:relative;
}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li:before {
	color: #173054;
	position:absolute;
	left:0;
	top:.05em;
	font-family: 'icomoon';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.address:before {
	font-size: 30px;
	content: "\e9d1";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.phone:before {
	font-size: 23px;
	content: "\e9f4";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.email:before {
	font-size: 23px;
	content: "\e9da";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.url:before {
	font-size: 23px;
	content: "\e9af";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.facebook:before {
	font-size: 23px;
	content: "\ea67";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.instagram:before {
	font-size: 23px;
	content: "\ea6f";
	}
.ew_tokyo .contact_side .contact_side_content.coordonnees ul li.horaire:before {
	font-size: 23px;
	content: "\e014";
	}

.ew_tokyo .contact_side .contact_side_content.contact_form .contact_form_group {
	margin-bottom:15px;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form input:not([type="submit"]),
.ew_tokyo .contact_side .contact_side_content.contact_form textarea {
	box-shadow: none;
	background-color: #FFFFFF;
	border: 2px solid #E5E5E5;
	font-size: 18px;
	font-weight: 300;
	width:100%;
	display:block;
    padding: 10px 20px;
    line-height: 1.42857;
    border-radius: 4px;
    color: #555555;
	font-family: inherit;
	transition:background-color 0.5s,border 0.5s;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form input:not([type="submit"]) {
	height: 54px;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form textarea {
	height: 200px;
    resize: vertical;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form input:not([type="submit"]):focus,
.ew_tokyo .contact_side .contact_side_content.contact_form textarea:focus {
	outline: none;
	box-shadow: none;
	border-color: #173054;
	background-color:#F6F6F6;
	}

.ew_tokyo .contact_side .contact_side_content.contact_form .contact_form_group_double input:not([type="submit"]) {
	display:inline-block;
	width:calc(50% - 7.5px);
	}

.ew_tokyo .contact_side .contact_side_content.contact_form .contact_form_group_double input:not([type="submit"]):first-of-type {
	margin-right:15px;
	}

@media (max-width: 920px) {
	.ew_tokyo .contact_side .contact_side_content.contact_form .contact_form_group_double input:not([type="submit"]) {
		display:block;
		width:100%;
		}

	.ew_tokyo .contact_side .contact_side_content.contact_form .contact_form_group_double input:not([type="submit"]):first-of-type {
		margin-right:0;
		margin-bottom:15px;
		}
	}

.ew_tokyo .contact_side .contact_side_content.contact_form .politique_confidentialite {
	font-size:0.7em;
	}
	
.ew_tokyo .contact_side .contact_side_content.contact_form input[type="submit"].loading_button,
.ew_tokyo .contact_side .contact_side_content.contact_form input[type="submit"].loading_button:active,
.ew_tokyo .contact_side .contact_side_content.contact_form input[type="submit"].loading_button:focus {
	background-color:#555555 !important;
	border-color:#555555 !important;
	background-size:1.5em 1.5em !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	}
	
.ew_tokyo .contact_side .contact_side_content.contact_form .valid_form {
	font-weight:bold;
	color:#173054;
	}
	
.ew_tokyo .contact_side .contact_side_content.contact_form .error_form {
	font-weight:bold;
	color:red;
	}