@charset "UTF-8";
/* CSS Document */
:root {
    --xxs : 10px;
    --xs : 20px;
    --s : 25px;
    --m: 35px;
    --xm : 50px;
    --l : 50px;
    --xl: 100px;
    --xxl : 150px;
}

* {
	box-sizing: border-box;
}

body {
	width: auto;
    font-size: 14px;
    line-height: 22px;
	/*border:solid 1px blue;*/
}

input,
textarea {

}

.col-100-m {
	width:100%;
}
.col-90-m {
	width:90%;
}
.col-80-m {
	width:80%;
}
.col-70-m {
	width:70%;
}
.col-60-m {
	width:60%;
}
.col-50-m {
	width:50%;
}
.col-40-m {
	width:40%;
}
.col-30-m {
	width:30%;
}
.col-20-m {
	width:20%;
}
.col-10-m {
	width:10%;
}

.col-33-m {
	width:33%;
}
.col-66-m {
	width:66%;
}

.col-25-m {
	width:25%;
}
.col-75-m {
	width:75%;
}


.hide-m {
	display:none;
}
.show-m {
	display:block !important;
}

.page {
	width:100%;
	padding-left: 35px;
	padding-right: 35px;
}

.page.m,
.page.s,
.page.xs,
.page.xxs {
    padding-left: 0;
    padding-right: 0;
}

header .wrapper-menu .logo .round {
    display: none;
}

header .wrapper-menu .logo a {
    width: 110px;
}

header .wrapper-menu {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

header .wrapper-menu .mainbar nav:nth-of-type(1) {
    padding-right: 0;
}
header .wrapper-menu .mainbar nav:nth-of-type(2) {
    padding-left: 0;
}

.bandeau.large .titre h1 {
    font-size: 40px;
}
.bandeau.large .titre h1 strong {
    font-size: 55px;
}


#label .vision .titre h2,
#label .label .titre h2,
#clients .client .titre h2,
#clients #client-centre .titre h2,
#clients #client-indus .titre h2 {
    font-size: 28px;
}

#label .vision .titre h2 strong,
#label .label .titre h2 strong,
#clients .client .titre h2 strong,
#clients #client-indus .titre h2 strong,
#clients #client-centre .titre h2 strong {
    font-size: 40px;
}
#clients .client .titre h3 {
    font-size: 24px;
}

header .wrapper-menu .mainbar nav ul li a {
    font-size: 12px;
}

.programmes .titre h2 {
    font-size: 20px;
}
.programmes .titre h3 {
    font-size: 17px;
}
header .wrapper-subnav .close {
    top: 80px;
}

.wrapper-subnav .submenu nav {
    padding-top: 100px;
}

.wrapper-subnav #submenu-6 nav .item {
    width:33%;
}

.wrapper-subnav .submenu.open {
    height: 500px;
}

.wrapper-subnav .submenu nav .item a .legende p {
    font-size: 16px;
}

#conception #eric ul li {
    font-size: 14px;
}


.titre h2 {
    font-size: 38px;
}

.wrapper-demo {
    gap: 25px;
}

.wrapper-demo .wrapper-ipad .demo {
    max-width: 565px;
}
.wrapper-demo .wrapper-ipad {
    padding-top: 35px;
    padding-left: 32px;
    
} 


.wrapper-demo .items .item h3 {
    font-size: 16px;
}

.titre.medium h2 {
    font-size: 26px;
}

.projet a .main {
    height: 300px;
}

.projet a .main .encart {
    display: none;
}
.projet a .legende {
    transform: none;
    margin-top: 10px;
}

.projet a .legende .titre h2 {
    font-size: 16px;
}