/* Theme Name: didacthem Theme URI: http://www.spin-interactive.com/ Author: Spin Interactive Author URI: http://www.spin-interactive.com/ Description: Theme by Spin Interactive Version: 1.0 Tags: didacthem */ /* GENERAL - RESET CSS */ 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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}textarea:focus,input[type="text"]:focus{outline: none} .mobile input[type="text"], .mobile input[type="submit"], .mobile textarea, .mobile input[type="email"], .mobile input[type="password"]{-webkit-appearance: none;border-radius: 0;} input:-webkit-autofill{box-shadow:0 0 0px 1000px #374FD5 inset; -webkit-box-shadow:0 0 0px 1000px #374FD5 inset; -webkit-text-fill-color: white !important;} /* FONTS @font-face {font-family: 'neosans'; src: url('../fonts/NeoSansPro-Regular.eot'); src: url('../fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NeoSansPro-Regular.woff') format('woff'), url('../fonts/NeoSansPro-Regular.ttf') format('truetype'), url('../fonts/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; } */ @font-face {font-family: 'didfont'; src: url('fonts/didfont.eot'); src: url('fonts/didfont.eot?#iefix') format('embedded-opentype'), url('fonts/didfont.woff') format('woff'), url('fonts/didfont.ttf') format('truetype'), url('fonts/didfont.svg#NeoSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; } /* GENERAL */ html, body{float:left; clear:both; font-weight:normal; width:100%; background:#04193C; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility; font-family: 'Open Sans', sans-serif; font-weight:300;} #main{float:left; width:100%; position:relative; background:#e6ecff;} #heading .wrapper{width:100%; max-width:980px; margin:0 auto;} .didfont{font-family:"didfont"!important;} a{text-decoration:none; color:inherit;} strong, b{font-weight:700;} /* HEADER */ #heading{position:fixed; width:100%; top:0; padding:0; z-index:10; font-weight:300; background:white;} .desktop #heading:hover .back,.show-back{opacity:1!important;} #heading .header{position:relative; float:left; width:100%; z-index:2; background:white; transition:.2s all ease-in; -webkit-transition:.2s all ease-in;} .research_opened #heading .header{margin-top:80px;} .mobile.research_opened #heading .header{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header>.back{position:absolute; left:0; width:100%; height:100%; background:white; z-index:-1;} #heading .header .wrapper{font-size:0; line-height:0;} #heading .header .logo{position:relative; display:inline-block; vertical-align:middle; width:25%; line-height:45px; padding:25px 0; text-align:left; background:white; z-index:3;} #heading .header .logo img{display:inline-block; width:auto; vertical-align:middle;} #heading .header .header_mobile_btn{display:none; position:absolute; right:15px; width:32px; height:24px; top:50%; z-index:4; overflow:hidden; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);} #heading .header .header_mobile_btn span{position:absolute; display:block; width:100%; height:4px; background:#474747; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .header_mobile_btn span:nth-child(1){left:0; top:0;} #heading .header .header_mobile_btn span:nth-child(2){left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);} #heading .header .header_mobile_btn span:nth-child(3){left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);} #heading .header .header_mobile_btn span:nth-child(4){left:0; bottom:0;} #heading .header.menu_opened .header_mobile_btn span:nth-child(1){transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%);} #heading .header.menu_opened .header_mobile_btn span:nth-child(2){transform:translate(0, -50%) rotate(45deg); -webkit-transform:translate(0, -50%) rotate(45deg); -ms-transform:translate(0, -50%) rotate(45deg);} #heading .header.menu_opened .header_mobile_btn span:nth-child(3){transform:translate(0, -50%) rotate(-45deg); -webkit-transform:translate(0, -50%) rotate(-45deg); -ms-transform:translate(0, -50%) rotate(-45deg);} #heading .header.menu_opened .header_mobile_btn span:nth-child(4){transform:translate(0, 100%); -webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%);} #heading .header .menu{display:inline-block; z-index:3; position:static; width:75%; vertical-align:middle; background:white;} #heading .header .menu .iscrollingmenu{min-height:0; float:right; position:static; width:100%;} #heading .header .menu nav{float:right; width:100%;} #heading .header .menu nav>div>ul{float:left; width:100%; font-size:0; line-height:0; color:white; vertical-align:bottom;} #heading .header .menu nav>div>ul>li{display:inline-block; line-height:45px; font-size:0; padding:27px 5px; max-width:calc(100% / 5.5); text-align:center; box-sizing:border-box; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .menu nav>div>ul>li.current-menu-ancestor{padding:27px 5px 21px 5px;} #heading .header .menu nav>div>ul>li>.gonext{display:none;} #heading .header .menu nav>div>ul>li>a, #heading .header .menu nav>div>ul>li>span{display:inline-block; padding:0 5px; line-height:20px; vertical-align:middle; z-index:10; color:#474747; font-size:16px; font-family:'Source Sans Pro'; font-weight:600; transition:.2s all ease-in; -webkit-transition:.2s all ease-in;} #heading .header .menu nav>div>ul>li>span{cursor:default;} #heading .header .menu nav>div>ul>li:hover>a, #heading .header .menu nav>div>ul>li:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li>div{position:absolute; opacity:0; visibility:hidden; background:white; left:0; bottom:0; width:100%; text-align:left; z-index:-2; transition:.2s all ease-in; -webkit-transition:.2s all ease-in;} #heading .header .menu nav>div>ul>li:hover>div{opacity:1; visibility:visible; transform:translate(0, 100%); -webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%);} #heading .header .menu nav>div>ul>li>div>.back_left{position:absolute; left:0; height:100%; width:50%; background:#FF9C00; z-index:1;} #heading .header .menu nav>div>ul>li>div>.back_right{position:absolute; right:0; height:100%; width:50%; background:#f4f1eb; z-index:1;} #heading .header .menu nav>div>ul>li>div>.back_top{position:absolute; left:0; height:100%; width:100%; background:white; z-index:2; transition:.2s all ease-in; -webkit-transition:.2s all ease-in;} #heading .header .menu nav>div>ul>li:hover>div>.back_top{transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%);} #heading .header .menu nav>div>ul>li>div>div>div{float:left; width:100%; position:relative; z-index:3;} #heading .header .menu nav>div>ul>li>div>div>div>.left{position:absolute; left:0; top:0; height:100%; float:left; width:25%; background:#FF9C00; padding:37px 0; box-sizing:border-box;} #heading .header .menu nav>div>ul>li>div>div>div>.left span{display:inline-block; padding:0 50% 0 0; color:white; font-size:24px; line-height:26px; font-family:'Source Sans Pro'; font-weight:700;} #heading .header .menu nav>div>ul>li>div>div>div>.right{float:left; position:relative; width:75%; margin:0 0 0 25%; padding:30px 0 50px 0; background:#f4f1eb;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul{float:left; width:50%; position:relative; padding:0 0 0 40px; border-right:1px solid #e1d8c8; box-sizing:border-box;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>.goback{display:none;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li{float:left; width:100%; font-size:16px; line-height:25px; box-sizing:border-box; padding:8px 15px 8px 0;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li.invisible{opacity:0; visibility:hidden;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>.gonext{display:none;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>a, #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>span{font-size:15px; line-height:22px; color:#474747; font-weight:600; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul{position:absolute; top:0; left:100%; width:100%; padding:0 0 0 40px; opacity:0; visibility:hidden; box-sizing:border-box; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li:hover>ul{opacity:1; visibility:visible;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li{float:left; width:100%; font-size:16px; line-height:25px; box-sizing:border-box; padding:8px 15px 8px 0;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>a, #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>span{font-size:15px; line-height:22px; color:#474747; font-weight:600; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.goback{display:none;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.btn a{display:inline-block; background:#8dc63f; padding:8px 15px 5px 15px; box-sizing:border-box; width:100%; line-height:16px; color:white; text-align:center; letter-spacing:0;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.btn a:hover{background:#97cb50;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.btn.informatif a{background:#f15a22; display:inline-block; padding:8px 15px 5px 15px; box-sizing:border-box; width:100%; line-height:16px; color:white; text-align:center; letter-spacing:0;} #heading .header .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.btn.informatif:hover a{background:#F96F40; text-decoration:none; border-bottom:2px solid #F96F40;} #heading .header .menu nav>div>ul>li.search span{color:#374FD5; cursor:pointer;} #heading .header .menu nav>div>ul>li.search span.mob{display:none;} #heading .header .menu nav>div>ul>li.search:hover span{color:#374FD5;} #heading .header .menu nav>div>ul>li.search>form{position:absolute; opacity:0; visibility:hidden; background:#f3f6ff; left:0; top:0; width:100%; z-index:1; transition:.2s all ease-in; -webkit-transition:.2s all ease-in;} .research_opened #heading .header .menu nav>div>ul>li.search>form{opacity:1; visibility:visible; transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%);} #heading .header .menu nav>div>ul>li.search>form .wrapper{position:relative;} #heading .header .menu nav>div>ul>li.search>form .wrapper div{position:relative; float:left; width:100%;} #heading .header .menu nav>div>ul>li.search>form .wrapper div #s{float:left; display:inline-block; width:100%; padding:22px 170px 22px 0; background:none; border:none; border-radius:0; -webkit-appearance:none; box-sizing:border-box; font-family:'Source Sans Pro'; font-weight:300; color:#807e7e; font-size:20px; line-height:40px;} #heading .header .menu nav>div>ul>li.search>form .wrapper div #s.ie{line-height:25px;} #heading .header .menu nav>div>ul>li.search>form .wrapper div #searchsubmit{position:absolute; right:0; top:50%; padding:0 21px 0 52px; background-color:#374FD5; background-image:url(images/loop.png); background-position:21px center; background-repeat:no-repeat; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Source Sans Pro'; font-weight:600; color:white; font-size:17px; line-height:40px; cursor:pointer; -webkit-appearance:none; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .menu nav>div>ul>li.search>form .wrapper div #searchsubmit:hover{background-color:#5f72dd;} #heading .header .menu nav>div>ul>li.orange.current-menu-ancestor, #heading .header .menu nav>div>ul>li.orange.current-menu-item{border-bottom:6px solid #FF9C00;} #heading .header .menu nav>div>ul>li.orange:hover>a, #heading .header .menu nav>div>ul>li.orange:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>.back_left{background:#FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>div>div>.left{background:#FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #FF9C00;} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} #heading .header .menu nav>div>ul>li.blue.current-menu-ancestor, #heading .header .menu nav>div>ul>li.blue.current-menu-item{border-bottom:6px solid #374fd5;} #heading .header .menu nav>div>ul>li.blue:hover>a, #heading .header .menu nav>div>ul>li.blue:hover>span{color:#374fd5;} #heading .header .menu nav>div>ul>li.blue>div>.back_left{background:#374fd5;} #heading .header .menu nav>div>ul>li.blue>div>div>div>.left{background:#374fd5;} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #374fd5;} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li:hover>span{color:#374fd5;} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #374fd5;} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>span{color:#374fd5;} #heading .header .menu nav>div>ul>li.purple.current-menu-ancestor, #heading .header .menu nav>div>ul>li.purple.current-menu-item{border-bottom:6px solid #5137c2;} #heading .header .menu nav>div>ul>li.purple:hover>a, #heading .header .menu nav>div>ul>li.purple:hover>span{color:#5137c2;} #heading .header .menu nav>div>ul>li.purple>div>.back_left{background:#5137c2;} #heading .header .menu nav>div>ul>li.purple>div>div>div>.left{background:#5137c2;} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #5137c2;} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li:hover>span{color:#5137c2;} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #5137c2;} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>span{color:#5137c2;} #heading .header .menu nav>div>ul>li.green.current-menu-ancestor, #heading .header .menu nav>div>ul>li.green.current-menu-item{border-bottom:6px solid #2ca6bf;} #heading .header .menu nav>div>ul>li.green:hover>a, #heading .header .menu nav>div>ul>li.green:hover>span{color:#2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>.back_left{background:#2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>div>div>.left{background:#2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li:hover>span{color:#2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #2ca6bf;} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>span{color:#2ca6bf;} #heading .header .menu nav>div>ul>li.skyblue.current-menu-ancestor, #heading .header .menu nav>div>ul>li.skyblue.current-menu-item{border-bottom:6px solid #0a87ff;} #heading .header .menu nav>div>ul>li.skyblue:hover>a, #heading .header .menu nav>div>ul>li.skyblue:hover>span{color:#0a87ff;} #heading .header .menu nav>div>ul>li.skyblue>div>.back_left{background:#0a87ff;} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.left{background:#0a87ff;} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #0a87ff;} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li:hover>span{color:#0a87ff;} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #0a87ff;;} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#0a87ff;} #heading .header .menu nav>div>ul>li.darkblue.current-menu-ancestor, #heading .header .menu nav>div>ul>li.darkblue.current-menu-item{border-bottom:6px solid #04193c;} #heading .header .menu nav>div>ul>li.darkblue:hover>a, #heading .header .menu nav>div>ul>li.darkblue:hover>span{color:#04193c;} #heading .header .menu nav>div>ul>li.darkblue>div>.back_left{background:#04193c;} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.left{background:#04193c;} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>span{border-bottom:3px solid #04193c;} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li:hover>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li:hover>span{color:#04193c;} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-ancestor>span, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{border-bottom:3px solid #04193c;;} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#04193c;} /* HEADER MOBILE */ @media only screen and (max-width:1000px) { /* ===== /!\ Si on modifie le moment du saut aller aussi le modifier dans function.js (chercher l'ancienne valeur) /!\ ===== */ #heading .wrapper{padding:0;} #heading .header .wrapper .back{position:relative; width:100%; height:100%; top:0; left:0; background:#f4f1eb; z-index:-1; display:none;} #heading .header .wrapper .logo{float:left; width:100%; padding:10px 0; text-align:center; z-index:4; background:white;} #heading .header .wrapper .header_mobile_btn{display:block;} #heading .header .wrapper .menu{position:fixed; right:0; height:100%; width:100%; display:block; overflow:scroll; box-sizing:border-box; padding:65px 0 0 0; background:#f4f1eb; z-index:3; transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%); transition:.5s all ease-in; -webkit-transition:.5s all ease-in;} #heading .header .wrapper .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu .iscrollingmenu{position:absolute; width:100%;} #heading .header .wrapper .menu nav{position:relative; float:left; width:100%;} #heading .header .wrapper .menu nav>div{float:left; position:relative; width:100%;} #heading .header .wrapper .menu nav>div>ul{float:left; width:100%; transition:.5s all ease-in; -webkit-transition:.5s all ease-in;} #heading .header .wrapper .menu nav>div>ul.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul>li{float:left; width:100%; border:none; padding:0; margin:0; line-height:0; max-width:100%; text-align:left; border-bottom:none!important;} #heading .header .wrapper .menu nav>div>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li>span{font-size:16px; line-height:23px; width:100%; padding:11px 55px 11px 10px; border-bottom:1px solid #e1d8c8; box-sizing:border-box;} #heading .header .wrapper .menu nav>div>ul>li>.gonext{display:block; position:absolute; right:0; width:45px; height:45px; padding:0; text-align:center; color:#1a171b; font-family:'didfont'; font-size:15px; line-height:45px; border-bottom:1px solid #e1d8c8; cursor:pointer; transform:translate(0, -100%) rotate(90deg); -webkit-transform:translate(0, -100%) rotate(90deg); -ms-transform:translate(0, -100%) rotate(90deg);} #heading .header .wrapper .menu nav>div>ul>li>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul>li:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul.opened>li>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul.opened>li:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul.opened>li.opened>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul.opened>li.opened:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .wrapper .menu nav>div>ul>li>div>.back_left{display:none;} #heading .header .wrapper .menu nav>div>ul>li>div>.back_right{display:none;} #heading .header .wrapper .menu nav>div>ul>li>div>.back_top{display:none;} #heading .header .wrapper .menu nav>div>ul>li>div>div{float:left; width:100%;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.left{display:none;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right{width:100%; margin:0; padding:0; background:#f4f1eb;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul{float:left; width:100%; padding:0; border-bottom:1px solid #e1d8c8;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li{float:left; width:100%; padding:0; } #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li.invisible{display:none;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>.goback{display:none; float:left; width:100%; text-align:center; background:#e1d8c8;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>.goback>span{display:block; padding:5px 0; font-size:15px; color:#1a171b; cursor:pointer; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>span{display:inline-block; font-size:16px; line-height:23px; width:100%; padding:11px 10px 11px 10px; border:none!important; box-sizing:border-box;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>.gonext{display:block; position:absolute; right:0; width:45px; text-align:center; color:#1a171b; font-family:'didfont'; font-size:15px; border-left:1px solid #e1d8c8; cursor:pointer;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul{position:relative; float:left; top:auto; left:auto; width:100%; padding:0; opacity:1; visibility:visible;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li{float:left; width:100%; font-size:16px; line-height:25px; box-sizing:border-box; padding:0;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>span{display:inline-block; color:#474747; font-size:16px; line-height:23px; width:100%; padding:5px 10px 5px 20px; border:none!important; box-sizing:border-box; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.goback{display:none;} #heading .header .menu nav>div>ul>li.search{position:relative; background:#f3f6ff;} #heading .header .menu nav>div>ul>li.search span{width:auto; position:absolute; left:0; top:0; font-size:14px; padding:13px 10px 9px 10px;} #heading .header .menu nav>div>ul>li.search>form{position:relative; left:auto; bottom:auto; float:left; opacity:1; visibility:visible; background:none; z-index:1;} #heading .header .menu nav>div>ul>li.search>form .wrapper{float:left; width:100%;} #heading .header .menu nav>div>ul>li.search>form .wrapper div{float:left; width:100%;} .research_opened #heading .header .menu nav>div>ul>li.search>form{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .menu nav>div>ul>li.search>form .wrapper div #s{padding:11px 10px 11px 35px; font-size:16px; line-height:23px;} #heading .header .menu nav>div>ul>li.search>form .wrapper div #searchsubmit{position:relative; float:left; top:auto; bottom:auto; right:auto; width:100%; padding:0; background:none; background-color:#374FD5; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:16px; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} #heading .header .menu nav>div>ul>li.orange.current-menu-item, #heading .header .menu nav>div>ul>li.orange.current-menu-ancestor{background:rgba(255, 156, 0, .2);} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(255, 156, 0, .2);} #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(255, 156, 0, .2);} #heading .header .menu nav>div>ul>li.blue.current-menu-item, #heading .header .menu nav>div>ul>li.blue.current-menu-ancestor{background:rgba(55, 79, 213, .2);} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(55, 79, 213, .2);} #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(55, 79, 213, .2);} #heading .header .menu nav>div>ul>li.purple.current-menu-item, #heading .header .menu nav>div>ul>li.purple.current-menu-ancestor{background:rgba(81, 55, 194, .2);} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(81, 55, 194, .2);} #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(81, 55, 194, .2);} #heading .header .menu nav>div>ul>li.green.current-menu-item, #heading .header .menu nav>div>ul>li.green.current-menu-ancestor{background:rgba(44, 166, 191, .2);} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(44, 166, 191, .2);} #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(44, 166, 191, .2);} #heading .header .menu nav>div>ul>li.skyblue.current-menu-item, #heading .header .menu nav>div>ul>li.skyblue.current-menu-ancestor{background:rgba(10, 135, 255, .2);} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(10, 135, 255, .2);} #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(10, 135, 255, .2);} #heading .header .menu nav>div>ul>li.darkblue.current-menu-item, #heading .header .menu nav>div>ul>li.darkblue.current-menu-ancestor{background:rgba(4, 25, 60, .2);} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(4, 25, 60, .2);} #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(4, 25, 60, .2);} #heading .header .wrapper .menu nav>div>ul>li.orange>a, #heading .header .wrapper .menu nav>div>ul>li.orange>span{color:#FF9C00;} #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>span{color:#FF9C00;} #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} #heading .header .wrapper .menu nav>div>ul>li.blue>a, #heading .header .wrapper .menu nav>div>ul>li.blue>span{color:#374fd5;} #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>span{color:#374fd5;} #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>span{color:#374fd5;} #heading .header .wrapper .menu nav>div>ul>li.purple>a, #heading .header .wrapper .menu nav>div>ul>li.purple>span{color:#5137c2;} #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>span{color:#5137c2;} #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>span{color:#5137c2;} #heading .header .wrapper .menu nav>div>ul>li.green>a, #heading .header .wrapper .menu nav>div>ul>li.green>span{color:#2ca6bf;} #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>span{color:#2ca6bf;} #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>span{color:#2ca6bf;} #heading .header .wrapper .menu nav>div>ul>li.skyblue>a, #heading .header .wrapper .menu nav>div>ul>li.skyblue>span{color:#0a87ff;} #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>span{color:#0a87ff;} #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#0a87ff;} #heading .header .wrapper .menu nav>div>ul>li.darkblue>a, #heading .header .wrapper .menu nav>div>ul>li.darkblue>span{color:#04193c;} #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>a, #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>span{color:#04193c;} #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>a, #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#04193c;} } /* HEADER TACTILE */ .mobile #heading .wrapper{padding:0;} .mobile #heading .header .wrapper .back{position:relative; width:100%; height:100%; top:0; left:0; background:#f4f1eb; z-index:-1; display:none;} .mobile #heading .header .wrapper .logo{float:left; width:100%; padding:10px 0; text-align:center; z-index:4; background:white;} .mobile #heading .header .wrapper .header_mobile_btn{display:block;} .mobile #heading .header .wrapper .menu{position:fixed; right:0; height:100%; width:100%; display:block; overflow:scroll; box-sizing:border-box; padding:65px 0 0 0; background:#f4f1eb; z-index:3; transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%); transition:.5s all ease-in; -webkit-transition:.5s all ease-in;} .mobile #heading .header .wrapper .menu.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu .iscrollingmenu{position:absolute; width:100%;} .mobile #heading .header .wrapper .menu nav{position:relative; float:left; width:100%;} .mobile #heading .header .wrapper .menu nav>div{float:left; position:relative; width:100%;} .mobile #heading .header .wrapper .menu nav>div>ul{float:left; width:100%; transition:.5s all ease-in; -webkit-transition:.5s all ease-in;} .mobile #heading .header .wrapper .menu nav>div>ul.opened{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul>li{float:left; width:100%; border:none; padding:0; margin:0; line-height:0; max-width:100%; text-align:left; border-bottom:none!important;} .mobile #heading .header .wrapper .menu nav>div>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li>span{font-size:16px; line-height:23px; width:100%; padding:11px 55px 11px 10px; border-bottom:1px solid #e1d8c8; box-sizing:border-box;} .mobile #heading .header .wrapper .menu nav>div>ul>li>.gonext{display:block; position:absolute; right:0; width:45px; height:45px; padding:0; text-align:center; color:#1a171b; font-family:'didfont'; font-size:15px; line-height:45px; border-bottom:1px solid #e1d8c8; cursor:pointer; transform:translate(0, -100%) rotate(90deg); -webkit-transform:translate(0, -100%) rotate(90deg); -ms-transform:translate(0, -100%) rotate(90deg);} .mobile #heading .header .wrapper .menu nav>div>ul>li>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul>li:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul.opened>li>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul.opened>li:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul.opened>li.opened>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul.opened>li.opened:hover>div{float:left; top:auto; bottom:auto; opacity:1; visibility:visible; border:none; z-index:5; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>.back_left{display:none;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>.back_right{display:none;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>.back_top{display:none;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div{float:left; width:100%;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.left{display:none;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right{width:100%; margin:0; padding:0; background:#f4f1eb;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul{float:left; width:100%; padding:0; border-bottom:1px solid #e1d8c8;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li{float:left; width:100%; padding:0; } .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li.invisible{display:none;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>.goback{display:none; float:left; width:100%; text-align:center; background:#e1d8c8;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>.goback>span{display:block; padding:5px 0; font-size:15px; color:#1a171b; cursor:pointer; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>span{display:inline-block; font-size:16px; line-height:23px; width:100%; padding:11px 10px 11px 10px; border:none!important; box-sizing:border-box;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>.gonext{display:block; position:absolute; right:0; width:45px; text-align:center; color:#1a171b; font-family:'didfont'; font-size:15px; border-left:1px solid #e1d8c8; cursor:pointer;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul{position:relative; float:left; top:auto; left:auto; width:100%; padding:0; opacity:1; visibility:visible;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li{float:left; width:100%; font-size:16px; line-height:25px; box-sizing:border-box; padding:0;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li>span{display:inline-block; color:#474747; font-size:16px; line-height:23px; width:100%; padding:5px 10px 5px 20px; border:none!important; box-sizing:border-box; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} .mobile #heading .header .wrapper .menu nav>div>ul>li>div>div>div>.right>ul>li>ul>li.goback{display:none;} .mobile #heading .header .menu nav>div>ul>li.search{position:relative; background:#f3f6ff;} .mobile #heading .header .menu nav>div>ul>li.search span{width:auto; position:absolute; left:0; top:0; font-size:14px; padding:13px 10px 9px 10px;} .mobile #heading .header .menu nav>div>ul>li.search>form{position:relative; left:auto; bottom:auto; float:left; opacity:1; visibility:visible; background:none; z-index:1;} .mobile #heading .header .menu nav>div>ul>li.search>form .wrapper{float:left; width:100%;} .mobile #heading .header .menu nav>div>ul>li.search>form .wrapper div{float:left; width:100%;} .mobile .research_opened #heading .header .menu nav>div>ul>li.search>form{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .menu nav>div>ul>li.search>form .wrapper div #s{padding:11px 10px 11px 35px; font-size:16px; line-height:23px;} .mobile #heading .header .menu nav>div>ul>li.search>form .wrapper div #searchsubmit{position:relative; float:left; top:auto; bottom:auto; right:auto; width:100%; padding:0; background:none; background-color:#374FD5; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:16px; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} .mobile #heading .header .menu nav>div>ul>li.orange.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.orange.current-menu-ancestor{background:rgba(255, 156, 0, .2);} .mobile #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(255, 156, 0, .2);} .mobile #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(255, 156, 0, .2);} .mobile #heading .header .menu nav>div>ul>li.blue.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.blue.current-menu-ancestor{background:rgba(55, 79, 213, .2);} .mobile #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(55, 79, 213, .2);} .mobile #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(55, 79, 213, .2);} .mobile #heading .header .menu nav>div>ul>li.purple.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.purple.current-menu-ancestor{background:rgba(81, 55, 194, .2);} .mobile #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(81, 55, 194, .2);} .mobile #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(81, 55, 194, .2);} .mobile #heading .header .menu nav>div>ul>li.green.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.green.current-menu-ancestor{background:rgba(44, 166, 191, .2);} .mobile #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(44, 166, 191, .2);} .mobile #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(44, 166, 191, .2);} .mobile #heading .header .menu nav>div>ul>li.skyblue.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.skyblue.current-menu-ancestor{background:rgba(10, 135, 255, .2);} .mobile #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(10, 135, 255, .2);} .mobile #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(10, 135, 255, .2);} .mobile #heading .header .menu nav>div>ul>li.darkblue.current-menu-item, .mobile #heading .header .menu nav>div>ul>li.darkblue.current-menu-ancestor{background:rgba(4, 25, 60, .2);} .mobile #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li.current-menu-item>span{background:rgba(4, 25, 60, .2);} .mobile #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>a, .mobile #heading .header .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li.current-menu-item>span{background:rgba(4, 25, 60, .2);} .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>span{color:#FF9C00;} .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>span{color:#FF9C00;} .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.orange>div>div>div>.right>ul>li>ul>li:hover>span{color:#FF9C00;} .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>span{color:#374fd5;} .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>span{color:#374fd5;} .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.blue>div>div>div>.right>ul>li>ul>li:hover>span{color:#374fd5;} .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>span{color:#5137c2;} .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>span{color:#5137c2;} .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.purple>div>div>div>.right>ul>li>ul>li:hover>span{color:#5137c2;} .mobile #heading .header .wrapper .menu nav>div>ul>li.green>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.green>span{color:#2ca6bf;} .mobile #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>span{color:#2ca6bf;} .mobile #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.green>div>div>div>.right>ul>li>ul>li:hover>span{color:#2ca6bf;} .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>span{color:#0a87ff;} .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>span{color:#0a87ff;} .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.skyblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#0a87ff;} .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>span{color:#04193c;} .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>span{color:#04193c;} .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>a, .mobile #heading .header .wrapper .menu nav>div>ul>li.darkblue>div>div>div>.right>ul>li>ul>li:hover>span{color:#04193c;} /* HOME */ .home{} .home .wrapper{max-width:90%; width:980px; margin:0 auto;} .home #carousel{position:relative; float:left; width:100%; background-color:#374fd5; z-index:1; margin:50px 0 0 0;} .home #carousel .wrapper div{position:relative; float:left; width:50%; background-color:#374fd5; color:white; z-index:3;} .home #carousel .wrapper div .text{position:relative; float:left; width:100%; padding:0 120px 0 0; box-sizing:border-box;} .home #carousel .wrapper div .text li{position:absolute; display:block; top:0; left:0; opacity:0; visibility:hidden; padding:80px 0 0 0; width:100%; font-size:18px; line-height:24px; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;} .home #carousel .wrapper div .text li.current{position:relative; opacity:1; visibility:visible;} .home #carousel .wrapper div .text li h1{margin:0 0 30px 0; color:white; font-size:40px; line-height:42px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; height:126px; width:370px; overflow:hidden;} .home #carousel .wrapper div .text li h2{padding:0 0 30px 0; color:white; font-size:40px; line-height:42px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; height:126px; width:370px; overflow:hidden;} .home #carousel .wrapper div .text li p{font-size:16px; line-height:24px; font-family:"Open Sans", sans-serif; font-weight:400;} .home #carousel .wrapper div .text li p.p1{height:96px; width:370px; overflow:hidden;} .home #carousel .wrapper div .text li a{display:inline-block; color:white; border:1px solid white; padding:10px 11px; margin:45px 0 120px 0; font-weight:600; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #carousel .wrapper div .text li a:hover{background:white; color:#374fd5;} .home #carousel .wrapper div .controls{position:absolute; left:0; width:100%; bottom:55px; line-height:0; font-size:0;} .home #carousel .wrapper div .controls li{float:left; border:1px solid white; padding:7px 7px; margin:0 7px; border-radius:50%; display:inline-block; cursor:pointer; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;} .home #carousel .wrapper div .controls li:hover{background:rgba(255, 156, 0, .5);} .home #carousel .wrapper div .controls li.current{background:#ff9c00;} .home #carousel .back{position:absolute; top:0; right:0; width:50%; height:100%; z-index:1; overflow:hidden;} .home #carousel .back li{position:absolute; left:0; top:0; width:100%; height:100%; -webkit-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .home #carousel .back li.current{z-index:3;} .movePrevToCurrent{-webkit-animation-name:movePrevToCurrent; animation-name:movePrevToCurrent; z-index:4;} @-webkit-keyframes movePrevToCurrent{0% {-webkit-transform:translate(-100%, 0);} 100% {-webkit-transform:translate(0, 0);}} @-ms-keyframes movePrevToCurrent{0% {-ms-transform:translate(-100%, 0);} 100% {-ms-transform:translate(0, 0);}} @keyframes movePrevToCurrent{0% {transform:translate(-100%, 0);} 100% {transform:translate(0, 0);}} .moveCurrentToPrev{-webkit-animation-name:moveCurrentToPrev; animation-name:moveCurrentToPrev; z-index:4;} @-webkit-keyframes moveCurrentToPrev{0% {-webkit-transform:translate(0, 0);} 100% {-webkit-transform:translate(-100%, 0);}} @-ms-keyframes moveCurrentToPrev{0% {-ms-transform:translate(0, 0);} 100% {-ms-transform:translate(-100%, 0);}} @keyframes moveCurrentToPrev{0% {transform:translate(0, 0);} 100% {transform:translate(-100%, 0);}} .moveNextToCurrent{-webkit-animation-name:moveNextToCurrent; animation-name:moveNextToCurrent; z-index:12;} @-webkit-keyframes moveNextToCurrent{0% {-webkit-transform:translate(100%, 0);} 100% {-webkit-transform:translate(0, 0);}} @-ms-keyframes moveNextToCurrent{0% {-ms-transform:translate(100%, 0);} 100% {-ms-transform:translate(0, 0);}} @keyframes moveNextToCurrent{0% {transform:translate(100%, 0);} 100% {transform:translate(0, 0);}} .moveCurrentToNext{-webkit-animation-name:moveCurrentToNext; animation-name:moveCurrentToNext; z-index:4;} @-webkit-keyframes moveCurrentToNext{0% {-webkit-transform:translate(0, 0);} 100% {-webkit-transform:translate(100%, 0);}} @-ms-keyframes moveCurrentToNext{0% {-ms-transform:translate(0, 0);} 100% {-ms-transform:translate(100%, 0);}} @keyframes moveCurrentToNext{0% {transform:translate(0, 0);} 100% {transform:translate(100%, 0);}} .home #carousel .arrows{position:absolute; left:50%; width:100%; max-width:980px; height:100%; z-index:2; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);} .home #carousel .arrows .left_arrow{position:absolute; left:-76px; top:50%; color:#5e6ec7; transform:translate(-100%,-50%); -webkit-transform:translate(-100%,-50%); -ms-transform:translate(-100%,-50%);} .home #carousel .arrows .right_arrow{position:absolute; right:-80px; top:50%; color:#3b4bb5; transform:translate(100%,-50%); -webkit-transform:translate(100%,-50%); -ms-transform:translate(100%,-50%);} .home #carousel .arrows .arrow span{font-size:50px; font-weight:600; cursor:pointer; transition:0.2s all ease-in-out; -webkit-transition:0.2s all ease-in-out;} .home #carousel .arrows .arrow span:hover{color:#ff9c00;} @media screen and (max-width:1256px){ .home #carousel .arrows .left_arrow, .home #carousel .arrows .right_arrow{display:none;} } @media screen and (max-width:850px){ .home #carousel .wrapper div{width:100%;} .home #carousel .wrapper div .text{padding:0 60px 0 60px;} .home #carousel .wrapper div .text li{text-align:center;} .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{width:100%; height:80px;} .home #carousel .wrapper div .text li p{width:100%;} .home #carousel .wrapper div .text li p.p1{width:100%; margin:30px 0 0 0;} .home #carousel .wrapper div .text li p>a{margin-top:10px;} .home #carousel .wrapper div .controls{position:relative; float:left; text-align:center; margin:0 0 30px 0;} .home #carousel .wrapper div .controls li{float:none; text-align:center;} .home #carousel .back{display:none;} } @media screen and (max-width:545px) { .home #carousel .wrapper div .text{padding:0;} .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{height:78px;} } @media screen and (max-width:440px) { .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{font-size: 36px; line-height:38px; height:70px;} } @media screen and (max-width:411px) { .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{height:80px;} } @media screen and (max-width:371px) { .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{height:110px;} } @media screen and (max-width:344px) { .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{height:62px; font-size:33px; line-height:31px;} } @media screen and (max-width:340px) { .home #carousel .wrapper div .text li h1, .home #carousel .wrapper div .text li h2{height:90px;} } .home #contact{float:left; width:100%;} .home #contact .wrapper{position:relative;} .home #contact .wrapper a{position:absolute; padding:23px 30px 28px 30px; box-sizing:border-box; top:0; right:0; z-index:1; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); background:#ff9c00; color:white; text-decoration:none; font-family:"Source Sans Pro"; font-size:22px; line-height:24px; font-weight:700; transition:.2s all ease-in-out;} .home #contact .wrapper a:hover{background:#ffb033;} .home #contact .wrapper a span{display:inline-block; vertical-align:middle; width:28px; height:28px; text-align:center; margin:0 0 0 140px; border-radius:50%; border:1px solid white; font-size:8px; line-height:28px;} @media screen and (max-width:820px) { .home #contact .wrapper a{width:100%; text-align:center;} .home #contact .wrapper a span{margin:0 0 0 40px;} .home #contact .wrapper a .difont{margin:0 0 0 40px;} } .home #atouts{position:relative; float:left; width:100%; z-index:2;} .home #atouts .wrapper h2{padding:70px 0 40px 0; font-family:'Open Sans'; font-size:32px; line-height:44px; color:#092281; font-weight:600;} .home #atouts .wrapper ul{display:flex; flex-wrap:wrap; float:left; width:100%; line-height:0; font-size:0;} .home #atouts .wrapper ul li{position:relative; width:33.333%; display:flex; line-height:24px; font-size:16px; box-sizing:border-box; color:white;} .home #atouts .wrapper ul li:first-child{padding:0 5px 0 0; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(2){padding:0 5px 0 5px; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(3){padding:0 0 0 5px; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(4){padding:0 5px 0 0; margin:5px 0 0 0;} .home #atouts .wrapper ul li:nth-child(5){padding:0 5px 0 5px; margin:5px 0 0 0;} .home #atouts .wrapper ul li:last-child{padding:0 0 0 5px; margin:5px 0 0 0;} .home #atouts .wrapper ul li>div{position:relative; z-index:2; display:flex; flex-direction:column; justify-content:space-between; width:100%; padding:23px 35px 33px 25px; box-sizing:border-box; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #atouts .wrapper ul li .back{position:absolute; display:block; top:0; width:100%; height:100%; border:15px solid rgba(0, 0, 0, 0); box-sizing:border-box; z-index:1; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #atouts .wrapper ul li.white .back{background:white;} .home #atouts .wrapper ul li.orange .back{background:#FF9C00;} .home #atouts .wrapper ul li.blue .back{background:#374fd5;} .home #atouts .wrapper ul li.purple .back{background:#5137c2;} .home #atouts .wrapper ul li.green .back{background:#2ca6bf;} .home #atouts .wrapper ul li.skyblue .back{background:#0a87ff;} .home #atouts .wrapper ul li.darkblue .back{background:#04193c;} .home #atouts .wrapper ul li:hover .back{border:15px solid rgba(0, 0, 0, .1);} .home #atouts .wrapper ul li:first-child .back{width:calc(100% - 5px); left:0;} .home #atouts .wrapper ul li:nth-child(2) .back{width:calc(100% - 10px); left:5px;} .home #atouts .wrapper ul li:nth-child(3) .back{width:calc(100% - 5px); left:5px;} .home #atouts .wrapper ul li:nth-child(4) .back{width:calc(100% - 5px); left:0;} .home #atouts .wrapper ul li:nth-child(5) .back{width:calc(100% - 10px); left:5px;} .home #atouts .wrapper ul li:last-child .back{width:calc(100% - 5px); left:5px;} .home #atouts .wrapper ul li:hover .back{border:15px solid rgba(0, 0, 0, .1);} .home #atouts .wrapper ul li div h3{padding:0 0 13px 0; font-family:'Source Sans Pro', sans-serif; font-weight:600; font-size:21px; line-height:44px;} .home #atouts .wrapper ul li.white div h3{color:#092281;} .home #atouts .wrapper ul li div .text{margin:0 0 30px 0;} .home #atouts .wrapper ul li div p{font-family:'Open Sans', sans-serif; font-weight:400;} .home #atouts .wrapper ul li.white div p{color:#474747;} .home #atouts .wrapper ul li div p a{position:relative; color:white; display:inline-block;} .home #atouts .wrapper ul li.white div p a{color:#474747;} .home #atouts .wrapper ul li div p a>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #atouts .wrapper ul li div p a>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:white; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #atouts .wrapper ul li.white div p a>span>span{background:#474747;} .home #atouts .wrapper ul li div:hover p a>span>span{width:100%;} .home #atouts .wrapper ul li div p a .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid white; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} .home #atouts .wrapper ul li.white div p a .didfont{border:1px solid #474747;} .home #atouts .wrapper ul li div:hover p a .didfont{background:#ff9c00; border:1px solid #ff9c00;} .home #atouts .wrapper ul li.orange div:hover p a .didfont{background:white; border:1px solid white; color:#ff9c00;} .home #atouts .wrapper ul li.white div:hover p a .didfont{color:white;} @media screen and (max-width:1050px){ .home #atouts .wrapper ul li{width:50%;} .home #atouts .wrapper ul li:first-child{padding:0 5px 0 0; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(2){padding:0 0 0 5px; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(3){padding:0 5px 0 0; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:nth-child(4){padding:0 0 0 5px; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:nth-child(5){padding:0 5px 0 0; margin:5px 0 0 0;} .home #atouts .wrapper ul li:last-child{padding:0 0 0 5px; margin:5px 0 0 0;} .home #atouts .wrapper ul li:first-child .back{width:calc(100% - 5px); left:0;} .home #atouts .wrapper ul li:nth-child(2) .back{width:calc(100% - 5px); left:5px;} .home #atouts .wrapper ul li:nth-child(3) .back{width:calc(100% - 5px); left:0;} .home #atouts .wrapper ul li:nth-child(4) .back{width:calc(100% - 5px); left:5px;} .home #atouts .wrapper ul li:nth-child(5) .back{width:calc(100% - 5px); left:0;} .home #atouts .wrapper ul li:last-child .back{width:calc(100% - 5px); left:5px;} } @media screen and (max-width:695px){ .home #atouts .wrapper ul li{width:100%;} .home #atouts .wrapper ul li:first-child{padding:0; margin:0 0 5px 0;} .home #atouts .wrapper ul li:nth-child(2){padding:0; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:nth-child(3){padding:0; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:nth-child(4){padding:0; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:nth-child(5){padding:0; margin:5px 0 5px 0;} .home #atouts .wrapper ul li:last-child{padding:0; margin:5px 0 0 0;} .home #atouts .wrapper ul li:first-child .back{width:100%; left:0;} .home #atouts .wrapper ul li:nth-child(2) .back{width:100%; left:0;} .home #atouts .wrapper ul li:nth-child(3) .back{width:100%; left:0;} .home #atouts .wrapper ul li:nth-child(4) .back{width:100%; left:0;} .home #atouts .wrapper ul li:nth-child(5) .back{width:100%; left:0;} .home #atouts .wrapper ul li:last-child .back{width:100%; left:0;} .home #atouts .wrapper .back p{line-height:40px; font-size:34px;} } .home>#home_back{position:absolute; left:0; top:0; width:100%; height:490px; text-align:center;overflow:hidden;} .home>#home_back>img{position:absolute; height:490px; top:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); opacity:.5;} .home #citation{position:relative; float:left; width:100%;} .home #citation .wrapper{position:relative; padding:100px 0 0 0;} .home #citation .wrapper h1{position:relative; z-index:2; line-height:44px; font-size:38px; color:#3153b6; text-align:center; font-family:'Source Sans Pro', sans-serif; font-weight:300;} @media screen and (max-width:800px){ .home #citation .wrapper h1{font-size:28px; line-height:34px;} } @media screen and (max-width:450px){ .home #citation .wrapper h1{font-size:20px; line-height:26px;} } .home #actualites{float:left; width:100%; margin:80px 0 0 0;} .home #actualites .wrapper>.box_actu{position:relative; float:left; width:100%; padding:40px 37.5% 180px 12.5%; transform:translate(-12.5%, 0); -webkit-transform:translate(-12.5%, 0); -ms-transform:translate(-12.5%, 0); background:white; box-sizing:border-box;} .mobile .home #actualites .wrapper>.box_actu{padding:150px 5% 75px 5%;} .home #actualites .wrapper>.box_actu>p{font-family:'Open Sans'; font-size:32px; line-height:44px; color:#092281; font-weight:600;} .home #actualites .wrapper>.box_actu>h2{width:100%; padding:10px 0 18px 0; font-family:'Open Sans', sans-serif; font-weight:400; font-size:30px; line-height:30px; color:#092281;} .home #actualites .wrapper>.box_actu article{position:relative; float:left; width:100%; padding:35px 0 35px 0; vertical-align:middle; border-bottom:1px solid #e0e0e0;} .home #actualites .wrapper>.box_actu article:nth-last-child(3){border:none;} .home #actualites .wrapper>.box_actu article .date{position:absolute; width:125px; left:0; font-family:"Open Sans", sans-serif; font-weight:700; color:black; font-size:19px; line-height:24px;} .home #actualites .wrapper>.box_actu article .date span{display:block;} .home #actualites .wrapper>.box_actu article .date .border{display:block; height:2px; width:16px; background:black; margin:14px 0 0 1px;} .home #actualites .wrapper>.box_actu article .actu{padding:0 0 0 125px;} .home #actualites .wrapper>.box_actu article .actu h3{padding:0 0 10px 0; font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:20px; line-height:24px; color:#2e3d8b;} .home #actualites .wrapper>.box_actu article .actu p{padding:10px 0 0 0; margin:0 0 42px 0; font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; line-height:24px; color:#2e3d8b; text-align:left;} .home #actualites .wrapper>.box_actu article .actu div{position:relative; padding:0 175px 0 0; width:100%; float:left; box-sizing:border-box;} .home #actualites .wrapper>.box_actu article .actu div>ul{float:left; width:100%; color:white; font-family:"Open Sans", sans-serif; font-weight:600; line-height:0; font-size:0;} .home #actualites .wrapper>.box_actu article .actu div>ul li{padding:8px 25px; margin:8px 5px 0 0; display:inline-block; border-radius:50px; background:#5137c2; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; font-size:14px; line-height:14px;} .home #actualites .wrapper>.box_actu article .actu div>ul li.orange{background:#FF9C00;} .home #actualites .wrapper>.box_actu article .actu div>ul li.blue{background:#374fd5;} .home #actualites .wrapper>.box_actu article .actu div>ul li.purple{background:#5137c2;} .home #actualites .wrapper>.box_actu article .actu div>ul li.green{background:#2ca6bf;} .home #actualites .wrapper>.box_actu article .actu div>ul li.skyblue{background:#0a87ff;} .home #actualites .wrapper>.box_actu article .actu div>ul li.darkblue{background:#04193c;} .home #actualites .wrapper>.box_actu article .actu div a{position:absolute; right:0; bottom:0; line-height:20px; font-size:14px; font-family:"Open Sans", sans-serif; font-weight:700; color:#474747; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu article .actu div a>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu article .actu div a>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:#8d8d8d; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu article .actu div a .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid #8d8d8d; color:#8d8d8d; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} .home #actualites .wrapper>.box_actu article .actu div a:hover>span>span{width:100%;} .home #actualites .wrapper>.box_actu article .actu div a:hover .didfont{background:#ff9c00; border:1px solid #ff9c00; color:white;} .home #actualites .wrapper>.box_actu .full_actu{position:absolute; bottom:0; left:0; padding:0 15% 0 12.5%; background:#374fd5; color:white; text-align:left; box-sizing:border-box; font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:22px; line-height:24px; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu .full_actu.saf{padding:0 30% 0 25%;} .home #actualites .wrapper>.box_actu .full_actu:hover{background:#5f72dd;} .home #actualites .wrapper>.box_actu .full_actu span{float:left; padding:35px 13px 35px 0;} .home #actualites .wrapper>.box_actu .full_actu .didfont{display:block; position:absolute; right:6.25%; top:50%; padding:10px; border:1px solid white; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; font-size:8px; line-height:8px;} .home #actualites .wrapper>.box_actu aside{position:absolute; width:37.5%; right:-12.5%; top:80px;} .home #actualites .wrapper>.box_actu aside .num_day{float:left; width:100%; padding:0 0 70px 0; background:#ff9c00; background-repeat:no-repeat; margin:0 0 50px 0;} .home #actualites .wrapper>.box_actu aside .num_day div{padding:50px 60px 65px 60px;} .home #actualites .wrapper>.box_actu aside .num_day div span.h2{display:block; padding:0 0 10px 0; width:100%; font-family:"Source Sans Pro", sans-serif; font-weight:700; text-align:center; color:white; font-size:20px; line-height:44px; text-transform:uppercase;} .home #actualites .wrapper>.box_actu aside .num_day div h2{padding:0 0 40px 0; font-family:"Source Sans Pro", sans-serif; font-weight:700; text-align:center; color:white; font-size:20px; line-height:44px; text-transform:uppercase;} .home #actualites .wrapper>.box_actu aside .num_day div figure{position:relative; float:left; width:100%; text-align:center;} .home #actualites .wrapper>.box_actu aside .num_day div figure img{max-width:90%;} .home #actualites .wrapper>.box_actu aside .num_day div figure figcaption{position:absolute; left:50%; top:50%; font-family:"Open Sans", sans-serif; font-size:18px; line-height:20px; text-align:center; color:white; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); text-align:center;} .home #actualites .wrapper>.box_actu aside .num_day div>div{float:left; padding:25px 0 0 0; font-family:"Open Sans", sans-serif; text-align:center; font-size:16px; line-height:25px; font-weight:400; color:white;} .home #actualites .wrapper>.box_actu aside .newsletter{float:left; width:100%; background:url('images/newsletter.png'); background-size:cover; background-position:center center; background-repeat:no-repeat;} .home #actualites .wrapper>.box_actu aside .newsletter div{padding:54px 60px 85px 55px;} .home #actualites .wrapper>.box_actu aside .newsletter div h2{padding:0 0 10px 0; margin:0; font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:21px; line-height:24px; color:white;} .home #actualites .wrapper>.box_actu aside .newsletter div p{padding:10px 0 12px 0; margin:0; font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; line-height:20px; color:#b5c6fc;} .home #actualites .wrapper>.box_actu aside .newsletter div form{padding:12px 0 0 0;} .home #actualites .wrapper>.box_actu aside .newsletter div form .newsInput[type="email"]{padding:10px; margin:0 0 22px 0; border:none; border-bottom:solid 2px #bccdff; transition:border .3s; background:transparent; width:100%; outline:none; color:white; letter-spacing:-0.01; font-size:16px; line-height:24px; font-family:"Open Sans", sans-serif; font-weight:500;} .home #actualites .wrapper>.box_actu aside .newsletter div form .newsInput[type="email"]:focus{border:none; border-bottom:solid 2px #bccdff;} .home #actualites .wrapper>.box_actu aside .newsletter div form input[type="email"].newsInput::-webkit-input-placeholder{color:#bccdff;} .home #actualites .wrapper>.box_actu aside .newsletter div form input[type="email"].newsInput::-moz-placeholder{color:#bccdff;} .home #actualites .wrapper>.box_actu aside .newsletter div form input[type="email"].newsInput:-moz-placeholder{color:#bccdff;} .home #actualites .wrapper>.box_actu aside .newsletter div form input[type="email"].newsInput:-ms-input-placeholder{color:#bccdff;} .home #actualites .wrapper>.box_actu aside .newsletter div button{position:relative; margin:22px 0 0 0; color:white; font-size:14px; line-height:20px; font-weight:600; letter-spacing:-0.01em; background:transparent; outline:none; border:none; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu aside .newsletter div button>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu aside .newsletter div button>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:white; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #actualites .wrapper>.box_actu aside .newsletter div button .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid #ff9c00; background:#ff9c00; color:white; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} .home #actualites .wrapper>.box_actu aside .newsletter div button:hover>span>span{width:100%;} .home #actualites .wrapper>.box_actu aside .newsletter div button:hover .didfont{background:white; border:1px solid white; color:#374FD5;} .home #actualites .wrapper>.box_actu aside .newsletter div form .alert{margin:0; padding:0; display:none;} .home #actualites .wrapper>.box_actu aside .newsletter div form .alert.success p{color:white; font-weight:bold; text-align:center;} .home #actualites .wrapper>.box_actu aside .newsletter div form .alert.error p{color:#ff9c00; font-weight:bold; text-align:center;} @media screen and (max-width:1255px){ .home #actualites .wrapper>.box_actu{padding:40px 5% 0 5%; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0);} .home #actualites .wrapper>.box_actu>p{display:block; float:left;} .home #actualites .wrapper>.box_actu>h2{display:block; float:left;} .home #actualites .wrapper>.box_actu aside{position:relative; float:left; width:100%; right:auto; margin:60px 0 40px 0; top:auto; } .home #actualites .wrapper>.box_actu aside .num_day, .home #actualites .wrapper>.box_actu aside .newsletter{position:relative; width:47%; right:0; display:inline-block;} .home #actualites .wrapper>.box_actu aside .num_day{margin:0 3% 0 0;} .home #actualites .wrapper>.box_actu aside .newsletter{margin:0 0 0 3%;} .home #actualites .wrapper>.box_actu .full_actu{float:left; position:relative; width:100%; padding:0; margin:40px 0 0 0; text-align:center;} .home #actualites .wrapper>.box_actu .full_actu.saf{padding:0;} .home #actualites .wrapper>.box_actu .full_actu span{float:none; display:inline-block; padding:35px 13px 35px 13px;} } @media screen and (max-width:1241px){ .home #actualites .wrapper>.box_actu .num_day, .home #actualites .wrapper>.box_actu .newsletter{right:-8%;} } @media screen and (max-width:820px){ .home #actualites .wrapper>.box_actu aside .num_day, .home #actualites .wrapper>.box_actu aside .newsletter{position:relative; width:100%; right:0;} .home #actualites .wrapper>.box_actu aside .num_day{margin:0 0 25px 0;} .home #actualites .wrapper>.box_actu aside .newsletter{margin:25px 0 0 0;} } @media screen and (max-width:750px){ .home #actualites .wrapper>.box_actu h2{text-align:center;} .home #actualites .wrapper>.box_actu p{width:100%; text-align:center;} .home #actualites .wrapper>.box_actu article .actu div a{position:relative; float:left; margin:20px 0 0 0;} .home #actualites .wrapper>.box_actu article .actu div{padding:0} } @media screen and (max-width:450px) { .home #actualites .wrapper>.box_actu article .actu{padding:0 0 0 100px; text-align:center;} .home #actualites .wrapper>.box_actu article .actu p{text-align:center;} .home #actualites .wrapper>.box_actu article .actu>div{text-align:center;} .home #actualites .wrapper>.box_actu article .actu>div>a{float:none; display:inline-block;} .home #actualites .wrapper>.box_actu article .date{position:relative; width:100%; float:left; text-align:center;} .home #actualites .wrapper>.box_actu article .date .border{display:none;} .home #actualites .wrapper>.box_actu article .date .sp1, .home #actualites .wrapper>.box_actu article .date .sp2{display:inline-block; margin:0 0 30px 0;} .home #actualites .wrapper>.box_actu article .actu{padding:0; text-align:center;} .home #actualites .wrapper>.box_actu aside .num_day div{padding:50px 0 65px 0;} .home #actualites .wrapper>.box_actu aside .num_day div figure figcaption .num{font-size:60px;} .home #actualites .wrapper>.box_actu aside .num_day div figure figcaption .p1{font-size:18px;} .home #actualites .wrapper>.box_actu aside .num_day div .p2{font-size:16px; padding:25px 2% 0 2%;} .home #actualites .wrapper>.box_actu aside .newsletter div{padding:54px 30px 45px 30px;} .home #actualites .wrapper>.box_actu aside .newsletter div form .newsInput[type="email"]{padding:0;} } .home #partners{float:left; width:100%;} .home #partners .partners_box{float:left; margin:50px 0 0 0; width:100%; background:white;} .home #partners .partners_box .wrapper div{float:left; width:100%; padding:50px 0 80px 0;} .home #partners .partners_box .wrapper p{font-family:"Open Sans", sans-serif; font-weight:400; font-size:30px; line-height:44px; letter-spacing:-0.01em; text-align:center; color:#092281;} .home #partners .partners_box .wrapper ul{position:relative; margin:20px auto; width:100%; line-height:0; font-size:0; text-align:center;} .home #partners .partners_box .wrapper ul li{position:relative; margin:7px 13px; height:137px; width:137px; display:inline-block; text-align:center;} .home #partners .partners_box .wrapper ul li span, .home #partners .partners_box .wrapper ul li a{display:block; position:absolute; height:100%; width:100%; background-position:center center; background-size:contain; background-repeat:no-repeat; transform:scale(1); -webkit-transform:scale(1); transition:.9s all ease-in-out; -webkit-transition:.9s all ease-in-out;} .home #partners .partners_box .wrapper ul li span.minimize, .home #partners .partners_box .wrapper ul li a.minimize{transform:scale(0); -webkit-transform:scale(0);} .home #partners_btn{position:relative; float:left; width:100%; z-index:3;} .home #partners_btn .wrapper{position:relative;} .home #partners_btn .wrapper a{position:absolute; padding:30px 48px 30px 48px; top:0; right:0; box-sizing:border-box; z-index:1; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); background:#374fd5; color:white; text-decoration:none; font-family:"Source Sans Pro"; font-size:22px; line-height:24px; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .home #partners_btn .wrapper a:hover{background:#5f72dd;} .home #partners_btn .wrapper a .didfont{display:inline-block; vertical-align:middle; width:28px; height:28px; text-align:center; margin:0 0 0 140px; border-radius:50%; border:1px solid white; font-size:8px; line-height:28px;} @media screen and (max-width:820px) { .home #partners_btn .wrapper a{width:100%; text-align:center;} .home #partners_btn .wrapper a span{margin:0 0 0 40px;} .home #partners_btn .wrapper a .didfont{margin:0 0 0 40px;} } @media screen and (max-width:700px) { .home #partners_btn .wrapper a{padding:30px 15% 30px 12.5%;} .home #partners_btn .wrapper a span{display:inline-block; width:100%; margin:0; padding:0 50px 0 0; box-sizing:border-box; text-align:left;} .home #partners_btn .wrapper a .didfont{position:absolute; padding:0; top:50%; right:12.5%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);} } /* PUSH */ #push_back{position:absolute; top:0; left:0; width:100%; min-height:690px; background-position:center top; background-size:cover; background-color:#374fd5;} #push{position:relative; float:left; width:100%; z-index:2; text-shadow: 0px 0px 30px rgba(0, 0, 0, .7);} #push .wrapper{max-width:90%; width:1100px; margin:0 auto;} #push .wrapper .container{float:left; width:100%; padding:0 9%; box-sizing:border-box;} #push .wrapper #breadcrumbs{float:left; width:100%; font-size:0; line-height:0; padding:35px 0;} #push .wrapper #breadcrumbs a{color:#bccdff; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #push .wrapper #breadcrumbs a:hover{color:white;} #push .wrapper #breadcrumbs span{display:inline-block; vertical-align:top; color:#bccdff; font-family:"Open Sans", sans-serif; font-weight:400; font-size:14px; line-height:18px;} #push .wrapper #breadcrumbs span.didfont{font-size:8px; vertical-align:middle;} #push .wrapper #breadcrumbs span.breadcrumb_last{color:white; font-weight:600;} #push .wrapper .text{float:left; width:100%; margin:20px 0 60px 0; text-align:center; color:white;} #push .wrapper .text h1{display:inline-block; width:100%; padding:10px 0; font-size:40px; line-height:50px; font-family:"Source Sans Pro", sans-serif; font-weight:700;} #push .wrapper .text h2{display:inline-block; width:100%; padding:10px 0; font-size:18px; line-height:24px; font-family:"Open Sans", sans-serif; font-weight:400;} #push .wrapper .text p{display:inline-block; width:100%; padding:10px 0; font-size:18px; line-height:24px; font-family:"Open Sans", sans-serif; font-weight:400;} #push .wrapper .text a{display:inline-block; color:white; padding:13px 30px 17px 30px; margin:30px 5px; font-size:16px; line-height:20px; font-weight:700; border:1px solid white; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #push .wrapper .text a:hover{background:white; color:#374FD5;} /* EDITO */ #main.edito{background:white;} .edito #content{position:relative; float:left; width:100%; margin:0 0 0 0; z-index:2;} .padding_content .edito #content{padding:0 0 50px 0;} .edito #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .edito #content .wrapper .container{float:left; width:100%; background:white; box-sizing:border-box;} .edito #content .wrapper .container .ancres{text-align:center; margin:40px 5% 40px 5%; float:left; width:90%;} .edito #content .wrapper .container .ancres table{float:left; width:90%; table-layout:fixed; margin:0 5%; box-sizing:border-box;} .edito #content .wrapper .container .ancres table tr{width:100%;} .edito #content .wrapper .container .ancres table tr th{padding:0 15px; border-right:1px solid #d1d1d1; line-height:26px; font:400 16px 'Open Sans'; color:#474747; cursor:pointer; vertical-align:middle; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .ancres table tr th:last-child{border-style:none;} .edito #content .wrapper .container .ancres table tr th.active{color:#ff9c00; font-weight:600;} .edito #content .wrapper .container .ancres table tr:hover th.active{color:#474747;} .edito #content .wrapper .container .ancres table tr:hover th:hover, .edito #content .wrapper .container .ancres table tr:hover th.active:hover{color:#ff9c00;} .edito #content .wrapper .container .classical{position:relative; float:left; width:90%; margin:40px 5% 20px 5%; box-sizing:border-box; padding:0 5%;} .edito #content .wrapper .container .classical>*{display:block; float:left; width:100%; box-sizing:border-box; padding:0 5%;} .edito #content .wrapper .container .classical h2{font-size:26px; line-height:32px; color:#092281; font-weight:600; padding:10px 5% 25px 5%;} .edito #content .wrapper .container .classical h3{font-size:24px; line-height:30px; color:#092281; padding:5px 5% 15px 5%;} .edito #content .wrapper .container .classical h4{font-size:24px; line-height:30px; color:#092281; padding:5px 5% 15px 5%;} .edito #content .wrapper .container .classical p{font-size:16px; line-height:26px; color:#474747; padding:0 5%;} .edito #content .wrapper .container .classical p a{text-decoration:underline; color:#092281;} .edito #content .wrapper .container .classical .embed_container{padding-bottom:56.25%; padding-top:30px;} .edito #content .wrapper .container .classical ul, .edito #content .wrapper .container .classical ol{width:100%; padding:0 10% 10px 10%; color:#474747;} .edito #content .wrapper .container .classical ul li{list-style-type:disc; padding:10px 0 0 0; line-height:26px;} .edito #content .wrapper .container .classical ol li{list-style-type:decimal; padding:10px 0 0 0; line-height:26px;} .edito #content .wrapper .container .classical ul li a, .edito #content .wrapper .container .classical ol li a{text-decoration:underline; color:#092281;} .edito #content .wrapper .container .classical ul li ul{width:100%; padding:0 20px;} .edito #content .wrapper .container .accordeon{position:relative; float:left; width:90%; margin:40px 5%; box-sizing:border-box; padding:45px 5%; background:#e9efff;} .edito #content .wrapper .container .accordeon>*{display:block; float:left; width:100%; box-sizing:border-box; padding:0 5%;} .edito #content .wrapper .container .accordeon h2{font-size:26px; line-height:32px; color:#092281; padding:10px 5%; font-weight:600;} .edito #content .wrapper .container .accordeon h3{font-size:24px; line-height:30px; color:#092281; padding:5px 0;} .edito #content .wrapper .container .accordeon h4{font-size:24px; line-height:30px; color:#092281; padding:5px 0; width:85%; margin:0 15% 0 0;} .edito #content .wrapper .container .accordeon>ul{padding:0; margin:15px 0 0 0;} .edito #content .wrapper .container .accordeon>ul li{float:left; width:100%; margin:0 0 20px 0;} .edito #content .wrapper .container .accordeon>ul li .title{position:relative; float:left; width:100%; box-sizing:border-box; padding:10px 5%; border-bottom:1px solid #bccdff; cursor:pointer;} .edito #content .wrapper .container .accordeon>ul li .title .opener{position:absolute; right:5%; top:50%; width:24px; height:24px; border:1px solid #ff9c00; background:#ff9c00; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .accordeon>ul li .title .opener span{display:block; position:absolute; left:50%; top:50%; width:8px; height:2px; background:#E9EFFF; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .accordeon>ul li .title:hover .opener span:last-child{transform:translate(-50%, -50%) rotate(90deg); -webkit-transform:translate(-50%, -50%) rotate(90deg); -ms-transform:translate(-50%, -50%) rotate(90deg);} .edito #content .wrapper .container .accordeon>ul li.visible .title .opener{background:none; border:1px solid #8d8d8d;} .edito #content .wrapper .container .accordeon>ul li.visible .title .opener span{background:#8d8d8d;} .edito #content .wrapper .container .accordeon>ul li.visible .title .opener span:last-child{transform:translate(-50%, -50%) rotate(90deg); -webkit-transform:translate(-50%, -50%) rotate(90deg); -ms-transform:translate(-50%, -50%) rotate(90deg);} .edito #content .wrapper .container .accordeon>ul li.visible .title:hover .opener span:last-child{transform:translate(-50%, -50%) rotate(0); -webkit-transform:translate(-50%, -50%) rotate(0); -ms-transform:translate(-50%, -50%) rotate(0);} .edito #content .wrapper .container .accordeon>ul li .text{float:left; width:100%; box-sizing:border-box; padding:50px 8%; background:white; display:none; color:#474747;} .edito #content .wrapper .container .accordeon>ul li .text h3{padding:10px 0;} .edito #content .wrapper .container .accordeon>ul li .text h5{font-size:16px; line-height:26px; font-weight:700;} .edito #content .wrapper .container .accordeon>ul li .text p{font-size:16px; line-height:26px;} .edito #content .wrapper .container .accordeon>ul li .text p a{text-decoration:underline; color:#092281;} .edito #content .wrapper .container .accordeon>ul li .text ul{width:100%; color:#474747; padding:0 0 0 5%;} .edito #content .wrapper .container .accordeon>ul li .text ul li{list-style-type:disc; padding:10px 0 0 0; line-height:26px;} .edito #content .wrapper .container .accordeon>ul li .text ul li a{text-decoration:underline; color:#092281;} .edito #content .wrapper .container .accordeon>ul li .text ul li ul{width:100%; padding:0 20px;} .edito #content .wrapper .container .carrousel{position:relative; float:left; width:90%; margin:40px 5%; box-sizing:border-box; padding:25px 5%; background:#f4f1eb; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .carrousel>*{display:block; float:left; width:100%; box-sizing:border-box;} .edito #content .wrapper .container .carrousel h2{font-size:26px; line-height:32px; color:#092281; padding:10px 0; font-weight:600;} .edito #content .wrapper .container .carrousel h3{font-size:26px; line-height:32px; color:#092281; padding:10px 0; font-weight:600;} .edito #content .wrapper .container .carrousel>ul{position:relative; float:left; width:100%; margin:15px 0 0 0;} .edito #content .wrapper .container .carrousel>ul>li{float:left; width:100%; position:absolute; top:0; left:0; opacity:0; visibility:hidden; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .carrousel>ul>li.current{position:relative; opacity:1; visibility:visible;} .edito #content .wrapper .container .carrousel>ul>li>div{float:left; width:50%;} .edito #content .wrapper .container .carrousel>ul>li .img{padding:15px 0 50px 0;} .edito #content .wrapper .container .carrousel>ul>li .img img{max-width:100%;} .edito #content .wrapper .container .carrousel>ul>li .text{box-sizing:border-box; padding:15px 5% 50px 5%; font-size:16px; line-height:26px;} .edito #content .wrapper .container .carrousel>ul>li .text ul{width:90%; padding:0 10%; color:#474747;} .edito #content .wrapper .container .carrousel>ul>li .text ul li{list-style-type:disc; padding:10px 0 0 0; line-height:26px;} .edito #content .wrapper .container .carrousel>ul>li .text ul li a{text-decoration:underline; color:#092281;} .edito #content .wrapper .container .carrousel>ul>li .text ul li ul{width:100%; padding:0 20px;} .edito #content .wrapper .container .carrousel .prev_arrow{position:absolute; left:0; top:50%; width:8%; text-align:center; transform:translate(-100%, -50%); -webkit-transform:translate(-100%, -50%); -ms-transform:translate(-100%, -50%);} .edito #content .wrapper .container .carrousel .next_arrow{position:absolute; right:0; top:50%; width:8%; text-align:center; transform:translate(100%, -50%); -webkit-transform:translate(100%, -50%); -ms-transform:translate(100%, -50%);} .edito #content .wrapper .container .carrousel .prev_arrow svg path, .edito #content .wrapper .container .carrousel .next_arrow svg path{transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .carrousel .prev_arrow.active, .edito #content .wrapper .container .carrousel .next_arrow.active{cursor:pointer;} .edito #content .wrapper .container .carrousel .prev_arrow.active svg path, .edito #content .wrapper .container .carrousel .next_arrow.active svg path{stroke:#092281;} .edito #content .wrapper .container .carrousel .prev_arrow.active:hover svg path, .edito #content .wrapper .container .carrousel .next_arrow.active:hover svg path{stroke:#ff9c00;} .edito #content .wrapper .container .carrousel .controls{width:100%; text-align:center;} .edito #content .wrapper .container .carrousel .controls li{float:none; margin:15px 5px 15px 5px; opacity:1; visibility:visible; display:inline-block; position:static; width:12px; height:12px; border-radius:50%; background:#092281; cursor:pointer;} .edito #content .wrapper .container .carrousel .controls li.current{background:#ff9c00;} .edito #content .wrapper .container .carrousel .controls li:hover{background:#ff9c00;} /* ANCRES SCROLL */ aside.edito_ancres_scroll{position:fixed; top:0; width:100%; background:#f4f1eb; padding:15px 0 0 0; z-index:5; transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%); transition:.5s all ease-in-out; -webkit-transition:.5s all ease-in-out;} .ie9 aside.edito_ancres_scroll{padding:15px 0;} aside.edito_ancres_scroll.visible{transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);} aside.edito_ancres_scroll table{float:left; width:90%; table-layout:fixed; margin:0 5%; box-sizing:border-box;} aside.edito_ancres_scroll table tr{width:100%;} aside.edito_ancres_scroll table tr th{padding:0 15px; border-right:1px solid #f0dec1; line-height:26px; vertical-align:middle; font:400 16px 'Open Sans'; color:#474747; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} aside.edito_ancres_scroll table tr th:last-child{border-style:none;} aside.edito_ancres_scroll table tr th.active{color:#ff9c00; font-weight:600;} aside.edito_ancres_scroll table tr:hover th.active{color:#474747;} aside.edito_ancres_scroll table tr:hover th:hover, aside.edito_ancres_scroll table tr:hover th.active:hover{color:#ff9c00;} aside.edito_ancres_scroll .scroll_timeline{margin:15px 0 0 0; position:relative; float:left; width:100%; height:5px; background:#f0e0c5; overflow:hidden;} .ie9 aside.edito_ancres_scroll .scroll_timeline{display:none;} aside.edito_ancres_scroll .scroll_timeline div{position:absolute; left:-100%; top:0; width:100%; height:100%; background:#ff9c00;} @media screen and (max-width:1000px) { .edito #content .wrapper .container .ancres{display:none;} aside.edito_ancres_scroll{display:none;} } /* SHORTCODES */ .edito #content .wrapper .container .blue_box{background:#e9efff; box-sizing:border-box; padding:45px 8% 45px 8%; margin:30px 0;} .edito #content .wrapper .container .blue_box>*{padding-left:0!important; padding-right:0!important;} .edito #content .wrapper .container .blue_box h3{font-size:21px; line-height:28px; color:#092281; font-weight:600; padding:10px 0;} .edito #content .wrapper .container .blue_box p{font-size:16px; line-height:26px; color:#474747;} .edito #content .wrapper .container .blue_box ul{margin:0 0 0 5%;} .edito #content .wrapper .container .gallery{padding:0; font-size:0; line-height:0; text-align:center; margin:30px 0;} .edito #content .wrapper .container .gallery img{display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box;} .edito #content .wrapper .container .gallery img:nth-child(odd){padding:10px 10px 10px 0;} .edito #content .wrapper .container .gallery img:nth-child(odd):last-child{padding:10px 0;} .edito #content .wrapper .container .gallery img:nth-child(even){padding:10px 0 10px 10px;} .edito #content .wrapper .container .citation{width:84%; margin:15px 8%; box-sizing:border-box; padding:0 0 0 15px; border-left:3px solid #092281; font-style:italic; font-size:18px; line-height:28px;} .edito #content .wrapper .container .embed_container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin:40px 0;} .edito #content .wrapper .container .embed_container iframe{position:absolute; top:0; left:0; width:100%; height:100%;} .edito #content .wrapper .container .a_document{position:relative; display:inline-block; width:auto; background:#e4ebfd; border:1px solid #d6e1ff; margin:30px 15px 30px 0; padding:15px 20px; color:#474747; text-decoration:none!important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .a_document span{font-size:15px; padding:0 0 0 30px;} .edito #content .wrapper .container .a_document .didfont{position:absolute; left:20px; top:15px; color:#1a40cc; font-size:20px; padding:0 10px 0 0; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .edito #content .wrapper .container .a_document .weight{color:#909090; padding:0 0 0 10px;} .edito #content .wrapper .container .a_document:hover{background:#1a40cc; color:white;} .edito #content .wrapper .container .a_document:hover .didfont{color:#e4ebfd;} .edito #content .wrapper .container .a_document:hover .didfont{color:#e4ebfd;} @media screen and (max-width:800px) { .edito #content .wrapper{max-width:100%; width:100%;} .edito #content .wrapper .container .classical{padding:0 20px; width:100%; box-sizing:border-box; margin:40px 0 20px 0} .edito #content .wrapper .container .classical .blue_box{padding:30px 5% 45px 5%;} .edito #content .wrapper .container .citation{margin:15px 8%;} .edito #content .wrapper .container .accordeon{width:100%; margin:10px 0; padding:45px 20px;} .edito #content .wrapper .container .accordeon>ul li .text{padding:50px 8%;} .edito #content .wrapper .container .carrousel{margin:10px 0; padding:25px 20px; width:100%;} .edito #content .wrapper .container .carrousel h2{padding:15px 5%;} .edito #content .wrapper .container .carrousel ul>li>div{width:100%;} .edito #content .wrapper .container .carrousel ul>li .img{text-align:center; padding:5px 0 15px 0;} .edito #content .wrapper .container .carrousel ul>li .img img{max-width:500px; width:100%;} .edito #content .wrapper .container .carrousel ul>li .text{padding:15px 5% 30px 5%;} .edito #content .wrapper .container .carrousel .prev_arrow{left:10%;} .edito #content .wrapper .container .carrousel .next_arrow{right:10%;} } @media screen and (max-width:600px){ .edito #content .wrapper .container .ancres{display:none;} .edito #content .wrapper .container .ancres table tr{text-align:center;} .edito #content .wrapper .container .ancres table tr th{display:inline-block; margin:5px 0;} .edito #content .wrapper .container .carrousel .prev_arrow, .edito #content .wrapper .container .carrousel .next_arrow{bottom:0; top:auto; z-index:3;} .edito #content .wrapper .container .carrousel .prev_arrow{left:30%;} .edito #content .wrapper .container .carrousel .next_arrow{right:30%;} .edito #content .wrapper .container .carrousel .prev_arrow svg, .edito #content .wrapper .container .carrousel .next_arrow svg{width:13px; height:44px;} .edito #content .wrapper .container .carrousel .controls{display:block;} } @media screen and (max-width:345px) { .edito #content .wrapper .container .ancres table tr th{border:none; border-bottom:1px solid #d1d1d1;} } /* LISTE */ .liste #content{position:relative; float:left; width:100%; margin:0 0 150px 0; z-index:2;} .liste #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .liste #content .wrapper .container{float:left; width:100%; padding:0 14%; background:white; box-sizing:border-box;} .liste #content .wrapper .container .box_actu{position:relative; float:left; width:100%; padding:40px 0;} .liste #content .wrapper .container .box_actu>h2{font-family:'Source Sans Pro', sans-serif; font-weight:600; font-size:20px; line-height:22px; color:#6a6a6a;} .liste #content .wrapper .container .box_actu p{width:100%; padding:10px 0 47.5px 0; font-family:'Open Sans', sans-serif; font-weight:400; font-size:30px; line-height:30px; color:#092281;} .liste #content .wrapper .container .box_actu article{position:relative; float:left; width:100%; padding:50px 0 0 0; vertical-align:middle;} .liste #content .wrapper .container .box_actu article .date{position:absolute; width:125px; left:0; font-family:"Open Sans", sans-serif; font-weight:700; color:black; font-size:19px; line-height:24px;} .liste #content .wrapper .container .box_actu article .date span{display:block;} .liste #content .wrapper .container .box_actu article .date .border{display:block; height:2px; width:16px; background:black; margin:14px 0 0 1px;} .liste #content .wrapper .container .box_actu article .actu{float:left; width:100%; padding:0 0 0 125px; box-sizing:border-box;} .liste #content .wrapper .container .box_actu article .actu h3{padding:0 0 18px 0; font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:20px; line-height:24px; color:#092281;} .liste #content .wrapper .container .box_actu article .actu p{padding:18px 0; font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; line-height:24px; color:#474747; text-align:left;} .liste #content .wrapper .container .box_actu article .actu div{position:relative; padding:0 125px 0 0; margin:10px 0; width:100%; float:left; box-sizing:border-box;} .liste #content .wrapper .container .box_actu article .actu div>ul{float:left; width:100%; color:white; font-family:"Open Sans", sans-serif; font-weight:600; line-height:0; font-size:0;} .liste #content .wrapper .container .box_actu article .actu div>ul li{padding:8px 25px; margin:8px 5px 0 0; display:inline-block; border-radius:50px; background:#5137c2; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; font-size:14px; line-height:14px;} .liste #content .wrapper .container .box_actu article .actu div>ul li.orange{background:#FF9C00;} .liste #content .wrapper .container .box_actu article .actu div>ul li.blue{background:#374fd5;} .liste #content .wrapper .container .box_actu article .actu div>ul li.purple{background:#5137c2;} .liste #content .wrapper .container .box_actu article .actu div>ul li.green{background:#2ca6bf;} .liste #content .wrapper .container .box_actu article .actu div>ul li.skyblue{background:#0a87ff;} .liste #content .wrapper .container .box_actu article .actu div>ul li.darkblue{background:#04193c;} .liste #content .wrapper .container .box_actu article .actu div a{position:absolute; right:0; bottom:0; line-height:20px; font-size:14px; font-family:"Open Sans", sans-serif; font-weight:700; color:#474747; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .liste #content .wrapper .container .box_actu article .actu div a>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .liste #content .wrapper .container .box_actu article .actu div a>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:#8d8d8d; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .liste #content .wrapper .container .box_actu article .actu div a .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid #8d8d8d; color:#8d8d8d; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} @media screen and (min-width:800px) { .liste #content .wrapper .container .box_actu article .actu div a:hover>span>span{width:100%;} .liste #content .wrapper .container .box_actu article .actu div a:hover .didfont{background:#ff9c00; border:1px solid #ff9c00; color:white;} } .liste #content .wrapper .container .box_actu article .actu hr{float:left; width:100%; margin:20px 0 0 0; border:none; border-bottom:1px solid #e0e0e0;} .liste #content .wrapper .container .box_actu article:last-child .actu hr{border-bottom:1px solid white;} .liste #content .wrapper .container .pagination{float:left; width:100%; text-align:center; padding:50px 0 95px 0;} .liste #content .wrapper .container .pagination>ul{float:left; width:100%; font-size:0; line-height:0; text-align:center;} .liste #content .wrapper .container .pagination>ul>li{position:relative; display:inline-block; vertical-align:middle; font-size:20px; line-height:24px; color:#474747; margin:0 12px;} .liste #content .wrapper .container .pagination>ul>li .sep{position:absolute; right:-15px; color:#c1c1c1; font-weight:400;} .liste #content .wrapper .container .pagination>ul>li .current{color:#ff9c00; font-weight:700; text-decoration:underline;} .liste #content .wrapper .container .pagination>ul>li .next, .liste #content .wrapper .container .pagination>ul>li .prev{display:inline-block; color:#8d8d8d; font-size:12px;} .liste #content .wrapper .container .pagination>ul>li .prev{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);} .liste #content .wrapper .container .pagination>ul>li a{transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .liste #content .wrapper .container .pagination>ul>li a:hover{color:#ff9c00;} @media screen and (max-width:900px) { .liste #content{margin:0 0 70px 0;} .liste #content .wrapper .container{padding:0 5%;} .liste #content .wrapper .container .box_actu article .date{width:90px;} .liste #content .wrapper .container .box_actu article .actu{padding:0 0 0 90px;} .liste #content .wrapper .container .pagination{padding:0 0 50px;} } @media screen and (max-width:600px) { .liste #content .wrapper .container .box_actu{padding:0;} .liste #content .wrapper .container .box_actu article{padding:30px 0 0 0;} .liste #content .wrapper .container .box_actu article .date{position:relative; float:left; width:100%; text-align:center;} .liste #content .wrapper .container .box_actu article .date span{display:inline-block;} .liste #content .wrapper .container .box_actu article .date .border{position:absolute; left:50%; bottom:-10px; margin:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);} .liste #content .wrapper .container .box_actu article .actu{padding:35px 0 0 0;} .liste #content .wrapper .container .box_actu article .actu h3{padding:0;} .liste #content .wrapper .container .box_actu article .actu div{padding:0; margin:0 0 10px 0;} .liste #content .wrapper .container .box_actu article .actu div a{position:relative; display:block; float:left; margin:25px 0 0 0;} } /* CLIENTS */ .clients #content{position:relative; float:left; width:100%; margin:0 0 150px 0; z-index:2;} .clients #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .clients #content .wrapper .container{float:left; width:100%; padding:20px 14%; background:white; box-sizing:border-box;} .clients #content .wrapper .container:nth-child(1){float:left; width:100%; padding:0; background:white; box-sizing:border-box;} .clients #content .wrapper .container nav{float:left; width:100%; padding:30px 0;} .clients #content .wrapper .container nav ul{float:left; width:100%; text-align:center; font-size:0; line-height:0;} .clients #content .wrapper .container nav ul li{position:relative; display:inline-block; width:20%; margin:10px 0; padding:0 10px; box-sizing:border-box; font-weight:600; font-size:16px; line-height:22px;} .clients #content .wrapper .container nav ul li:after{content:"|"; position:absolute; display:block; top:50%; right:0; color:rgba(0, 0, 0, 0); background:#dadada; width:1px; height:100%; transform:translate(50%, -50%); -webkit-transform:translate(50%, -50%); -ms-transform:translate(50%, -50%);} .clients #content .wrapper .container nav ul li:nth-child(5n):after{content:""; display:none;} .clients #content .wrapper .container nav ul li:last-child:after{content:""; display:none;} .clients #content .wrapper .container nav ul li a{color:#474747; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .clients #content .wrapper .container nav ul li a:hover{color:#ff9c00;} .clients #content .wrapper .container nav ul li span{color:#ff9c00;} .clients #content .wrapper .container .text{float:left; width:100%; color:#474747; padding:40px 0;} .clients #content .wrapper .container .text h3{font-size:26px; line-height:50px; font-weight:600; color:#092281;} .clients #content .wrapper .container .text p{line-height:26px;} .clients #content .wrapper .container .logo_grille{float:left; width:100%; padding:20px 0 60px 0;} .clients #content .wrapper .container .logo_grille ul{float:left; width:100%; text-align:center; font-size:0; line-height:0;} .clients #content .wrapper .container .logo_grille ul li{position:relative; margin:20px 16px; height:100px; width:172px; display:inline-block; text-align:center;} .clients #content .wrapper .container .logo_grille ul li:nth-child(4n+1){margin:20px 16px 20px 0;} .clients #content .wrapper .container .logo_grille ul li:nth-child(4n+4){margin:20px 0 20px 16px;} .clients #content .wrapper .container .logo_grille ul li a{display:block; position:absolute; height:100%; width:100%; background-position:center center; background-size:contain; background-repeat:no-repeat;} @media screen and (max-width:900px) { .clients #content{margin:0 0 70px 0;} .clients #content .wrapper .container{padding:0 5%;} .clients #content .wrapper .container nav{padding:20px 0;} .clients #content .wrapper .container nav ul li{width:50%;} .clients #content .wrapper .container nav ul li:nth-child(even):after{content:""; display:none;} .clients #content .wrapper .container .text{padding:20px 0;} .clients #content .wrapper .container .logo_grille{padding:20px 0 40px 0;} } @media screen and (max-width:500px) { .clients #content .wrapper .container nav ul li{width:100%;} .clients #content .wrapper .container nav ul li:after{content:""; display:none;} } /* SEARCH */ .search #content{position:relative; float:left; width:100%; margin:0 0 150px 0; z-index:2;} .search #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .search #content .wrapper .container{float:left; width:100%; padding:20px 14% 70px 14%; background:white; box-sizing:border-box;} .search #content .wrapper .container article{position:relative; float:left; width:100%; padding:30px 0; vertical-align:middle; border-bottom:1px solid #e0e0e0;} .search #content .wrapper .container article:last-child{border:none;} .search #content .wrapper .container article>div{float:left; width:100%; box-sizing:border-box;} .search #content .wrapper .container article .text h3{padding:0 0 15px 0; font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:20px; line-height:24px; color:#092281;} .search #content .wrapper .container article .text p{padding:15px 0; font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; line-height:24px; color:#474747; text-align:left;} .search #content .wrapper .container article .cat ul{float:left; width:100%; color:white; font-family:"Open Sans", sans-serif; font-weight:600; line-height:0; font-size:0;} .search #content .wrapper .container article .cat ul li{padding:8px 25px; margin:8px 5px 0 0; display:inline-block; border-radius:50px; background:#5137c2; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; font-size:14px; line-height:14px;} .search #content .wrapper .container article .cat ul li.orange{background:#FF9C00;} .search #content .wrapper .container article .cat ul li.blue{background:#374fd5;} .search #content .wrapper .container article .cat ul li.purple{background:#5137c2;} .search #content .wrapper .container article .cat ul li.green{background:#2ca6bf;} .search #content .wrapper .container article .cat ul li.skyblue{background:#0a87ff;} .search #content .wrapper .container article .cat ul li.darkblue{background:#04193c;} .search #content .wrapper .container article .link a{float:right; line-height:20px; font-size:14px; font-family:"Open Sans", sans-serif; font-weight:700; color:#474747; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .search #content .wrapper .container article .link a>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .search #content .wrapper .container article .link a>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:#8d8d8d; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .search #content .wrapper .container article .link a .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid #8d8d8d; color:#8d8d8d; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} .search #content .wrapper .container article .link a:hover>span>span{width:100%;} .search #content .wrapper .container article .link a:hover .didfont{background:#ff9c00; border:1px solid #ff9c00; color:white;} @media screen and (max-width:900px) { .search #content{margin:0 0 70px 0;} .search #content .wrapper .container{padding:0 5% 50px;} .search #content .wrapper .container article{padding:20px 0;} .search #content .wrapper .container article .text h3{padding:0 0 5px 0;} .search #content .wrapper .container article .text p{padding:10px 0;} } /* CONTACT INPUT'S COLOR */ .contact ::-webkit-input-placeholder{color:#474747;} .contact :-ms-input-placeholder{color:#474747;} .contact ::-moz-placeholder{color:#474751;} .contact :-moz-placeholder{color:#474751;} /* CONTACT */ .contact #content{position:relative; float:left; width:100%; margin:0 0 0 0; z-index:2;} .contact #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .contact #content .wrapper .container{float:left; width:100%; padding:0 23%; background:white; box-sizing:border-box;} .contact #content .wrapper .container>h2{font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:21px; line-height:28px; color:#092281; text-align:center; margin:82px 0 10px 0;} .contact #content .wrapper .container>h2 span{text-transform:uppercase;} .contact #content .wrapper .container p{font-family:"Open Sans", sans-serif; font-weight:300; font-size:16px; line-height:15px; text-align:center; color:#474747; margin:10px 0 0 0;} .contact #content .wrapper .container .number{text-align:center; margin:60px 0 0 0;} .contact #content .wrapper .container .number li{display:inline-block;} .contact #content .wrapper .container .number li:first-child{border:1px solid #374fd4; padding:15px; background:#374fd4; border-radius:50%;} .contact #content .wrapper .container .number li:last-child{font-family:"Source Sans Pro", sans-serif; font-weight:600; font-size:21px; line-height:28px; color:#092281; padding:0 0 0 9px;} .contact #content .wrapper .container .number li svg{font-size:12px;} .contact #content .wrapper .container .number li svg path{fill:white;} .contact #content .wrapper .container form{float:left; width:100%; margin:65px 0 110px 0;} .contact #content .wrapper .container form>p{font-family:"Open Sans", sans-serif; font-size:16px; line-height:24px; letter-spacing:-0.01em; font-weight:400; color:#474747; margin:0 0 13px 0; text-align:left;} .contact #content .wrapper .container form>p em{font-style:italic;} .contact #content .wrapper .container form>p span{color:#374fd4;} .contact #content .wrapper .container form label{float:left; width:100%; margin:12px 0 6px 0; font-family:"Open Sans", sans-serif; font-weight:600; font-size:14px; line-height:24px; color:#909090; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out; opacity:0;} .ie9 .contact #content .wrapper .container form label{opacity:1!important;} .contact #content .wrapper .container form select{position:relative; float:left; width:100%; padding:0 0 7px 0; font-family:"Open Sans", sans-serif; font-weight:600; font-size:16px; letter-spacing:-0.01em; line-height:24px; color:#474747; box-shadow:none; border:none; border-bottom:1px solid #b7b7b7; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background:url("images/select_arrow.svg"); background-size:12px; background-position:right center; background-repeat:no-repeat;} .contact #content .wrapper .container form select.bad{border-bottom:1px solid red;} .contact #content .wrapper .container form .group{float:left; width:100%; line-height:0; font-size:0;} .contact #content .wrapper .container form .group div{width:50%; display:inline-block; box-sizing:border-box;} .contact #content .wrapper .container form .group div:first-child{padding:0 25px 0 0;} .contact #content .wrapper .container form .group div:last-child{padding:0 0 0 25px;} .contact #content .wrapper .container form .group input{width:100%; padding:0 0 7px 0; display:inline-block; font-size:16px; line-height:24px; appearance:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:none; border-bottom:1px solid #b7b7b7; margin:0;} .contact #content .wrapper .container form .group label{margin:13px 0 0 0;} .contact #content .wrapper .container form input{float:left; width:100%; padding:0 0 7px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; float:right; box-sizing:border-box; font-family:"Open Sans", sans-serif; font-size:16px; line-height:24px; outline:none; font-weight:600; line-height:24px; letter-spacing:-0.01em; color:#474747; border:none; border-bottom:1px solid #b7b7b7; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .contact #content .wrapper .container form input.good{background:url(images/tick.svg); background-size:24px; background-position:right center; background-repeat:no-repeat;} .contact #content .wrapper .container form input.bad{background:url(images/tick2.svg); background-size:24px; background-position:right center; background-repeat:no-repeat;} .contact #content .wrapper .container form input[type="text"], .contact #content .wrapper .container form input[type="email"]{box-sizing:border-box; padding:0 15px 7px 0;} .contact #content .wrapper .container form textarea{float:left; margin:50px 0 55px 0; height:280px; width:100%; border:1px solid #b7b7b7; background:#f6f6f6; resize:none; padding:30px; box-sizing:border-box; font-family:"Open Sans", sans-serif; font-weight:400; font-size:15px; line-height:26px; letter-spacing:-0.01em; color:#474747;} .contact #content .wrapper .container form textarea.bad{border:1px solid red;} .contact #content .wrapper .container form button{display:block; padding:0 60px; margin:0 auto 0 auto; background:none; outline:none; box-shadow:none; border:1px solid #374fd4; height:50px; color:#374fd4; font-size:16px; font-family:"Open Sans", sans-serif; line-height:24px; letter-spacing:-0.01em; font-weight:700; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out; -moz-transition:.2s all ease-in-out; -ms-transition:.2s all ease-in-out;} .contact #content .wrapper .container form .loader{display:none; position:relative; float:left;width:100%; text-align:center; margin:0 auto;} .contact #content .wrapper .container form .loader span{display:inline-block; width:10px; height:10px; margin:0 1px; background:#2d3e56; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} .contact #content .wrapper .container form .loader span:nth-child(1){-webkit-animation-delay:.1s; animation-delay:.1s;} .contact #content .wrapper .container form .loader span:nth-child(2){-webkit-animation-delay:.2s; animation-delay:.2s;} .contact #content .wrapper .container form .loader span:nth-child(3){-webkit-animation-delay:.3s; animation-delay:.3s;} .contact #content .wrapper .container form .notification{float:left; margin:10px 0 15px 0; width:100%; text-align:center; font-family:"Open Sans", sans-serif; font-size:16px; line-height:24px; color:#03ae40; letter-spacing:-0.01em; font-style:italic;} .contact #content .wrapper .container form .error{float:left; width:100%; margin:0 0 20px 0; text-align:center; box-sizing:border-box; color:red; display:none; font-family:"Open Sans", sans-serif; font-size:16px; font-weight:600; line-height:24px;} .contact #content .wrapper .container form button:hover{background:#374fd4; color:white;} .contact #content .wrapper .newsletter{float:left; width:100%; background:#374fd5; height:200px;} .contact #content .wrapper .newsletter .back{float:left; width:100%; background:url('images/newsletter2.png'); background-size:contain; background-position:left top; background-repeat:no-repeat; z-index:1; height:100%;} .contact #content .wrapper .newsletter .back .wrapper{max-width:90%; width:860px; margin:0 auto;} .contact #content .wrapper .newsletter .back .wrapper div{width:50%; height:100%; display:inline-block; box-sizing:border-box; line-height:0; font-size:0;} .contact #content .wrapper .newsletter .back .wrapper div:first-child{margin:55px 0 0 0; padding:0 45px 0 13px;} .contact #content .wrapper .newsletter .back .wrapper div:last-child{float:right; margin:30px 0 0 0; padding:0 50px 0 55px;} .contact #content .wrapper .newsletter .back .wrapper div>p{float:left; font-family:"Source Sans Pro", sans-serif; font-size:21px; line-height:24px; font-weight:600; color:white;} .contact #content .wrapper .newsletter .back .wrapper div>p:first-child{margin:0 0 3px 0;} .contact #content .wrapper .newsletter .back .wrapper div>p:last-child{margin:3px 0 0 0; font-family:"Open Sans", sans-serif; font-size:16px; line-height:24px; color:#8193ea; font-weight:400;} .contact #content .wrapper .newsletter .back .wrapper div form{float:left; width:100%;} .contact #content .wrapper .newsletter .back .wrapper div form input{padding:13px 0 13px 7px; margin:0 0 0 0; border:none; border-bottom:solid 2px white; transition:border .3s; background:transparent; width:100%; outline:none; color:white; letter-spacing:-0.01em; font-size:16px; line-height:24px; font-family:"Open Sans", sans-serif; font-weight:500;} .contact #content .wrapper .newsletter .back .wrapper div form input[type="email"]::-webkit-input-placeholder{color:#bccdff;} .contact #content .wrapper .newsletter .back .wrapper div form input[type="email"]::-moz-placeholder{color:#bccdff;} .contact #content .wrapper .newsletter .back .wrapper div form input[type="email"]:-moz-placeholder{color:#bccdff;} .contact #content .wrapper .newsletter .back .wrapper div form input[type="email"]:-ms-input-placeholder{color:#bccdff;} .contact #content .wrapper .newsletter .back .wrapper div form button{position:relative; margin:22px 0 0 0; color:white; font-size:14px; line-height:20px; font-weight:600; letter-spacing:-0.01em; background:transparent; outline:none; border:none; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .contact #content .wrapper .newsletter .back .wrapper div form button>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .contact #content .wrapper .newsletter .back .wrapper div form button>span>span{position:absolute; bottom:0; left:0; height:1px; width:0; background:white; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .contact #content .wrapper .newsletter .back .wrapper div form button .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid #ff9c00; background:#ff9c00; color:white; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal;} .contact #content .wrapper .newsletter .back .wrapper div form button:hover>span>span{width:100%;} .contact #content .wrapper .newsletter .back .wrapper div form button:hover .didfont{background:white; border:1px solid white; color:#374FD5;} .contact #content .wrapper .newsletter .back .wrapper div form .alert{margin:0; padding:0; width:100%; display:none;} .contact #content .wrapper .newsletter .back .wrapper div form .alert.success p{color:white; font-weight:bold; text-align:center;} .contact #content .wrapper .newsletter .back .wrapper div form .alert.error p{color:#ff9c00; font-weight:bold; text-align:center;} .contact #content .wrapper .map{position:relative; float:left; width:100%;} .contact #content .wrapper .map img{float:left; width:100%;} .contact #content .wrapper .map .rectangle{position:absolute; top:137px; left:108px; float:left; padding:56px 60px 90px 60px; height:370px; width:315px; background:white; box-sizing:border-box;} .contact #content .wrapper .map .rectangle .blue_border{position:absolute; left:0; top:0; width:13px; background:#364dcf; height:100%;} .contact #content .wrapper .map .rectangle h2{margin:0 0 48px 0; font-family:"Open Sans", sans-serif; font-size:26px; font-weight:600; color:#092281;} .contact #content .wrapper .map .rectangle p{margin:0 0 41px 0; font-family:"Open Sans", sans-serif; font-size:18px; line-height:26px; font-weight:400;} .contact #content .wrapper .map .rectangle a{color:#474747;} .contact #content .wrapper .map .rectangle a>span{position:relative; display:inline-block; vertical-align:middle; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .contact #content .wrapper .map .rectangle a>span>span{position:absolute; bottom:-3px; left:0; background:#474747; height:1px; width:0; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} .contact #content .wrapper .map .rectangle a .didfont{width:20px; height:20px; margin:0 10px 0 0; border:1px solid white; background:#374fd5; border:1px solid #374fd5; border-radius:5px; text-align:center; font-size:8px; line-height:20px; font-weight:normal; color:white;} .contact #content .wrapper .map .rectangle a:hover>span>span{width:100%;} .contact #content .wrapper .map .rectangle a:hover .didfont{background:#ff9c00; border:1px solid #ff9c00; color:white;} @media screen and (max-width:1000px) { .contact #content .wrapper .map .rectangle{left:50px; top:50px;} } @media screen and (max-width:850px) { .contact #content .wrapper .container{padding:0 5%;} .contact #content .wrapper .newsletter{height:315px;} .contact #content .wrapper .newsletter .back .wrapper div{width:100%;} .contact #content .wrapper .newsletter .back .wrapper div:first-child{float:left; margin:55px 0 0 0; padding:0;} .contact #content .wrapper .newsletter .back .wrapper div:last-child{float:left; margin:43px 0 0 0; padding:0;} .contact #content .wrapper .map img{display:none;} .contact #content .wrapper .map .rectangle{position:relative; float:left; width:100%; top:0; left:0; height:auto; padding:56px 60px 50px 60px; margin:40px 0 40px 0;} .contact #content .wrapper .map .rectangle h2{margin:10px;} .contact #content .wrapper .map .rectangle p{margin:10px;} } @media screen and (max-width:550px) { .contact #content .wrapper .container form .group div{width:100%; display:block; box-sizing:border-box;} .contact #content .wrapper .container form .group div:first-child{padding:0;} .contact #content .wrapper .container form .group div:last-child{padding:0;} .contact #content .wrapper .map .rectangle{padding:20px 30px 20px 30px; margin:0 0 20px 0; text-align:center;} .contact #content .wrapper .map .rectangle .blue_border{display:none;} } @media screen and (max-width:440px) { .contact #content .wrapper .newsletter .back{background-size:cover; background-position:center center;} } /* PREFOOTER */ #prefooter{position:relative; float:left; width:100%; background:white; z-index:3;} #prefooter .wrapper{max-width:90%; width:980px; margin:0 auto;} #prefooter .wrapper div{position:relative; float:left; width:100%; padding:100px 0 115px 0;} #prefooter .wrapper div p{text-align:center; font-size:30px; line-height:44px; color:#092281;} #prefooter .wrapper div a{position:absolute; padding:30px 48px; bottom:0; right:0; box-sizing:border-box; z-index:1; transform:translate(0, 50%); -webkit-transform:translate(0, 50%); -ms-transform:translate(0, -50%); background:#ff9c00; color:white; text-decoration:none; font-family:"Source Sans Pro"; font-size:22px; line-height:24px; font-weight:700; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #prefooter .wrapper div a.ie{bottom:-89px;} #prefooter .wrapper div a:hover{background:#ffb033;} #prefooter .wrapper div a .didfont{display:inline-block; vertical-align:middle; width:28px; height:28px; text-align:center; margin:0 0 0 120px; border-radius:50%; border:1px solid white; font-size:8px; line-height:28px;} @media screen and (max-width:900px) { #prefooter .wrapper div{padding:70px 0 85px 0;} } @media screen and (max-width:700px) { #prefooter .wrapper div p{font-size:24px; line-height:28px;} #prefooter .wrapper div a{width:100%; text-align:left; padding:30px 0} #prefooter .wrapper div a span{padding:0 0 0 10%;} #prefooter .wrapper div a .didfont{position:absolute; padding:0; margin:0; right:10%;} } /* EQUIPE */ .equipe #content{position:relative; float:left; width:100%; margin:0 0 150px 0; z-index:2;} .equipe #content .wrapper{max-width:90%; width:1100px; margin:0 auto;} .equipe #content .wrapper .container{float:left; width:100%; background:white; box-sizing:border-box;} .equipe #content .wrapper .container .classical h2{padding:10px 0 20px 0;} .equipe #content .wrapper .container .profil{position:relative; float:left; width:90%; margin:40px 5% 50px 5%; box-sizing:border-box; padding:0 5%;} .equipe #content .wrapper .container .profil h2{font-family:"Open Sans", sans-serif; font-weight:600; line-height:26px; font-size:26px; color:#092281;} .equipe #content .wrapper .container .profil ul{width:100%; margin:65px 0 0 0; font-size:0; line-height:0;} .equipe #content .wrapper .container .profil ul li{position:relative; float:left; width:100%; font-size:21px; line-height:21px; margin:0 0 50px 0;} .equipe #content .wrapper .container .profil ul li:last-child{margin:0;} .equipe #content .wrapper .container .profil ul li .img{position:absolute; left:40px; top:15px; height:160px; width:160px;} .equipe #content .wrapper .container .profil ul li .text{float:left; width:100%; min-height:160px; padding:0 0 0 250px; box-sizing:border-box;} .equipe #content .wrapper .container .profil ul li .text h3{margin:0 0 2px 0; font-family:"Source Sans Pro", sans-serif; font-size:21px; font-weight:600; line-height:44px; color:#092281;} .equipe #content .wrapper .container .profil ul li .text p{margin:2px 0 0 0; font-family:"Open Sans", sans-serif; font-size:16px; font-weight:300; line-height:24px; color:#474747;} @media screen and (max-width:800px) { .equipe #content .wrapper{max-width:100%; width:100%;} .equipe #content .wrapper .container .classical, .equipe #content .wrapper .container .profil{padding:0 20px; width:100%; margin:40px 0 40px 0;} .equipe #content .wrapper .container .profil ul li .img{left:20px;} .equipe #content .wrapper .container .profil ul li .text{padding:0 0 0 200px;} } @media screen and (max-width:600px) { .equipe #content .wrapper .container .profil ul li{text-align:center;} .equipe #content .wrapper .container .profil ul li .img{position:relative; left:auto; top:auto; display:inline-block;} .equipe #content .wrapper .container .profil ul li .text{text-align:left; padding:0 0 0 0;} } /* FOOTER */ #footing{position:relative; float:left; width:100%; background:#04193c; z-index:2;} #footing .wrapper{max-width:90%; width:980px; margin:0 auto;} #footing .wrapper nav a, #footing .wrapper nav span{float:left;} #footing .wrapper a img{padding:68px 0 0 0;} #footing .wrapper .menu{float:left; width:100%;} #footing .wrapper nav{float:left; width:100%; padding:0 0 35px 0; border-bottom:1px solid #293b59; font-weight:400;} #footing .wrapper nav>ul{float:left; width:100%; font-size:0; line-height:0;} #footing .wrapper nav>ul>li{width:25%; display:inline-block; font-size:16px; line-height:16px; vertical-align:top;} #footing .wrapper nav>ul>li>a, #footing .wrapper nav>ul>li>span{display:inline; color:white; margin:30px 0 30px 0; font-family:"Source Sans Pro", sans-serif; font-size:20px; font-weight:500; line-height:24px; letter-spacing:-0.01em; color:white;} #footing .wrapper nav>ul>li>ul{float:left; width:100%;} #footing .wrapper nav>ul>li>ul>li{float:left; width:100%; padding:0; font-size:16px; line-height:22px;} #footing .wrapper nav>ul>li>ul>li>a, #footing .wrapper nav>ul>li>ul>li>span{margin:6px 0; color:#9aaad7; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #footing .wrapper nav>ul>li>ul>li>a:hover{color:white;} #footing .wrapper nav>ul>li>ul>li>ul{float:left; width:100%;} #footing .wrapper nav>ul>li>ul>li>ul>li{float:left; width:100%;} #footing .wrapper nav>ul>li>ul>li>ul>li>a, #footing .wrapper nav>ul>li>ul>li>ul>li>span{margin:6px 0; color:#9aaad7; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #footing .wrapper nav>ul>li>ul>li>ul>li>a:hover{color:white;} #footing .wrapper .mentions{position:relative; float:left; width:100%; padding:65px 0 25px 0;} #footing .wrapper .mentions a{text-align:right; color:#9aaad7; font-family:"Open Sans", sans-serif; font-weight:400; font-size:14px; line-height:14px; letter-spacing:-0.01em; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;} #footing .wrapper .mentions a:hover{color:white;} #footing .wrapper .mentions>a{float:right;} #footing .wrapper .mentions a span{color:white;} #footing .wrapper .mentions ul{position:absolute; left:0; float:left; width:50%;} #footing .wrapper .mentions ul li{float:left; display:inline-block; padding:0 7px; border-right:1px solid #293b59;} #footing .wrapper .mentions ul li:last-child{border:none;} #footing .wrapper .certif{position:relative; width:100%; bottom: 25px;} #footing .wrapper .certif p {width: 84%; text-align: right; color:#9aaad7; font-family:"Open Sans", sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.01em;} #footing .wrapper .certif img {width: 15%; position: absolute; right: 0; top: -15px;} @media screen and (max-width:760px) { #footing .wrapper nav>ul>li{width:100%;} #footing .wrapper nav>ul>li>a{width:100%; text-align:center;} #footing .wrapper nav>ul>li>ul>li>a{width:100%; text-align:center;} #footing .wrapper nav>ul>li>ul>li>ul>li>a{width:100%; text-align:center;} #footing .wrapper .mentions ul{float:none; position:relative; width:100%; text-align:center;} #footing .wrapper .mentions ul li{display:inline-block;} /*#footing .wrapper .mentions>a:last-child{float:none; text-align:center; display:block; padding:10px 0 0 0;}*/ } @media screen and (max-width:600px) { #footing .wrapper a img{padding:90px 0 25px 0;} #footing .wrapper>a{display:block; width:100%; text-align:center;} #footing .wrapper .mentions{text-align:center; padding:100px 0 45px 0;} #footing .wrapper .mentions ul{width:100%;} #footing .wrapper .mentions ul li{width:100%; padding:0; border:none; margin:5px 0;} #footing .wrapper .mentions>a{float:none; display:inline-block; margin:15px 0 0 0; } #footing .wrapper .certif{position:relative; padding: 40px 0 0 0;} #footing .wrapper .certif p{width: 100%; text-align: center;} #footing .wrapper .certif img {width: 50%; padding: 85px;} } .not-found{position:relative; float:left;} .not-found #page-not-found .back_grey{position:absolute; left:0; background:#F2F3F5; width:45%;} .not-found #page-not-found .wrapper{max-width:90%; width:980px; margin:0 auto;} .not-found #page-not-found .wrapper .text{position:relative; margin:190px 0 190px 0;} .not-found #page-not-found .wrapper .text h1{color:#04193C; text-align:center; font-size:55px; margin:0 0 10px 0;} .not-found #page-not-found .wrapper .text a{position:absolute; padding:30px 48px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); margin:30px 0 0 0; background:#FFB033; box-sizing:border-box; font-size:22px; color:white; font-weight:700; } @media screen and (max-width:800px) { .not-found #page-not-found .not-found{padding:160px 0 0 0;} .not-found #page-not-found .wrapper .text{margin:130px 0 230px 0;} .not-found #page-not-found .wrapper .text h1{font-size:32px;} .not-found #page-not-found .wrapper .text a{font-size:18px; padding:25px 40px;} } .time06{-webkit-animation-duration:.6s; animation-duration:.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out;} .loading{animation-name:loading; -webkit-animation-name:loading; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;} @-webkit-keyframes loading{ 0% {-webkit-transform:scale(1);} 33% {-webkit-transform:scale(1.5);} 66% {-webkit-transform:scale(1);} 100% {-webkit-transform:scale(1);} } @keyframes loading{ 0% {transform:scale(1);} 33% {transform:scale(1.5);} 66% {transform:scale(1);} 100% {transform:scale(1);} }