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, 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 {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style:none;z-index: 1000;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}table{border-collapse:collapse;border-spacing:0;}img{max-width:100%;}a{text-decoration:none;}

#menu-wrapper{overflow:hidden;max-width:100%;cursor:pointer;}

#menu-wrapper #hamburger-menu{width:36px;height:38px;margin:0;background:#cc5515;border-radius:.15em;color:#fff;position:absolute;right:1em;top:1em;}

#menu-wrapper #hamburger-menu span{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);left:5px;display:block;width:25px;height:2px;border-radius:10px;background-color:#fff;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;}

#menu-wrapper #hamburger-menu span:nth-child(1){top:9px;}

#menu-wrapper #hamburger-menu span:nth-child(2){top:18px;}

#menu-wrapper #hamburger-menu span:nth-child(3){top:27px;}

#menu-wrapper #hamburger-menu.open span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}

#menu-wrapper #hamburger-menu.open span:nth-child(2){opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);left:-60px;}

#menu-wrapper #hamburger-menu.open span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

#menu-container .menu-list{padding-right:0;display:block;position:absolute;width:100%;max-width:350px;background:#003474;box-shadow:rgba(100,100,100,0.2) 6px 2px 10px;z-index:999;overflow-y:auto;overflow-x:hidden;right:-100%;top:55px;display:none;z-index:20000;}

#menu-container .menu-list li.accordion-toggle span,#menu-container .menu-list .menu-login,#menu-container .menu-list li.noparent{font-size:16px;padding:20px;text-transform:uppercase;border-top:1px solid #dbdcd2;}

#menu-container .menu-list > li span{display:block;padding:20px;}

#menu-container .menu-list li:first-of-type{border-top:0;}

.accordion-toggle,.accordion-content{cursor:pointer;font-size:16px;position:relative;letter-spacing:1px;}

