/*
Theme Name: Uniro
Theme URI: http://wordpress.org/
Description: Theme par Dix-Onze inc.
Author: Dix-Onze inc.
Version: 5.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main, input, textarea  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {
	display: block;
}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
}


ol, ul {list-style-type: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*---Additional Form resets---*/

button, input[type="button"] {
	background: none;
}

:required {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

/*---Typographic Styling---*/

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

u {
	text-decoration: underline;
}

pre, code {
	font-family: Monaco, Courier, monospace;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

blockquote, q {
	quotes: "" "";
}

blockquote:before, blockquote:after, q:before,	q:after {
	content: "";
}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {
	cursor: pointer;
}

/* End strppd.css */

/* Custom fonts */
/*
@font-face {
		font-family: 'ModernPictogramsNormal';
		src: url('fonts/modernpictograms/modernpics-webfont.eot');
		src: url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
				 url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
				 url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
				 url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
		font-weight: normal;
		font-style: normal; }
*/

/* Proper box model */
* { }

/* General styles */

html {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
    line-height: 1.3;
}

body {
    background: #262626;
}

a{	
    color: rgba(0, 122, 189, 1);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

a:hover {
    color: rgba(0, 122, 189, 0.7);
}

address {
}

aside {
}

b, strong {
}

blockquote {
}

button {
	cursor: pointer;
}
button:hover {
}

caption, th, td {
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif !important;
}

h1 {
    color: #000;
    font-size: 1.8rem;
    margin-bottom: 25px;}
h2 {
    color: #333;
    font-size: 1.4rem;
    margin-bottom: 5px;
}
h3 {
    color: #333;
    font-size: 1.4rem;
    margin-bottom: 5px;
}
h4 {
}
h5 {
}
h6 {
}

.les-sliders {
    padding: 30px 0 60px 0;
}

.bg-gris {
    background: #eef0f1;
}
.bg-gris-p {
    background: #f3f3f3 !important;
}
.bg-noir {
    background: #000;
}
.bg-blanc {
    background: #fff !important;
}

.les-sliders h1,
.les-sliders h2 {
    font-size: 2rem !important;
}

i, em {
}

img {
}

input, select, textarea {
}

input[type="radio"] {
}
input[type="checkbox"] {
}
input[type="text"] {
}

label {
}

li {
}

p {
	margin-bottom: 24px;
}

select {
}
select option {
}

table {
	border: 0; border-spacing:0; empty-cells:show;
}

textarea {
	resize: none;
}

ul, ol {
	margin-left: 20px;
	margin-bottom: 24px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

/* Custom styles */

#entete-principale {
	width: 100%;
    padding: 15px 0;
	position: relative;
}

#menu-wrapper {
    text-align: center;
}
#logo-principal img {
    vertical-align: middle;
    line-height: 23px;
}

#logo-principal {
    display: inline-block;
}

#menu-principal {
    display: inline-block;
    text-align: center;
}
	#menu-principal {
		margin: 0;
	}
	#menu-principal li {
		margin-left: 40px;
		background: none;
		border: none;
	}
	#menu-principal li.important a {
		background: rgba(0, 122, 189, 1);
	}
	#menu-principal li a {
		color: rgba(255, 255, 255, 1);
		font-size: 0.85rem;
        line-height: 20px;
		margin: 0;
		padding: 4px 10px 6px 10px;
		border: none;
		display: block;
	}
	#menu-principal li a:hover {
		color: rgba(255, 255, 255, 0.7);
	}
	#menu-principal li.important a:hover {
		color: #fff;
		background: #666;
	}
	#menu-principal ul.sub-menu {
		background: #0d6bd1;
		border: 1px solid #0652A5;
		border-top: none;
		border-radius: 8px;
	}
	#menu-principal ul.sub-menu li {
		text-align: left;
		margin: 0;
		padding: 2px 12px;
	}
	#menu-principal ul.sub-menu li a {
		color: #fff;
	}
	ul {
		min-width: 10em !important;
	}
	#menu-principal ul.sub-menu:before { 
		content: ''; 
		height: 0; 
		position: absolute; 
		top: -6px; 
		left: 10px;
		width: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #0d6bd1;
	}
 	#menu-principal ul.sub-menu i {
		font-size: 14px;
		color: #fff;
		margin-right: 6px;
	}

    #menu_haut {
        margin-bottom: 0;
        display: inline-block;
    }
        #menu_haut li {
            display: inline-block;
        }

