/*
Theme Name: Vivalis Site Institionnel
Author: Youssef Benabida
Author URI: youssef.benabida01@gmail.com
Description: This theme is created by Youssef Benabida for vivalis in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.2
Version: 1.0
License: Licenced for vivalis
Text Domain: vivalis
*/

.nav-container,nav{align-items:center}.menu-list,.nav-container,nav{display:flex;margin:0}#primary-menu li,.nav-container a{display:inline-block}#primary-menu li,#primary-menu li a,.menu-list,.nav-container,ul#primary-menu{height:inherit;line-height:inherit;padding:0}#primary-menu li,#primary-menu li a,div.region-a-la-une{font-family:FrutigerLTStd-Roman,sans-serif}.alaune-h2,.div-triangle,.personnel{text-align:center}body{margin:0;padding:0}nav{padding:0;height:88px;line-height:88px;background:linear-gradient(to right,#005b82 0,#0082bb 100%);justify-content:center;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.4)}.nav-container{width:75%}.menu-list{width:100%;align-items:center}.menu-top-menu-container{padding:0;margin-right:0;margin-left:25%;width:100%}ul#primary-menu{margin:0;width:100%;justify-content:center}ul#primary-menu ul{display:none}#primary-menu li{width:auto;list-style:none;margin-right:15px}#primary-menu li a{display:block;color:#fff;font-size:17px;text-decoration:none;font-weight:600;margin-top:0}.search-icon{height:25px;width:25px;display:block;transition:opacity .1s}img.search-icon:hover{opacity:.7}#search-block-form{position:absolute;top:8px;left:74.5%;z-index:99;width:25%}input.inp-search{width:100%;border:none;padding:14px 42px 12px 12px;background:#005b82;background:-moz-linear-gradient(left,#005b82 0,#0082bb 100%);background:-webkit-linear-gradient(left,#005b82 0,#0082bb 100%);background:-o-linear-gradient(left,#005b82 0,#0082bb 100%);background:linear-gradient(to right,#005b82 0,#0082bb 100%);color:#fff;position:relative;border-radius:0}.projet{width:61%;position:absolute;bottom:-47px;left:0;color:#fff;background:#005b83;background:-moz-linear-gradient(left,#005b83 0,#2baae1 50%,#005b83 100%);background:-webkit-linear-gradient(left,#005b83 0,#2baae1 50%,#005b83 100%);background:-o-linear-gradient(left,#005b83 0,#2baae1 50%,#005b83 100%);background:linear-gradient(to right,#005b83 0,#2baae1 50%,#005b83 100%);z-index:2}.position-triangle{float:left;width:34%;padding:0 0 47px;-webkit-box-shadow:-30px 2px 27px #000;-moz-box-shadow:-30px 2px 27px #000;box-shadow:-30px 2px 27px #000}.div-triangle{position:relative;font-family:sfnewrepublicbold;font-size:173%;padding:0}.personnel,.personnel a{font-family:frutigerroman}.div-triangle h2{padding:47px 0 0 50px;line-height:34px;margin-right:51px}.personnel{float:left;padding:24px 0 0 12px;line-height:24px;font-size:104%}.triangle{width:227px;height:158px;position:absolute;overflow:hidden;top:0;right:-80px;margin:0}.triangle::after{content:'';width:239px;height:226px;-webkit-box-shadow:4px -4px 30px 0 rgba(0,0,0,.6);-moz-box-shadow:4px -4px 30px 0 rgba(0,0,0,.6);box-shadow:4px -4px 30px 0 rgba(0,0,0,.6);-webkit-transform:rotate(55deg) skew(20deg);-o-transform:rotate(55deg) skew(20deg);-ms-transform:rotate(55deg) skew(20deg);-moz-transform:rotate(55deg) skew(20deg);transform:rotate(55deg) skew(20deg);position:absolute;right:95px;top:-32px}.personnel p{margin:2px 0 20px 7px;font-weight:600}.personnel a{font-size:79%;color:#fff;width:100%;padding:8.5px 22px;border-radius:22px;background:#ffa200;background:-moz-linear-gradient(left,#ffa200 0,#c42630 100%);background:-webkit-linear-gradient(left,#ffa200 0,#c42630 100%);background:-o-linear-gradient(left,#ffa200 0,#c42630 100%);background:linear-gradient(to right,#ffa200 0,#c42630 100%);position:relative;overflow:hidden;transition:.4s cubic-bezier(.42, 0, .58, 1)}.projet picture{float:right;margin:0 28px 0 0}.projet picture img{width:100%;height:auto}.clearfix:after{display:table;clear:both;content:""}div.region-a-la-une{-webkit-text-size-adjust:100%;color:#002060;margin:0;border:0;outline:0;font-size:100%;background:0 0;box-sizing:border-box;padding:19px 0 50px}#alaune,.view-content,div.container,div.region-a-la-une div,div.view-actualites-hp{color:#002060;font-family:FrutigerLTStd-Roman,sans-serif;padding:0;font-size:100%;-webkit-text-size-adjust:100%;border:0;outline:0;background:0 0;box-sizing:border-box}.view-content,div.region-a-la-une div,div.view-actualites-hp{margin:0}#alaune{margin:0;position:relative}div.container{width:100%;margin:0 auto;max-width:1269px}.alaune-h2,.section-avantages-une h2{z-index:9;font-size:250%;font-family:sfnewrepublic;font-weight:400}.alaune-h2{-webkit-text-size-adjust:100%;padding:0 0 27px;border:0;outline:0;background:0 0;box-sizing:border-box;position:relative;color:#fff;margin:1px 16.5px 33px 0}.section-alaune,.section-alaune .article-alaune{color:#002060;border:0;background:0 0;-webkit-text-size-adjust:100%;font-family:FrutigerLTStd-Roman,sans-serif;outline:0;font-size:100%;box-sizing:border-box}.section-avantages-une .alaune-h2:after{background:#fff;left:0}.section-alaune{display:flex;flex-wrap:wrap;margin:0 -15px;padding:0 30px}.section-alaune .article-alaune{margin:0;display:block;width:33.33%;padding:0 15px}.section-alaune .article-alaune a{-webkit-text-size-adjust:100%;font-family:FrutigerLTStd-Roman,sans-serif;margin:0;outline:0;font-size:100%;box-sizing:border-box;display:block;text-decoration:none;text-align:center;background:#fff;border:1px solid #0075a8;height:100%;position:relative;padding:0 0 107px;border-radius:3px;box-shadow:0 0 19px 0 rgba(0,0,0,.5)}.section-alaune .article-alaune a picture,.section-alaune .article-alaune a picture img{-webkit-text-size-adjust:100%;font-family:FrutigerLTStd-Roman,sans-serif;padding:0;outline:0;font-size:100%;background:0 0;box-sizing:border-box;border:0;display:block;text-align:center}.section-alaune .article-alaune a picture{margin:0 0 23px;overflow:hidden}.section-alaune .article-alaune a picture img{margin:0;max-width:100%;width:100%;transition:.6s ease-in-out;position:relative}.bloc-etapes{position:relative;margin:164px 0 0}.bloc-etapes:after{content:"";position:absolute;width:100%;height:100%;left:0;right:0;z-index:-2;top:-164px;background:#edf4f6}.bloc-etapes .step,.bloc-etapes h3,.bloc-etapes-in{position:relative}.container{width:100%;margin:0 auto;max-width:1269px}.section-avantages-une h2{margin:0 0 51px;text-align:center;padding-bottom:27px;position:relative;color:#005b82}.section-avantages-une h2:after{content:"";background:#005b82;width:74px;height:6px;position:absolute;left:6px;right:0;bottom:0;margin:auto}.bloc-etapes ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden;background:#fdfdfd;border-radius:10px;margin:0 auto 39px;padding:47px 0;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3);box-shadow:0 0 15px 0 rgba(0,0,0,.3)}.bloc-etapes ul li{width:33.333%;padding:0 50px;border-right:1px solid #dce7ea}li{list-style:none}.bloc-etapes .step{width:93px;height:93px;border-radius:50%;background:#f79107;background:-moz-linear-gradient(left,#f79107 0,#cc3729 100%);background:-webkit-linear-gradient(left,#f79107 0,#cc3729 100%);background:-o-linear-gradient(left,#f79107 0,#cc3729 100%);background:linear-gradient(to right,#f79107 0,#cc3729 100%);-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3);box-shadow:0 0 15px 0 rgba(0,0,0,.3);margin:0 auto 23px;display:block}.bloc-etapes .step img{margin:auto;position:absolute;left:0;right:0;top:0;bottom:0}.bloc-etapes h3{color:#e16219;font-size:111%;font-family:sfnewrepublicbold;padding-bottom:10px;line-height:1.2em;margin-top:6px;text-align:center}.bloc-etapes h3 span{font-size:303%;font-family:frutiger;font-weight:100;top:-12px}@media screen and (max-width:1560px){.projet{bottom:-78px}.position-triangle{padding:0 0 43px}.personnel a{width:100%}}@media screen and (max-width:1760px){.projet{bottom:-64px;z-index:1111}}@media only screen and (max-width:1550px){#primary-menu li a{font-size:16px}.nav-container{width:80%}}@media only screen and (max-width:1418px){#primary-menu li a{font-size:15px}.nav-container{width:85%}}@media only screen and (max-width:1318px){.nav-container{width:90%}.brand-logo{width:300px}}@media only screen and (max-width:1218px){#primary-menu li a{font-size:14px}.nav-container{width:97%}.brand-logo{width:270px}}@media only screen and (max-width:1030px){.appearnce-by-screen-width{display:none}.brand-logo{width:200px}}