/* typography.css - Fichier de typographie uniquement */

/* Font Family Base */
body {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

/* Font Weight Classes */
._fw-100 { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 100; 
}

._fw-300 { 
	font-family: "Roboto Condensed", sans-serif; 
	font-weight: 300;
}

._fw-500 { 
	font-family: "Roboto Condensed", sans-serif; 
	font-weight: 500;
}

._fw-700 { 
	font-family: "Roboto Condensed", sans-serif; 
	font-weight: 700;
}

._fw-900 { 
	font-family: "Roboto Condensed", sans-serif; 
	font-weight: 900;
}

/* Content Typography */
.entry-content .b p { 
	font-size: 1.2em;
	line-height: 1.6em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.entry-content .b ul li {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.05em;
} 

/* Page Typography */
body.page .site-content .b p {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.b ul li {
	font-size: 1em;
}

/* Text Transform */
.upp {
	text-transform: uppercase;
}

/* Headers and Titles */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1,
.l-banner h1 { 
	font-size: 1.35em; 
	line-height: 1.15em; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400; 
}

h2 {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: normal;
}

body.page .site-content h2 { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700; 
}

body.contact h1,
body.confirmation h1 { 
	text-align: center; 
}

/* Logo Typography */
.w--identity .logo strong {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.w--identity .logo .ext {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-transform: none;
}

.logo {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	font-weight: bold;
}

.baseline-1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400; 
	font-size: 1.15em; 
	line-height: 1.05em;
}

.baseline-1 strong {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.baseline-2 { 
	line-height: 1.2em; 
	text-transform: uppercase; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;  
	font-size: 0.9em; 
	letter-spacing: 0.15em;
}

.baseline-2 strong {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

/* Contact Flottant Typography */
.l-floatban__num {
	font-size: 34px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.l-floatban__infos {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
}

.l-floatban a.open-modal {
	letter-spacing: 0.1em;
	font-weight: bold;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

/* Banner Typography */
.l-banner p {
	font-size: 1.5em;
}

.l-banner p.xs { 
	font-size: 0.8em;
}

.l-banner p.benoit {
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
}

/* Form Typography */
form select,
form select.input,
form textarea.input,
form input.input {
	font-size: 1.2em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

select,
select#geo-select {
	font-size: 1.2em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.wpcf7-form-control-wrap .placeholder {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

form select option,
form select .option {
	font-size: 1.25em;
}

form input.submit {
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.3em;
}

form span.wpcf7-not-valid-tip {
	font-size: 0.8em;
}

/* Icon Section Typography */
.l-icons_itemText {
	font-size: 1em;
	line-height: 1.2em;
}

.l-icons_itemText-1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600;
}

.l-icons_itemText-2 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

/* Services Typography */
.l.l-services .l_title {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	font-size: 2em;
	line-height: 1.25em;
}

.site-content p.l_descr {
	font-size: 1.5em;
}

.l-services p.l_descr {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.l-services_item p {
	font-size: 1.1em;
	line-height: 1.2em;
}

.l-services_item .b_title {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

.l-services_btn {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	font-size: 0.75em;
	line-height: 1.2em;
	text-transform: uppercase;
}

/* Articles Typography */
.l.l-articles .l_title {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	font-size: 1.5em;
	line-height: 1.25em;
}

.l.l-articles p.l_descr {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.l_item p {
	font-size: 1.1em;
	line-height: 1.2em;
}

.l_item .b_title {
	font-size: 1em;
	line-height: 1.2em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

.l-articles .b_btn {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	font-size: 0.75em;
	line-height: 1.2em;
	text-transform: uppercase;
}

/* Certifications Typography */
.l-certifs .w-text .title {
	font-size: 2.5em; 
	line-height: 1.25em; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700; 
}

.l-certifs .w-text p.descr {
	font-size: 1.2em; 
	line-height: 1.4em;
}

.b-tel-title {
	font-size: 1em;
	line-height: 1.35em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.b-tel-num {
	font-size: 3em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

.b-tel-infos {
	font-size: 1em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

/* Témoins Typography */
.l-temoins .l-title { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
}

.b-temoins__name { 
	font-size: 1.1em; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600; 
}

.b-temoins p { 
	font-size: 1.2em; 
	line-height: 1.3em; 
}

/* Solutions Typography */
.l-solutions .l-title { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800; 
	font-size: 1.5em; 
	line-height: 1.1em; 
}

.l-solutions h1.site-title { 
	font-size: 2.25em;
}

.l-solutions .l-descr { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600; 
	line-height: 1.2em; 
}

.l-solutions .b-title { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600; 
	font-size: 1.5em; 
	line-height: 1.15em; 
	text-transform: uppercase; 
}

.l-solutions .b-descr { 
	font-size: 1.25em; 
	line-height: 1.3em; 
}

.l-solutions .b-btn { 
	text-transform: uppercase; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600; 
	font-size: 0.75em; 
}

/* Contact Typography */
.l-contact .l-title { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700; 
	font-size: 1.8em; 
	line-height: 1.25em; 
}

.l-contact .l-descr {  
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 500; 
	font-size: 1.5em; 
	line-height: 1.25em; 
}

.contact-actions-item a { 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700; 
}

.contact-actions-tel { 
	font-size: 2.5em; 
}

.contact-actions-email { 
	font-size: 1.5em; 
}

/* Local Section Typography */
.site-content .l-local p {
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

/* General Content Typography */
.site-content,
.site-content p { 
	font-size: 1.10em;  
	line-height: 1.5em; 
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}

/* Footer Typography */
.site-footer {
	line-height: 2em;
}

.site-footer ul#footer-menu a {
	font-size: 0.9em;
}

/* Navigation Typography */
.ttmenu .mobile-menu-button {
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.ttmenu li.menu-item-has-children > a::after {
	font-size: 15px; 
	font-weight: bold;
}

/* Text Size Classes */
body p.txt--xl { 
	font-size: 1.25em;
}

/* Modal Typography */
.modal-title {
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.modal-header-1 { 
	font-size: 1.5em;     
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400; 
}

.modal-header-2 { 
	font-size: 1.25em;     
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600; 
}

.modal-header-3 { 
	font-size: 0.9em;     
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800; 
}

/* Text Alignment */
.ac, .aligncenter {
	text-align: center;
}

.ar, .alignright {
	text-align: right;
}

.al, .alignleft {
	text-align: left;
}

/* Text Styles */
dfn, cite, em, i {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

sup {
	font-size: 75%;
	line-height: 0;
}

sub {
	font-size: 75%;
	line-height: 0;
}

/* WordPress Form Typography */
input.wpcf7-form-control {
	font-size: 1.2em;
	font-family: 'Barlow', sans-serif;
}

/* Button Link Typography */
.b.b-link {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	font-size: 1.3em;
	text-align: center;
}

.btn_banner {
	text-align: center;
}

/* Geo Spans Typography */
div.l.l-banner > div.ac > h1 > span,
body div.l.l-services span.geo,
body div.l.l.banner h1 span.geo,
.l.l-solutions span.geo {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.l.l-contact span.geo {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

/* Table Typography */
table td {
	font-size: 13px;
}

/* Code Typography */
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

big {
	font-size: 125%;
}

/* Responsive Typography */
@media all and (max-width: 500px) {
	.logo {
		font-size: 1em;
	}
	
	form input.submit { 
		font-size: 1.1em; 
	}
	
	.b-tel-num {
		font-size: 2em;
	}
}

@media all and (min-width: 500px) and (max-width: 900px) {
	.logo .logo-text {
		font-size: 0.75em;
	}
}

@media all and (min-width: 500px) and (max-width: 800px) {
	.fl.m-ac,
	.fr.m-ac,
	.ar.m-ac,
	.al.m-ac,
	.m-ac {
		text-align: center;
	}
}

@media (min-width: 500px) and (max-width: 1000px) {
	#header .right p span {
		font-size: 16px; 
		letter-spacing: 0.01em;
	}
	
	#header.site-header a.tel {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.ar.m-ac,
	.al.m-ac,
	.m-ac {
		text-align: center;
	}
}

@media (max-width: 500px) { 
	.l-contact .l-title { 
		font-size: 1.1em;
	} 
}

@media all and (min-width: 900px) {
	.l-banner h1 {
		font-size: 3em; 
		font-weight: 800;
	}
	
	.l-banner p { 
		font-size: 1.75em;
	}
	
	.l-banner p.xs { 
		font-size: 1.2em;
	}
	
	.w--infos {
		text-align: right;
	}
}

@media all and (min-width: 1000px) {
	.c {
		text-align: left;
	}
}