#menu-mobile {
    margin-left: 30px;
    color: rgba(255, 255, 255, 0.95);
	cursor: pointer;
	display: none;
}
#menu-mobile:before {
	font-size: 24px;
}

#contenu-principal.avec-padding {
    padding: 60px 0;
}

#bloc-picto {
    margin: 0;
    background-color: rgba(243, 243, 243, 0.95);
    padding: 15px 0;
    text-align: center;
}
.liste-picto {
    margin: 0;
    list-style: none;
    display: inline-block
}
    .liste-picto li {
        display: inline-block;
        font-family: 'Manrope', sans-serif !important;
    }
    .liste-picto li {
        display: inline-block;
        padding: 0 30px;
        text-align: center;
        font-size: 0.8rem;
    }
    .liste-picto li a {
        color: #333;
    }

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#bloc-picto.sticky {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}
    #bloc-picto.sticky .liste-picto li {
        font-size: 0.6rem;
    }
    #bloc-picto.sticky .liste-picto img {
        width: 30px;
    }

main {
    background: #fff;
}

form {
    max-width: 500px;
}

input,
textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 12px;
    border: 1px solid #262626;
    background-image: #fff;
}

.page-contact i {
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.1);
}

.wpcf7-not-valid-tip {
    font-size: 0.8rem !important;    
}

#piedpage-principal {
    padding: 50px 0;
}
    #piedpage-principal ul {
        list-style: none;
    }
    #piedpage-principal h2 {
        font-size: 1.2rem;
        margin-bottom: 15px;
        color: #fff;
    }
    #piedpage-principal li,
    #piedpage-principal p {
        font-size: 0.8rem;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.6);
    }
    #piedpage-principal p {
        margin-bottom: 10px;
    }
    #piedpage-principal i {
        margin-right: 10px;
        font-size: 0.6rem;
        color: rgba(255, 255, 255, 0.5);
    }

.un-bloc {
    padding: 40px 0;
}
    .un-bloc:nth-child(2n) {
      background: #f3f3f3;
    }
    .un-bloc:first-child {
        padding-top: 40px;
    }
    .un-bloc:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    .un-bloc h2 {
        font-size: 2.3rem;
        padding-bottom: 25px;
    }

.un-bloc .image-wrapper img {
    max-width: calc(100% - 60px);
    padding-right: 60px;
}

.les-boutons {
    margin-top: 30px;
}

.au-centre {
    text-align: center;
}


input[type="submit"],
a.btn-std {
    display: inline-block;
    padding: 0.6em 1.7em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 0.2em;
    border: 1px solid #262626;
    font-size: 0.8rem;
    text-transform: uppercase;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    background-color: #007abd;
    box-shadow: inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
    text-align: center;
    position: relative;
}
input[type="submit"]:hover,
a.btn-std:hover {
    box-shadow: inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
@media all and (max-width:30em){
    a.btd-std {
        display: block;
        margin: 0.4em auto;
    }
}

.grid-parent-2.emplois ul,
ul.liste-spec {
    list-style: none;
    margin-left: 0;
}
	.grid-parent-2.emplois ul li,
    ul.liste-spec li {
        padding-bottom: 6px;
    }
	.grid-parent-2.emplois ul li:before,
    ul.liste-spec li:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f00c";
        font-size: 0.7rem;
        padding-right: 10px;
    }

#carte-google {
    width: 100%;
    height: 500px;
    background: #fff url(images/google-map.jpg) no-repeat center center;
    background-size: cover;
    display: block;
}

.brochure i {
    padding-right: 7px;
}

.grid-parent-2 {
    max-width: 900px;
    margin: 0 auto;
	display: grid;
	grid-gap: 10px;
	position: relative;
}

.grid-parent-2.produit {
    align-items: center;
	grid-template-columns: 50% 50%;
}
.grid-parent-2.emplois {
    align-items: normal;
	grid-template-columns: 30% 70%;
  	grid-template-areas: 
    	"el ec"; 	
	
}
.el {
	grid-area: el;
	background: #f7f7f7;
	padding: 30px 20px;
}
.ec {
	grid-area: ec;
	padding: 10px 20px;
}
.grid-parent-2.emplois p {
	line-height: 1.5;
}
.grid-parent-2.contenu {
    align-items: center;
	grid-template-columns: 70% 30%;
}
.grid-parent-2.contenu p:last-child {
    margin-bottom: 0;
}

