/*@font-face { font-family: 'Droid Sans'; src: url('../font/Droid Sans.eot'); src: local('Droid Sans'), url('../font/Droid Sans.woff') format('woff'), url('../font/Droid Sans.ttf') format('truetype'); }*/ @font-face { font-family: 'NexaFreeBoldwebfont'; src: url('../font/NexaFreeBoldwebfont.eot'); src: local('NexaFreeBoldwebfont'), url('../font/NexaFreeBoldwebfont.woff') format('woff'), url('../font/NexaFreeBoldwebfont.ttf') format('truetype'); } body {font-size:11px;font-family: 'NexaFreeBoldwebfont'} body #body-wrapper {width:auto; margin:0} a[href$=".pdf"]:before, a[href$=".PDF"]:before { content: "\f1c1"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:8px; color:#d41f28; } .field-wrapper.doc a[href$=".pdf"], .field-wrapper.doc a[href$=".PDF"] { display: inline-block; font-size: 1.3em; font-weight: 600; margin-top: 1.33em; } .field-wrapper.doc a[href$=".pdf"] strong, .field-wrapper.doc a[href$=".PDF"] strong { color: black; } .page {position: relative;} .block-title.empty {display:none;} .wrapped-container {max-width: 1280px; box-sizing: border-box; width:auto; margin: 0 auto; } .wrapped-container.wide {max-width: 1500px; } .block-resume {font-family: 'Droid Sans'; } #template { display:table;width:100%;box-sizing:border-box; } #template .zone {display:table-cell;box-sizing:inherit;vertical-align: top;} #template .zone.col-1 {width: 8.3333333%;} #template .zone.col-2 {width: 16.666666667%;} #template .zone.col-3 {width: 25%;} #template .zone.col-4 {width: 33.3333%;}115 #template .zone.col-5 {width: 41.666666667%;} #template .zone.col-6 {width: 50%;} #template .zone.col-7 {width: 58.333333333%;} #template .zone.col-8 {width: 66.666666667%;} #template .zone.col-9 {width: 75%;} #template .zone.col-10 {width: 83.333333333%;} #template .zone.col-11 {width: 91.666666667%;} #template .zone.col-12 {width:100%;} a, *:hover{ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* # Button */ button, .btn { display:inline-block; font-family: 'NexaFreeBoldwebfont'; cursor:pointer; font-weight:600; padding:15px 10%; background:#fff; color:#555; border: 0; border-radius:9px; text-align:center; font-size:1.5em; text-decoration:none; outline: 0;} button *, .btn * {color:inherit; text-decoration:inherit;} button:active, button:focus, button:hover, .btn:active, .btn:focus, .btn:hover {background: #3D444E; color: #FFF;} .btn.blue { background:#0155b7; color:#fff; padding:9px 9%; border:2px solid #0155b7; } .btn.blue:active, .btn.blue:focus, .btn.blue:hover { background:#fff; color:#0155b7;} .btn.blue.dark { background:#014a81; color:#fff; padding:9px 9%; border:2px solid #014a81; } .btn.blue.dark:active, .btn.blue.dark:focus, .btn.blue.dark:hover { background:#fff; color:#014a81!important;} .btn.white { background:#fff; color:#0155b7; padding:9px 9%; border:2px solid #0155b7;} .btn.white:active, .btn.white:focus, .btn.white:hover { background:#0155b7; color:#fff;} /* # message wrapper */ .msg-wrapper { background: #FFFFFF; border: 3px solid #FFF; font-size: 1em; padding:20px 2% 10px 2%; margin-bottom: 3%; line-height: 32px; } .msg-wrapper h3{ font-size: 1.25em; text-transform: uppercase;} .msg-wrapper.error-wrapper {border-color:#E8645F} .msg-wrapper.error-wrapper > * {color:#E8645F} .msg-wrapper.error-wrapper br { border-bottom: 1px solid #E8645F; display: block; content: " "; } .msg-wrapper.warning-wrapper {border-color:#FF9D00} .msg-wrapper.warning-wrapper > * {color:#FF9D00} .msg-wrapper.warning-wrapper br { border-bottom: 1px solid #FF9D00; display: block; content: " "; } .msg-wrapper.success-wrapper {border-color:#8ebe4e} .msg-wrapper.success-wrapper > * {color:#8ebe4e} .msg-wrapper.success-wrapper br { border-bottom: 1px solid #65AA09; display: block; content: " "; } .msg-wrapper.info-wrapper {border-color:#1963ba} .msg-wrapper.info-wrapper > * {color:#1963ba} .msg-wrapper.info-wrapper br { border-bottom: 1px solid #1963ba; display: block; content: " "; } .block-content .msg-wrapper{margin:2% 0 0 0 } /* # Globals input */ .input_textarea, .input_text, .input_select { font-family: 'Droid Sans'; font-weight:normal; padding:13px 20px; width:90%; max-height: 50px; background:#fff; color:#373737; border:2px solid #fff; border-radius:9px; font-size:18px; line-height:1.5em; text-decoration:none; outline: 0;max-width: 450px; box-sizing: border-box; } *::-webkit-input-placeholder {color: #888; } *::-moz-placeholder { color: #888; } *::-ms-input-placeholder { color: #888; } .input_textarea:focus, .input_text:focus, .input_select:focus{border-color:#A8C5E6;} .block .block-header h2, .block .block-title {text-align:center; font-size:3.5em;text-transform:uppercase; padding:4% 0; font-weight:600;} /* # Social Medias Icons */ #block-social_media ul {padding-left:0; list-style:none;} #block-social_media ul li {display:none;} #block-social_media ul li a { border-radius: 8px; display:inline-block;text-indent: -9999px; color: transparent; background-repeat:no-repeat; height: 54px; width: 55px; white-space: nowrap;} #block-social_media ul li.facebook {display:block;} #block-social_media ul li.facebook a { background-image:url(../image/fb.svg); background-size:100% auto} #block-social_media ul li.facebook:hover a { background-image: url(../image/hoverfb.svg);} /* # Header */ #header-wrapper #header-nav #block-social_media {text-align:right; float:right} #header-wrapper #header-top #block-public_logo {text-align:left;} #header-wrapper #header-top #block-profil_login [value="logout"] {border:2px solid #0155b7;} #header-wrapper #header-top #block-profil_login .logged, #header-wrapper #header-top #block-profil_login .msg-wrapper {display:none;} #header-wrapper #header-top .button-container .connect { padding-right:10px; } #header-wrapper #header-top .button-container .register { padding-left:10px; } #header-wrapper #header-top .top-right-nav {width: auto; padding-right: 10px; } #header-wrapper #header-top .header-buttons { float: left; width: 58.33333333%; text-align: right; padding-top: 36.5px; } #header-wrapper #header-top .block-user-login { background:none; padding:0!important; } #header-wrapper #header-top .block-user-login .block-header{display:none;} #header-wrapper #header-top .block-user-login .block-content {padding:0;width:auto; text-align: right;} #header-wrapper #header-top .block-user-login .button-container {padding:0;} [data-layout="private"] .wrapped-container {position:relative;} [data-layout="private"] .button-nav .block-navigation {width: 100%; /*position: absolute;*/ top:-310px; z-index: 2; left: 0; margin-bottom: 45px; } [data-layout="private"] .button-nav .block-navigation .block-title {text-align: left; /*text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);*/ margin: 0 0 35px 0; font-size: 4em; padding: 0;color:#0155b7;} [data-layout="private"] .button-nav .block-navigation .block-title:before {width:10%; height:5px; content:" "; display:block; background:#0155b7;/*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.7)*/} [data-layout="private"] .button-nav .block-navigation ul {text-align:center;} [data-layout="private"] .button-nav .block-navigation li { margin: 0 2%;position:relative;text-align:center; background-size:100% auto!important; color:#fff; height:112px; padding:30px 0; width: 29.33%; display: inline-block; font-size:1.8em; background: red; vertical-align: middle; } [data-layout="private"] .button-nav .block-navigation li a {color:inherit;text-decoration:none;} [data-layout="private"] .button-nav .block-navigation li a:before { box-sizing: border-box; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;content: " "; background: transparent; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } [data-layout="private"] .button-nav .block-navigation li a:hover:before { background:rgba(255, 255, 255, 0.18); border: 4px solid rgba(98, 100, 103, 0.2);} [data-layout="private"] .button-nav .block-navigation li strong {display: block;font-size: 1.5em;text-transform: uppercase;height: 85px;} /*[data-layout="private"] .button-nav .block-navigation li:hover a {color: #2D3235;}*/ [data-layout="private"] .button-nav .block-navigation li.infos {background:url(../image/infos.jpg) no-repeat center center; } [data-layout="private"] .button-nav .block-navigation li.community { background:url(../image/jumelage.jpg) no-repeat center center; } [data-layout="private"] .button-nav .block-navigation li.emplois {background:url(../image/emploieteconomie.jpg) no-repeat center center;} /*[data-layout="private"][data-type="index"] #container-wrapper .background-brown {padding-top:130px;}*/ [data-layout="private"][data-type="content"] .button-nav .block-navigation {display:none;} /* ## Nav */ #header-wrapper #header-nav {background:#0155b7} #header-wrapper #main-nav .nav-level-main {display:table; font-size: 1.6em;width: 100%;} #header-wrapper #main-nav .nav-level-main li {display:table-cell; vertical-align: middle; width:25%; max-width:230px; border-left:1px solid #fff;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; height: 80px;} #header-wrapper #main-nav .nav-level-main li:first-child {border-left:0;} #header-wrapper #main-nav .nav-level-main li:hover {background-color:#8cc540!important} #header-wrapper #main-nav .nav-level-main li a { display: block;color:#fff;text-decoration:none;font-weight:bold; padding: 25px 0 25px 90px;text-transform:uppercase;vertical-align: middle} #header-wrapper #main-nav .nav-level-main li.index {background:url(../image/accueil.svg) no-repeat 15px center;} #header-wrapper #main-nav .nav-level-main li.about {background:url(../image/apropos.svg) no-repeat 15px center;} #header-wrapper #main-nav .nav-level-main li.faq {background:url(../image/faq.svg) no-repeat 15px center;} #header-wrapper #main-nav .nav-level-main li.contact-us {background:url(../image/contact.svg) no-repeat 15px center;} #header-wrapper #main-nav .nav-level-main li.active {background-color:#8cc540} /* ## Lang NAV */ #header-wrapper #right-nav .nav-list {text-align:right;} #header-wrapper #right-nav .nav-list a span { display: inline-block; margin:3px; border: 1px solid #fff; box-shadow: 0px 1px 1px -1px #aed4fb; text-decoration: none; color: #fff; font-size: 27px; padding: 9px 7px 5px 9px; border-radius: 8px; margin-top:2px } #header-wrapper #right-nav .nav-list a:hover span {background:#fff; border-color:#0155b7; color:#0155b7; box-shadow:none;} /* ## Banner */ [data-layout="public"] #header-wrapper #banner .image-content {opacity:0.0; width:100%;max-width:1280px;margin:auto;bottom:0; left:0;box-sizing: border-box; background:rgba(255,255,255,0.75); padding: 30px 40px;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in;} [data-layout="public"] #header-wrapper #banner .image-content .description p {font-family:'Droid sans';} [data-layout="public"] #header-wrapper #banner .image { overflow: hidden; height: 675px; width: 100%; } [data-layout="public"] #header-wrapper #banner .slick-active .image-content {opacity:1.0} [data-layout="public"] #header-wrapper #banner .description, [data-layout="public"] #header-wrapper #banner .title {opacity: 1.0; font-size: 1.5em; } [data-layout="public"] #header-wrapper #banner .slide {position:relative; width: 100%; max-width: 1280px;} [data-layout="public"] #header-wrapper #banner .image img {margin-left: 0px; height: auto; width: 100%;} [data-layout="public"] #header-wrapper #banner .slick-dots {position:static;margin-top: -23px;} [data-layout="public"][data-type="content"] #header-wrapper #banner .image {height: auto;} [data-layout="private"] #header-wrapper #banner .image-content {opacity:0.0; width:100%;max-width:1280px;margin:auto;bottom:0; left:0;box-sizing: border-box; background:rgba(255,255,255,0.75); padding: 30px 40px;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in;} [data-layout="private"] #header-wrapper #banner .image-content .description p {font-family:'Droid sans';} [data-layout="private"] #header-wrapper #banner .image { overflow: hidden; height: 675px; width: 100%; } [data-layout="private"] #header-wrapper #banner .slick-active .image-content {opacity:1.0} [data-layout="private"] #header-wrapper #banner .description, [data-layout="private"] #header-wrapper #banner .title {opacity: 1.0; font-size: 1.5em; } [data-layout="private"] #header-wrapper #banner .slide {position:relative; width: 100%; max-width: 1280px;} [data-layout="private"] #header-wrapper #banner .image img {margin-left: 0px; height: auto; width: 100%;} [data-layout="private"] #header-wrapper #banner .slick-dots {position:static;margin-top: -23px;} [data-layout="private"][data-type="content"] #header-wrapper #banner .image {height: auto;} /* # Content */ /*[data-layout="public"] #container-wrapper .background-brown {background:url(../image/background.jpg) no-repeat 0 0; background-size:cover; color:#fff; padding:45px 0}*/ #container-wrapper .background-brown { background: url(../image/background.jpg) no-repeat 0 0; background-size: 100% auto; color:#444; padding: 45px 0; background-repeat-y: initial;} [data-type="index"] #container-wrapper .background-brown { color: #fff }; #container-wrapper .background-brown .block-title {font-size:3.5em; padding-top: 2%;} #container-wrapper a {text-decoration:none; color:#fff} #container-wrapper button, #container-wrapper a.btn {color:#555;width: 220px;padding: 15px 0; max-width: 100%;} #container-wrapper button.white, #container-wrapper a.btn.white {color:#0155b7;} #container-wrapper button:active, #container-wrapper button:focus, #container-wrapper button:hover, #container-wrapper .btn:active, #container-wrapper .btn:focus, #container-wrapper .btn:hover {color:#fff} #container-wrapper .btn.blue {color:#fff;} #container-wrapper .btn.blue:hover {color:#0155b7} #container-wrapper .btn.blue.dark:hover {color:#014a81} #container-wrapper [id^="col-"] .block {padding:2px} /* ## Header content */ [data-layout="public"][data-type="content"] .image-content {display:none;} [data-type="content"] #container-wrapper .page-title{ background: rgba(255,255,255,0.75); text-align: left; line-height: 2em; font-size: 3em; text-transform: uppercase; padding: 2% 4%; font-weight: 600; margin-top: -97px; position: relative; z-index: 10; color: #000; height: 100px; box-sizing: border-box; } /* ## Blocks */ [data-type="content"] .input_textarea, [data-type="content"] .input_text, [data-type="content"] .input_select {padding:3px 10px;border-radius: 5px;height: 35px; } [data-type="content"] .zone-content { padding-bottom: 3%; font-size: 18px; } [data-type="content"] #container-wrapper button, [data-type="content"] #container-wrapper .btn {font-size:1em;} [data-type="content"] #container-wrapper .background-brown{padding:0;} [data-type="content"] #container-wrapper .wrapped-container {background:rgba(255,255,255,0.75);} [data-type="content"] #container-wrapper .block.inline { margin-left:auto; margin-right:auto; max-width:1150px; } [data-type="content"] #container-wrapper .block .block-content { padding: 2.5% 5% 3% 5%; } [data-type="content"] #container-wrapper .block .block-header h2, [data-type="content"] #container-wrapper .block .block-title {text-align:left; font-size:1.4em;text-transform:uppercase; padding:2% 5%; font-weight:600;} [data-type="content"] #container-wrapper .block.inline .block-header {color:#fff; } [data-type="content"] #container-wrapper .block sup.required { color:#E05B5B; font-size: 0.9em; margin-left: 10px;} [data-type="content"] #container-wrapper .block .error ~ .title > sup.required {color:#E05B5B} [data-type="content"] #container-wrapper .block.orange .block-header { background: #CA5118; } [data-type="content"] #container-wrapper .block.orange .block-content { color: #CA5118; background:#e6e4e1 } [data-type="content"] #container-wrapper .block.orange .button-container button, [data-type="content"] #container-wrapper .block.orange .button-container .btn { background:#CA5118; color: #fff; border: 2px solid #CA5118;padding:11px 0} [data-type="content"] #container-wrapper .block.orange .button-container button:hover, [data-type="content"] #container-wrapper .block.orange .button-container .btn:hover { background:#fff; color: #CA5118;} [data-type="content"] #container-wrapper .block.blue .block-header { background: #0155b7; } [data-type="content"] #container-wrapper .block.blue .block-content { color: #0155b7; background:#e6e4e1 } [data-type="content"] #container-wrapper .block.blue .button-container button, [data-type="content"] #container-wrapper .block.blue .button-container .btn { background:#0155b7; color: #fff; border: 2px solid #0155b7;padding:11px 0} [data-type="content"] #container-wrapper .block.blue .button-container button:hover, [data-type="content"] #container-wrapper .block.blue .button-container .btn:hover { background:#fff; color: #0155b7;} [data-type="content"] #container-wrapper .block.green .block-header { background: #71AB1E; } [data-type="content"] #container-wrapper .block.green .block-content { color: #71AB1E; background:#e6e4e1 } [data-type="content"] #container-wrapper .block.green .button-container button, [data-type="content"] #container-wrapper .block.green .button-container .btn { background:#71AB1E; color: #fff; border: 2px solid #71AB1E;padding:11px 0} [data-type="content"] #container-wrapper .block.green .button-container button:hover, [data-type="content"] #container-wrapper .block.green .button-container .btn:hover { background:#fff; color: #71AB1E;} [data-type="content"] #container-wrapper .block-text .block-header {display:none;} [data-type="content"] #container-wrapper .block-text .block-content { background:none; color: #444; text-align: justify; font-family: 'Droid Sans'; } [data-type="content"] #container-wrapper .block-text.has-title .block-header {display:block; color: #444; padding-bottom: 0; } [data-type="content"] #container-wrapper .block-text.has-title .block-content {padding-top:0;} [data-type="content"] #container-wrapper .block + .block .block-content { padding-top:0; } /* ## Left panel */ #container-wrapper #col-left {padding-right:15px;} #container-wrapper #col-left .block-user-login .create-account{display:none;} .block-user-login {background:url(../image/ville.png) no-repeat center center #1963ba; padding: 8px 7px!important; background-size: cover; text-align: center;} .block-user-login label.title {display:none;} .block-user-login .block-header {padding-top:212px; background:url(../image/cadena.svg) no-repeat center 20px } .block-user-login .block-title {padding-bottom:0;} .block-user-login .block-subtitle {font-size: 1.8em; padding-bottom:4%;} .block-user-login .block-content .logged {font-size:1.2em;} .block-user-login .block-content [value="logout"] {border:2px solid #fff;} .block-user-login .block-content {padding:0 5%; width: 70%; margin: auto;} .block-user-login .field-wrapper {padding:15px 0;position:relative;} .block-user-login .field-wrapper input {padding-left:70px ; max-width: 500px;} .block-user-login .field-wrapper:before{content: " "; display: block; position: absolute; width: 50px; height: 50px; left: 9%; background-size: auto 80%;background-repeat:no-repeat;background-position: 0px center;} .block-user-login .field-wrapper.login-field:before {background-image: url(../image/mdp.svg)} .block-user-login .field-wrapper.password-field:before {background-image: url(../image/us.svg);} .block-user-login .block-content .register{display:none;} .block-user-login .msg-wrapper {font-size: 1.5em;} .block-user-login .password-lost {font-size:1.2em;} .block-user-login .password-lost a{ text-decoration: none; color: #fff; } .block-user-login .button-container {padding:8% 0;} .block-user-login .create-account a{padding-top: 15px; color: #fff; display: block; font-size: 1.8em;text-decoration: none;} .block-user-login .create-account a:hover {text-decoration:underline} .popup .popup-wrapper { width: 100%; margin: auto; max-width: 580px; margin-top: 5%; position:relative; } .popup .popup-wrapper a.popup-close:hover {background:#fff; color:#1963BA!important;} /* ## Right panel */ [data-layout="public"] #container-wrapper #col-right {padding-left: 15px;} [data-layout="public"] #container-wrapper #col-right #block-profil_register{padding:10px 0 11px 0} [data-layout="public"] #container-wrapper #col-right .block.register {background:url(../image/membre.jpg) no-repeat center center #e85917;min-height: 358px; background-size: cover; padding-bottom:15px; text-align:center;} [data-layout="public"] #container-wrapper #col-right .block.register .block-title { padding-top: 3%;padding-bottom: 2%;} [data-layout="public"] #container-wrapper #col-right .block.register .block-content {margin-top:0} [data-layout="public"] #container-wrapper #col-right .block.register p {font-family: 'Droid sans';font-size:1.8em;text-align: center; max-width: 80%; margin: 0% auto 3% auto;} [data-layout="public"] #container-wrapper #col-right .block.register ul {font-family: 'Droid sans';list-style:none;font-size:15px; padding-left: 20px; text-align: left; width:80%; margin: auto;} [data-layout="public"] #container-wrapper #col-right .block.register ul + p {text-align:center; margin-top: 4%; margin-bottom: 2%; font-size: 1.8em;} [data-layout="public"] #container-wrapper #col-right .block.register ul li {background:url(../image/whitebullet.svg) no-repeat 3px 3px; padding:3px 0 5px 35px; } [data-layout="public"] #container-wrapper #col-right .employer {background:url(../image/employeur.jpg) no-repeat center center #98c858; background-size: cover;} [data-layout="public"] #container-wrapper #col-right .faq {background:url(../image/questions.jpg) no-repeat center center #98c858; background-size: cover;} [data-layout="public"] #container-wrapper #col-right .employer, [data-layout="public"] #container-wrapper #col-right .faq { font-size:2em; font-weight:600; line-height: 100px; margin:30px 0; padding-left:25px; text-transform:uppercase; text-align: right; } [data-layout="public"] #container-wrapper #col-right .employer a { text-align: left;padding-left: 22%;background:url(../image/employee.svg) no-repeat center left; background-size: 90px; display:block;} [data-layout="public"] #container-wrapper #col-right .faq a {text-align: left;padding-left: 22%;background:url(../image/faq.svg) no-repeat center left; background-size: 90px; display:block;;} [data-layout="public"] #container-wrapper #col-right .employer a:hover, [data-layout="public"] #container-wrapper #col-right .faq a:hover {color:#2D3235} [data-layout="public"] #container-wrapper #col-right .employer a:hover { background-image:url(../image/hoveremployee.svg); } [data-layout="public"] #container-wrapper #col-right .faq a:hover { background-image:url(../image/hoverfaq.svg); } .has-icon .block-title {padding-left: 180px; background-size:115px 105px; background-repeat:no-repeat; background-position: 35px center; } /* ## Sessions */ #container-wrapper #block-information_session {background:#014a81; margin-top: 2%; padding:0;} #container-wrapper #block-information_session form button {max-width:180px;margin: 0 2%;box-sizing:border-box} #container-wrapper #block-information_session form + .btn {margin-top:5px;box-sizing:border-box} #container-wrapper #block-information_session .btn {width:100%; max-width: 180px; padding: 10px 0px; margin: 0 2%;} #container-wrapper #block-information_session .block-subtitle a { color:#4c4c4c } #container-wrapper #block-information_session .block-title {padding-top: 3%; padding-bottom: 2.5%;text-align: left;background-image: url(../image/webinaires.svg);} #container-wrapper #block-information_session .empty-list { padding:20px 0; text-align:center; } #container-wrapper #block-information_session .webinaire {margin-bottom: 3px;font-size: 0.5em; text-transform: none; text-align: left;} #container-wrapper #block-information_session .webinaire:before{ content: " "; border-bottom: 6px solid #fff; height: 6px; width: 17%; display: block; float: left; margin-top: 7px; margin-right: 25px;} #container-wrapper #block-information_session .block-content {background:#f3f0eb; color:#014983;font-size: 1.7em;} #container-wrapper #block-information_session .block-content ol{ max-height: 372px; overflow-y: auto; overflow-x: hidden;} #container-wrapper #block-information_session .block-content li {padding:1.5% 3%} #container-wrapper #block-information_session .block-content li.even {background:#e5e4e0;} #container-wrapper #block-information_session .button-wrapper {font-size:0.65em;text-align: right} #container-wrapper #block-information_session .resume-wrapper {display:table;table-layout: fixed; width:100%; box-sizing:border-box;font-family: 'Droid Sans';} #container-wrapper #block-information_session .resume-wrapper > * {display:table-cell;vertical-align: middle;} #container-wrapper #block-information_session .resume-wrapper .button-wrapper, #container-wrapper #block-information_session .resume-wrapper .time {width:26%;} #container-wrapper #block-information_session .resume-wrapper .block-subtitle {color:#4c4c4c;} #container-wrapper #block-information_session .resume-wrapper .resume {color:#014A81;} #container-wrapper #block-information_session .resume-wrapper .start.date {line-height:43px;} #container-wrapper #block-information_session .resume-wrapper .start_date {background:url(../image/calendrier.png) no-repeat left 0px; background-size:35px 35px; padding-left:50px; } #container-wrapper #block-information_session .resume-wrapper .start_hour {background:url(../image/horloge.png) no-repeat left 0px; background-size:35px 35px; padding-left:50px; } #container-wrapper #block-information_session .resume-wrapper .hour.end {display:none;} #container-wrapper #block-information_session .detail-wrapper {display:none;font-family: 'Droid Sans';color: #4D4D4D;font-weight: 300; border-top: 2px solid #d4d3ce; padding-top: 10px; margin-top: 10px;font-size:0.9em;} #container-wrapper #block-information_session .detail-wrapper .block-subtitle{display:none;} #container-wrapper #block-information_session .detail-wrapper a { color: #4D4D4D;} /* ## Private Index */ [data-layout="private"][data-type="index"] #complete-profil {border: 3px solid #34495e; padding: 10px; font-size: 1.6em;margin-bottom: 40px;} [data-layout="private"][data-type="index"] #complete-profil .block-wrapper {background: #014a81; } [data-layout="private"][data-type="index"] #complete-profil .btn {border: 2px solid #014a81;margin:15px auto; color: #014a81; padding: 3% 0; font-size: 1.25em; width: 60%;} [data-layout="private"][data-type="index"] #complete-profil .btn:hover {color:#fff;} [data-layout="private"][data-type="index"] #complete-profil .msg {padding: 2% 2.5%;} [data-layout="private"][data-type="index"] #complete-profil p {font-family:'Droid Sans';} [data-layout="private"][data-type="index"] #complete-profil h2 {text-align: left;font-size: 1.7em; padding: 15px 0 0 80px; background: url(../image/warning.png) no-repeat 0 0; height: 85px;} [data-layout="private"][data-type="index"] #complete-profil h2 div:before {content:" "; display:block; width:25%; height:4px; background:#fff;margin-bottom: 8px;} [data-layout="private"][data-type="index"] #webinar-soon {border: 3px solid #34495e; padding: 10px; font-size: 1.6em;margin-bottom: 40px;} [data-layout="private"][data-type="index"] #webinar-soon .block-wrapper {background: #014a81; } [data-layout="private"][data-type="index"] #webinar-soon .btn {border: 2px solid #014a81;margin:15px auto; color: #014a81; padding: 3% 0; font-size: 1.25em; width: 60%;} [data-layout="private"][data-type="index"] #webinar-soon .btn:hover {color:#fff;} [data-layout="private"][data-type="index"] #webinar-soon .msg {padding: 2% 2.5%;} [data-layout="private"][data-type="index"] #webinar-soon p {font-family:'Droid Sans';} [data-layout="private"][data-type="index"] #webinar-soon h2 {text-align: left;font-size: 1.7em; padding: 15px 0 0 80px; background: url(../image/warning.png) no-repeat 0 0; height: 85px;} [data-layout="private"][data-type="index"] #webinar-soon h2 div:before {content:" "; display:block; width:25%; height:4px; background:#fff;margin-bottom: 8px;} [data-layout="private"][data-type="index"] #col-left {background:#5b8a9a;font-size: 1.8em;padding-right:0!important;} [data-layout="private"][data-type="index"] #col-left .darker {background:#516f79} [data-layout="private"][data-type="index"] #col-left .acknowledgement {padding:60px 24px 30px 24px;} [data-layout="private"][data-type="index"] #col-left .acknowledgement strong {font-size:2em;} [data-layout="private"][data-type="index"] #col-left .acknowledgement div {padding: 25px 0;font-family: 'Droid Sans';} [data-layout="private"][data-type="index"] #col-left .register {display: table; margin-bottom:50px; background: #506e79; height: 100px; vertical-align: middle; width: 100%; box-sizing: border-box;} [data-layout="private"][data-type="index"] #col-left .register a {background:url(../image/profil.png) no-repeat 20px center; padding: 0 25px 0 115px; vertical-align: middle; display: table-cell; height: 100%;} [data-layout="private"][data-type="index"] #block-private_left_nav .block-title {position:relative;font-size: 1.5em; text-align: left; padding: 15px;} [data-layout="private"][data-type="index"] #block-private_left_nav .block-title:before {position: absolute; width: 50%; height: 4px; background: #fff; content: " "; top: 3px; display: block;} [data-layout="private"][data-type="index"] #block-private_left_nav a { padding:25px 5px 25px 97px; display: block; background-repeat:no-repeat; background: url(../image/aboutservice.svg) no-repeat 15px center; } [data-layout="private"][data-type="index"] #block-private_left_nav li {border-bottom:2px solid #fff;padding: 10px 0;} [data-layout="private"][data-type="index"] #block-private_left_nav li:first-child {padding:22px 0} [data-layout="private"][data-type="index"] #block-private_left_nav li:last-child {border-bottom:0;} [data-layout="private"][data-type="index"] #block-private_left_nav li:hover {background: #506E79;} [data-layout="private"][data-type="index"] #block-private_left_nav .video-conference a {background-image:url(../image/video.svg);} [data-layout="private"][data-type="index"] #block-private_left_nav .single-consultation a {background-image:url(../image/tel.svg);} [data-layout="private"][data-type="index"] #block-private_left_nav .infos a {background-image:url(../image/webinairespicto.svg);} [data-layout="private"][data-type="index"] #col-right {background:#fdfaf5} [data-layout="private"][data-type="index"] #col-right .block .block-title {font-size:2.5em;} [data-layout="private"][data-type="index"] #col-right .block-title {padding-top: 3%; padding-bottom: 2.5%; text-align: left;} [data-layout="private"][data-type="index"] #col-right .has-icon .block-title { padding-left: 135px; background-size: 100px auto; background-position: 20px center;} [data-layout="private"][data-type="index"] #col-right #block-private_search {background:#6a98a5;} [data-layout="private"][data-type="index"] #col-right #block-private_search .block-content {padding:2% 0 2.5% 0} [data-layout="private"][data-type="index"] #col-right #block-private_search .field-wrapper {float:right;margin-left:-40px; width: 40%;} [data-layout="private"][data-type="index"] #col-right #block-private_search .field-wrapper label[for="q"] {display:none} [data-layout="private"][data-type="index"] #col-right #block-private_search .field-wrapper input {background:#fefefe;padding:3px 10px 3px 50px;color:#a1a1a1;font-size:17px; height: 2em; background: url(../image/loupe.svg) no-repeat 8px center #fefefe;} [data-layout="private"][data-type="index"] #col-right #block-private_search .button-container {float:right;height:35px;width:35px; margin:0} [data-layout="private"][data-type="index"] #col-right #block-private_search .button-container button{background:transparent;border:0; width:100%;height:100%;padding:0;overflow:hidden;color:transparent} [data-layout="private"][data-type="index"] #col-right #block-private_search .button-container button span{display:none;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom {background:#e67646;margin: 3.5%;padding:2px 0} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-title {background-image: url(../image/discussion.svg); background-size: 80px auto; background-position-x: 30px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-header {position: relative;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-header .block-time{position:absolute;top:0;right:0;font-size: 2em; font-size: 2em; line-height: 1.7em; text-align: right; padding: 1.7%;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .agent {margin-bottom: 3px;font-size: 0.6em; text-transform: none; text-align: left;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .agent:before{ content: " "; border-bottom: 4px solid #fff; height: 6px; width: 17%; display: block; float: left; margin-top: 2px; margin-right: 13px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper { margin-top: 0;padding:0;background:#fff;color:#4d4d4d;min-height: 250px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper a {word-break:break-all;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul {width:100%;border:0;max-height: 350px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li {box-sizing: border-box;display:table; table-layout: fixed; width:100%;padding: 1.5% 4%;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li > * { display: table-cell; box-sizing: border-box;vertical-align:middle;font-family: 'Droid Sans';} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .datetime { width:25%; color: #e67646; } [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .datetime .time, [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .datetime .date {line-height:30px; display:block;padding:3px 0 3px 40px; background:url(../image/calendrier.png) no-repeat 0 3px; background-size:27px 27px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .datetime .time {background-image:url(../image/horloge.png);} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .author {width:20%;text-align: right;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .author .sent-by {display:block; color:#e67646; line-height: 1.2em;font-size: 1.2em;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .user-wrapper, [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-subtitle{display:none} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .send-message {padding:8px 15px} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .msg-wrapper { width: auto; float: none; } [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-subfooter .new-message {border:0;padding: 8px 15px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .send-message button {width:100%; padding:6px 0; border-radius:4px; display: inline;color: #E67646;} [data-layout="private"][data-type="index"] #col-right #block-information_session {margin: 3.5%;} [data-layout="private"][data-type="index"] #col-right #block-information_session .block-title { background-size: 100px auto;} [data-layout="private"][data-type="index"] #col-right #block-information_session .block-content {font-size: 1.5em;} [data-layout="private"][data-type="index"] #col-right #block-information_session .time {font-size: 0.9em;} [data-layout="private"][data-type="index"] #col-right #block-information_session .resume {display:none} [data-layout="private"][data-type="index"] #col-right #block-information_session .btn, [data-layout="private"][data-type="index"] #col-right #block-information_session button { padding: 6px 0; border-radius: 4px; } [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .block-subtitle {color:#4c4c4c;font-size: 0.9em;} [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .start.date {line-height: 30px;} [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .end.date {display:none;} [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .start_date {padding:3px 0; background:url(../image/calendrier.png) no-repeat left 3px; background-size:27px 27px; padding-left:40px; } [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .start_hour {padding:3px 0; background:url(../image/horloge.png) no-repeat left 3px; background-size:27px 27px; padding-left:40px; } [data-layout="private"][data-type="index"] #col-right #block-information_session .webinaire {font-size:0.6em;} [data-layout="private"][data-type="index"] #col-right #block-information_session .webinaire:before {border-width:4px; margin-top:2px;margin-right: 13px;} [data-layout="private"][data-type="index"] #col-right #block-information_session .event-registration {margin: 5px 0;padding: 5px 10px;text-align: center;} /*[data-layout="private"][data-type="index"] #col-right #block-information_session .button-wrapper a {max-width: 80%; padding: 8px 4px;} /* [data-type="content"] .block-single-event .block-footer {display:none;} */ .chatroom-room {font-size: 1.2em;} /* ## List Fiches */ [data-type="content"] #container-wrapper .files {padding-top:30px;} [data-type="content"] #container-wrapper .files .block-content {padding-left:2%} [data-type="content"] #container-wrapper .files .result-stats { border-bottom: 1px solid #87898E; margin-bottom: 15px; padding-bottom: 5px;} [data-type="content"] #container-wrapper .files .field-wrapper {display:none;} [data-type="content"] #container-wrapper .files .field-wrapper.video {padding:25px 0 15px 0} [data-type="content"] #container-wrapper .files .field-wrapper.video.empty {padding:0} [data-type="content"] #container-wrapper .files .category > ol > li{ position: relative; } [data-type="content"] #container-wrapper .files .block-subcontent .title .value { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} [data-type="content"] #container-wrapper .files .opened .block-subcontent { padding-bottom: 30px;} [data-type="content"] #container-wrapper .files .opened .block-subcontent .title .value {font-size: 1.25em;} [data-type="content"] #container-wrapper .files .active .field-wrapper {display:block;} [data-type="content"] #container-wrapper .files .field-wrapper.title {display:block;text-align: left; cursor:pointer; font-size: 1.25em; color: #3c3c3c; border-top: 1px solid #3c3c3c; padding-top: 10px; margin-top: 7px;} [data-type="content"] #container-wrapper .files .field-wrapper.title:after { position: absolute; color:#3c3c3c; Right: 15px; top: 7px; content: '+'; font-size: 1.2em; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 500ms all ease-out; transition: 500ms all ease-out; } [data-type="content"] #container-wrapper .files .opened .field-wrapper.title:after { content: '-'; transform: rotate(-180deg); } [data-type="content"] #container-wrapper .files .field-wrapper h3 { margin-top: 1.33em; color:#111;} [data-type="content"] #container-wrapper .files .field-wrapper h4 { margin-top: 1.25em;} [data-type="content"] #container-wrapper .files .field-wrapper h3 + h4 {margin-top:0;} [data-type="content"] #container-wrapper .files .category-title { padding-bottom: 8px; margin-bottom: 15px; font-weight: bold;} [data-type="content"] #container-wrapper .files .field-wrapper ul {list-style: initial; padding-left: 20px;} [data-type="content"] #container-wrapper .files .field-wrapper ol {list-style: decimal; padding-left: 30px;} [data-type="content"] #container-wrapper .files .block-subfooter, [data-type="content"] #container-wrapper .files .block-footer{display:none;} /* ## Single item */ [data-type="content"] #container-wrapper .files.block-item {padding-top:0} [data-type="content"] #container-wrapper .files.block-item .block-header {display:none;} [data-type="content"] #container-wrapper .files.block-item .field-wrapper {display:block;} [data-type="content"] #container-wrapper .files.block-item .field-wrapper.title {cursor:default} [data-type="content"] .files .category-title {font-family: 'NexaFreeBoldwebfont'; font-size: 1.5em; text-transform: uppercase;} [data-type="content"] #page-privee-informations-et-orientation .files .category-title, [data-type="content"] #page-privee-informations-et-orientation .files li.opened .block-subcontent .title .value {color: #E67646; } [data-type="content"] #page-privee-emplois-et-economie .files .category-title, [data-type="content"] #page-privee-emplois-et-economie .files li.opened .block-subcontent .title .value {color:#699A24} [data-type="content"] #page-sessions-dinformations .block-single-event + .block-single-event { display:none;} /* ## Partners */ #block-partner .block-title {padding-bottom:0.5%;} #block-ffcb .block-resume, #block-partner .block-resume {text-align: center; color: #3D444E; font-size: 1.25em; margin: auto; } #block-partner .block-content ol {display:table; table-layout:fixed; width:100%;margin: auto; max-width: 960px;margin-top: -25px;} #block-partner .block-content ol > li {float:none; display:table-cell; vertical-align: middle; width: 33%; text-align: center; vertical-align: middle;} #block-partner .block-content ol > li.item-0 { width: 40%; } #block-partner .block-content ol > li.item-1 { width: 30%; padding-left: 10px; } #block-partner .block-content ol > li.item-2 { width: 20%; } #block-partner .block-content ol > li.item-3 { width: 10%; } #block-ffcb .block-content ol > li .title, #block-partner .block-content ol > li .title {display:none} #block-ffcb .block-subfooter, #block-partner .block-subfooter {display:none;} #block-ffcb .block-content ol > li {text-align:center;} #subfooter-wrapper .block-list-items { max-width: 95%; margin: auto; } #subfooter-wrapper .block-subcontent a { display: inline-block; } #subfooter-wrapper .block-subcontent img { max-width: 100%; max-height: 100px; } /* ## Sessions */ .webinar {background:#014a81; margin-top: 2%; padding:0;max-width:860px; width:100%; margin:2% auto} .webinar h2 {color:#fff;} .webinar form button {max-width:180px;margin: 0 2%;box-sizing:border-box} .webinar form + .btn {margin-top:5px;box-sizing:border-box} .webinar .btn {width:100%; max-width: 180px!important; padding: 6px 0px!important; margin: 0 2%;} .webinar .block-subtitle a { color:#4c4c4c } .webinar .block-title {padding-top: 3%; padding-bottom: 2.5%;text-align: left;background-image: url(../image/webinaires.svg);} .webinar .empty-list { padding:20px 0; text-align:center; } .webinar .webinaire {margin-bottom: 3px;font-size: 0.5em; text-transform: none; text-align: left;} .webinar .webinaire:before{ content: " "; border-bottom: 6px solid #fff; height: 6px; width: 17%; display: block; float: left; margin-top: 7px; margin-right: 25px;} .webinar .block-content {background:#f3f0eb; color:#014983; padding: 0!important;} .webinar .block-content ol{ max-height: 372px; overflow-y: auto; overflow-x: hidden;} .webinar .block-content li {padding:1.5% 3%} .webinar .block-content li.even {background:#e5e4e0;} .webinar .button-wrapper {font-size:0.65em;text-align: right} .webinar .resume-wrapper {display:table;table-layout: fixed; width:100%; box-sizing:border-box;font-family: 'Droid Sans';} .webinar .resume-wrapper > * {display:table-cell;vertical-align: middle;} .webinar .resume-wrapper .button-wrapper, .webinar .resume-wrapper .time {width:26%;font-size: 16px;} .webinar .resume-wrapper .block-subtitle {color:#4c4c4c;} .webinar .resume-wrapper .resume {color:#014A81;} .webinar .resume-wrapper .start.date {line-height:43px;} .webinar .resume-wrapper .start_date {background:url(../image/calendrier.png) no-repeat left 0px; background-size:35px 35px; padding-left:50px; } .webinar .resume-wrapper .start_hour {background:url(../image/horloge.png) no-repeat left 0px; background-size:35px 35px; padding-left:50px; } .webinar .resume-wrapper .hour.end {display:none;} .webinar .detail-wrapper {display:none;font-family: 'Droid Sans';color: #4D4D4D;font-weight: 300; border-top: 2px solid #d4d3ce; padding-top: 10px; margin-top: 10px;font-size:0.9em;} .webinar .detail-wrapper .block-subtitle{display:none;} .webinar .block-title { background-size: 100px auto;} .webinar .time {font-size: 0.9em;} .webinar .resume {display:none} .webinar .btn, .webinar button { padding: 6px 0; border-radius: 4px; } .webinar .resume-wrapper .block-subtitle {color:#4c4c4c;font-size: 0.9em;} .webinar .resume-wrapper .start.date {line-height: 30px;} .webinar .resume-wrapper .end.date {display:none;} .webinar .resume-wrapper .start_date {padding:3px 0; background:url(../image/calendrier.png) no-repeat left 3px; background-size:27px 27px; padding-left:40px; } .webinar .resume-wrapper .start_hour {padding:3px 0; background:url(../image/horloge.png) no-repeat left 3px; background-size:27px 27px; padding-left:40px; } .webinar .webinaire {font-size:0.6em;} .webinar .webinaire:before {border-width:4px; margin-top:2px;margin-right: 13px;} .webinar .block-pagination {padding: 5px 0} .webinar .block-pagination a {color:#fff!important;} .webinar .block-pagination .active {border-bottom:2px solid #fff;} .webinar.past .button-wrapper{display:none} /* ## Join-us */ #page-nous-joindre .icon .block-header h2 {padding:0 5% !important;} #page-nous-joindre .icon .block-header h2 span { display:block;padding-left: 80px;padding-top: 5%; height: 65px;background:url(../image/telgrey.svg) no-repeat 0px center; margin-bottom: -5px;} #page-nous-joindre .icon.video .block-header h2 span {background-image:url(../image/videogrey.svg);} /* # Footer */ #footer-wrapper .col-info { padding: 0.5% 3%; } #footer-wrapper {background: #0155b7; color:#fff; padding-bottom: 10px;} #footer-wrapper .block-title {padding: 2% 0px 1% 0;} #footer-wrapper .footer-content {text-align:center;max-width:350px;margin:auto;padding-top:7px;} #footer-wrapper .footer-content .icon-wrapper { width: 245px; padding-left: 10px; margin:0px auto 15px auto; } #footer-wrapper #block-public_footer_contact {font-size: 2em; font-weight: bold;clear:both} #footer-wrapper #block-public_footer_contact a {color:#fff; text-decoration:none;} #footer-wrapper #block-public_footer_contact a:hover{text-decoration:underline;} #footer-wrapper #block-copyright {clear: both;max-width: 1140px; margin: 2% auto 0 auto; font-size: 1.75em;} #footer-wrapper #block-copyright a {color:#fff;text-decoration:none;} #footer-wrapper #block-copyright a:hover {text-decoration:underline;} /*#footer-wrapper .icon-wrapper {margin-top: 90px;}*/ #footer-wrapper #block-social_media { width:187px;display:inline-block;vertical-align: top;} #footer-wrapper #block-social_media ul li {display:inline-block;margin-right:6%} #footer-wrapper #block-social_media ul li a {width: 79px; height: 75px; background-size: 100% auto;border-radius:12px;} #footer-wrapper #block-social_media ul li.facebook a {background-image:url(../image/footer-fb.svg);} #footer-wrapper #block-social_media ul li.facebook:hover a { background-image: url(../image/hoverfb.svg) } #footer-wrapper #block-social_media ul li.twitter a {background-image:url(../image/twitter.svg);} #footer-wrapper #block-social_media ul li.twitter:hover a { background-image: url(../image/twitterhover.svg) } #footer-wrapper .mailing-list span{ color: #fff; display:none; text-decoration: none; font-size: 1.15em; text-transform: uppercase; padding-top: 40px;} #footer-wrapper .mailing-list .ico { width: 79px; background: url(../image/infolettre.svg) no-repeat 1px 1px; background-size: auto 100%; height: 75px; display: inline-block; border-radius: 12px; margin-right:10px; } #footer-wrapper .mailing-list:hover .ico {background-image:url(../image/infolettrehover.svg); } #subfooter-wrapper .category-title{display:none} /* -# Page: Contact-us */ [data-layout="public"] .block-contact.block.block-simple-contact {margin:2.5% auto; max-width: 95%!important;} [data-layout="public"] .block-contact label.title {margin-bottom:7px;} [data-layout="public"] .block-contact .block-content { color:#fff; background:#3b424a;padding:3%;} [data-layout="public"] .block-contact .field-wrapper { width: 100%; float: none; margin: 20px 0;} [data-layout="public"] .block-contact .field-wrapper .msg.error {color: #E05B5B;font-size: 1em;} [data-layout="public"] .block-contact .input_text, [data-layout="public"] .block-contact .input_select, [data-layout="public"] .block-contact .input_textarea {max-width:none;width: 100%;} [data-layout="public"] .block-contact .input_textarea {min-height:222px} [data-layout="public"] .block-contact .button-container {text-align:center;} [data-type="content"] #container-wrapper .block-list .block-content { background:none; color: #444; font-family: 'Droid Sans'; } [data-type="content"] #container-wrapper .block .block-header > h2 {display:none;} [data-type="content"] #container-wrapper .block.has-title .block-header > h2 {display:block;} /* -# Page: FAQ */ [data-type="content"] #page-questions-frequentes img{max-width: 100%;height: auto; } [data-type="content"] #page-questions-frequentes .category > ol > li .question { cursor:pointer; } [data-type="content"] #page-questions-frequentes .category > ol > li .question:hover {color:#0155b7;} [data-type="content"] #page-questions-frequentes .category > ol > li .reponse { display:none;padding-bottom: 15px; } [data-type="content"] #page-questions-frequentes .block-item .block-header a {padding: 2.5% 5% 3% 5%;} [data-type="content"] #page-questions-frequentes .block-subcontent img { max-width:600px; height:auto; width:100%;} [data-type="content"] #page-questions-frequentes .block-item .category-title, [data-type="content"] #page-questions-frequentes .block-item .block-footer {display:none;} [data-type="content"] #page-questions-frequentes .block-item .field-wrapper.question.text {border:0;} [data-type="content"] #container-wrapper a {word-break:break-word;} /* -# Page: Employeur */ [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form.block {margin:2.5% auto; max-width: 90%;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .field-wrapper { width: 50%;padding: 0 15px; float: none; box-sizing: border-box; margin: 10px 0; float: left;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form label.title {margin-bottom:5px;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .msg.error {color: #E05B5B; padding: 2px 2px 4px 2px;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .input_text, [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .input_select, [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .input_textarea {max-width:none;width: 100%;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .input_textarea {min-height:222px} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .field-wrapper.message {clear:both;float:none;width:100%;} [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .button-container { text-align:center; } [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .field-wrapper.full {width:100%;} /* -# Page A Propos */ /* Custom banner */ .info-banner { display: flex; justify-content: center; align-items: center; width: 100%; background-color: #ff0000; color: #ffff; font-size: 25px; text-align: center; padding: 10px; } .info-banner img { max-height: 40px; margin-left: 10px; margin-right: 10px; } @media screen and (max-width:960px) { .info-banner { font-size: 20px; } } /* -# Public Page: Inscription */ #page-publique-profil [data-action=""] + [data-action=""], #page-publique-profil [data-action="create"] + [data-action="create"], #page-publique-profil [data-action="login"] + [data-action="login"], #page-publique-profil [data-action="change_password"] + [data-action="change_password"] { display: none; } #page-publique-profil [data-action="password_recovery"]:first-child { display: none; } #page-publique-profil .block.block-user.block-new-password, #page-publique-profil .block.block-user.block-password-recovery, #page-publique-profil .block.block-user.block-user-create {margin:2.5% auto; max-width: 95%;} #page-publique-profil .block.block-user.block-password-recovery p {margin:0; padding:2%;} #page-publique-profil .block.block-user.block-password-recovery b { color: #0155B7;} #page-publique-profil .block.block-user.block-new-password .description, #page-publique-profil .block.block-user.block-password-recovery .description{padding:2%;text-align: center;} #page-publique-profil .button-container{text-align: center; margin-top: 25px;} #page-publique-profil .field-wrapper {padding: 1% 4% 1% 11%;} #page-publique-profil label.title{ margin-bottom:5px;} #page-publique-profil .error *::-webkit-input-placeholder {color: #E05F5F; } #page-publique-profil .error *::-moz-placeholder { color: #E05F5F; } #page-publique-profil .error *::-ms-input-placeholder { color: #E05F5F; } #page-publique-profil .error select {color:#E05F5F} #page-publique-profil .field-wrapper .msg.error { display:none; color: red; background: #9CCAFF; padding: 8px; font-size: 14px; max-width: 94%; } #page-publique-profil .rid-no { font-size: 0.80em; display:block;} #page-publique-profil .msg-wrapper .rid-no{font-size:1em;} #page-publique-profil #resident_card { width:150px; /*background:url(../image/t.png) no-repeat 10px 1px #fff; padding-left:30px; */ } #page-privee-profil hr {margin: 30px 0 0px 0px; border-top: 1px solid #888; border-bottom: 1px solid #ccc; margin-right: 2%;} #page-privee-profil .input_select, #page-privee-profil .input_text {max-width:none;width:100%;} #page-privee-profil .block.block-user-edit .block-content { padding: 0% 5% 3% 6.5%; } #page-privee-profil .field-wrapper a {color:#03336b!important;} #page-privee-profil .field-wrapper {min-height:79px;padding-right: 2.5%;margin-top:15px;} #page-privee-profil .field-wrapper.canada-reasons-field textarea {min-height:200px;width:100%; padding:13px; max-width: none;} #page-privee-profil .field-wrapper.big {min-height:140px;} #page-privee-profil .field-wrapper.auto input {width:auto;} #page-privee-profil .field-wrapper.auto span {padding-left: 15px;color: #444;font-size: 0.9em;} #page-privee-profil .field-wrapper .msg.error{display:none} #page-privee-profil .field-wrapper.error .input-set, #page-privee-profil .field-wrapper.error input, #page-privee-profil .field-wrapper.error select{border-color:#E8645F} #page-privee-profil .button-container{text-align: center; margin-top: 25px;} #page-privee-profil .button-container button{width:auto;padding:11px!important;} #page-privee-profil legend { color:#444;font-size: 1.3em; padding: 30px 0 0px 0;text-decoration: underline;} #page-privee-profil legend.small{ color: #4E4E4E; font-size: 0.9em;text-decoration: none;} #page-privee-profil label.title {font-size: 0.9em;margin:5px 4px;display:block;} #page-privee-profil .input-set { font-family: 'Droid Sans'; font-weight: normal;background: #fff; border-radius: 9px; padding: 0px 28px; color: #373737; font-size: 0.8em; line-height: 34px; border: 2px solid #fff;} #page-privee-profil .input-set > div { display:inline-block;padding:0 3%} #page-privee-profil .civil {padding:0 15px 10px 0;} #page-privee-profil .children {padding:0 0 10px 15px} #page-privee-profil .children-gender-field .input-set > div {padding:0 8%} [data-layout="private"] .doc-search { width: 40%; position: absolute; top: 0; right: 0; z-index: 20;text-align: right;padding: 20px 15px 0 0; } [data-layout="private"] .doc-search .block-header {display:none;} [data-layout="private"] .doc-search label{display:none;} [data-layout="private"] #container-wrapper .doc-search .block-content {padding:32px 18px 0 0} [data-layout="private"] .doc-search .field-wrapper {float:right;margin-left:-40px; } [data-layout="private"] .doc-search .field-wrapper input {width:100%; max-width:285px; background:#fefefe;padding:3px 10px 3px 50px;color:#a1a1a1;font-size:17px; background: url(../image/loupe.svg) no-repeat 8px center #fefefe;} } [data-layout="private"] .doc-search .button-container {float:right;height:35px;width:35px; margin:0} [data-layout="private"] .doc-search .button-container button{background:transparent;border:0; width:100%;height:100%;padding:0;overflow:hidden;color:transparent} [data-layout="private"] .doc-search .button-container button span{display:none;} .doc-nav .nav-level-main {max-width: 390px; margin: auto;} .doc-nav .nav-level-main > li > a { display: table; width: 100%; table-layout: fixed; } .doc-nav .nav-level-main > li > a > span {display: table-cell; vertical-align: middle;color:#fff!important; width:100%; height:135px;text-align:center;font-size: 1.33em; text-transform: uppercase;} .doc-nav a {display:block;color:#fff!important;line-height:32px;} .doc-nav li {text-align:center;border-bottom:1px solid #fff} .doc-nav .nav-level-main ul li a {font-family:'Droid Sans'; font-size: 17px;} .doc-nav.doc-jobs .nav-level-main > li {background:#b4cd8c;} .doc-nav.doc-jobs .nav-level-main > li > a { background: url(../image/emploieteconomie.jpg) no-repeat center center;} .doc-nav.doc-jobs .nav-level-main ul li.active, .doc-nav.doc-jobs .nav-level-main ul li:hover{background:#78a838;} .doc-nav.doc-infos .nav-level-main > li {background:#FF9969;} .doc-nav.doc-infos .nav-level-main > li > a { background: url(../image/infos.jpg) no-repeat center center;} .doc-nav.doc-infos .nav-level-main ul li.active, .doc-nav.doc-infos .nav-level-main ul li:hover{background:#DC713C;} .doc-nav.doc-community .nav-level-main > li {background:#4C8CCF;} .doc-nav.doc-community .nav-level-main > li > a { background: url(../image/jumelage.jpg) no-repeat center center;} .doc-nav.doc-community .nav-level-main ul li:hover{background:#0155B7;} .doc-nav .nav-list.hover-trigger li:hover > .nav-level-sub, .doc-nav .nav-level-main.nav-list ul {display:none} #page-privee-emplois-et-economie .doc-jobs .nav-level-main.nav-list ul {display:block} #page-privee-informations-et-orientation .doc-infos .nav-level-main.nav-list ul {display:block} .block-chatroom .chatroom-wrapper .msg-wrapper {width:80%; float:left; } .block-chatroom .chatroom-wrapper .msg-wrapper [data-id]:nth-child(even) {background:transparent} .block-chatroom .chatroom-wrapper .msg-wrapper [data-id]:nth-child(odd) {background:#e6e5e1} .block-chatroom .chatroom-wrapper .message a { color: #0155b7!important; } .block-chatroom .chatroom-wrapper .user-wrapper { width:20%; float:right; } .block-chatroom .chatroom-wrapper .block-subfooter {clear:both;} .block-chatroom .chatroom-wrapper .block-subfooter .new-message input {max-width:none; width: 100%; height: 32px; padding: 2px 2.5%; line-height: 32px;font-size: 16px} /* Search autocompleted results */ .ui-autocomplete { width: 358px !important; } .ui-menu.ui-autocomplete .ui-menu-item { border-bottom: 1px solid #ddd; font-size: 1.25em; cursor: pointer; } .ui-menu.ui-autocomplete .ui-menu-item a .title { color: #014a81; font-weight: 600; } .ui-menu.ui-autocomplete .ui-menu-item a cite { color: #76ab37; } .ui-menu.ui-autocomplete .ui-menu-item a:hover { background-color: rgba(106, 152, 165, 0.16); } /* Private homepage search results */ #block-private_search_result .block-search { display: none; } #container-wrapper #block-private_search_result .block-content .notice { display: none; } #container-wrapper #block-private_search_result .block-content .notice.no-results { display: block; background: #74a933; margin: 3.5%; padding: 10px 25px; font-size: 16px; } #block-private_search_result .block-header { display: none; } #container-wrapper #block-private_search_result .block-content .result-stats { display: block; background: #74a933; margin: 3.5%; margin-bottom: 0; padding: 10px 25px; font-size: 24px; } #container-wrapper #block-private_search_result .block-content > .list { display: block;background: #ffffff; margin: 3.5%; margin-top: 0; padding: 10px 25px; font-size: 16px; color: darkgrey; } #container-wrapper #block-private_search_result .block-content .result-stats a { color: #333; } #container-wrapper #block-private_search_result .block-content > .list a { color: #014a81; } #container-wrapper #block-private_search_result .block-content > .list ol > li { margin-bottom: 40px; font-family: 'Droid Sans'; } #container-wrapper #block-private_search_result .block-content > .list ol > li:last-child { margin-bottom: 0; } #container-wrapper #block-private_search_result .block-content > .list ol > li .block-subcontent { font-weight: 300; } #container-wrapper #block-private_search_result .block-content > .list ol > li .block-subcontent em { font-style: normal; } #container-wrapper #block-private_search_result .block-content > .list .block-subtitle a { font-weight: bold; } #container-wrapper #block-private_search_result .block-content > .list .block-subtitle a em { font-style: normal; } @media screen and (max-width:1280px) { body {font-size:11px;} .wrapped-container.responsive { padding-left:2.5%; padding-right:2.5%; } [data-user="1"] .register a {width: 128px;} [data-layout="private"] .doc-search { width: 33%; } } @media screen and (max-width:1160px) { [data-layout="private"][data-type="index"] #container-wrapper .background-brown {padding-top:0;} [data-layout="private"] .button-nav { margin-bottom: -55px; } [data-layout="private"] .button-nav .block-navigation { position: relative; top: -75px;} [data-layout="private"] .button-nav .block-navigation .block-title:before {height:2px;} [data-layout="private"] .button-nav .block-navigation li {width:97%; max-width: 580px; display:block; padding: 20px 0; margin:4px auto!important; float:none;height:auto;background-size: 100% auto!important;} [data-layout="private"] .button-nav .block-navigation li strong {height:auto;} [data-layout="private"] .doc-search { width: 25%; } } @media screen and (max-width:960px) { #right-nav {display:none} .wrapped-container.responsive { padding-left:5%; padding-right:5%; } #template {display:block;} #template .zone {display:block;width:auto!important;} #header-top .top-right-nav > .button-container{margin:15px 0} .register {text-align:left;} [data-layout="public"] #container-wrapper #col-right .block.register{height:auto;} [data-layout="public"] #header-wrapper #banner .slide {max-width:480px;} [data-layout="public"] #header-wrapper #banner .image {height:auto!important;} [data-type="content"] #container-wrapper .page-title {line-height:1em;} #header-wrapper #header-top .top-right-nav {padding-right:0;} #header-wrapper #main-nav .nav-level-main {margin:auto;display:block;text-align: left; padding: 15px 0; } #header-wrapper #main-nav .nav-level-main li {display:block; width:100%; max-width:none; border:0;height: auto;} #header-wrapper #main-nav .nav-level-main li a {padding:20px 0 20px 90px;} [data-layout="public"] #container-wrapper [id^="col-"] {padding:10px 0!important;} [data-layout="public"] #container-wrapper #col-right .employer, [data-layout="public"] #container-wrapper #col-right .faq { max-width: 540px;margin: 20px auto;} [data-layout="public"] #block-information_session .webinaire{display:none;} [data-layout="public"] #container-wrapper #block-information_session .block-title {text-align: center;} #container-wrapper #block-information_session .block-title span {background:none;padding-left:0;} #container-wrapper #block-information_session .resume-wrapper .resume-wrapper{display:block;} #container-wrapper #block-information_session .resume-wrapper .time {display:block;width:40%;float:left;} #container-wrapper #block-information_session .resume-wrapper .block-subtitle {display:block;width:60%;float:right; padding-top: 10px;} #container-wrapper #block-information_session .resume-wrapper .button-wrapper > * {display:inline-block} #container-wrapper #block-information_session .resume-wrapper .button-wrapper {display:block;width:100%;text-align:center;clear:both;} #container-wrapper #block-information_session .resume-wrapper .button-wrapper .btn {display:inline-block;width:180px; margin:5px;} #container-wrapper #block-information_session .block-content li {max-height:none;} [data-layout="private"][data-type="index"] #col-right {margin-top:15px;padding-bottom:5px;} [data-layout="private"][data-type="index"] #col-left { max-width: 580px; margin: auto; } [data-layout="private"][data-type="index"] #col-left .acknowledgement {padding:20px 25px 0 25px; text-align: center;} [data-layout="private"][data-type="index"] #col-left .register {margin:0;height:70px;} [data-layout="private"][data-type="index"] #col-left .register a { background-size: auto 45px;background-position-x:15px;padding:0 25px 0 75px} [data-layout="private"][data-type="index"] #block-private_left_nav {padding:0;} [data-layout="private"][data-type="index"] #block-private_left_nav .block-title {text-align:center;border-top: 2px solid #46636D;} [data-layout="private"][data-type="index"] #block-private_left_nav .block-title:before {display:none;} [data-layout="private"][data-type="index"] #block-private_left_nav ul {text-align:left;} [data-layout="private"][data-type="index"] #block-private_left_nav a { padding:12px 5px 12px 75px; background-size:auto 45px; } #page-privee-profil .field-wrapper {margin-top:0;} #page-privee-profil .children {padding:0} .doc-nav .nav-level-main > li > a > span { height: 75px } [data-layout="private"] .doc-search {position: static;background: #F0EFEE;width:auto; padding:2%!important;} [data-layout="private"] .doc-search > * {max-width:50%; margin:auto;} [data-layout="private"] .doc-search .block-header {display:block;} [data-layout="private"] #container-wrapper .doc-search .block-content {padding:15px 0;} } @media (max-width:720px) { body {font-size:10px;} .wrapped-container.responsive { /*text-align:center;*/padding-left:7%; padding-right:7%; } #page-questions-frequentes .reponse .value { text-align:justify; } #page-questions-frequentes .question .value {max-width:none!important;} .block-user-login .block-header{padding-top:0;background:none;} .block-user-login .field-wrapper input { padding-left: 60px; font-size:14px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-header .block-time {position:static;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-header .block-time > div:first-child{float:left;padding: 9px 5%;} /* #header-wrapper #main-nav .nav-level-main {padding:0;} */ #header-wrapper #main-nav .nav-level-main li {background-size:40px 40px!important;} [data-type="content"] #container-wrapper .page-title {height: 2.5em; margin-top: -2.5em; font-size: 2em;} [data-type="content"] #container-wrapper .block.orange .block-content {padding:2.5% 0;} [data-layout="public"][data-type="content"] #header-wrapper #banner .image img {height:140px;} #page-a-propos .block-content ol > li {float:none; width:auto; text-align: center;} #page-questions-frequentes .field-wrapper.question.text:after{position:static!important} [data-layout="private"] .button-nav .block-navigation { top:-55px;} [data-layout="private"] .button-nav { margin-bottom: -35px; } [data-layout="private"][data-type="index"] #col-right #block-private_search .field-wrapper {width:96%;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li {clear:both;padding:0 10px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li, [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li > * {display:block;width:auto;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .author .sent-by {display:none;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper .date, [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper .time {float:left; width:50%; box-sizing: border-box;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper .date {text-align:left} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper .time {text-align:right;background-position-x: right; padding-right: 35px;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li .message {float:left;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper ul > li .author {float:right;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-subfooter .send-message, [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-subfooter .new-message {text-align:center; width:auto; float:none;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-subfooter .send-message button {width:50%;} #footer-wrapper {font-size:0.8em;} #footer-wrapper .mailing-list span {display:none;} #footer-wrapper .icon-wrapper {margin:15px;} #footer-wrapper #block-copyright {font-size: 1.4em; text-align: center; margin-top: 15px; } #subfooter-wrapper #block-partner .block-content ol, #subfooter-wrapper #block-partner .block-content ol > li {display:block;width:auto;} #subfooter-wrapper #block-partner .block-content ol { margin-top: 0; } #subfooter-wrapper #block-partner .block-content ol > li.item-1 { padding-left: 0; } #subfooter-wrapper #block-partner .block-content ol > li.item-2 { margin-top: 20px; } #subfooter-wrapper #block-ffcb .block-content ol > li.item-0 { margin-top: 10px; } } @media screen and (max-width:540px) { body {font-size:10px;} .wrapped-container.responsive { padding-left:2.5%; padding-right:2.5%; } /* #header-top {padding-bottom: 10px;}*/ .block-user-login .block-content {margin:auto;width:90%;} [data-user="1"] #header-wrapper #header-top .register a {width: auto;} #header-wrapper #header-top .block-user-login .block-content {text-align: center;} #container-wrapper #block-private_orientation_nav .block-title {font-size:3em;} [data-type="content"] #container-wrapper .block .block-header h2, [data-type="content"] #container-wrapper .block .block-title {font-size:1em} [data-type="content"] #container-wrapper h3 {font-size:0.95em} [data-type="content"] #container-wrapper h4 {font-size:0.9em;} #block-partner .block-title, #container-wrapper .background-brown .block-title, [data-layout="public"] #container-wrapper #col-right .block.register .block-title, [data-layout="public"] #container-wrapper #block-information_session .block-title {font-size:2em} [data-layout="public"] #container-wrapper #block-information_session .block-title {padding-left:5px; padding-right:5px; background:none!important;} [data-layout="public"] #container-wrapper #col-right .employer, [data-layout="public"] #container-wrapper #col-right .faq {padding:0;} [data-layout="public"] #container-wrapper #col-right .employer a, [data-layout="public"] #container-wrapper #col-right .faq a {padding:0;text-align: center;background:none!important} [data-layout="private"] #block-private_chatroom form.message-send > * { float: none; width: 100%; } [data-layout="private"] .button-nav { margin-bottom: -25px; } [data-layout="private"] .button-nav .block-navigation { top:-35px; font-size: 0.8em;} #page-privee-profil .block.block-user-edit .block-content {padding:2% 0% 2% 2%} #page-privee-profil label.title {font-size:0.8em} #page-questions-frequentes .block-list .list .header .category-title{font-size:1.3em!important;} #page-questions-frequentes .field-wrapper.question.text {font-size:1em!important;} #page-questions-frequentes .question .value {text-align:center!important;} .popup-wrapper .block-user-login .block-title { margin-top: 55px; } .field-wrapper.doc a[href$=".pdf"], .field-wrapper.doc a[href$=".PDF"] { font-size: 0.95em; } } @media screen and (max-width:480px) { [data-layout="public"] #header-wrapper #banner .image-content {max-width:450px; } [data-layout="public"][data-type="content"] #page-publique-employeur .block-list-form .field-wrapper {float:none;width:auto;} #page-privee-profil .input-set > div {display:block;} [data-layout="private"][data-type="index"] #col-right .has-icon .block-title {padding-left:5px; padding-right:5px; background:none!important;} [data-layout="private"][data-type="index"] #col-right #block-private_chatroom .block-content .msg-wrapper .date {padding-left:0;background:none} #page-questions-frequentes .reponse .value {text-align: left;} #header-wrapper #header-top .button-container .connect, #header-wrapper #header-top .button-container .register {margin-top:5px; padding-left:0;padding-right:0;} } @media screen and (max-width:360px) { .block-text .block-content ul {padding-left:0} [data-type="content"] #container-wrapper .page-title { font-size: 1.8em; } [data-type="content"] #container-wrapper .block-text .block-content {text-align:left;} [data-layout="public"] #header-wrapper #banner .image-content {max-width:420px; left: 30px;} [data-layout="private"][data-type="index"] #complete-profil .btn {font-size:1em;} [data-layout="private"][data-type="index"] #complete-profil h2 {font-size:1.2em} [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .start_date, [data-layout="private"][data-type="index"] #col-right #block-information_session .resume-wrapper .start_hour {background:none;padding-left:0;} } @media screen and (max-width:320px) { [data-layout="private"][data-type="index"] #complete-profil h2{ background:none; padding:10px 0; text-align: center; } [data-layout="private"][data-type="index"] #complete-profil h2:before {display:none;} [data-layout="public"] .popup .popup-wrapper {margin-top:50px;} #header-wrapper #header-top .button-container .register a { padding: 9px 3%;} [data-layout="public"] #header-wrapper #banner .image-content {max-width:320px; padding:20px 10px; left: 80px} [data-layout="public"] #container-wrapper #col-right .block.register p {max-width:90%;} [data-layout="public"] .block-user-login .block-title {font-size:1.8em;} [data-layout="public"] .block-user-login .block-subtitle { font-size: 1.5em;} [data-layout="public"] .block-user-login .block-header { padding-top: 100px; background: url(../image/iconecadena.png) no-repeat center 30px; background-size: 80px auto; } [data-layout="public"] #container-wrapper #col-right .employer, [data-layout="public"] #container-wrapper #col-right .faq { line-height: 1em; padding: 20px 0px; text-align: center; font-size: 1.7em; } }