/* Theme Name: INEC Author: L'équipe Maad Version: 1 */ *, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;} html, body{width:100%;height:100%;} body{color:#111;background:#fff;font-family:'Ubuntu', sans-serif;font-weight:400;font-size:16px;} a{color:#111;text-decoration:underline;} a:hover, a:focus{color:#2983c5;text-decoration:underline;} a img, th img, td img{vertical-align:top;border:none;} h1, h2, h3, h4, h5{cursor:default;font-weight:400;} a h1, a h2, a h3, a h4, a h5{cursor:pointer;} h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;} ul{list-style:none;} hr{border:none;border-top:2px solid #d0dae3;margin:30px 0;clear:both;} table{border-collapse:collapse;border-spacing:0;} caption, th, td{text-align:left;vertical-align:top;} thead th, thead td{font-weight:bold;vertical-align:bottom;} img, video, audio, embed, object{max-width:100%;} img, video, embed, object{height:auto;} embed, object{height:100%;} img{vertical-align:middle;} .alignright{float:right;margin:0 0 20px 20px;} .alignleft{float:left;margin:0 20px 20px 0;} .aligncenter{margin:0 auto 20px auto;display:block;} .centerdiv{width:95%;max-width:1260px;margin:0 auto;position:relative;} .clear{position:relative;overflow:auto;clear:both;} #blocmap img{height:auto!important;max-width:none !important;} .svg{} .no-svg{} #infoflash{padding: 20px 50px;font-size: 95%;color:#111;background-color:#f2a51d;width:100%;text-align:center;} /********************************************************************** BT */ .bt{display:inline-block;padding:12px 25px;border-radius:50px;text-transform:uppercase;color:#fff;font-size:80%;font-weight:700;background-color:#111;text-decoration:none;} .bt:hover, .bt:focus{text-decoration:none;color:#fff;} .btjaune{background-color:#f2a51d;} .btvert{background-color:#48ae4d;} .btbleu{background-color:#2983c5;} .btbleu2{background-color:#2bb9c7;} .btblanc{background-color:#ffffff;color:#2983c5;} .bt.btblanc:hover, .bt.btblanc:focus{text-decoration:none;color:#2983c5;} .bt2{display:inline-block;padding:6px 10px;background-color:#e9e9e9;border-radius:3px;color:#111;font-size:80%;font-weight:700;text-decoration:none;margin-bottom:10px;} .bt2:hover, .bt2:focus{text-decoration:none;color:#111;} .bt2.selected{background-color:#111;color:#fff;} /********************************************************************** ACCESS */ #navAccess{position:absolute;z-index:10000;} #navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;} #navAccess a:focus{left:10px;top:10px;} #accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;} #accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;} #accessretourtop{display:block;cursor:pointer;color:#111;position:fixed;right:25px;font-size:150%;bottom:20px;width:30px;height:30px;z-index:9998;text-align:center;overflow:hidden;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;} #accessretourtop span{text-indent:-1000px;display:block;} #accessretourtop:hover{color:#111;} #accessretourtop:focus{font-size:100%;color:#fff;background:#111;line-height:26px;padding:2px 10px;white-space:nowrap;text-decoration:none;width:auto;height:auto;} #accessretourtop:focus i{display:none;} #accessretourtop:focus span{text-indent:inherit;display:inline-block;*display:inline;zoom:1;} #accessfont{display:block;position:absolute;top:10px;right:30px;} #accessfont a{background-color:#f1f1f1;color:#9E9E9E;font-weight:700;text-decoration:none;font-size:100%;padding:2px 4px;display:inline-block;} #accessfont a:hover, #accessfont a:focus{color:#344258;} /********************************************************************** NAV */ a#showmenu{display:none;} #nav{float:right;} #nav .menu{display:inline;} #nav{margin-top:25px;} #nav ul li{display:inline-block;*display:inline;zoom:1;vertical-align:middle;} #nav ul{display:inline;} #nav ul li a{text-transform:uppercase;text-decoration:none;display:block;font-size:90%;padding:0 10px;font-weight:700; transition:background .2s, color .2s;-moz-transition:background .2s, color .2s;-webkit-transition:background .2s, color .2s;-o-transition:background .2s, color .2s; } #nav ul li a:hover, #nav ul li a:focus{color:#2983c5;text-decoration:none;} #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{color:#2983c5;text-decoration:none;} #nav .menu-item-has-children{position:relative;} #nav .menu-item-has-children > a{padding-right:16px !important;} #nav .menu-item-has-children > a:after{content: "";top:16px;right:0;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(255,255,255,.5) transparent transparent transparent;} #nav ul li li.current-menu-item a{color:#fff;background:#5FA5C3 !important;} /********************************************************************** HEADER */ #header{padding:30px 0;position:relative;} #logo{display:block;float:left;} #logo img{display:block;} #navrs{display:inline;margin-left:8px;} #nav ul#navrs li a{padding:0 2px;font-size:130%;color:#2983c5;} #headerbot{position:absolute;right:0;bottom:-50px;z-index:90;} #headerbot > .bt{display:block;float:left;margin-left:10px;} #headerbot .user-nav{display:block;float:left;margin-left:10px;} a.logout{background-color:#fff;padding:12px;border-radius:50px;} #header_search{overflow:hidden;display:block;float:left;background-color:#fff;border-radius:50px;} #header_search input[type=text]{float:left;width:150px;border:0;height:41px;margin:0;padding:12px 6px 10px 25px;font-weight:700;border-radius:3px;background:transparent;font-size:80%;} #header_search input[type=text]:hover, #header_search input[type=text]:focus{background-color:#fff;} #header_search input[type=submit]{float:left;width:25px !important;font-weight:400;border:0;height:41px;margin:0 20px 0 0;padding:0;text-align:center;background:transparent;font-family:"FontAwesome";color:#111;} #header_search input[type=submit]:hover, #header_search input[type=submit]:focus{color:#2983c5;text-decoration:none;} #header_search ::-webkit-input-placeholder{color:#111111 !important;font-weight:400;} #header_search ::-moz-placeholder{color:#111111 !important;font-weight:400;} #header_search :-moz-placeholder{color:#111111 !important;font-weight:400;} #header_search :-ms-input-placeholder{color:#111111 !important;font-weight:400;} #headtitle{ padding:264px 0 360px 0;color:#fff;overflow:hidden;display:block;position:relative; background: #42748f; background: -moz-linear-gradient(top, #42748f 0%, #234851 100%); background: -webkit-linear-gradient(top, #42748f 0%,#234851 100%); background: linear-gradient(to bottom, #42748f 0%,#234851 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42748f', endColorstr='#234851',GradientType=0 ); } #headtitle .centerdiv{z-index:9;} #headtitle h1{text-transform:uppercase;font-weight:700;font-size:180%;} #headtitle p{max-width:1000px;line-height:150%;font-size:110%;margin-bottom:30px;margin-top:5px;} #headtitle .bt{margin-right:10px;} .home #headtitle{padding:100px 0 360px 0;} .particles-js-canvas-el{position:absolute;top:0;height:100%;z-index:0;} /********************************************************************** HOME */ #slider-home{margin:-270px 0 90px 0;box-shadow:0 0 50px rgba(0, 0, 0, 0.3);border-radius:3px;overflow:hidden;background-color:#fff;} #slider-home .swiper-slide{height:380px;padding-right:50px;position:relative;width:100%;} #slider-home strong{font-size:140%;margin-bottom:10px;display:block;} #slider-home p{font-size:100%;line-height:150%;} #slider-home .bt{margin-top:10px;} .slider-home-img{float:left;background:#111 center center no-repeat;background-size:cover;width:40%;height:100%;display:block;position:relative;} .slider-home-txt{float:right;width:60%;height:100%;display:flex;align-items:center;padding:0 50px;} #slider-home .swiper-pagination{width:auto !important;bottom:15px !important;right:15px !important;left:inherit !important;} .blocliencover{display:block;margin-top:60px;width:33.3%;float:left;height:300px;display:flex;align-items:center;text-decoration:none;text-align:center;color:#fff;text-transform:uppercase;font-size:180%;background:#111 center center no-repeat;background-size:cover;} .blocliencover:hover, .blocliencover:focus{color:#fff;text-decoration:none;} .blocliencover > span{width:100%;} .blocliencover .bt{font-size:40%;margin-top:15px;} .blocliencover strong{display:block;} .blocliencover1{background-color:#48ae4d;background-image:url("img/inec-institut-et-entreprises.jpg");} .blocliencover2{background-color:#f2a51d;width:33.4%;background-image:url("img/inec-institut-et-territoires.jpg");} .blocliencover3{background-color:#2983c5;background-image:url("img/inec-institut-et-international.jpg");} .blocliencover1 .bt, .blocliencover1 .bt:hover, .blocliencover1 .bt:focus{color:#2bb9c7;} .blocliencover2 .bt, .blocliencover2 .bt:hover, .blocliencover2 .bt:focus{color:#1f4a5d;} .blocliencover3 .bt, .blocliencover3 .bt:hover, .blocliencover3 .bt:focus{color:#2983c5;} #slider-logos{margin:90px 0;position:relative;} #slider-logos .swiper-container{width:calc(100% - 100px);} #slider-logos .swiper-slide{height:90px;width:150px;border:1px solid #d0dae3;border-radius:3px;padding:8px;} #slider-logos .swiper-slide a{display:flex;align-items:center;justify-content:center;width:100% !important;height:100% !important;} #slider-logos .swiper-slide img{display:block;height:auto !important;width:auto !important;max-width:100% !important;max-height:100% !important;display:block;} #slider-logos .swiper-pagination{width:auto !important;} #slider-logos .swiper-button-next, #slider-logos .swiper-button-prev{color:#a0a19d !important;text-decoration:none !important;background:none !important;text-align:right !important;right:0 !important;border:none !important;font-size:30px !important;margin:-36px 0 0 0 !important;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} #slider-logos .swiper-button-next:hover, #slider-logos .swiper-button-prev:hover, .swiper-button-next:focus, .swiper-button-prev:focus{} #slider-logos .swiper-button-next .fa, #slider-logos .swiper-button-prev .fa{position:relative;top:2px;} #slider-logos .swiper-button-prev{text-align:left !important;left:0 !important;} #partarticles2{background-color:#F5F5F5;padding:60px 0;margin-top:60px;} /********************************************************************** ACTUS */ .blocactus{width:30%;margin-right:5%;float:left;position:relative;} .blocactus.last{margin-right:0;float:left;} .blocactus:after{content:"";width:1px;position:absolute;top:39px;bottom:28px;right:-8%;background-color:#ede9e1;} .blocactus.last:after{display:none;} .blocactus .swiper-button-next, .blocactus .swiper-button-prev{color:#fff !important;text-decoration:none !important;text-align:center !important;width:18px !important;height:18px !important;right:0px !important;bottom:0px !important;left:inherit !important;top:inherit !important;border:none !important;background:#111 !important;font-size:18px !important;border-radius:30px !important;margin:0 !important;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} .blocactus .swiper-button-next:hover, .blocactus .swiper-button-prev:hover, .swiper-button-next:focus, .swiper-button-prev:focus{} .blocactus .swiper-button-next .fa, .blocactus .swiper-button-prev .fa{position:relative;top:-3px;} .blocactus .swiper-button-prev{right:25px !important;} .blocactus.blocactusvert .swiper-button-next, .blocactus.blocactusvert .swiper-button-prev{background-color:#48ae4d !important;} .blocactus.blocactusjaune .swiper-button-next, .blocactus.blocactusjaune .swiper-button-prev{background-color:#f2a51d !important;} .blocactus.blocactusbleu .swiper-button-next, .blocactus.blocactusbleu .swiper-button-prev{background-color:#2983c5 !important;} .blocactus.blocactusbleu2 .swiper-button-next, .blocactus.blocactusbleu2 .swiper-button-prev{background-color:#2bb9c7 !important;} .blocactus.blocactusbleu3 .swiper-button-next, .blocactus.blocactusbleu3 .swiper-button-prev{background-color:#1f4a5d !important;} .blocactus h2{color:#111;font-size:125%;margin-bottom:10px;} .blocactus.blocactusvert h2{color:#48ae4d;} .blocactus.blocactusjaune h2{color:#f2a51d;} .blocactus.blocactusbleu h2{color:#2983c5;} .blocactus.blocactusbleu2 h2{color:#2bb9c7;} .blocactus.blocactusbleu3 h2{color:#1f4a5d;} .blocactus hr{border:none;border-top:2px solid #111;margin:0;} .blocactus.blocactusvert hr{border-color:#48ae4d;} .blocactus.blocactusjaune hr{border-color:#f2a51d;} .blocactus.blocactusbleu hr{border-color:#2983c5;} .blocactus.blocactusbleu2 hr{border-color:#2bb9c7;} .blocactus.blocactusbleu3 hr{border-color:#1f4a5d;} .blocactuslien{font-size:90%;margin-top:10px;font-weight:700;text-decoration:none;display:block;} .blocactus.blocactusvert .blocactuslien{color:#48ae4d;} .blocactus.blocactusjaune .blocactuslien{color:#f2a51d;} .blocactus.blocactusbleu2 .blocactuslien{color:#2bb9c7;} .blocactus.blocactusbleu3 .blocactuslien{color:#1f4a5d;} .blocactus.blocactusvert .bt{background-color:#48ae4d;} .blocactus.blocactusjaune .bt{background-color:#f2a51d;} .blocactus.blocactusbleu .bt{background-color:#2983c5;} .blocactus.blocactusbleu2 .bt{background-color:#2bb9c7;} .blocactus.blocactusbleu3 .bt{background-color:#1f4a5d;} .blocactus .swiper-container{margin:30px 0 25px 0;} .blocactus .swiper-slide{min-height:200px;} .listeactus .actu{margin-right:5%;float:left;width:45%;} .listeactus .listeactusbloc{clear:both;overflow:hidden;display:block;margin-bottom:60px;} .actu{position:relative;} .actu > a > img{float:left;margin-right:15px;width:65px;max-height:65px;border:1px solid #ede9e1;} .actu .actuwrapimg{float:left;margin-right:15px;width:65px;height:65px;border:1px solid #ede9e1;display:flex;align-items:center;justify-content:center;} .actu .actuwrapimg img{width:100%;height:auto;max-width:65px;max-height:65px;margin:0 !important;} .actu h1{font-size:110%;margin-bottom:10px;font-weight:700;min-height:72px;top:-1px;position:relative;} .actu h1 span{font-weight:400;display:block;} .actu a{text-decoration:none;} .actu p{font-size:100%;margin-bottom:15px;min-height:80px;} .home .actu p{min-height:105px;} .actu .actuiconeplay{position:absolute;top:12px;left:18px;color:#fff;font-size:32px;text-shadow:0 0 10px rgba(0, 0, 0, 0.2);} /* Pasge actu */ .articledate{border: 2px solid #d0dae3;padding:15px;} .articledate strong, .articledate span{display:block;} #showcarteevent{font-weight:700;background-color: #d0dae3;margin-left: 10px;text-transform: uppercase ;font-size: 75%;text-decoration: none;padding: 2px 4px;border-radius: 2px;} .carteevent{display:none;} /********************************************************************** PAGE */ #breadcrumbs{font-size:70%;color:#a5a5a5;margin:-80px 0 66px 0;} #breadcrumbs a{font-size:100%;color:#a5a5a5;} #breadcrumbs a:hover, #breadcrumbs a:focus{text-decoration:underline;} #content{margin:-500px 0 90px 0;padding:90px 20% 90px 90px;min-height:600px;box-shadow:0 0 50px rgba(0, 0, 0, 0.2);border-radius:3px;overflow:hidden;background-color:#fff;z-index: 9;} #content h1.titlepage{font-size:200%;margin-bottom:40px;text-transform:uppercase;font-weight:700;color:#2983c5;} #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu h5 {margin-bottom:25px;color:#2983c5;font-weight:700;} #contenu h1{color:#2983c5;font-size:200%;} #contenu h2, #sidebar h2{color:#2983c5;font-size:180%;} #contenu h3{font-size:160%;} #contenu h4{font-size:140%;} #contenu h5{font-size:140%;} #contenu p{margin-bottom:25px;line-height:150%;} #contenu img{margin-bottom:25px;height: auto !important;max-width: 100% !important;max-height: 100% !important;display:block;border-radius:3px;} #contenu blockquote{font-size:180%;font-style:italic;margin-bottom:25px;padding:0 30px 0 40px;line-height:150%;color:#9cb6c5;position:relative;display:inline-block;} #contenu blockquote:after{content:'"';position:absolute;font-size:240%;color:#9cb6c5;top:-18px;right:-13px;width:37px;} #contenu blockquote:before{content:'"';position:absolute;font-size:240%;color:#9cb6c5;top:-18px;left:-13px;width:37px;} #contenu ul{margin-bottom:25px;list-style-type:square;margin-left:18px;} #contenu ul ul{margin-bottom:10px;margin-top:10px;} #contenu ul li{margin-bottom:10px;line-height:130%;} #contenu .wp-caption{max-width:100%;} #contenu table{margin-bottom:20px;border:1px solid #d0dae3;width:100%;} #contenu tr{border-bottom:1px solid #d0dae3;} #contenu td{padding:10px;border-right:1px solid #d0dae3;} #content.content-s{padding:90px 90px 90px 90px;} #contenu.contenu-s{float:left;width:72%;} #sidebar{float:right;width:25%;} /********************************************************************** LISTE MEMBRES */ #listmembres{display:flex;flex-wrap: wrap;justify-content: space-between; position:relative;margin-bottom:0 !important;margin-left:0 !important;} #listmembres li{width:32%;margin-bottom:20px !important;display:block;position:relative;} #listmembres li a.membrelink{background-color:#fff;border:2px solid #d0dae3;width:100%;height:135px;text-decoration:none;overflow:hidden;clear:both;padding:10px;display:block;position:relative;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);border-radius:3px;} .membreimg{float:left;width:80px;height:100%;display:flex;align-items:center;justify-content:center;} .membreimg img{width:100%;height:auto; margin-bottom:0 !important;border-radius:0 !important;} .membretxt{float:left;width:calc(100% - 80px);height:100%;display:flex;align-items:center;padding-left:10px;} .membretxt strong{font-size:90%;display:block;line-height:110%;margin-bottom:5px;overflow:hidden;text-overflow: ellipsis;} .membretxt > span{display:block;width:100%;position:relative;} .membretxt span span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:80%;text-transform:uppercase;} .membrecog{position:absolute;top:2px;right:4px;color:#838383;} /********************************************************************** FOOTER */ #footer{color:#fff;padding:90px 0; background: #42748f; background: -moz-linear-gradient(top, #42748f 0%, #234851 100%); background: -webkit-linear-gradient(top, #42748f 0%,#234851 100%); background: linear-gradient(to bottom, #42748f 0%,#234851 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42748f', endColorstr='#234851',GradientType=0 ); } #footer a{color:#fff;} #footer hr{border:none;border-top:2px solid rgba(255, 255, 255, 0.4);margin:30px 0 10px 0;} #logofooter{display:block;float:left;margin-right:60px;} #logofooter img{display:block;} .footerbloc{float:left;display:block;position:relative;margin-right:40px;} .footerbloc strong{font-size:125%;margin-bottom:15px;display:block;} .footerbloc ul li{margin-bottom:7px;} .footerbloc ul li a{text-decoration:none;font-size:90%;} #menu-pied-de-page-5 li{display:inline-block;*display:inline;zoom:1;vertical-align:middle;} #menu-pied-de-page-5 li{margin-right:15px;} #menu-pied-de-page-5 li a{font-size:90%;color:#c6eaef;text-decoration:none;} /********************************************************************** FORM */ input, textarea{border-radius:0;} button, input, select, textarea{margin:0;} textarea{overflow:auto;vertical-align:top;resize:vertical;} button{width:auto;overflow:visible;} input[type="reset"], input[type="submit"], button, input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;} input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;} input[type="search"]{-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} :invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;} ::-webkit-input-placeholder{color:#C0C0C0;} :-moz-placeholder{color:#C0C0C0;} :-ms-input-placeholder{color:#C0C0C0;} audio:not([controls]){display:none;height: 0;} input[type=text], input[type=email], input[type=tel], textarea, input[type=submit], input[type=password], input[type="file"], select, button {font-size:100%;height:auto;font-family: 'Ubuntu', sans-serif;border:none;margin-bottom:10px ;border:2px solid #d0dae3;color:#111;border-radius:0;padding:10px;width:100%;background-color:#fff;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} textarea{height:80px;} input[type=text]:hover,input[type=text]:focus,input[type=email]:hover,input[type=email]:focus,input[type=tel]:hover,input[type=tel]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover,textarea:focus{outline:none;border-color:#2983c5;} label, .label{display:inline-block;margin-left:0;font-size:90%;text-transform:uppercase;cursor:pointer;margin-bottom:4px;font-weight:700;} input[type=submit], button{width:auto !important;cursor:pointer;border:0;color:#fff;background-color:#2983c5;border-radius:50px;text-transform: uppercase;font-weight:700;display:inline-block;*display:inline;zoom:1;text-align:center;padding:12px 25px;font-size: 80%;font-family: 'Ubuntu', sans-serif;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} input[type=submit]:hover,input[type=submit]:focus{} select{height:44px;} .wpcf7-checkbox, #contenu .wpcf7-radio{clear:both;overflow:auto;display:block;} div.wpcf7-response-output{width:100%;padding:4px 10px;margin:0;} .wpcf7-validation-errors{background-color:#FFE904;color:#111;} .wpcf7-mail-sent-ok{background-color:#35B000;color:#fff;} span.wpcf7-not-valid-tip{top:-7px;left:0;display:block;position:relative;padding:4px 10px;background-color:#3C82B5;color:#fff;border:none;margin:0 0 1px 0;} span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #3C82B5 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;} span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0} #email_subs_form .acf-fields{position:relative;border:#EEEEEE solid 1px;margin-bottom:15px;} #email_subs_form .acf-field .acf-label{margin:0 0 5px;} #email_subs_form .acf-error-message { border-radius:0 !important; } #email_subs_form .acf-error-message p { line-height:1 !important; margin: 8px 0 !important; } #email_subs_form .acf-field .acf-error-message{ margin: 0 0 6px !important; } .wpcf7-form p{margin-bottom:0 !important; line-height:130% !important;} .formdemi1{float:left;width:48%;} .formdemi2{float:right;width:48%;} .formdetail{font-size:90%;} .formdetail img{width:520px !important;margin:15px auto 0 auto !important;} .page-id-6511 input[type=submit]{margin: 0 auto 10px auto !important;display: block;} /* FORM Adhésion */ /********************************************************************** TML et ACF FORM */ #registerform h2 { display: none; } #registerform .acf-image-uploader .view { float: none; } #registerform .acf-image-uploader .acf-basic-uploader { display: block; } #registerform { display: flex; flex-wrap: wrap; justify-content:space-between; } #registerform > * { width: 49% !important;position:relative; } #registerform > *.tml-registration-confirmation, #registerform > *.acf-user-register-fields, #registerform > *#acf-form-data { width: 100% !important; } #registerform > *.tml-submit-wrap{ width: 100% !important; text-align: center; position: relative; margin: 20px 0 0 !important; } #registerform .acf-user-register-fields{ display:flex;flex-wrap:wrap;justify-content:space-between; } #registerform [data-name="user_fonction"], #registerform [data-name="user_tel"], #registerform [data-name="user_orgsite"], #registerform [data-name="user_orgemail"], #registerform [data-name="user_orgtel"], #registerform [data-name="user_orgfax"], #registerform [data-name="user_titnom"], #registerform [data-name="user_titprenom"], #registerform [data-name="user_supnom"], #registerform [data-name="user_supprenom"] { width: 49% !important; } #registerform [data-name="user_orgadresse"], #registerform [data-name="user_orgcp"], #registerform [data-name="user_orgville"], #registerform [data-name="user_titfonction"], #registerform [data-name="user_titemail"], #registerform [data-name="user_tittel"], #registerform [data-name="user_supfonction"], #registerform [data-name="user_supemail"], #registerform [data-name="user_suptel"] { width: 32% !important; } #registerform [data-name="user_orgname"], #registerform [data-name="user_orgtype"], #registerform [data-name="user_orglogo"], #registerform [data-name="user_orgdescr"], #registerform [data-name="user_orgcheckcoords"], #registerform [data-name="user_cot1"], #registerform [data-name="user_cot2"], #registerform [data-name="user_cot3"], #registerform [data-name="user_cot4"], #registerform [data-name="user_cot5"] { width: 100% !important; } #registerform [data-name="user_orgname"], #registerform [data-name="user_orgtype"], #registerform [data-name="user_orglogo"], #registerform [data-name="user_orgdescr"], #registerform [data-name="user_orgcheckcoords"], #registerform .tml-user-pass1-wrap { page-break-before: always; } #registerform [data-name="user_orgtype"], #registerform .tml-user-pass1-wrap, #registerform .tml-user-pass2-wrap, #registerform [data-name="user_supnom"], #registerform [data-name="user_supprenom"], #registerform [data-name="user_cot1"], #registerform [data-name="user_cot2"], #registerform [data-name="user_cot3"], #registerform [data-name="user_cot4"], #registerform [data-name="user_cot5"] {border-top:2px solid #2983c5;padding-top:45px;margin-top:35px !important;} #registerform .tml-user-pass2-wrap:after, #registerform [data-name="user_supprenom"]:after {content:"";position:absolute;border-top:2px solid #2983c5;top: -2px;left:-20%;width: 40%;} #registerform [data-name="user_orgcheckcoords"] {border-bottom:2px solid #2983c5;padding-bottom:45px;margin-bottom:35px !important;} #registerform label[for="user_login"]:before{ content: "Créer un "; } #registerform label[for="user_login"]:after{ content: " *";color: #f00; } #registerform label[for="first_name"]:after{ content: " *";color: #f00; } #registerform label[for="last_name"]:after{ content: " *";color: #f00; } #registerform label[for="user_email"]:after{ content: " *";color: #f00; } .grid-50 { display: flex; } .grid-50 > * { width: 48%; } .grid-50 > * + * { margin-left: 4%; } #login-bloc { border-radius: 3px; color: #fff; background: #2983c5; display: flex; text-align: center; font-size: 90%; } #login-bloc > div { margin: auto; padding: 30px; } #login-bloc span { margin-bottom:10px;display:block; } #contenu p.description{font-size:85%;margin-bottom:3px;} option[value="user_orgtype0"]{display:none !important;} /********************************************************************** ACF FORM */ .acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="email"], .acf-field input[type="url"], .acf-field textarea, .acf-field select {font-size:100% !important;height:auto !important;margin-bottom:10px !important;padding:10px !important;width:100% !important;} .acf-field select{height:46px !important;} #registerform > .acf-field-wysiwyg{margin-bottom:10px !important;} /********************************************************************** PAGINATION */ ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;} ul#pagination li{margin:0;} ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;} ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;} ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;} ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;} ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;} /********************************************************************** SWIPER SLIDER */ .swiper-container{width:100%;height:100%;} .swiper-pagination-bullet{width:14px !important;height:14px !important;margin:0 2px !important;} .swiper-pagination-bullet-active{background-color:#2983c5 !important;} /********************************************************************** GALERIE */ .gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;} .gallery .gallery-item {margin-top:2px !important;} .fancybox-skin{border-radius:0 !important;box-shadow:none !important;} .fancybox-prev span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;left:0 !important;} .fancybox-next span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;right:0 !important;} .fancybox-close{top:0 !important;right:0 !important;background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;text-decoration:none !important;} .fancybox-close:hover, .fancybox-close:focus{text-decoration:none !important;background:#000 !important;} .fancybox-close:after{content:"×";display:block;color:#fff;font-size:150%;width:inherit;font-family:georgia;margin-top:-1px;height:inherit;text-align:center;line-height:36px;} .fancybox-prev:after{content:"‹";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;left:0;width:36px;height:34px;margin-top:-22px;z-index:9999;} .fancybox-prev:hover:after{visibility:visible;} .fancybox-next:after{content:"›";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;right:0;width:36px;height:34px;margin-top:-22px;z-index:9999;} .fancybox-next:hover:after{visibility:visible;} .fancybox-title{font-weight:bold !important;background-color:rgba(0, 0, 0, 0.7) !important;} /********************************************************************** RWD */ @media (max-width:1100px){ #slider-home strong{font-size:130%;} #slider-home p{line-height:140%;} .blocliencover{font-size:170%;} .blocliencover .bt{font-size:45%;} } @media (min-width:900px){ #nav > ul{display:inline !important;} #nav > ul > li > .sub-menu{padding-top:0px;visibility:hidden;opacity:0;position:absolute;top:0px;left:50%;margin-left:-145px;z-index:99;min-width:290px; transition: top .3s, opacity .3s; -webkit-transition: top .3s, opacity .3s; -o-transition: top .3s, opacity .3s; -moz-transition: top .3s, opacity .3s; } #nav > ul > li > .sub-menu:before{content: "";position:relative;top:-7px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #2983c5 transparent; } #nav > ul > li > .sub-menu li{display:block;background:#2576b1;} #nav > ul > li > .sub-menu li:first-child{border-radius:3px 3px 0 0;overflow:hidden;} #nav > ul > li > .sub-menu li:last-child{border-radius:0 0 3px 3px;overflow:hidden;} #nav > ul > li > .sub-menu a{background:#2983c5;color:#ffffff;width:100%;padding:11px 10px 10px 10px;border-bottom:1px solid #2576b1;text-transform:none;} #nav > ul > li > .sub-menu a:after{display:none;} #nav > ul > li > .sub-menu a:hover, #nav > ul > li > .sub-menu a:focus{color:#ffffff;background:#2576b1;} #nav > ul > li > .sub-menu li:first-child a{padding-top:16px;} #nav > ul > li > .sub-menu li:last-child a{padding-bottom:16px;border-bottom:0;} #nav .menu-item-has-children{position:relative;} #nav > ul > .menu-item-has-children > a{padding-right:25px !important;} #nav > ul > .menu-item-has-children > a:before{content:"";top:6px;right:10px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(0,0,0,.8) transparent transparent transparent;} #nav .menu-open > .sub-menu{opacity:1;top:16px;visibility:visible;} /* 3eme niveau */ #nav > ul > li > ul .sub-menu{border-bottom:1px solid #2576b1;width:100%;} #nav > ul > li > ul .sub-menu a{background:#287ebe;padding-left: 25px;} #nav > ul > li > ul .menu-item-has-children > a{padding-right:25px !important;} #nav > ul > li > ul .menu-item-has-children > a:before{content:"";top:17px;right:10px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(0,0,0,.7) transparent transparent transparent;} } @media (max-width:900px){ a#showmenu{width:100%;display:block;} a#showmenu:hover, a#showmenu:focus{text-decoration:none;} #headerbot, #nav ul.menu, #nav ul#navrs{display:none;} #nav{float:none;} #nav ul.menu{margin-top:15px;} #nav ul.menu li{display:block;position:relative;width:100%;} #nav ul.menu li a{display:block;position:relative;width:100%;margin:0 0 15px 0;padding:11px 24px;border-radius:50px;text-transform:uppercase;color:#111;font-size:80%;font-weight:700;background-color:#fff;text-decoration:none;border:1px solid #111;} #nav .sub-menu{margin-left:25px;display:block;} #logo{float:none;} #header{padding:45px 0;} #navrs{margin:10px 0 10px 0;text-align:right;overflow:hidden;} #nav ul#navrs li a{padding:2px 24px;font-size:160%;width:100%;margin:0;border-radius:50px;border:1px solid #c0c0c0;text-align:center;} #nav ul#navrs li{width:23.5%;margin-right:2%;display:block;float:left;} #nav ul#navrs li:last-child{margin-right:0;} #headerbot{position:relative;right:inherit;bottom:inherit;margin-top:15px;} #header_search{float:none;margin-bottom:15px;} #header_search, #header_search input[type=text]:hover, #header_search input[type=text]:focus{background-color:#e7e7e7;} #header_search input[type=text]{width:calc(100% - 45px);} #headerbot .user-nav{margin-left:0;margin-right:10px;margin-bottom:10px;} #headerbot .bt{margin:0 0 5px 0;} #headerbot .bt.btjaune{margin:0;} #content{margin:0 0 45px 0;padding:0;min-height:0;box-shadow:none;border-radius:0;} #breadcrumbs{display:none;} #headtitle{display:none;} .home #headtitle{padding:45px 0;display:block;} #headtitle h1{font-size:160%;} #slider-home{margin:45px 0 45px 0;} #slider-home .swiper-slide{height:auto;} .slider-home-txt{float:none;width:100%;height:auto;display:flex;align-items:center;padding:0;overflow:hidden;} .blocactus{width:100%;float:none;margin:0 0 45px 0;} .blocactus.last{margin:0;} .blocactus:after{display:none;} .blocliencover{float:none;width:100%;margin-top:45px;height:200px;} #logofooter{float:none;margin:0 0 45px 0;} .footerbloc{width:100%;float:none;margin:0 0 45px 0;} #slider-home .swiper-slide{display:block;height:auto;padding:0 0 50px 0;} #slider-home .swiper-slide strong{margin-left:20px;margin-right:20px;} #slider-home .swiper-slide p{margin-left:20px;margin-right:20px;} #slider-home .swiper-slide .bt{margin-left:20px;} .slider-home-img{float:none;width:100%;height:150px;margin-bottom:20px;} .grid-50{display:block;} .grid-50 > *{width:100%;} .grid-50 > * + *{margin-left:0;} }