.grid-parent-2.emplois h1 {
	font-size: 1.7rem;
	text-align: center;
}
.grid-parent-2.emplois h2 {
	font-size: 1.5rem;
	padding-bottom: 12px;
}
.grid-parent-2.emplois h3 {
	font-size: 1.2rem;
	padding-bottom: 12px;
}
.grid-parent-2.emplois ul {
	margin-left: 20px;
}
.grid-parent-2.emplois ul li {
	padding-left: 20px;
	padding-bottom: 12px;
	position: relative;
	list-style-position:inside !important;
}
.grid-parent-2.emplois ul li:before {
	position: absolute;
	left: 0;
	top: 6px;
}

.grid-parent-2.emplois ul.liste-emplois {
	margin-left: 0;
}
.grid-parent-2.emplois ul.liste-emplois li {
	font-size: 0.9rem;
	padding-left: 20px;
	padding-bottom: 12px;
	position: relative;
}
.grid-parent-2.emplois ul.liste-emplois li:before {
	content: "\f0b1";
	position: absolute;
	left: 0;
	top: 3px;
}

.grid-parent-2.contact {
	grid-template-columns: 40% 60%;
}

.logo-footer {
    width: 100%;
    max-width: 250px;
    margin-top: 32px;
}

.grid-child img {
    max-width: 100%;
}

.slider-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: -80px;
    z-index: 150;
    position: relative;
}


/* Responsive */

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

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

/* Mobile */
@media screen and (min-width: 901px) {
	#menu-mobile {
		display: none;
	}

	#menu_haut {
		display: inline-block;
	}
}
@media screen and (max-width: 900px) {
	#menu-mobile {
		display: block;
	}

	#menu-principal {
		bottom: 40px;
	}	

	#menu-principal ul {
		display: none;
		width: 160px;
		padding: 12px;
		background: rgba(0, 0, 0, 0.8);
		text-align: center;
		position: absolute;
		left: 50%;
		top: 42px;
		z-index: 300;
    	transform: translateX(-50%);
	}
	#menu-principal > ul {
		border-radius: 2px;
	}
		#menu-principal ul li {
			display: block;
			float: none;
			clear: both;
		}

		#menu-principal ul a {
			color: #fff;
			line-height: 35px;
			margin: 0;
		}
		#menu-principal ul li a:hover:not(.active) {
			border: none;
		}	
		#menu-principal ul.sub-menu {
			position: relative;
			left: auto;
			top: auto;
			right: auto;
			box-sizing: border-box;
		}
		#menu-principal li {
			margin-left: 0;
		}
		#menu-principal ul.sub-menu:before {
			left: 75px;
		}
	.sf-menu ul {
		min-width: inherit !important;
	}
	
	div[class*="grid_"] {
		width: 96% !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
		float: none !important;
		clear: both !important;
		display: block !important;
		text-align: center !important;
	}
	
	div[class*="grid_"].hide-mobile,
	.hide-mobile {
		display: none !important;
	}
	li {
		list-style-position: inside !important;
	}
    
    .liste-picto li {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 0.6rem;
    }
    .liste-picto img {
        width: 30px;
    }
    
    .un-bloc .image-wrapper img {
        max-width: 100%;
        margin-bottom: 60px;
        padding-right: 0;
    }
    
    .grid-parent-2.produit,
    .grid-parent-2.contenu,
    .grid-parent-2.contact {
        align-items: center;
        grid-template-columns: 100%;
    }
    form {
        margin-left: auto;
        margin-right: auto;
    }
    
    .les-sliders h1 {
        font-size: 17px !important;
    }
    
    .sticky {
        position: relative;
    }
	
	.grid-parent-2.emplois {
		align-items: normal;
		grid-template-columns: 100%;
		grid-template-areas: 
			"el"
			"ec"; 	

	}
	
	.grid-parent-2.emplois ul li {
		padding-left: 0;
		list-style-position:inside !important;
	}
	.grid-parent-2.emplois ul.liste-emplois li:before,
	.grid-parent-2.emplois ul li:before {
		position: relative;
		left: auto;
		top: auto;
	}

}