.no-gutter [class*='col-'] { padding-right:0; padding-left:0; } /*==============================================*/ /*===> default page =*/ /*==============================================*/ .content h2{font-size: 4.286em;font-family: "Times New Roman", Times, serif;color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.9em;text-align: left;margin:65px 0 35px;} .content p{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} .content li{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} @media screen and (max-width: 767px) { .content h2{font-size: 2.9em;margin: 0;} } @media screen and (min-width: 768px) and (max-width: 1024px){ .content h2{font-size: 3.286em;margin:50px 0 15px 0;} } /*==============================================*/ /*===> page Lysios =*/ /*==============================================*/ .page-lysios{max-width: 1200px;margin: 0 auto;} .page-lysios .content{padding: 0 70px 100px;} .page-lysios .content h2{font-size: 4.286em;font-family: "Times New Roman", Times, serif;color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.9em;text-align: left;margin:95px 0 45px;} .page-lysios .content:first-child h2 {margin: 40px 0 45px;} .page-lysios .content p{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} .page-lysios .content li{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;list-style: none;} .page-lysios .sectors-container .content li:before{content: '--';font-size: 16px;display: inline-block;margin-right: 5px;} .page-lysios .sectors-container h3, .page-lysios .business-container h3{font-size: 3.429em;font-family: "HelveticaNeueW01-ThinCn";color: rgb(0, 0, 0);line-height: 0.917;position: relative;margin:0 0 55px 0;} .page-lysios .sectors-container h3 .line01,.page-lysios .business-container h3 .line01{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;top: -10px;left: 0px;} .page-lysios .sectors-container h3 .line02,.page-lysios .business-container h3 .line02{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;bottom: -10px;left: 0px;} .page-lysios .sectors-container .content ul{width: 640px;padding: 28px 0 0 0;margin-left: 295px;} .page-lysios .sectors-container .content li{font-size: 1.143em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;list-style:none;display:inline-block;width:50%;text-transform:uppercase;padding: 0;} .page-lysios .dates-container{width: 100%;background-color: #cecbc4;} .page-lysios .dates-container .date01, .page-lysios .dates-container .date02, .page-lysios .dates-container .date03, .page-lysios .dates-container .date04{width: 235px;height: 235px;padding:76px 34px; text-align:center;display: inline-block;margin: 0 6px;background-color:#fff;color: #fff;border-radius:118px;-webkit-border-radius:118px;-moz-border-radius:118px;-ms-border-radius:118px;-o-border-radius:118px;vertical-align: middle;} .page-lysios .dates-container .date01{background-color: #FFDE65;} .page-lysios .dates-container .date02{background-color: #7CA9DA;} .page-lysios .dates-container .date03{background-color: #1C4776;} .page-lysios .dates-container .date04{background-color: #646361;} .page-lysios .dates-container .date01 span, .page-lysios .dates-container .date02 span, .page-lysios .dates-container .date03 span, .page-lysios .dates-container .date04 span{font-size: 4.165em;font-family: "HelveticaNeueW01-55Roma";color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.237;} .page-lysios .dates-container .date01 span{color: #000;} .page-lysios .dates-container .date02 span{color: #fff;} .page-lysios .dates-container .date03 span{color: #fff;} .page-lysios .dates-container .date04 span{color: #fff;} .page-lysios .dates-container .date01 p, .page-lysios .dates-container .date02 p, .page-lysios .dates-container .date03 p, .page-lysios .dates-container .date04 p{font-size: 1.176em;font-family: "HelveticaNeueW01-47LtCn";color: rgba(0, 0, 0, 0.969);text-transform: uppercase;line-height: 1;text-align: center;} .page-lysios .dates-container .date01 p strong, .page-lysios .dates-container .date02 p strong, .page-lysios .dates-container .date03 p strong, .page-lysios .dates-container .date04 p strong{font-family: "HelveticaNeueW01-77BdCn";font-weight: normal;} .page-lysios .dates-container .date01 p{color: #000;} .page-lysios .dates-container .date02 p{color: #fff;} .page-lysios .dates-container .date03 p{color: #fff;} .page-lysios .dates-container .date04 p{color: #fff;} .page-lysios .dates-container .notice01{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: right;float:left;padding:72px 0 15px 0;width:660px;padding-right:35px} .page-lysios .dates-container .notice02{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: right;float:left;padding:72px 0 15px 0;width:365px;} .page-lysios .content .btn-container{position: absolute;bottom: 50px;right:55px;} .page-lysios .download{color: rgb(0, 0, 0);line-height: 1.2;margin:0 0 0 46px;font-family:"Calibri";} .page-lysios .download:hover, .page-lysios .download:focus{text-decoration: none;color:rgba(0,0,0,0.48);} .page-lysios .download .icon-download{font-size: 2em;color: rgb(0, 0, 0);padding:0px 8px 0px 0px;} .page-lysios .download:hover .icon-download, .page-lysios .download:focus .icon-download{text-decoration: none;color:rgba(0,0,0,0.48);} @media screen and (max-width: 767px) { .page-lysios{padding: 30px 0 40px 0;} .page-lysios .container{padding: 0;} .page-lysios .row{margin: 0;} .page-lysios .content{padding:20px 20px 60px 20px;} .page-lysios .content h2{font-size: 4.286em;line-height: 0.9em;margin: 0;padding: 0;} .page-lysios .sectors-container h3{font-size: 2.5em;line-height: 0.9em;margin:25px 0 55px} .page-lysios .content .btn-container{bottom: 0;left:0;right:0;text-align:center;} .page-lysios .content .download{display: block;margin: 0;} .page-lysios .dates-container .notice01{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: left;float:right;margin:15px 0;width: 100%;padding: 0;} .page-lysios .dates-container .notice02{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: left;float:right;margin:0 0 15px 0;width: 100%;padding: 0} .page-lysios .dates-container ul{margin:0;padding:0;text-align:center;width: 100%;} .page-lysios .sectors-container .content ul{width: 100%;} .page-lysios .sectors-container .content li{width: 100%;text-align: left;} .page-lysios .dates-container .date01, .page-lysios .dates-container .date02, .page-lysios .dates-container .date03, .page-lysios .dates-container .date04{margin: 20px 0 0;} .page-lysios .sectors-container h3, .page-lysios .business-container h3{margin:20px 0 55px 0;} } @media screen and (max-width: 414px) { .page-lysios .content h2{font-size:2.9em;} .page-lysios .ontologiques-container .content h2{word-break:break-all;} .page-lysios .content .download{margin:0 0 0 5px;font-size: 0.9em;} .page-lysios .content .download i.icon-download{font-size: 2em;padding:0;} } /*------------------------------------------------------------------------*/ /*tablette-----------------------------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .page-lysios h2{font-size: 3.286em;margin:50px 240px 15px 80px;} .page-lysios .content {padding:0 10px 50px 10px;} .page-lysios .content p{font-size:0.9em;} .page-lysios .content .btn-container{bottom: 20px;} .page-lysios .content .btn-container .download{font-size: 0.9em;} .page-lysios .dates-container .date01, .page-lysios .dates-container .date02, .page-lysios .dates-container .date03, .page-lysios .dates-container .date04{width: 160px;height: 160px;padding:35px 12px; text-align:center;display: inline-block;margin: 0 6px;border-radius:118px;-webkit-border-radius:118px;-moz-border-radius:118px;-ms-border-radius:118px;-o-border-radius:118px;vertical-align: middle;} .page-lysios .dates-container .date01 p, .page-lysios .dates-container .date02 p, .page-lysios .dates-container .date03 p, .page-lysios .dates-container .date04 p{font-size: 1em;} .page-lysios .dates-container .date01 span, .page-lysios .dates-container .date02 span, .page-lysios .dates-container .date03 span, .page-lysios .dates-container .date04 span{font-size: 2em;line-height: 0.237;} .page-lysios .dates-container .notice01{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: left;float:left;padding:50px 0 15px 0;width:400px} .page-lysios .dates-container .notice02{font-size: 15px;font-family: "Times New Roman";color: rgba(0, 0, 0, 0.71);font-style: italic;line-height: 1.333;text-align: left;float:right;padding:50px 0 15px 0;} } /*==============================================*/ /*===> contributor =*/ /*==============================================*/ .contributor-container{padding: 40px 0 43px;position:relative;width:100%;max-width: 1200px;margin: 0 auto 200px;} .contributor-container .flexslider { margin: 0; background: rgba(0,0,0,0); border: 0 none; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; zoom: 1; z-index:2;} .contributor-container .left-thumbnail{float: left;width: 56.5%;position: relative;height:575px;} .left-thumbnail .bg-contributor-thumbnail{/*background:url(../images/bg_thumbnail.png) 0 0;*/position:absolute;width: 62%;height: 100%;} .contributor-container .content{float: left;width:43.5%;padding:217px 45px 0 20px;position: relative;} .contributor-container h2{font-size: 5.143em;font-family: "Times New Roman", Times, serif;color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.75em;text-align: left;position: absolute;top:-2px;left:581px;margin:0;z-index: 99;} .page-competences .content:first-child h2 {margin: 40px 0 35px;} .contributor-container h2 span{display: block;} .contributor-container h3.firstname{font-size: 3.429em;font-family: 'HelveticaNeueW01-ThinCn';color: rgb(0, 0, 0);line-height: 0.917;margin:0;position:relative;} .contributor-container h3.firstname i{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;top: -10px;left:0;} .contributor-container h3.lastname{font-size: 3.429em;font-family: 'HelveticaNeueW01-77BdCn';color: rgb(0, 0, 0);line-height: 0.917;margin:10px 0 35px;;position:relative;} .contributor-container h3.lastname i{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;bottom: -18px;left: 0;} .contributor-container h4{font-size: 1.643em;font-family: 'HelveticaNeueW01-ThinCn';color: rgb(0, 0, 0);line-height: 0.917;} .contributor-container .content p{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} .contributor-container .content .secteurs-expertises p{text-align: left;} .read-more{font-size:0.857em;text-transform: uppercase;color:rgba(0,0,0,0.48);position: absolute;bottom: 0px;right:55px;} .button-action{text-align:right;} .contact a{font-size: 1em;font-family: "Calibri";color: rgb(0, 0, 0);font-weight: bold;text-transform: uppercase;line-height: 0.856;text-align: right;} .contact a:after{font-size: 60px;color:#000;vertical-align: middle;padding-bottom: 5px;content: "\e606";font-family: 'icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .contact a:hover, .contact a:focus{text-decoration: none;} /* Direction Nav */ .contributor-container .flex-direction-nav {*height: 0;} .contributor-container .flex-direction-nav a {text-decoration:none; display: block; width: 50px; height: 60px; margin:0; position: absolute; top:238px; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: #4D4C4C; text-shadow: none; -webkit-transition: none; -moz-transition: none; transition: none;} .contributor-container .flex-direction-nav .flex-prev { left: 32px; } .contributor-container .flex-direction-nav .flex-next { right: 32px; text-align: right; } .contributor-container .flexslider:hover .flex-prev { opacity: 1; left: 32px; } .contributor-container .flexslider:hover .flex-next { opacity: 1; right: 32px; } .contributor-container .flexslider:hover .flex-next:hover, .contributor-container .flexslider:hover .flex-prev:hover { opacity: 1; } .contributor-container .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .contributor-container .flex-direction-nav a:before { font-family: "icon"; font-size: 50px; display: inline-block; content: '\e60c';} .contributor-container .flex-direction-nav a.flex-next:before { content: '\e60d'; } .contributor-container .flexslider .slides{height: auto !important;} .contributor-container .flexslider .slides > li{height: auto !important;} .block-offices{background-color: #d0cecb;width: 513px;position: absolute;top: 530px;left:165px;z-index:3;padding:80px 0 55px 153px;color:#000;} .block-offices .bg-contributor-thumbnail{background:url(../images/bg_thumbnail.png) 0 0; position:absolute; width: 420px; height: 46px; top: 0px; left: -165px;} .block-offices .panel {margin-bottom: 0;background-color: transparent;border: 0 none;border-radius:0;box-shadow: none;} .block-offices .panel-heading {padding: 0;border-bottom: 0 none;border-top-right-radius:0;border-top-left-radius: 0;} .block-offices .panel-default > .panel-heading {color: inherit;background-color: transparent;border-color: transparent;} .block-offices.panel-group .panel-heading + .panel-collapse > .panel-body, .block-offices.panel-group .panel-heading + .panel-collapse > .list-group{border: 0 none;padding: 0;} .block-offices h4{font-size: 2.071em;font-family: "HelveticaNeueW01-77BdCn";color: rgb(0, 0, 0);text-transform: uppercase;margin:25px 0 20px;} .block-offices h4 a{color: #000;text-decoration: none;} .block-offices h4 a.collapsed{color: #47413e;text-decoration: none;margin-left:-28px; } .block-offices h4 .collapsed:before{font-size:0.8em; color: #000;content: "\e605"; font-family: 'icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .block-offices ul{list-style: none;margin: 0;padding: 0;} .block-offices li{list-style: none;color:#000;} .block-offices li.group{padding-bottom: 15px;} .block-offices li.group span{font-size:1.4em;font-weight: bold; font-family: "HelveticaNeueW01-57Cn";color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.667;} .block-offices li.group li a{list-style: none;font-family: "Calibri";color:#000;font-size:1.214em;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;line-height:15px;} .block-offices li.group li a:hover, .block-offices li.group li a:focus{text-decoration:none;} .block-offices li .icon-double-dash:before{font-family: 'icon';} .block-offices li .goto > strong{font-weight: normal;} .block-offices li .icon-double-dash,.block-offices li .icon-double-dash > strong{font-weight:bold;} /*smartphones----------------------------------------------------------------------------*/ @media screen and (max-width: 767px) { .block-offices .bg-contributor-thumbnail{display: none;} .contributor-container{padding:43px 0 50px 0; } .contributor-container .container{padding:0;} .contributor-container .row{margin:0;} .contributor-container .left-thumbnail{float: none;width: 100%;height:auto;} .left-thumbnail .bg-contributor-thumbnail{width: 85%;} .contributor-container .content{width: 100%;padding:20px;height: auto;} .contributor-container h2{position: static;margin: 0 0 35px;font-size:2.9em;} .contributor-container h2 span{display: inline;} .read-more{bottom: 0px;right:35px;} .block-offices{width: 100%;position: static;padding: 20px 20px 20px 40px;position: static;} .contributor-container .flex-direction-nav a{top: 100px;} .contributor-container .flex-direction-nav .flex-prev { left: 0; } .contributor-container .flex-direction-nav .flex-next { right: 0; } .contributor-container .flexslider:hover .flex-prev {left: 0; } .contributor-container .flexslider:hover .flex-next { right: 0; } } @media screen and (max-width: 414px) { .contributor-container .content h2{font-size:2.9em;} .contributor-container .content h3{font-size:2.5em;} } /*------------------------------------------------------------------------*/ /*tablette----------------------------------------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .block-offices .bg-contributor-thumbnail{height: 37px;width: 204px;} .contributor-container{padding: 52px 0 30px;} .contributor-container h2{font-size: 3.2em;left:365px;} .contributor-container .container{padding:0;} .contributor-container .row{margin:0;} .contributor-container .content{padding-top:100px;width:44.5%;} .contributor-container .left-thumbnail{width:55.5%;height:370px} .left-thumbnail .bg-contributor-thumbnail{width: 62%;} .contributor-container .content h3{font-size:2.143em} .contributor-container h3.firstname i{height: 2px;width: 15px;} .contributor-container h3.lastname i{height: 2px;width: 15px;} .contributor-container h4{font-size: 1.051em;} .block-offices h4{font-size: 1.9em;} .contributor-container .content p{font-size: 0.9em;} .read-more{font-size: 0.8em} .block-offices{top: 333px;left: 60px;width: 366px;padding:60px 0 20px 60px;} .contributor-container .flex-direction-nav a{top: 140px} } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) { .block-offices .bg-contributor-thumbnail{height: 43px;width: 263px;} .contributor-container .left-thumbnail{height:450px} .block-offices{top: 407px;width: 462px;} .contributor-container h2{font-size: 3.2em;left:460px;} } /*==============================================*/ /*===> page les competences =*/ /*==============================================*/ .page-competences {max-width: 1200px;margin: 0 auto;} .page-competences .content{padding: 0 70px 60px;} .page-competences .content h2{font-size: 4.286em;font-family: "Times New Roman", Times, serif;color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.9em;text-align: left;margin:65px 0 35px;} .page-competences .content h3{font-size: 3.429em;font-family: "HelveticaNeueW01-ThinCn";color: rgb(0, 0, 0);line-height: 0.917;position: relative;margin:15px 0; } .page-competences .content h3 .line01{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;top: -10px;left: 0px;} .page-competences .content h3 .line02{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;bottom: -10px;left: 0px;} .page-competences .content p{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} .page-competences .content li{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;} .page-competences .detail-competences{background: url(../images/bg_competences.jpg) no-repeat 0 0;background-size: cover;padding: 192px 0 0 0;font-size: 0rem;margin-bottom: 40px;} .detail-competences .block-competences{width: 352px;height: 234px;background-color: #fff;display: inline-block;font-size:14px;position: relative;} .detail-competences .block-competences .block-header{cursor: pointer; display: table-cell;height: 234px;vertical-align: middle;width: 352px;text-align: center;position:relative;/*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/} .detail-competences .block-competences .block-header i:before{font-size:0;width: 51px;height: 51px;margin: 0 auto;} .detail-competences .block-competences .block-header:hover i:before{display: block;font-size:51px;/*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/} .block-competences .block-content{position: absolute;/*-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;*/} .block-competences .block-content > div{width: 100%;float: left;} .block-header h4{font-size: 1.762em;font-family: "HelveticaNeueW01-57Cn";color: rgb(255, 255, 255);text-transform: uppercase;line-height: 1.071;text-align: center;/*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/} .detail-competences .block-content ul{/*margin:40px 0 0 0;*/padding:0;width:100%;} .detail-competences .block-content li{font-size:1.071em;font-family:'Calibri';list-style:none;padding:6px 0;color:#000;width: 100%;} .detail-competences .block-content p{font-size:1.071em;font-family:'Calibri';padding:6px 0;color:#000;line-height:normal;} .detail-competences .block-content li.list_0:before { content:""} .detail-competences .competence04 .block-content li.list_3:before { content:"\e601"; margin-left: 24px;} .detail-competences .competence04 .block-content li.list_4:before { content:"\e601"; margin-left: 24px;} .detail-competences .competence04 .block-content li.list_5:before { content:"\e601"; margin-left: 24px;} .detail-competences .block-content li:before{content: "\e601";font-family: 'icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .detail-competences .competence01{display: block; background-color:#FFDE65;} .competence01 i{color: #000;} .detail-competences .competence01 h4{color: #000000;} .detail-competences .competence01 .block-content{background-color: rgba(255,222,101,0.95);width: 0px;height: 234px;position: absolute;left: 100%;top: 0;z-index: 11;overflow:hidden;} .detail-competences .competence02{background-color:#bdbdbd;} .competence02 i{color: #000;} .detail-competences .competence02 .block-content{background-color: rgba(221,221,221);width:704px;height:0px;z-index: 21;overflow:hidden;} .detail-competences .competence02 .block-content ul{margin: 25px 0 0 0;width: 100%;} .detail-competences .competence03{background-color:#1C4776;} .competence03 i{color: #9f9fa3;} .detail-competences .competence03 h4{color: #fff;} .detail-competences .competence03 .block-content{background-color: rgba(29,71,119,0.95);width:704px;height:0px;z-index: 21;overflow:hidden;} .detail-competences .competence03 .block-content ul{margin: 25px 0 0 0;} .detail-competences .competence04{background-color:#7CA9DA;} .competence04 i{color: ##FFFFFF;} .detail-competences .competence04 h4{color: #fff;} .detail-competences .competence04 .block-content{background-color: rgba(124,169,218);width:704px;height:0px;z-index: 21;overflow:hidden;right: 0;} .detail-competences .competence04 .block-content ul{margin: 25px 0 0 0;} .detail-competences .competence05{background-color:#555251;margin-left:352px;} .competence05 i{color: #000} .detail-competences .competence05 .block-header{background-color: #555251;z-index: 20;} .detail-competences .competence05 .block-content{background-color: rgba(187,182,181,0.95);width:352px;height:0px;z-index: 13;top:0;overflow: hidden;} .detail-competences .competence05 .block-content ul{margin: 25px 0 0 0;} .detail-competences .competence05 .top-content{height: 219px;padding-left: 352px;display: table-cell;vertical-align: middle;} .detail-competences .competence05 .col-left {float: left;width: 50%;padding-right:20px;} .detail-competences .competence05 .col-right {float: left;width: 50%;padding-left:20px;} .detail-competences .competence05 .col-right h5, .detail-competences .competence05 .col-left h5{text-transform: uppercase;font-size: 1.071em;margin-top: 46px;} .detail-competences .competence05 .col-right h6, .detail-competences .competence05 .col-left h6{font-size: 1.286em;font-weight: bold;margin: 0;} .detail-competences .ensavoir{font-size:0.857em;color:rgba(0,0,0,0.7);text-transform:uppercase; } /*click anim*/ .detail-competences .block-competences .block-header i.icon-fleche-bas{display:block;font-size: 0;} .detail-competences .block-competences.on .block-header i.icon-fleche-bas{display:none;} .detail-competences .block-competences .block-header i.icon-fermer{display:none;} .detail-competences .block-competences.on .block-header i.icon-fermer{display:block;font-size: 0;} .detail-competences .block-competences.on .block-header i.icon-fermer:before{font-size:51px;} .detail-competences .competence01.on .block-content{width: 704px;padding:20px;} .detail-competences .competence02.on .block-content{height:auto;padding:15px;} .detail-competences .competence03.on .block-content{height:auto;padding:15px;} .detail-competences .competence04.on .block-content{height:auto;padding:15px;} .detail-competences .competence05.on .block-content{height:690px;width:704px;padding:15px;} /**/ /*smartphones*/ @media screen and (max-width: 767px) { .page-competences{padding: 30px 0 40px 0;} .page-competences .container{padding: 0;} .page-competences .row{margin: 0;} .page-competences .content{padding:20px;} .page-competences .content h2{font-size: 4.286em;line-height: 0.9em;margin: 0;padding: 0;} .page-competences .sectors-container h3{font-size: 2.5em;line-height: 0.9em;} .page-competences .content .btn-container{bottom: 0;left:0;right:0;text-align:center} .detail-competences .block-competences{height: auto;float:none;width:100%;margin: 0;text-align:left;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .detail-competences .block-competences .block-header{width: 100%;margin:0;display:block;height: auto;text-align:left;} .block-header h4{text-align: left;padding:10px 20px 10px 40px;margin: 0;position: relative;} .block-header h4 br{display:none} .block-header h4:before{position: absolute;left: 10px;top:0; padding: 10px 10px 0 0; content: "\e60b";font-family: 'icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .on .block-header h4:before{content: "\e60a";} .page-competences .detail-competences{background: none;padding: 0;margin: 0} .page-competences .detail-competences .bg-competences-xs .detail-competences .block-content{padding: 20px;margin: 0;position: static;} .detail-competences .competence01 .block-content{position: static;width: 100%;height:0;padding:0 15px;} .detail-competences .competence01 .block-content ul{margin: 0;} .detail-competences .competence02 .block-content{position: static;width: 100%;height:0;padding:0 15px;} .detail-competences .competence02 .block-content ul{margin: 0;} .detail-competences .competence03 .block-content{position: static;width: 100%;height:0;padding:0 15px;} .detail-competences .competence03 .block-content ul{margin: 0;} .detail-competences .competence04 .block-content{position: static;width: 100%;height:0;padding:0 15px;} .detail-competences .competence04 .block-content ul{margin: 0;} .detail-competences .competence05 .block-content{position: static;width: 100%;height:0;padding:0 15px;} .detail-competences .competence05 .top-content{height: auto;padding: 0;} .detail-competences .competence05 .col-left, .detail-competences .competence05 .col-right{float: none;width: 100%;padding: 0 0 20px 0} .detail-competences .competence01.on .block-content{width:100%;height: auto; padding:0 15px;} .detail-competences .competence02.on .block-content{width:100%;height:auto;padding:0 15px;} .detail-competences .competence03.on .block-content{width:100%;height:auto;padding:0 15px;} .detail-competences .competence04.on .block-content{width:100%;height:auto;padding:0 15px;} .detail-competences .competence05.on .block-content{width:100%;height:auto;padding:0 15px;} } @media screen and (max-width: 414px) { .page-competences .content h2{font-size:2.9em;} .page-competences .ontologiques-container .content h2{word-break:break-all;} .page-competences .content .download{margin:0 0 0 5px;font-size: 0.9em;} .page-competences .content .download i.icon-download{font-size: 2em;padding:0;} } /*------------------------------------------------------------------------*/ /*tablette-----------------------------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .page-competences h2{font-size: 3.286em;margin:50px 240px 15px 80px;} .page-competences .content {padding:0 10px 50px 10px;} .page-competences .content p{font-size:0.9em;} .page-competences .content .btn-container{bottom: 20px;} .page-competences .content .btn-container .download{font-size: 0.9em;} .page-competences .detail-competences{padding-top: 125px;} .detail-competences .block-competences{width: 225px;height:150px;} .detail-competences .block-competences .block-header{height: 150px;} .detail-competences .block-competences .block-header i:before{display: block;width: 100%; font-size:51px;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .block-header h4{font-size: 1.2em;} .detail-competences .block-content ul{margin: 0;} .detail-competences .block-content li{font-size:0.9em;padding: 0 0 5px 0;} .detail-competences .block-content p{font-size:0.9em;} .detail-competences .competence01 .block-content{width: 0;height:150px;padding:0;} .detail-competences .competence02 .block-content{width:450px;height:0px;padding: 0;} .detail-competences .competence02 .block-content ul{margin:0;width: 100%;} .detail-competences .competence03 .block-content{width:450px;height:0px;padding: 0;} .detail-competences .competence03 .block-content ul{margin:0;width: 100%;} .detail-competences .competence04 .block-content{width:450px;height:0px;padding: 0;} .detail-competences .competence04 .block-content ul{margin:0;width: 100%;} .detail-competences .competence05{margin-left:225px;} .detail-competences .competence05 .block-content{width:0px;height:0px;padding: 0;} .detail-competences .competence05 .block-content ul{margin:0;width: 100%;} .detail-competences .competence05 .top-content{height: 150px;padding-left: 225px;} .detail-competences .competence05 .col-left {padding-right:10px;} .detail-competences .competence05 .col-right {padding-left:10px;} .detail-competences .competence05 .col-right h5, .detail-competences .competence05 .col-left h5{font-size: 1.071em;} .detail-competences .ensavoir{font-size:0.7em;} .detail-competences .competence01.on .block-content{width: 450px;padding:10px;} .detail-competences .competence02.on .block-content{height:auto;padding:10px;} .detail-competences .competence03.on .block-content{height:auto;padding:10px;} .detail-competences .competence04.on .block-content{height:auto;padding:10px;} .detail-competences .competence05.on .block-content{height:600px;width:450px;padding:10px;} } /*==============================================*/ /*===> page Publication =*/ /*==============================================*/ .page-publication{max-width: 1200px;margin: 0 auto;} .page-publication .content{padding: 0 70px 60px;} .page-publication .content h2{font-size: 4.286em;font-family: "Times New Roman", Times, serif;color: rgb(0, 0, 0);text-transform: uppercase;line-height: 0.9em;text-align: left;margin:65px 0 35px;position:relative;} .page-publication .content h2 span{display: block;z-index:999;position:relative;} .page-publication .publication-container h3{font-size: 3.429em;font-family: "HelveticaNeueW01-ThinCn";color: rgb(0, 0, 0);line-height: 0.917;position: relative;z-index:2;} .page-publication .publication-container h3 .line01{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;top: -10px;left: 0px;} .page-publication .publication-container h3 .line02{width: 23px;height: 3px;background-color: #000;display: inline-block;position: absolute;bottom: -10px;left: 0px;} .page-publication .content h3:before{content: '';position: absolute;background:url(/images/bg_title_publication_dec.png) 5px 0 no-repeat;width: 100%;height: 492px;top:-170px;left:-75px; z-index:1;} .page-publication .content p{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;position: relative;z-index:2;} .page-publication .content li{font-size: 1.214em;color: rgb(0, 0, 0);line-height: 1.2;text-align: justify;padding-top: 15px;position: relative;z-index:2;} .page-publication .list-publication{padding-top: 80px;} .list-publication ul{font-size: 0;margin:0;padding:0;} .page-publication .content .list-publication li{width: 340px;font-size: 14px;padding:20px;background-color:#353230;list-style: none;color: #fff;margin-bottom:20px;} .page-publication .content .list-publication h4{font-size: 2.357em;font-family: "HelveticaNeueW01-ThinCn";color: rgb(255, 255, 255);line-height: 0.909;text-align:left;border-bottom: 1px solid #fff;padding:0 0 23px;margin: 20px 0 30px 0;} .list-publication h4 a{color:#fff;} .list-publication h4 a:hover, .list-publication h4 a:focus{text-decoration:none;color: rgba(255,255,255,.48);} .page-publication .content .list-publication h5{font-size: 1em;color: rgb(255, 255, 255);line-height: 1.2;text-align: left;margin: 0 0 20px 0;} .page-publication .content .list-publication p{font-size: 14px;font-family: "Calibri";color: #aeadad;line-height: 1.2;text-align: left;padding: 0 0 25px;} .page-publication .content .list-publication .column{margin: 0;} .page-publication .content .list-publication .column.first{margin: 0 10px 0 0;} .page-publication .content .list-publication .column.last{margin: 0;padding: 0 0 0 10px;} .block-bottom{padding-top: 20px;} .list-publication .download{bottom: 18px;display: inline-block;position: absolute;right: 15px;height:50px} .list-publication .download:hover, .list-publication .download:focus{text-decoration: none;color: rgba(255,255,255,.48);} .list-publication .download .icon-download{color:#fff;font-size: 3.5em;} .list-publication .download:hover .icon-download, .list-publication .download:focus .icon-download{text-decoration: none;color: rgba(255,255,255,.48);} .list-publication .download span{display: none;} /*smartphones*/ @media screen and (max-width: 767px) { .page-publication{padding: 30px 0 40px 0;} .page-publication .container{padding: 0;} .page-publication .row{margin: 0;} .page-publication .content{padding:20px;} .page-publication .content h2{font-size: 4.286em;line-height: 0.9em;margin: 0;padding: 0;} .page-publication .content h2 span{position: static;} .page-publication .publication-container h3{font-size: 2.5em;line-height: 0.9em;} .page-publication .content h3:before{content: '';position: static;background:none;width: auto;height: auto;} .page-publication .content .btn-container{bottom: 0;left:0;right:0;text-align:center} .page-publication .content .list-publication ul{padding: 0;margin: 0;} .page-publication .content .list-publication li{width: 100%;} } /*------------------------------------------------------------------------*/ /*tablette-----------------------------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .page-publication h2{font-size: 3.286em;margin:50px 240px 15px 80px;} .page-publication .content {padding:0 10px 50px 10px;} .page-publication .content p{font-size:0.9em;} .page-publication .content .list-publication h4{font-size: 2em;} .page-publication .content .list-publication li{width: 100%;} .page-publication .content .list-publication .column {padding: 0 5px;margin: 0;} .page-publication .content .list-publication .column.first {padding: 0 5px 0 0;margin: 0;} .page-publication .content .list-publication .column.last {padding:0 0 0 5px;margin: 0;} .list-publication .download .icon-download{color:#fff;font-size: 3em;} }