a.menu-link{color:#fff;}

.accordion-content{display:none;}

.accordion-toggle span a:before,.accordion-toggle span a:after{content:'';display:block;position:absolute;top:40px;right:20px;width:15px;height:2px;margin-top:-1px;background-color:#fff;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s;transition:all .3s ease-out;}

.accordion-toggle span a:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:1;z-index:2;}

.accordion-toggle.active-tab{background:#cc5515;transition:all .3s ease;}

.accordion-toggle a.active:before{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);background:#fff!important;}

.accordion-toggle a.active:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background:#fff!important;opacity:0;}

#menu-container .menu-list .menu-submenu{padding-top:10px;padding-bottom:10px;background:#cc5515;border-top:1px solid #fff;}

ul.menu-submenu a{color:#fff;padding:10px 0 10px 25px;text-transform:uppercase;color:#fff;}

ul.menu-submenu a:hover{color:#003474;text-decoration:none;}

/* Mobile */

body {font-family: 'Titillium Web', sans-serif;background:url(../images/bg-slider-mobile-blanc.jpg) top center no-repeat;max-width: 1960px;margin:0 auto;}

body.accueil {background:url(../images/bg-slider-mobile.jpg) top center no-repeat;}

a {display:inline-block;}

p, a, main ul { color:#003474; margin:0;font-size:1.05em;line-height:1.1em;}
main ul>ul { color:#003474; margin:0;font-size:0.95em;line-height:1.25em;}
ul ul { color:#003474; margin:0;font-size:0.95em;line-height:1.25em;}
p{margin:1em 0;}

h1,h2,h3,h4{font-family: 'Oswald', sans-serif;color:#003474;}

h1.h1orange {color: #cc5515; margin-bottom: -20px;}

.conteneur{width:90%;margin:0 auto;}

#conteneurprojet{width:85%;margin:0 auto; text-align: left;}

#treepics {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

a.logo{width:53%;margin-top:.5em;}

nav.menudroite,nav.menuprincipal{display:none;}

div.infodroite{display:none;}

div.infodroite a {color:#fff;}

a.apropostexte {text-shadow: none;}

h1 { font-size:1.8em;margin-bottom:1em;}

h2{font-size:1.6em;}

div.slider{margin-top:6.5em;margin-bottom:4.5em;}

div.slider p,div.slider h1{color:#fff;font-size:2em;display:block;vertical-align:middle;text-align:center;font-family: 'Titillium Web', sans-serif;margin:1em auto; text-shadow: 3px 2px black;}

div.slider div.slideimg{vertical-align:middle; display:block; }

div.centeringimg{ text-align: center; }

img.withbordure{border:4px solid #cfd0d1;border-radius:20px;}

a.btnorange{background-color:#cc5515;color:#fff;padding:.5em 0;border-radius:.5em;padding:.5em;transition:.5s;}

a.btnorange::after{font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f101";padding:0 .5em;}

a.btnorange:hover{text-decoration:none;background-color:#003474;}

div.bgellipse{background:url(../images/bas-ellipse-mobile.jpg) top center no-repeat;background-color:#fff;padding-top:100px;margin-top:-2em;}

section.services {margin:2em 0;}

section.services h2{color:#0b5991;}

section.services article{margin:1em 0;max-width:100%; justify-content: space-around;}

section.services article.artvideo {max-width:100%; justify-content: space-around;}

#automatisation-withbordure{border:4px solid #cfd0d1;border-radius:20px; margin-right: 150px;}

section.services article.artvideo div.txt-video h2.titre-video { color: #003474;  font-size: 2em; text-align: left;}

section.services article img{border:5px solid #cfd0d1;border-radius:.5em;}

section.services article h3{color:#cc5515;border-bottom:2px solid #cc5515;cursor:pointer;font-size:1.3em;padding:.5em 0;height:40px;}

section.services article h3:after{font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f067";padding:0 .5em;float:right;font-size:.8em;padding-top:.2em;}

section.services article h3.actif:after{ content: "\f068";}

section.services article div.desc{display:none;}

section.fondgris{background:url(../images/bg-ellipse-grise-mb.jpg) top left #f1f2f4 no-repeat;padding-top:3em;padding-bottom:1em;}

section.fondgris .box25{display:none;}

section.fondgris .box75 {position:relative;}

section.fondgris .box75 h2{color:#fff;position:absolute;top:3%;width:80%;margin:0 auto;left:0;right:0;}

section.fondgris .box75 .box75txt{width:90%;margin:1em auto;}

footer{background:url(../images/bg-footer-mb-blanc.jpg) no-repeat #fff center top;padding:8em 0;margin-top:0em;}

body.accueil footer{background:url(../images/bg-footer-mb.jpg) no-repeat #f1f2f4 center top;padding:8em 0;margin-top:-4em;}

footer div.infodroite{display:block;margin:2em 0;}

div.infocontact a{padding:0 .5em 0 0;font-weight:bold;}

div.infocontact a i{font-weight:normal;}

div.infocontact a:nth-child(2){border-right:1px solid #fff;}

div.infocontact a:nth-child(3){padding-left:.3em;}

div#texto { padding-top: 4.5 em;}

#treepics img{margin-bottom: 10px;}
/*boites video*/
div.video-container{ overflow: cover; position: relative; width:100%;}

div.video-container::after {padding-top: 56.25%; display: flex; content: '';}

div.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 95%; border: 5px solid rgb(184, 184, 184); border-radius: 15px; margin-right: 10%; justify-content: space-around;}

div.txt-video h2 {text-align: left; width: 100%; padding-bottom: 10px;}

.boxvideo-container {display:inline-flex; flex-direction: row; justify-content: space-around;}

.flex-container-video {display: flex; background-color: grey; justify-content: space-around; align-items: center; flex-direction: row;}

.flex-item1 {background-color: white; width: 200px; margin: 10px; text-align: center; line-height: 100px; font-size: 50px;}

.flex-item2 {background-color: white; width: 200px; margin: 10px; text-align: center; line-height: 100px; font-size: 50px; order: -1;  }


.logo-custom{
    margin-top: 10px;
    margin-bottom:28px;
}

/*fin boites video*/


p.copy{font-size:.8em;margin:2em 0 0 0;color:#fff;}

p.copy a{color:#fff;}

.box60 h2, h2.ligne{position:relative;}

.box60 h2, h2.ligne{margin-top:2em;}

.box60 h2:before, h2.ligne:before{border-top:3px solid #cc5515;width:30%;position:absolute;content:"";margin-top:-.5em;}

.mt2{margin-top:2.5em !important;}

.mt7{margin-top:1em;}

.valeurs article{border:4px solid #cfd0d1;border-radius:20px;padding:1em;margin-bottom:1em;}

.valeurs article h3{border-bottom: 1px solid #cc5515;font-size:1.4em;padding-bottom:.5em;}

main ul{margin:1em 0 1em 2em;}

main ul li {list-style:disc;}

p + h2.ligne{margin-top:1.5em;}

form{max-width:900px;}

.verifantispam{display:none}

input[name="name"]{display:none}

input, textarea,select{width:100%;margin-top:0.25em;padding:5px;}

select, input[type=file]{margin-top:0.5em;}

textarea{height:5em;}

.g-recaptcha{margin:1em 0;}

input[type=submit]{width:auto;border:none;background:#05203f;color:#fff;height:auto;padding:0.55em 1.5em;}

input[type=checkbox]{width:auto;height:auto;margin-right:0.5em;}

iframe.map{width:100%;height:450px;}

strong{font-weight:bold;}

div.checkbox{border:1px dashed #ccc;background-color:#FFF;padding:10px;text-align:left;margin:.5em 0;display:inline-block;vertical-align:middle;}

input.tricheck:not(:checked),input.tricheck:checked {position: absolute;left: -9999px;}

input.tricheck:not(:checked) + label,input.tricheck:checked + label {position: relative;padding-left: 1.75em;cursor: pointer;}

input.tricheck:not(:checked) + label:before,input.tricheck:checked + label:before {content: '';position: absolute;left: .1em;top: .15em;width: 1em;height: 1em;border: 1px solid #ccc;background: #fff;border-radius: 4px;}

input.tricheck:not(:checked) + label:after,input.tricheck:checked + label:after {content: '✔';position: absolute;top: .3em;left:.3em;font-size: 1.1em;line-height: 0.8;color: #05203f;transition: all .2s;}

input.tricheck:not(:checked) + label:after {opacity: 0;transform: scale(0);}

input.tricheck:checked + label:after{opacity: 1;transform: scale(1);}

.imgpc{display: none;}

.imgmobile{margin-top:2em;}

main ul li ul li a{font-size:.9em;}

main ul li a:not(.nolink):hover{color:#cc5515;}

main ul li ul{margin-top:.5em;}

section.services article.artvideo{
    width: 100%;
}

#large-video{
    width: 100%;
}

footer .conteneur{
    display: flex;
    flex-direction: column;
}

footer .col-1{
    width: 53%;
}

footer .col-1 .logo{
    width: unset;
}

footer .col-1 .logo img{
    width: unset;
}

footer .concilivi-container{
    margin-top: 24px;
    display: block;
}


@media only screen and (min-width: 21em) {
	div.centeringimg{text-align: center; }
}

@media only screen and (min-width: 25em) {

div.slider div.slideimg{width:85%;margin:0 auto;}

div.slider p{font-size:1.7em;}

section.fondgris .box75 h2{top:7%;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width: 28em) {

div.slider div.slideimg{width:75%;}

h1{font-size:2.4em;}

h2{font-size:1.8em;}

h3{font-size:1.6em;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width: 31em) {

div.slider div.slideimg{width:65%;}

section.services article{display:inline-block;width:47%; margin-right: 1em; max-width: 100%;}

/*--section.services article:nth-child(2n+1){margin-right:0;}--*/

section.services article h3{font-size:1.1em;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width: 35em) {

header div.infodroite{display:block;text-align:right;width:55%;margin:3em 0 0 auto;}

div.infocontact a:nth-child(3),div.infocontact a:nth-child(4){padding-right:0;}

div.slider{margin-top:4em;margin-bottom:7em;}

div.slider p,div.slider h1{font-size:2.3em;display:inline-block;width:45%;}

div.slider div.slideimg{display:inline-block;width:34%;margin-left: 100px;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width: 40em) {

header div.infodroite{width:45%;}

div.slider{margin-top:3.5em;margin-bottom:6em;}

section.fondgris .box75 h2{font-size:2.5em;top:12%;}

section.services article h3{font-size:1.4em;}

div.centeringimg{text-align: center;}

footer .conteneur{
    flex-direction: row;
}

}


/*------------------------------------------------break point ligne du temps--------------------------------*/

@media(max-width: 767px) {

	div.centeringimg  {display: none;}

    div#invisibleimg {display: block; text-align: center;}

}



/*------------------------------------------------fin break point ligne du temps----------------------------*/

@media (min-width: 768px)  {

	div#invisibleimg {display: none;}

    div.centeringimg {display: block;}
}




@media only screen and (min-width: 48em) {

body{background:url(../images/bg-slider-blanc.jpg) top right -10em no-repeat;background-size:215%;}

body.accueil{background:url(../images/bg-slider.jpg) top right -10em no-repeat;background-size:215%;}

#menu-container {display:none;}

a.logo{width:35%;}

a.logo img{width:60%;}

header div.infodroite{display:inline-block;margin-top:1.5em;width:64%;}

div.infocontact a:nth-child(3){padding-right:.5em;}

nav.menudroite,nav.menuprincipal{display:block;}

nav.menudroite ul{display:flex;font-size:.85em;justify-content:flex-end;padding-bottom:.5em;}

nav.menudroite ul li{position:relative;padding:.2em .5em;}

nav.menudroite ul li:hover, nav.menudroite ul li.actif{background-color:#cc5515;}

nav.menudroite ul li a:hover{text-decoration:none;}

nav.menudroite ul li ul{display:none;}

nav.menudroite ul li:hover ul{display:flex;flex-direction:column;position:absolute;background-color:#fff;justify-content:flex-start;text-align:left;width:120px;left:2px;font-size:.95em;top:1.55em;padding-top:2px;}

nav.menudroite ul li:hover ul li:hover{background-color:inherit;}

nav.menudroite ul li:hover ul li a{color:#05213c;}

nav.menudroite ul li:hover ul li a:hover{color:#cc5515;}

nav.menuprincipal{margin:3em 0 0 0;border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:#003474;}

nav.menuprincipal ul{display:flex;padding:0 .5em;justify-content:space-between;text-align:center;}

nav.menuprincipal ul li{font-size:.9em;padding:2em .5em;border:1px solid transparent;border-radius:10px;margin-top:-7px;margin-bottom:-7px;flex:1;position:relative;}

nav.menuprincipal ul li:hover, nav.menuprincipal ul li.actif{background-color:#cc5515;border:1px solid #fff;cursor:pointer;}

nav.menuprincipal ul li a{color:#fff;}

nav.menuprincipal ul li ul{display:none;}

nav.menuprincipal ul li:hover ul{display:block;position:absolute;background-color:#FFF;left:2px;width:88%;flex-direction:column;top:5.5em;font-size:1em;border-radius:10px;}

nav.menuprincipal ul li:hover ul li{border:0;padding:.5em 0.5em;margin:0 -12px;border-radius:10px;color:#003474;}

nav.menuprincipal ul li:hover ul li:hover, nav.menuprincipal ul li.actif ul li.actif{background-color:#cc5515;}

nav.menuprincipal ul li:hover ul li a{color:#003474;}

nav.menuprincipal ul li:hover ul li:hover a, nav.menuprincipal ul li.actif ul li.actif a{color:#fff;}

nav.menuprincipal ul li ul li:hover{background-color:inherit;border:0;}

header div.infocontact{font-size:.9em;}

div.slider{margin-top:2em;margin-bottom:10em;}

div.slider p,div.slider h1{font-weight:bold;font-size:3em;}

div.bgellipse{margin-top:-5.5em;}

footer{padding-top:10em;height:300px;}

footer div.infodroite{display:inline-block;margin:0 0;width:60%;text-align:right;vertical-align:top;}

footer div.infodroite a{font-size:.9em;}

.box40,.box60{display:inline-block; margin-bottom:5em;}

.box40{width:39%; vertical-align:middle; text-align:center;}

.alignleft{text-align:left;}

.box60{width:calc(60% - 2em);margin-right:2em; vertical-align:middle;}

.blocdroite{margin-right:0em;margin-left:2em;  }

div.mix .box60,div.mix .box40{vertical-align:top;}

div.mix .box60 img,div.mix .box40 img{margin-top:3em;}

.right60{margin-right:0;margin-left:2em;}

.box30{display:inline-block;width:calc(33% - 1em);margin-right:1em;margin-bottom:3em;}

.last{margin-right:0 !important;}

.valeurs{display:flex;justify-content:space-between;flex-wrap:wrap;}

.valeurs article{flex:1 0 25%;margin-right:1em;}

.valeurs article:last-child,.valeurs article:nth-of-type(3){margin-right:0;}

.box50margin{display:inline-block; margin-bottom:5em;width:calc(49% - 2em);margin-right:2em;}

textarea{height:8em;}

textarea.poste{height:3em;}

input[type=submit]{margin-bottom:2em;}

.imgpc{display: inline-block;}

.imgmobile{display:none;}

h2.ligne{margin-top:0em;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width:51em) {

div.boxtxt{padding-top:4em;}

div.centeringimg{text-align: center; padding-top: 100px; }

}

@media only screen and (min-width:57em) {

div.boxtxt{padding-top:6.5em;}

.box50{display:inline-block;vertical-align:middle;}

.box50.accueil:first-child{width:40%;}

.box50.accueil:last-child{width:55%;}

.box50 h1{font-size:3em;margin-right:.5em;}

div.bgellipse{margin-top:-4.5em;}

section.fondgris .box25{display:inline-block;width:29.5%;vertical-align:middle;}

section.fondgris div.box75{display:inline-block;width:70%;vertical-align:middle;}

div.centeringimg{text-align: center; padding-top: 150px; }
section.services article.artvideo{
    width: 47%;
}
}



@media only screen and (min-width: 64em) {

body,body.accueil{background-size:auto;}

.conteneur,nav.menuprincipal ul{width:980px;margin:0 auto;}

p, a, main ul {font-size:1.1em;line-height:1.2em; }
main ul>ul {font-size:0.95em;line-height:1.25em; }
ul ul {font-size:0.95em;line-height:1.25em; }

a.logo img{width:188px;}

div.slider{margin-top:5em;}

div.slider p,div.slider h1{text-align:left;}

p.copy{display:inline-block;width:49%;margin:0;}

p.ymark{display:inline-block;width:49%;margin:0;text-align:right;}

nav.menuprincipal ul li:hover ul{width:90%;top:5.6em;}

div.boxtxt{padding-top:0;}

.box50{display:inline-block;width:49.5%;vertical-align:middle;}

.box50 h1{font-size:3em;margin-right:.5em;}

div.bgellipse{padding-top:100px;background:url(../images/bas-ellipse.jpg) top center no-repeat;margin-top:0;}

h2{font-size:2em;}

section.services{text-align:center;}

section.services h2{text-align:center;font-size:3em;}

section.services article h3,section.services article div{text-align:left;}

section.services article{width:32%;}

section.services article:nth-child(2n+1){margin-right:1em;}



footer div.infodroite{width:64%;}

footer p.copy{margin-top:2em;}

section.fondgris{background:url(../images/bg-ellipse-grise.jpg) top left #f1f2f4 no-repeat;}

footer{background:url(../images/bg-footer-blanc.jpg) no-repeat #f1f2f4 center top;padding:15em 0 7em 0;}

body.accueil footer{background:url(../images/bg-footer.jpg) no-repeat #f1f2f4 center top;padding:15em 0 7em 0;margin-top:-7em;}

.mt7{margin-top:1em;}

	.mb7{margin-bottom: 7em;}

.valeurs{display:flex;justify-content:space-between;}

.valeurs article, .valeurs article:nth-of-type(3){flex:1;margin-right:1em;}

.valeurs article:last-child{margin-right:0;}

div.centeringimg{text-align: center; padding-top: 0px;}

#large-video{
    width: 66%;
}

section.services article.artvideo{
    width: 32%;
}


}

@media only screen and (min-width: 80em) {

body,body.accueil{background-position:top right;}

div.centeringimg{text-align: center; }

}



@media only screen and (min-width: 96em) {

.conteneur,nav.menuprincipal ul{width:1480px;margin:0 auto;}

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

nav.menuprincipal ul li a{font-size:1em;}

div.slider{margin-bottom:12em;}

div.slider p br,div.slider h1 br{display:none;}

div.slider div.slideimg{text-align:right;}

div.bgellipse{margin-top:2em;}

nav.menuprincipal ul li:hover ul{left:3px;width:92%;top:4.5em;}

section.fondgris .box25{width:calc(100% - 1226px);}

section.fondgris div.box75{width:1220px;}

section.fondgris .box75 h2{font-size:3em;top:25%;left:5%;margin:0;}

section.fondgris .box75 .box75txt{width:70%;margin:0 0 0 5%;}

.box30{width:calc(33% - 2em);margin-right:2em;}

.box30.last{margin-right:0;}

div.centeringimg{text-align: center; }

}

@media only screen and (min-width: 120em) {

body,body.accueil {background-position:top center;}

div.centeringimg{text-align: center; }

}

@media only print{

}