.femanager_flashmessages>div{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px}.femanager_flashmessages>.message-error{background-color:#f6d3cf;background-image:url('../../typo3/sysext/t3skin/icons/gfx/error.png');border:1px solid #d66c68;color:#aa0225}.femanager_flashmessages>.message-warning{background-color:#fbf6de;background-image:url('../../typo3/sysext/t3skin/icons/gfx/warning.png');border:1px solid #b1905c;color:#9e7d4a}.femanager_flashmessages>.message-ok{background-color:#cdeaca;background-image:url('../../typo3/sysext/t3skin/icons/gfx/ok.png');border:1px solid #58b548;color:#3b7826}.femanager_flashmessages>.message-information{background-color:#eaf7ff;background-image:url('../../typo3/sysext/t3skin/icons/gfx/information.png');border:1px solid #c5dbe6;color:#4c73a1}.femanager_flashmessages>.message-notice{background-color:#f6f7fa;background-image:url('../../typo3/sysext/t3skin/icons/gfx/notice.png');border:1px solid #c2cbcf;color:#444}.femanager_note{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#f6f7fa;background-image:url('../../typo3/sysext/t3skin/icons/gfx/notice.png');border:1px solid #c2cbcf;color:#444;list-style-type:none;margin-left:0}.femanager_error{background-position:10px 12px;background-repeat:no-repeat;margin-bottom:4px;padding:12px 12px 12px 36px;background-color:#f6d3cf;background-image:url('../../typo3/sysext/t3skin/icons/gfx/error.png');border:1px solid #d66c68;color:#aa0225;list-style-type:none;margin-left:0} .tx-femanager .qq-uploader{position:relative;width:100%}.tx-femanager .qq-upload-button-focus{outline:1px dotted #000000}.tx-femanager .qq-upload-drop-area,.tx-femanager .qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#FF9797;text-align:center}.tx-femanager .qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.tx-femanager .qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.tx-femanager .qq-upload-drop-area-active{background:#FF7171}.tx-femanager .qq-upload-list{margin:0;padding:0;list-style:none}.tx-femanager .qq-upload-list .alert{text-align:center;margin-top:10px}.tx-femanager .qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px}.tx-femanager .qq-upload-file,.tx-femanager .qq-upload-spinner,.tx-femanager .qq-upload-size,.tx-femanager .qq-upload-cancel,.tx-femanager .qq-upload-retry,.tx-femanager .qq-upload-failed-text,.tx-femanager .qq-upload-finished,.tx-femanager .qq-upload-delete{margin-right:12px}.tx-femanager .qq-upload-delete{font:0/0 a !important;text-shadow:none;color:transparent !important;display:inline-block !important;margin-top:3px}.tx-femanager .qq-upload-spinner{display:inline-block;width:15px;height:15px;vertical-align:text-bottom}.tx-femanager .qq-drop-processing{display:none}.tx-femanager .qq-drop-processing-spinner{display:inline-block;width:24px;height:24px;vertical-align:text-bottom}.tx-femanager .qq-upload-finished{display:none;width:15px;height:15px;vertical-align:text-bottom}.tx-femanager .qq-upload-retry,.tx-femanager .qq-upload-delete{display:none;color:#000000}.tx-femanager .qq-upload-cancel,.tx-femanager .qq-upload-delete{color:#000000}.tx-femanager .qq-upload-retryable .qq-upload-retry{display:inline}.tx-femanager .qq-upload-size,.tx-femanager .qq-upload-cancel,.tx-femanager .qq-upload-retry,.tx-femanager .qq-upload-delete{font-size:12px;font-weight:normal}.tx-femanager .qq-upload-failed-text{display:none;font-style:italic;font-weight:bold}.tx-femanager .qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.tx-femanager .qq-upload-fail .qq-upload-failed-text{display:inline}.tx-femanager .qq-upload-retrying .qq-upload-failed-text{display:inline;color:#D60000}.tx-femanager .qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFFFFF}.tx-femanager .qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFFFFF}.tx-femanager .qq-progress-bar{background:-moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));background:-webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:-ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);width:0%;height:15px;border-radius:6px;margin-bottom:3px;display:none;margin-top:10px}.tx-femanager .fileupload_image{max-width:200px;margin-top:20px} .keqQuestion{margin-bottom: 30px;} .keqQuestionTitle{margin-bottom: 10px;} .keqQuestionTitle .bodytext{ display: inline; font-weight: 700; } .tx-ke-questionnaire .keqHelp { display: inline-block; margin-right: 2.2em; margin-top: 0.37em; margin-left: 0.625em; text-decoration: none; font-weight: bold; border-bottom:0px dotted #4dbcf3; } .tx-ke-questionnaire .keqHelp > div{position: relative !important;} .tx-ke-questionnaire .keqHelp span{ display: block; width: 1.4em; background: none repeat scroll 0 0 #a3a3a3; border-radius: 1.4em; box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125); -webkit-box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125); color: #FFF004; height: 1.4em; line-height: 1.4em; text-align: center; text-shadow:none } .tx-ke-questionnaire .keqHelp + p {float:left; margin-left: 1.4em} .tx-ke-questionnaire .keqHelp:hover { cursor: pointer; background: transparent; z-index: 100; } .tx-ke-questionnaire .keqHelp .keqHelpText { display: none; margin-top:1.05em; margin-left:-11.5em; text-decoration: none; background-color:#e3e3e3 } .tx-ke-questionnaire .keqHelp .keqHelpText p{font-weight:normal; font-size:0.8em; letter-spacing:1px} .tx-ke-questionnaire .keqHelp:hover .keqHelpText { display: block; position: absolute; top: 5px; left: 0px; width: 200px; z-index: 100; padding: 5px 10px; border: 1px solid #a3a3a3; border-radius: 4px; background: #f0f0f0; color: #000000; text-align: left; } .tx-ke-questionnaire .keqImage { padding: 5px; } .tx-ke-questionnaire .keqImageLeft { float: left; } .tx-ke-questionnaire .keqImageRight { float: right; } .tx-ke-questionnaire .keqMandatory { padding: 8px 14px 8px 14px; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #3a87ad; background-color: #d9edf7; border: 1px solid #bce8f1; font-size: 14px; line-height: 20px; } .keqMandatory{display: none;} .keqButtons{position: relative;} /*.keqButtons > div{cursor: pointer;}*/ .keqAnswerWrap label{ width: auto !important; margin-right: 0 !important; } .keqAnswerWrap{margin-bottom: 10px;} .keqAnswerWrap .bodytext{display: inline;} .keq-matrix th, .keq-matrix td.center{text-align: center;} .keq-matrix input[type="radio"]{ float: none !important; margin-right: 0 !important; } .keqAnswer textarea{ width: 100% !important; /*min-height: 130px !important;*/ margin-bottom: 0 !important; } .clearer{display: none;} .keqButtons:after { content: ''; display: block; clear: both; } .keqButtons input[type="submit"]:disabled { background: #ccc !important; border-color: #ccc !important; cursor: initial !important; } /*----------------------- Corps ------------------------*/ html, body { height: 100%; margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; } body { font-size: 0.844em; color: #434343; } h1, h2, h3, h4, h5, h6 { line-height: 24px; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; } ul, ol, figure { margin: 0; padding: 0; } li { list-style-type: none; } a { text-decoration: none; color: #434343; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } a:hover { text-decoration: underline; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } /*a, img, input, textarea, button, select{outline: 0;}*/ img { border: 0; max-width: 100%; height: auto; } p { font-family: 'Roboto', sans-serif; color: #434343; font-size: 1em; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } form { font-family: 'Roboto', sans-serif; } table { border-collapse: collapse; font-family: 'Roboto', sans-serif; } tr { border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; } th { text-transform: uppercase; text-align: left; } th, td { padding: 7px 0 7px 10px; font-weight: normal; } .clear:before, .clear:after { content: ''; display: block; clear: both; } .wrap { position: relative; max-width: 1280px; width: 100%; background: transparent; margin: 0 auto; } .marge { margin: 0 20px; background: #fff; } /*@vert : #094f5f;*/ .transition-out { -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .transition-in { -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverNavVert, .hoverVert, .hoverNavOrange { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; cursor: pointer; } .hoverNavVert { background: -webkit-linear-gradient(left top, #053c48, #02758f); background: -o-linear-gradient(bottom right, #053c48, #02758f); background: -moz-linear-gradient(bottom right, #053c48, #02758f); background: -ms-linear-gradient(bottom right, #053c48, #02758f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#053c48, endColorstr=#02758f); background: linear-gradient(to bottom right, #053c48, #02758f); } .hoverNavVert.active { /*display: none !important;*/ opacity: 0 !important; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverNavVert.hover { opacity: 0; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverNavOrange { background: -webkit-linear-gradient(left top, #d52902, #f55d02); background: -o-linear-gradient(bottom right, #d52902, #f55d02); background: -moz-linear-gradient(bottom right, #d52902, #f55d02); background: -ms-linear-gradient(bottom right, #d52902, #f55d02); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#d52902, endColorstr=#f55d02); background: linear-gradient(to bottom right, #d52902, #f55d02); } .hoverNavOrange.active { /*display: none !important;*/ opacity: 0 !important; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverNavOrange.hover { opacity: 0; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverVert { background: -webkit-linear-gradient(left top, #01657c, #04718b); background: -o-linear-gradient(bottom right, #01657c, #04718b); background: -moz-linear-gradient(bottom right, #01657c, #04718b); background: -ms-linear-gradient(bottom right, #01657c, #04718b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#01657c, endColorstr=#04718b); background: linear-gradient(to bottom right, #01657c, #04718b); } #menu_accessible { left: 0; position: absolute; top: 5px; } #menu_accessible li { display: inline; } #menu_accessible a { border: 0 none; clip: rect(0pt, 0pt, 0pt, 0pt); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; text-transform: uppercase; width: 1px; } #menu_accessible a:focus, #menu_accessiblea:active { background: #01657c; clip: auto; color: #FFFFFF; height: auto; margin: 0; overflow: visible; padding: 5px; position: static; width: auto; } .cnil { background: #01657c; width: 100%; height: auto; text-align: center; display: none; } .cnil > div { display: inline-block; margin-left: 25px; } .cnil p { color: #fff; font-size: 0.9em; padding: 7px 0; } .cnil p a { color: #fff; } .cnil > a.close { position: relative; top: 5px; display: inline-block; width: 21px; height: 19px; vertical-align: top; margin-left: 20px; overflow: hidden; } /*------------- Header ------------*/ header { position: relative; /*padding-top: 24px;*/ padding-bottom: 10px; height: 176px; width: 100%; z-index: 150; } #blockTop { height: 66px; } #logo { position: relative; display: inline-block; vertical-align: top; width: 25.4%; z-index: 50; } #logo .return { position: absolute; top: 0; left: 50%; margin-left: -25%; display: block; width: 50%; height: 48.5%; min-height: 75px; /*margin: 0 auto;*/ z-index: 10; text-indent: -9999px; background: rgba(0, 0, 0, 0); } .return a { display: block; width: 100%; height: 100%; } #logo .logo { position: absolute; top: 0; left: 0; max-width: 312px; width: 100%; } /*#logoHover{display: none;}*/ #logoHover { opacity: 0; visibility: hidden; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #logoHover.hover { opacity: 1; visibility: visible; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .statut { position: relative; width: 175px; background: #fff; display: inline-block; margin-left: 20px; vertical-align: top; margin-top: 20px; z-index: 70; } .statut .state { display: inline-block; text-transform: uppercase; color: #01657c; font-size: 1.5em; margin-left: 10px; cursor: pointer; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .statut .state:hover { color: #d52902; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .picState { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/picto-statut.png') no-repeat; background-position: 0 0; height: 23px; width: 23px; display: inline-block; position: relative; top: 4px; left: 10px; } .statut .state:hover .picState { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/picto-statut.png') no-repeat; background-position: 0px -23px; } .statut ul { display: none; padding-top: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .statut li:first-child ~ li { border-top: 1px dotted #66c8d6; } .statut li { padding: 8px 0; margin: 0 10px; } .statut li a { color: #01657c; font-size: 1.2em; text-transform: uppercase; } .statut li a:hover { color: #d52902; } .language { margin-left: 5px; margin-top: 20px; display: inline-block; vertical-align: top; padding: 0 5px 4px 5px; background: #fff; overflow: hidden; height: 25px; position: relative; z-index: 70; } /*.language li{display: none;}*/ .language .active { cursor: pointer; } .language li { color: #01657c; font-size: 1.5em; } .language a { color: #01657c; } .language a:hover { color: #d52902; } .language .active a { color: #d52902; } .social-link { display: inline-block; vertical-align: top; margin-top: 23px; } .social-link ul, .social-link > li { display: inline-block; } .social-link > li { height: 26px; line-height: 26px; } .social-link li { margin-left: 20px; } .rss, .fb, .tw, .yt { position: relative; display: inline-block; text-indent: -9999px; } .rss { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/flux.png') no-repeat 0 0; width: 16px; height: 16px; top: 1px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .rss:hover, .rss:focus { background-position: 0 -17px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .fb { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/facebook.png') no-repeat 0 0; width: 9px; height: 19px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .fb:hover { background-position: 0 -19px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .tw { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/twitter.png') no-repeat 0 0; width: 19px; height: 16px; top: 2px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .tw:hover { background-position: 0 -16px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .yt { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/youtube.png') no-repeat 0 0; width: 47px; height: 19px; top: 1px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .yt:hover { background-position: 0 -19px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #blockHeaderRight { position: absolute; top: 30px; right: 10px; } #contactHeader { display: inline-block; height: 20px; line-height: 20px; } #contactHeader a { color: #01657c; font-size: 1.125em; } #contactHeader a:hover { color: #d52902; } #search { position: relative; display: inline-block; vertical-align: top; } #labelSearch { cursor: text; position: absolute; top: 2px; left: 4px; color: #01657c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } #search input { color: #01657c; border: 1px solid #fff; font-size: 1em; } #search input[type="text"] { margin-top: -1px; outline-color: #01657c; border: none; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #search input[type="text"]:hover { border: 1px solid #01657c; padding: 3px; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .searchSubmit { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/loupe.png') no-repeat 0 0; width: 21px; height: 21px; border: 0; cursor: pointer; position: relative; top: 0px; text-indent: -9999px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .searchSubmit:hover, .searchSubmit:focus { background-position: 0 -21px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; outline: none; } /*---------------------- Menu ------------------------*/ .wrap.page header .navigationPage, .wrap.master-page header .navigationPage { /*> nav > ul > li:last-child{ width: 19.9%; border-left: 1px solid @rouge; background: -webkit-linear-gradient(left top, @rouge , #f55d02); background: -o-linear-gradient(bottom right, @rouge, #f55d02); background: -moz-linear-gradient(bottom right, @rouge, #f55d02); background: -ms-linear-gradient(bottom right, @rouge, #f55d02); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=@rouge, endColorstr=#f55d02); background: linear-gradient(to bottom right, @rouge , #f55d02); }*/ /*nav > ul > li.hover{background: @rouge;}*/ /*nav > ul > li a{ position: relative; display: block; width: 100%; height: 100%; color: #fff; } nav > ul > li a:hover{text-decoration: none;}*/ } .wrap.page header .navigationPage > nav, .wrap.master-page header .navigationPage > nav { width: 100%; height: 112px; } .wrap.page header .navigationPage > nav > ul, .wrap.master-page header .navigationPage > nav > ul { display: inline; } .wrap.page header .navigationPage > nav > ul > li, .wrap.master-page header .navigationPage > nav > ul > li { position: relative; display: inline-block; vertical-align: top; height: 112px; margin-right: -3px; background: #d52902; width: 18.5%; border-left: 1px solid #01657c; z-index: 60; } .wrap.page header .navigationPage li#nav-4, .wrap.master-page header .navigationPage li#nav-4 { width: 19.6%; } .wrap.page header .navigationPage > nav > div, .wrap.master-page header .navigationPage > nav > div { display: inline-block; width: 25.3%; height: 112px; background: #053c48; margin-right: -3px; } .wrap.page header .navigationPage .open, .wrap.master-page header .navigationPage .open { text-indent: -9999px; width: 0; height: 0; display: block; } .wrap.page header .navigationPage .target, .wrap.master-page header .navigationPage .target { position: absolute; top: 0; left: 0; width: 100%; height: 112px; background: transparent; z-index: 5; cursor: pointer; } .wrap.page header .navigationPage > nav > ul > li > span, .wrap.master-page header .navigationPage > nav > ul > li > span { position: relative; display: block; top: 30px; max-width: 120px; width: 100%; height: 50px; text-align: center; margin: 0 auto; text-transform: uppercase; color: #fff; font-size: 1.42em; cursor: pointer; } .wrap.page header .navigationPage > nav > ul > li:nth-child(2) > span, .wrap.master-page header .navigationPage > nav > ul > li:nth-child(2) > span { max-width: 155px; } .wrap.page header .navigationPage > nav > ul > li:last-child > span, .wrap.master-page header .navigationPage > nav > ul > li:last-child > span { top: 45px; max-width: 90%; display: block; } .wrap.page header .navigationPage .sousMenu, .wrap.master-page header .navigationPage .sousMenu { position: absolute; top: 112px; left: 0; display: none; width: 1240px; min-height: 350px; background: -webkit-linear-gradient(bottom, #d3d8da, #fcfdfd); background: -o-linear-gradient(top, #d3d8da, #fcfdfd); background: -moz-linear-gradient(top, #d3d8da, #fcfdfd); background: -ms-linear-gradient(top, #d3d8da, #fcfdfd); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d3d8da, endColorstr=#fcfdfd); background: linear-gradient(to top, #d3d8da, #fcfdfd); } .wrap.page header .navigationPage .prepareNav.active > .hoverNavVert, .wrap.master-page header .navigationPage .prepareNav.active > .hoverNavVert { display: none !important; } .wrap.page header .navigationPage .prepareNav:first-child .sousMenu, .wrap.master-page header .navigationPage .prepareNav:first-child .sousMenu { margin-left: -314px; } .wrap.page header .navigationPage .prepareNav:nth-child(2) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(2) .sousMenu { margin-left: -542px; } .wrap.page header .navigationPage .prepareNav:nth-child(3) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(3) .sousMenu { margin-left: -769px; } .wrap.page header .navigationPage > nav > ul > li:last-child .sousMenu, .wrap.master-page header .navigationPage > nav > ul > li:last-child .sousMenu { margin-left: -993px; } .wrap.page header .navigationPage .prepareNav .sousMenu > div, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div { display: inline-block; vertical-align: top; margin-right: -3px; line-height: 20px; } .wrap.page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div { margin-top: 15px; margin-left: 50px; } .wrap.page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div > ul, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div > ul { max-width: 235px; } .wrap.page header .navigationPage .prepareNav .sousMenu ul li a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul li a, .wrap.page header .navigationPage > .sousMenu ul li a, .wrap.master-page header .navigationPage > .sousMenu ul li a { font-family: 'Roboto', sans-serif; font-size: 1em; color: #434343; } .wrap.page header .navigationPage .prepareNav .sousMenu ul li ul a:hover, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul li ul a:hover, .wrap.page header .navigationPage > .sousMenu ul li ul a:hover, .wrap.master-page header .navigationPage > .sousMenu ul li ul a:hover, .wrap.page header .navigationPage .prepareNav .sousMenu ul li ul li.active a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul li ul li.active a, .wrap.page header .navigationPage > .sousMenu ul li ul li.active a, .wrap.master-page header .navigationPage > .sousMenu ul li ul li.active a { color: #d52902; } .wrap.page header .navigationPage .prepareNav .sousMenu ul > li > span > a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul > li > span > a, .wrap.page header .navigationPage > .sousMenu ul > li > span > a, .wrap.master-page header .navigationPage > .sousMenu ul > li > span > a { color: #d52902; font-size: 1.125em; font-weight: bold; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; display: block; margin-top: 30px; } .wrap.page header .navigationPage .prepareNav .sousMenu ul > li > span > a:hover, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul > li > span > a:hover, .wrap.page header .navigationPage > .sousMenu ul > li > span > a:hover, .wrap.master-page header .navigationPage > .sousMenu ul > li > span > a:hover, .wrap.page header .navigationPage .prepareNav .sousMenu ul > li.active > span > a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul > li.active > span > a, .wrap.page header .navigationPage > .sousMenu ul > li.active > span > a, .wrap.master-page header .navigationPage > .sousMenu ul > li.active > span > a { color: #01657c; } .wrap.page header .navigationPage .region1Clic li, .wrap.master-page header .navigationPage .region1Clic li { position: relative; display: inline-block; width: 16.6%; vertical-align: top; text-align: center; margin-top: 40px; cursor: pointer; height: 100px; } .wrap.page header .navigationPage .region1Clic li:first-child span, .wrap.master-page header .navigationPage .region1Clic li:first-child span { font-size: 1.875em; color: #01657c; font-weight: 700; text-transform: uppercase; position: relative; top: 20px; } .wrap.page header .navigationPage .region1Clic > li > a > figure:nth-child(2), .wrap.master-page header .navigationPage .region1Clic > li > a > figure:nth-child(2) { display: none; } .wrap.page header .navigationPage .region1Clic > li > a > figure, .wrap.master-page header .navigationPage .region1Clic > li > a > figure { position: absolute; top: 10px; left: 50%; margin-left: -37px; } .wrap.page header .navigationPage .region1Clic li a, .wrap.master-page header .navigationPage .region1Clic li a { text-transform: uppercase; color: #01657c; display: block; width: 100%; padding-top: 10px; } .wrap.page header .navigationPage .region1Clic li a:first-child, .wrap.master-page header .navigationPage .region1Clic li a:first-child { height: 66px; overflow: hidden; } .wrap.page header .navigationPage .region1Clic li a:last-child, .wrap.master-page header .navigationPage .region1Clic li a:last-child { position: absolute; bottom: 0; left: 0; } .wrap.page header .navigationPage .region1Clic li:hover a, .wrap.master-page header .navigationPage .region1Clic li:hover a { color: #d52902; } .wrap.page header .navigationPage .close, .wrap.master-page header .navigationPage .close { font-size: 1.125em; color: #434343; cursor: pointer; position: absolute; top: 10px; right: 20px; margin: 0 !important; font-family: 'Roboto Condensed', sans-serif; } .wrap.page header .navigationPage .close:after, .wrap.master-page header .navigationPage .close:after { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/close.png'); margin-left: 7px; } /*---------------------- Contenu -----------------------*/ .filAriane { margin: 4px 0 12px 22px; } .filAriane ul li { display: inline-block; vertical-align: top; } .filAriane ul li a { color: #434343; font-size: 0.9em; font-family: 'Roboto', sans-serif; } .filAriane ul li:first-child ~ li:before { content: ' > '; margin: 0 3px; } .categorie { display: inline-block; margin-top: 4px; margin-bottom: 29px; } .categorie span { color: #d52902; text-transform: uppercase; /*font-size: 3.125em;*/ font-size: 2.7em; } .social-share { float: right; position: relative; display: none; } .social-share ul { position: relative; top: 20px; z-index: 2; } .social-share li { display: inline-block; } .social-share .share { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/social.png') no-repeat 0 0; display: block; width: 18px; height: 23px; text-indent: -9999px; margin-right: 26px; } .social-share .print { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/print.png') no-repeat 0 0; display: block; width: 25px; height: 21px; text-indent: -9999px; margin-right: 70px; } .socialbuttons { position: absolute; /*width: 645px; top: -20px;*/ width: 550px; top: 45px; right: 0; display: none; z-index: 1; } .settings_info_menu { display: block !important; } .socialbuttons .info { font-family: 'TwCenMTRegular' !important; font-size: 0.813em !important; z-index: 1001 !important; width: 255px !important; } .help_info.icon .info { width: 314px !important; } /*#container{margin-bottom: 50px;}*/ /*-------------- Bloc Gauche ---------------*/ #blockGauche, #blockCentre, #blockDroite, #blockPrincipal { display: inline-block; vertical-align: top; margin-right: -3px; } #blockGauche { width: 20.2%; margin-right: 2.2%; } #blockGauche nav { border-left: 1px solid #c2e9ef; font-size: 1.125em; } #blockGauche nav > ul > li { padding-left: 7px; } #blockGauche nav > ul > li > a { text-transform: uppercase; padding: 10px 0; display: block; border-bottom: 1px dotted #66c8d5; } #blockGauche nav > ul > li:last-child > a { border-bottom: none; } #blockGauche nav > ul > li.active:last-child > a { /*border-bottom: 1px dotted #66c8d5; padding-bottom: 10px;*/ border-bottom: none; padding-bottom: 0; } #blockGauche nav > ul > li:first-child > a { padding-top: 0; } #blockGauche nav > ul > li:last-child > a { padding-bottom: 0; } #blockGauche nav a:hover { color: #d52902; } #blockGauche nav > ul > li > ul { padding: 10px 0; line-height: 22px; border-bottom: 1px dotted #66c8d5; } #blockGauche nav > ul > li:last-child > ul { border-bottom: none; padding-bottom: 0; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #66c8d5; } #blockGauche nav > ul > li > ul > li > ul > li { margin-left: 4px; } #blockGauche nav > ul > li > ul > li > ul > li:first-child { margin-top: 10px; } #blockGauche nav > ul > li > ul > li > ul > li:last-child { margin-bottom: 10px; } #blockGauche nav > ul > li > ul > li > ul > li:before { content: '\2022'; position: relative; top: 2px; margin-right: 5px; display: inline-block; vertical-align: top; } #blockGauche nav > ul > li > ul > li > ul > li > a { display: inline-block; width: 94%; margin-bottom: 7px; } #blockGauche nav > ul > li > ul > li > ul > li:last-child > a { margin-bottom: 0; } #blockGauche nav .active > a { color: #d52902; } #blockGauche ul > .active > a { font-weight: bold; } #blockGauche nav > ul > li.active > ul { display: block; } #blockGauche nav > ul > li > ul { display: none; } #blockGauche nav > ul > li > ul > li.active > ul { display: block; } #blockGauche nav > ul > li > ul > li > ul { display: none; } #blockGauche .blockSpecGauche { width: 90%; background: #e5eff2; margin: 30px 0; padding: 5%; } #blockGauche .blockSpecGauche h2 { margin-bottom: 10px; } #blockGauche .blockSpecGauche img { width: 100%; } #blockGauche .blockSpecGauche span { color: #01657c; font-size: 1.25em; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 15px; } #blockGauche .blockSpecGauche .csc-uploads-fileName { color: #434343; font-size: 1em; font-weight: normal; text-transform: none; margin-bottom: 0; } #blockGauche .blockSpecGauche p { color: #434343; font-size: 1em; margin-bottom: 20px; } #blockGauche .blockSpecGauche .chiffre { text-align: center; color: #01657c; /*font-size: 3.75em;*/ font-size: 2em; display: block; margin: 30px auto; font-family: Arial; font-weight: bold; } /*-------------- Bloc Principal ---------------*/ #blockCentre { width: 53.6%; margin-right: 2.1%; } #blockCentre .img-wrap { width: 100%; text-align: center; } #blockCentre .relation ul li { display: inline-block; vertical-align: top; width: 31.1%; margin-right: 2.49%; } #blockCentre .relation ul li:nth-child(3n+3) { margin: 0; } #blockCentre .relation h2 { font-size: 1.5em; color: #01657c; /*margin-top: 30px; margin-bottom: 15px;*/ padding: 7px 0; width: 100%; border-top: 1px dotted #c2e9ef; border-bottom: 1px dotted #c2e9ef; margin-top: 10px; } #blockCentre article > div, #blockPrincipal article > div { margin-bottom: 30px; } #blockCentre h1, #blockPrincipal h1 { font-size: 1.82em; color: #01657c; text-transform: uppercase; font-weight: bold; margin-bottom: 23px; line-height: 28px; } #blockCentre h1 a, #blockPrincipal h1 a { color: #01657c; } #blockCentre #readspeaker_button1, #blockPrincipal #readspeaker_button1 { display: none; } #blockCentre h2, #blockPrincipal h2, #blockCentre h3, #blockPrincipal h3, #blockCentre h4, #blockPrincipal h4, #blockCentre h5, #blockPrincipal h5, #blockCentre h6, #blockPrincipal h6 { margin-bottom: 13px; } #blockCentre h2, #blockPrincipal h2 { font-size: 1.5em; color: #d52902; text-transform: uppercase; } #blockCentre h2 a, #blockPrincipal h2 a { color: #d52902; } #blockCentre h3, #blockPrincipal h3 { font-size: 1.5em; color: #01657c; } #blockCentre h3 a, #blockPrincipal h3 a { color: #01657c; } #blockCentre h4, #blockPrincipal h4 { font-size: 1.375em; color: #01657c; } #blockCentre h4 a, #blockPrincipal h4 a { color: #01657c; } #blockCentre h5, #blockPrincipal h5 { font-size: 1.250em; color: #01657c; } #blockCentre h5 a, #blockPrincipal h5 a { color: #01657c; } #blockCentre h6, #blockPrincipal h6 { font-size: 1.125em; color: #d52902; } #blockCentre h6 a, #blockPrincipal h6 a { color: #d52902; } #blockCentre .chapeau, #blockPrincipal .chapeau { color: #01657c; font-size: 1.2em; } #blockCentre .chapeau a, #blockPrincipal .chapeau a { color: #01657c; } #blockCentre p, #blockPrincipal p { margin: 10px 0; } #blockCentre p:last-child, #blockPrincipal p:last-child { margin-bottom: 0; } #blockCentre a, #blockPrincipal a { -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #blockCentre a:hover, #blockPrincipal a:hover { color: #d52902; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } #blockCentre ul, #blockPrincipal ul { margin-bottom: 20px; } #blockCentre ul li, #blockPrincipal ul li { font-family: 'Roboto', sans-serif; margin-bottom: 7px; } #blockCentre ul li:last-child, #blockPrincipal ul li:last-child { margin-bottom: 0px; } #blockCentre div > ul > li:before, #blockPrincipal div > ul > li:before, #blockCentre td > ul > li:before, #blockPrincipal td > ul > li:before, #blockCentre dd > ul > li:before, #blockPrincipal dd > ul > li:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link.png'); padding-right: 5px; float: left; } #blockCentre #tx-solr-search div > ul > li:before, #blockPrincipal #tx-solr-search div > ul > li:before, #blockCentre .tx-e-gmap ul > li:before, #blockPrincipal .tx-e-gmap ul > li:before { content: '' !important; } #blockCentre #tx-solr-search .results-topic a, #blockPrincipal #tx-solr-search .results-topic a { word-wrap: break-word; } #blockCentre .docs > li:before, #blockPrincipal .docs > li:before, #blockCentre .links > li:before, #blockPrincipal .links > li:before { content: ''; } #blockCentre div > ul > li > ul > li, #blockPrincipal div > ul > li > ul > li, #blockCentre dd > ul > li > ul > li, #blockPrincipal dd > ul > li > ul > li { list-style-type: disc; margin-left: 30px; } #blockCentre .tx-e-gmap > ul > li > ul > li, #blockPrincipal .tx-e-gmap > ul > li > ul > li { list-style-type: none; } #blockCentre div > ol, #blockPrincipal div > ol, #blockCentre dd > ol, #blockPrincipal dd > ol { margin-left: 20px; } #blockCentre div > ol > li, #blockPrincipal div > ol > li, #blockCentre dd > ol > li, #blockPrincipal dd > ol > li { list-style-type: decimal; font-family: 'Roboto', sans-serif; } #blockCentre div > ol > li > ol > li, #blockPrincipal div > ol > li > ol > li, #blockCentre dd > ol > li > ol > li, #blockPrincipal dd > ol > li > ol > li { list-style-type: disc; margin-left: 18px; } #blockCentre .bloc50, #blockPrincipal .bloc50, #blockCentre .col-xs-3, #blockPrincipal .col-xs-3 { width: 48.4%; display: inline-block; margin-right: 2.4%; vertical-align: top; } #blockCentre .bloc50:last-child, #blockPrincipal .bloc50:last-child, #blockCentre .col-xs-3:nth-child(2n+1), #blockPrincipal .col-xs-3:nth-child(2n+1) { margin-right: -3px; } #blockCentre .bloc50 > div, #blockPrincipal .bloc50 > div { margin-bottom: 20px; } #blockCentre .bloc50 > div:last-child, #blockPrincipal .bloc50 > div:last-child { margin-bottom: 0; } #blockCentre .bloc33, #blockPrincipal .bloc33 { width: 31.3%; display: inline-block; margin-right: 2.4%; vertical-align: top; } #blockCentre .bloc33:last-child, #blockPrincipal .bloc33:last-child { margin-right: -3px; } #blockCentre table, #blockPrincipal table { width: 100%; } #blockCentre table caption, #blockPrincipal table caption { text-align: left; color: #01657c; font-size: 1.375em; padding-bottom: 10px; font-family: 'Roboto Condensed', sans-serif; } #blockCentre .article, #blockPrincipal .article { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #66c8d5; } #blockCentre p > a, #blockPrincipal p > a { text-decoration: underline; } #blockCentre p > a.link-plus, #blockPrincipal p > a.link-plus, #blockCentre p.link-plus > a, #blockPrincipal p.link-plus > a { text-decoration: none; } #blockCentre a.tx-glossary, #blockPrincipal a.tx-glossary { text-decoration: none; } #blockCentre figure a, #blockPrincipal figure a { position: relative; max-width: 100%; height: auto; overflow: hidden; display: block; } #blockCentre a img, #blockPrincipal a img { max-width: 100%; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; margin-bottom: -4px; } #blockCentre figure a img:hover, #blockPrincipal figure a img:hover { transform: scale(1.04); -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #blockCentre .thumb, #blockPrincipal .thumb { display: inline-block; margin: 0 5px 10px; } #blockPrincipal { width: 76.6%; } #blockPrincipal ul li { display: inline-block; vertical-align: top; width: 32%; margin-right: 1.5%; margin-bottom: 45px; } #blockPrincipal li:nth-child(3n+3) { margin-right: 0; } a.link-plus, .link-plus a { padding: 3px 9px; color: #01657c; background: #e5eff2; min-height: 23px; line-height: 23px; display: inline-block; font-size: 1.125em; text-decoration: none; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } a.link-plus:before, .link-plus a:before { content: '+'; margin-right: 7px; text-decoration: none; } a.link-plus:hover, .link-plus a:hover { color: #fff !important; background: #01657c; text-decoration: none; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } a.link-plus.retour { margin-top: 20px; } a.link-plus.retour:before { content: ''; margin-right: 0; } .encart { background: #d52902; padding: 10px; color: #fff; margin: 10px 0; } .encart > li:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link_bl.png') !important; } .encart a { color: #fff; text-decoration: underline; } .encart a:hover { color: #01657c !important; } .encart p { margin-top: 0 !important; color: #fff; } .links li, .docs li { border-bottom: 1px dotted #66c8d5; padding: 7px 0; } .links li:last-child, .docs li:last-child { border: none; padding-bottom: 0; } .links li a:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link.png'); padding-right: 5px; float: left; } .docs li a:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/doc.png'); position: relative; top: 1px; padding-right: 5px; float: left; } .links li a:hover, .docs li a:hover { color: #d52902 !important; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .links li a:hover:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link_ro.png') !important; } .docs li a:hover:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/doc_ro.png') !important; } .docs.csc-uploads span.csc-uploads-fileName { text-decoration: none; } .docs.csc-uploads li { margin: 0; } .docs .csc-uploads-extension, .docs .csc-uploads-description, .docs .csc-uploads-fileSize { display: none !important; } figcaption, .csc-textpic-caption { color: #01657c; text-align: right !important; display: block; font-family: 'Roboto', sans-serif; font-size: 0.815em; margin-top: 5px; } .relation h3 { margin-top: 10px; } /*-------------- Formulaire ---------------*/ #blockCentre .powermail_fieldwrap, #blockPrincipal .powermail_fieldwrap { position: relative; } #blockCentre .tx-powermail ul, #blockPrincipal .tx-powermail ul { margin-left: 0; padding: 0; } #blockCentre .tx_evoweb_sfregister .error, #blockPrincipal .tx_evoweb_sfregister .error, #blockCentre .tx-powermail ul.parsley-errors-list li, #blockPrincipal .tx-powermail ul.parsley-errors-list li, #blockCentre .tx-femanager div.alert-error, #blockPrincipal .tx-femanager div.alert-error { position: absolute; top: -30px; right: 11%; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #d52902; color: #ffffff; } #blockCentre .tx-powermail div ul.parsley-errors-list li::before, #blockPrincipal .tx-powermail div ul.parsley-errors-list li::before { content: ''; } #blockCentre .tx_evoweb_sfregister .error:after, #blockPrincipal .tx_evoweb_sfregister .error:after, #blockCentre .tx-powermail ul.parsley-errors-list li::after, #blockPrincipal .tx-powermail ul.parsley-errors-list li::after, #blockCentre .tx-femanager div.alert-error::after, #blockPrincipal .tx-femanager div.alert-error::after { border-left: solid transparent 10px; border-right: solid transparent 10px; bottom: -9px; content: " "; height: 0; left: 12%; margin-left: -13px; position: absolute; width: 0; border-top: 10px solid #d52902; } #blockCentre .tx-powermail .powermail_fieldwrap.col-xs-3 ul.parsley-errors-list li, #blockPrincipal .tx-powermail .powermail_fieldwrap.col-xs-3 ul.parsley-errors-list li { top: -12px; right: 0; } #blockCentre .tx-powermail input.powermail_confirmation_form, #blockPrincipal .tx-powermail input.powermail_confirmation_form { margin-right: 20px; } #blockCentre form fieldset, #blockPrincipal form fieldset { border: none; padding: 0; margin: 0; } #blockCentre form > fieldset > div, #blockPrincipal form > fieldset > div { position: relative; margin-bottom: 15px; } #blockCentre form label, #blockPrincipal form label { display: inline-block; width: 28%; text-align: right; margin-right: 20px; } #blockCentre form .powermail_fieldwrap_file label, #blockPrincipal form .powermail_fieldwrap_file label { text-align: left; } #blockCentre form input[type="text"], #blockPrincipal form input[type="text"], #blockCentre form input[type="password"], #blockPrincipal form input[type="password"], #blockCentre form input[type="email"], #blockPrincipal form input[type="email"], #blockCentre form input[type="url"], #blockPrincipal form input[type="url"], #blockCentre form input[type="date"], #blockPrincipal form input[type="date"], #blockCentre form input[type="tel"], #blockPrincipal form input[type="tel"], #blockCentre form input[type="textbox"], #blockPrincipal form input[type="textbox"] { width: 36%; padding-left: 2px; border: 1px solid #747373; height: 22px; /*margin-bottom: 15px;*/ font-family: 'Roboto', sans-serif; font-size: 1em; } #blockCentre form input[type='textbox'], #blockPrincipal form input[type='textbox'] { margin-bottom: 20px; } #blockCentre form input[type="checkbox"], #blockPrincipal form input[type="checkbox"], #blockCentre form input[type="radio"], #blockPrincipal form input[type="radio"] { float: left; margin-right: 10px; } #blockCentre form .powermail_check_inner, #blockPrincipal form .powermail_check_inner, #blockCentre form .formulaire_checkbox, #blockPrincipal form .formulaire_checkbox, #blockCentre form .powermail_radio_inner, #blockPrincipal form .powermail_radio_inner { padding: 5px 0; } #blockCentre form .powermail_check_inner label, #blockPrincipal form .powermail_check_inner label, #blockCentre form .formulaire_checkbox label, #blockPrincipal form .formulaire_checkbox label, #blockCentre form .powermail_radio_inner label, #blockPrincipal form .powermail_radio_inner label { width: 90%; text-align: left; margin-top: 0; } #blockCentre form legend, #blockPrincipal form legend, #blockCentre form .powermail_check_legend, #blockPrincipal form .powermail_check_legend, #blockCentre form .powermail_radio_legend, #blockPrincipal form .powermail_radio_legend { font-size: 1.375em; color: #01657c; padding: 0; margin-bottom: 10px; } #blockCentre form select, #blockPrincipal form select { width: 36.6%; padding-left: 2px; border: 1px solid #747373; height: 22px; margin-bottom: 15px; } #blockCentre form textarea, #blockPrincipal form textarea { width: 35.6%; padding-left: 2px; height: 83px; border: 1px solid #747373; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-size: 1em; } #blockCentre form .powermail_captcha_outer, #blockPrincipal form .powermail_captcha_outer { margin-bottom: 10px; } #blockCentre form .powermail_captcha_outer input[type="text"], #blockPrincipal form .powermail_captcha_outer input[type="text"] { display: inline-block; vertical-align: middle; width: 45%; height: 35px; margin-left: 5%; } #blockCentre form .powermail_captcha_outer img, #blockPrincipal form .powermail_captcha_outer img { width: 40%; margin-left: 5%; height: auto; display: inline-block; vertical-align: middle; } #blockCentre form .powermail_fieldwrap_textarea label, #blockPrincipal form .powermail_fieldwrap_textarea label { vertical-align: top; } #blockCentre form input[type='submit'], #blockPrincipal form input[type='submit'], #blockCentre form input[type='reset'], #blockPrincipal form input[type='reset'] { float: right; display: inline-block; background: #01657c; height: 30px; text-align: center; line-height: 29px; color: #fff; text-transform: uppercase; border: 1px solid #01657c; cursor: pointer; font-family: 'Roboto', sans-serif; padding: 0 10px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } #blockCentre form input[type='reset'], #blockPrincipal form input[type='reset'] { float: left; } #blockCentre form input[type='submit']:hover, #blockPrincipal form input[type='submit']:hover, #blockCentre form input[type='reset']:hover, #blockPrincipal form input[type='reset']:hover { background: #d52902; color: #fff; border: 1px solid #d52902; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #blockCentre form .submit_subscription:last-child, #blockPrincipal form .submit_subscription:last-child { float: right !important; } #blockCentre .col-xs-3 input[type="text"], #blockPrincipal .col-xs-3 input[type="text"], #blockCentre .col-xs-3 input[type="password"], #blockPrincipal .col-xs-3 input[type="password"], #blockCentre .col-xs-3 textarea, #blockPrincipal .col-xs-3 textarea, #blockCentre .col-xs-3 select, #blockPrincipal .col-xs-3 select, #blockCentre .col-xs-3 input[type="email"], #blockPrincipal .col-xs-3 input[type="email"], #blockCentre .col-xs-3 input[type="url"], #blockPrincipal .col-xs-3 input[type="url"], #blockCentre .col-xs-3 input[type="date"], #blockPrincipal .col-xs-3 input[type="date"], #blockCentre .col-xs-3 input[type="tel"], #blockPrincipal .col-xs-3 input[type="tel"], #blockCentre .col-xs-3 input[type="textbox"], #blockPrincipal .col-xs-3 input[type="textbox"] { width: 90%; } #blockCentre .col-xs-3 label, #blockPrincipal .col-xs-3 label { width: 250px; text-align: left; } #blockCentre .col-xs-3 .powermail_radio_inner label, #blockPrincipal .col-xs-3 .powermail_radio_inner label, #blockCentre .col-xs-3 .powermail_check_inner label, #blockPrincipal .col-xs-3 .powermail_check_inner label { width: 78%; margin-top: 0; } #blockCentre .errorLogin, #blockPrincipal .errorLogin, #blockCentre .errorMessage, #blockPrincipal .errorMessage { color: #d52902 !important; } #blockCentre div.errorLogin, #blockPrincipal div.errorLogin { margin-bottom: 20px; } #blockDroite form input[type='submit'] { margin: 0; display: inline-block; background: #01657c; height: 30px; text-align: center; line-height: 29px; color: #fff; text-transform: uppercase; border: 1px solid #01657c; cursor: pointer; font-family: 'Roboto', sans-serif; padding: 0 10px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } #blockDroite form input[type='submit']:hover { background: #d52902; color: #fff; border: 1px solid #d52902; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } /*-------------- Infographie -------------*/ .infographie img { border: 1px solid #66c8d5 !important; box-sizing: border-box; } .infographie li:before { content: '' !important; } .infographie .controlSlider { position: relative; height: 40px; text-align: center; transition: top 150ms ease-in-out; } .infographie .controlSlider .slick-prev { left: 0; } .infographie .controlSlider .slick-next { right: 0; } .infographie .controlSlider .slick-dots { top: 50%; left: 50%; bottom: inherit; height: 10px; margin-top: -5px; width: auto; } .infographie .controlSlider .slick-dots li { width: 10px !important; height: 10px !important; margin: 0 10px !important; vertical-align: top !important; } .infographie .controlSlider .slick-dots li button:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots.png'); height: 10px; width: 10px; font-size: inherit; opacity: 1; } .infographie .controlSlider .slick-dots li button:hover:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots-active.png'); } .infographie .controlSlider .slick-dots li.slick-active button:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots-active.png'); } .infographie .controlSlider .slick-dots li button { height: 10px; width: 10px; } /* Form press */ /* Form press */ .tx-femanager #femanager_field_fine-uploader li { margin: .5em 0; } .tx-femanager #femanager_field_fine-uploader li::before { display: none; } .tx-femanager .alert-error button, .tx-femanager .alert-error h4 { display: none; } .tx-femanager li.alert-error { background-color: #ffdfd7; border-radius: 3px; border: 1px solid #d52902; } .upload-description ul { padding-left: 2em; } .tx-femanager .qq-uploader { text-align: center; } .tx-femanager .qq-upload-drop-area { margin-top: 2em; background: #fff; border: 2px dotted #999; border-radius: 5px; } .tx-femanager .qq-upload-drop-area-active { background-color: #DDD; } .tx-femanager .qq-upload-button { display: inline-block; background: #01657c; text-align: center; color: #fff; text-transform: uppercase; border: 1px solid #01657c; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: .85em; padding: 0 10px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .tx-femanager .qq-upload-button:hover { background: #d52902; color: #fff; border: 1px solid #d52902; } /* form SMS */ #inscription-sms div > span, #desinscription-sms div > span, #inscription-sms .fieldset_sms span, #desinscription-sms .fieldset_sms span, #inscription-sms .unsubscribe-checkbox span, #desinscription-sms .unsubscribe-checkbox span { display: none; position: absolute; top: -30px; right: 11%; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #d52902; color: #ffffff; } #inscription-sms div > span::after, #desinscription-sms div > span::after, #inscription-sms .fieldset_sms span::after, #desinscription-sms .fieldset_sms span::after, #inscription-sms .unsubscribe-checkbox span::after, #desinscription-sms .unsubscribe-checkbox span::after { border-left: solid transparent 10px; border-right: solid transparent 10px; bottom: -9px; content: " "; height: 0; left: 12%; margin-left: -13px; position: absolute; width: 0; border-top: 10px solid #d52902; } #inscription-sms div.input-error span, #desinscription-sms div.input-error span, #inscription-sms .fieldset_sms.input-error span, #desinscription-sms .fieldset_sms.input-error span, #inscription-sms .unsubscribe-checkbox.input-error span, #desinscription-sms .unsubscribe-checkbox.input-error span { display: block; } #inscription-sms input[type="text"].bad_input, #desinscription-sms input[type="text"].bad_input { border-color: #d52902; } #inscription-sms .fieldset_sms { position: relative; } #desinscription-sms .unsubscribe-checkbox { position: relative; } #desinscription-sms form .unsubscribe-checkbox label { width: auto; margin-bottom: 10px; } /*--------------- Web TV ------------------*/ .ewebtv_element { width: 100%; float: left; margin-bottom: 35px; } .ewebtv_image { width: 32%; float: left; margin-right: 3%; } .resultat_video { margin-bottom: 20px; } .videoExterne { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 10px; } .videoExterne iframe, .videoExterne object, .videoExterne embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { max-width: 100% !important; } object { max-width: 100%; } .tx-e-webtv:after { content: ''; display: block; clear: both; } #blockCentre div.pagination > ul > li:before { content: ''; padding-right: 0; float: none; } #blockCentre div.pagination > ul { text-align: center; } #blockCentre div.pagination > ul > li { display: inline-block; margin: 0 3px; } #blockCentre div.pagination > ul > li.prev { float: left; margin: 0; } #blockCentre div.pagination > ul > li.next { float: right; margin: 0; } #blockCentre div.pagination > ul > li.active { font-weight: 700; color: #d52902; } .news .previous { margin-right: 15px; } .news .next { margin-left: 15px; } .news .fs-media-gallery .thumb { display: block !important; margin: 0 0.7% 10px !important; float: left; max-width: 31.93%; width: 100%; } .fs-media-gallery .thumb .name, .fs-media-gallery .thumb .description { margin-top: 1em; } /*------------ Flux RSS --------------*/ .tx-rssaggregator .titre a, .tx-rssaggregator .title a { font-size: 1.5em !important; color: #d52902 !important; text-transform: uppercase; margin-bottom: 13px; display: block; font-family: 'Roboto Condensed', sans-serif; } .tx-rssaggregator .subtitle { margin-bottom: 13px; } .tx-rssaggregator li:before, .tx-rssaggregator li:after { content: '' !important; display: block; clear: both; } .tx-rssaggregator .flux, .tx-rssaggregator li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #66c8d5; } .tx-rssaggregator .title, .tx-rssaggregator .subtitle, .tx-rssaggregator .description, .tx-rssaggregator .content { float: right; width: 66%; } .tx-rssaggregator .flux .description { float: none; } .tx-rssaggregator .image { float: left; width: 30%; margin-right: 3%; } .tx-rssaggregator img { max-width: 100%; height: auto; } #blockDroite .tx-rssaggregator .titre a, #blockDroite .tx-rssaggregator .title a { font-size: 1.3em !important; } #blockDroite .tx-rssaggregator .title, #blockDroite .tx-rssaggregator .subtitle, #blockDroite .tx-rssaggregator .description, #blockDroite .tx-rssaggregator .content { float: none; width: 100%; } #blockDroite .tx-rssaggregator .title .image, #blockDroite .tx-rssaggregator .subtitle .image, #blockDroite .tx-rssaggregator .description .image, #blockDroite .tx-rssaggregator .content .image { float: none; width: 100%; margin-bottom: 13px; } /*------------- ZOPIM TCHAT ----------------*/ /*.zopim{position: relative !important;}*/ /*.zopim { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/ /*-------------- Carto --------------------*/ .tx-e-gmap > .cats > li > .cat { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #66c8d5; margin-top: 10px; } .tx-e-gmap > .cats > li > .cat > .check_map label { color: #01657c; font-size: 1.5em; } #blockPrincipal .tx-e-gmap ul li { display: block; width: 100%; margin-right: 0; margin-bottom: 0; } div[class*="ibani"] > div:first-child { padding-left: 0 !important; } div[class*="ibani"] > div:nth-child(3) { border-radius: 5px !important; } div[class*="ibani"] > div:first-child > div { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .gm-style > div:first-child > div:nth-child(3) > div:nth-child(2) > div { -webkit-box-shadow: rgba(33, 33, 33, 0.298039) 5px 20px 10px !important; -moz-box-shadow: rgba(33, 33, 33, 0.298039) 5px 20px 10px !important; -ms-box-shadow: rgba(33, 33, 33, 0.298039) 5px 20px 10px !important; -o-box-shadow: rgba(33, 33, 33, 0.298039) 5px 20px 10px !important; box-shadow: rgba(33, 33, 33, 0.298039) 5px 20px 10px !important; } .maps-67-33 .tx-e-gmap #eGmapMap { width: 67% !important; height: 0 !important; padding-bottom: 75%; float: left; } .maps-67-33 .tx-e-gmap > ul.cats { float: left; width: 31%; margin-left: 2%; } .maps-67-33 .tx-e-gmap > ul.cats ul.cats { max-height: 0; overflow: hidden; -webkit-transition: all, 350ms, ease-in-out, 0s; -moz-transition: all, 350ms, ease-in-out, 0s; -ms-transition: all, 350ms, ease-in-out, 0s; -o-transition: all, 350ms, ease-in-out, 0s; transition: all, 350ms, ease-in-out, 0s; } .maps-67-33 .tx-e-gmap > ul.cats ul.cats.open { max-height: 700px; } .maps-67-33 .tx-e-gmap .plan_site_general_fold { float: left; top: 0 !important; } /*-------------- Glossaire ---------------*/ .navbar.glossaire a { margin: 0 4px; } .result.glossaire dt strong { font-size: 1.5em; } .result.glossaire .bodytext { margin-right: 40px !important; } .result.glossaire dd { margin-bottom: 50px; } .aktiv { color: #d52902; font-weight: bold; } .tx-a21glossaryadvancedoutput-pi1-browsebox p { text-align: center; } .tx-a21glossaryadvancedoutput-pi1-browsebox p a { margin: 0 10px; } .tx-a21glossaryadvancedoutput-pi1-browsebox p a:first-child { float: left; } .tx-a21glossaryadvancedoutput-pi1-browsebox p a:first-child { float: left; } .tx-a21glossaryadvancedoutput-pi1-browsebox p a:last-child { float: right; } .tx-a21glossaryadvancedoutput-pi1-browsebox strong a { color: #d52902; } .tx-a21glossaryadvancedoutput-pi1-browsebox p span a { float: none !important; } /*-------------- Galerie ---------------*/ .album .description p { margin-bottom: 10px !important; margin-top: 15px !important; } .thumbs figure { display: inline-block; vertical-align: middle; } .fs-media-gallery ul li { width: 44%; display: inline-block; } .fs-media-gallery figure { max-width: 221px; } .paging_bootstrap.pagination ul li { width: inherit; display: inline !important; } .paging_bootstrap.pagination ul li.active a { color: #d52902; } .master-page .paging_bootstrap.pagination { text-align: center; } .master-page .paging_bootstrap.pagination ul li:before { content: '' !important; } .master-page .paging_bootstrap.pagination .prev { float: left; } .master-page .paging_bootstrap.pagination .next { float: right; } /*------------- Plan du site ---------------*/ .csc-sitemap > ul > li { margin-bottom: 25px; } .csc-sitemap > ul > li > a { font-weight: bold; } .csc-sitemap > ul > li > ul > li { margin-top: 5px; margin-bottom: 10px; } .csc-sitemap > ul > li > ul > li > ul > li { list-style-type: circle; margin: 5px 0 5px 20px; } .unfold_fold_all { margin: 0 0 20px 0; } #blockCentre .plan_site_general > ul > li:before, #blockPrincipal .plan_site_general > ul > li:before { content: ''; } #blockCentre .plan_site_general > ul > li > ul, #blockPrincipal .plan_site_general > ul > li > ul { margin-left: 20px; max-height: 0px; overflow: hidden; -ms-transition: max-height 500ms ease-in-out; -webkit-transition: max-height 500ms ease-in-out; -moz-transition: max-height 500ms ease-in-out; transition: max-height 500ms ease-in-out; } #blockCentre .plan_site_general > ul > li > ul.open, #blockPrincipal .plan_site_general > ul > li > ul.open { max-height: 9999px; -ms-transition: max-height 700ms ease-in-out; -webkit-transition: max-height 700ms ease-in-out; -moz-transition: max-height 700ms ease-in-out; transition: max-height 700ms ease-in-out; } .plan_site_general_fold { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/picto_fold_sommaire.png') no-repeat scroll left center rgba(0, 0, 0, 0); cursor: pointer; display: inline-block; height: 26px; width: 26px; position: relative; top: 7px; margin-right: 5px; opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .plan_site_general_fold:hover, .plan_site_general_liclosed .plan_site_general_fold { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/picto_unfold_sommaire.png') no-repeat scroll left center rgba(0, 0, 0, 0); opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } /*-------------- Sondage -----------------*/ .tx_jkpoll_pi1_link_list { padding-top: 0px !important; } .jk_poll_link_to_result:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link.png'); padding-right: 5px; float: left; } p.tx_jkpoll_pi1_answer_google { font-weight: 700; } /*------------- Questionnaire --------------*/ .tx-irfaq-dynheader { font-size: 1.4em; margin-bottom: 10px; } .tx-irfaq-pi1 .additional-info { border-top: 0px !important; margin-bottom: 30px !important; } .irfaq-related-faq-block { font-size: 1.35em !important; } .irfaq-related-faq-block > ul { font-size: 0.74em !important; } .tx-irfaq-toggle-plus { background: url(/typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/picto_fold_sommaire.png) left 2px no-repeat !important; padding-left: 30px !important; } .tx-irfaq-toggle-minus { background: url(/typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/picto_unfold_sommaire.png) left 2px no-repeat !important; padding-left: 30px !important; } /*-------------- Bloc Droite ---------------*/ #blockDroite { width: 20.2%; } #blockDroite { /*> div{ border-left: 1px solid #c2e9ef; margin-bottom: 40px; padding-left: 10px; }*/ } #blockDroite .blockSpecDroite { border-left: 1px solid #c2e9ef; margin-bottom: 40px; padding-left: 10px; } #blockDroite h2 { color: #01657c; text-transform: uppercase; font-size: 1.125em; font-weight: bold; margin-bottom: 10px; } #blockDroite li:first-child ~ li .dateArchive { margin-top: 20px; } #blockDroite li a { color: #434343; font-size: 1.125em; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #blockDroite .docs li a:before { top: 3px; } #blockDroite img { margin: 0 auto; display: block; } #blockDroite p { font-size: 1.125em; color: #434343; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px; } #blockDroite p:last-child { margin-bottom: 0; } #blockDroite li .link-plus a { text-transform: uppercase; color: #01657c; } #blockDroite li .link-plus:before a { display: none; } #blockDroite li .link-plus:hover a { color: #fff; } #blockDroite .noCadre { margin-bottom: 20px; } .carousel-footer { margin-top: 35px; } .top-carousel { position: relative; background: #00677f; height: 56px; margin-bottom: -56px; } .top-carousel span { position: relative; display: block; color: #fff; font-size: 1.3em; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/les-sites-de-la-region.png') no-repeat 0 0; width: 213px; height: 106px; text-align: center; text-transform: uppercase; margin: 0 auto; padding-top: 5px; opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; cursor: pointer; z-index: 3; } .top-carousel span:hover { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/les-sites-de-la-region-hover.png') no-repeat 0 0; opacity: 1; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .slider { background: #e5eff2; height: 0px; overflow: hidden; /*display: none;*/ /*visibility: hidden;*/ } .slider-resp { position: relative; top: 60px; max-width: 1075px; margin: 0 auto; } .slider-resp .slick-slide { text-align: center; } .slider-resp a { display: inline-block; } .slider-resp img { margin: 0 auto; } /*-------------- Footer -----------------*/ footer { position: relative; } .csc-linkToTop, .linkToTop { display: none; width: 65px; height: 49px; margin: 0 auto; margin-top: 5px; margin-bottom: 35px; cursor: pointer; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/haut-page.png') no-repeat 0 0; opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .csc-linkToTop:hover, .linkToTop:hover { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/haut-page-hover.png') no-repeat 0 0; opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .csc-linkToTop { display: block; } /*.sitemap-footer { position: relative; background: #00677f; height: 56px; text-align: center; line-height: 56px; z-index: 2; } .sitemap-footer > div{ display: inline-block; width: 38.5%; height: 56px; } #separate1{ text-align: right; margin-right: 100px; } #separate2{ text-align: left; margin-left: 100px; }.sitemap-footer > div.close{ width: 41%; .transition-in; } #separate1.close{margin-right: 85px;} #separate2.close{margin-left: 85px;} .sitemap-footer li{display: inline-block;} #separate1 li:first-child ~ li{margin-left: 24px;} #separate1 li:last-child{margin-right: 12px;} #separate2 li:first-child ~ li{margin-left: 24px;} #separate2 li:first-child{margin-left: 12px;} .sitemap-footer li a{ color: #fff; font-size: 1em; }*/ .sitemap-footer { position: relative; background: #00677f; height: 56px; text-align: center; line-height: 56px; z-index: 2; white-space: nowrap; } .sitemap-footer > div { display: inline-block; width: 49.5%; height: 56px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .sitemap-footer > div.close { width: 41%; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } #separate1 { text-align: right; } #separate2 { text-align: left; } #separate1.close { margin-right: 85px; } #separate2.close { margin-left: 85px; } /*.sitemap-footer > div{ display: inline-block; width: 38.5%; height: 56px; } #separate1{ text-align: right; margin-right: 100px; } #separate2{ text-align: left; margin-left: 100px; }*/ .sitemap-footer li { display: inline-block; } #separate1 li:first-child ~ li { margin-left: 24px; } #separate1 li:last-child { margin-right: 12px; } #separate2 li:first-child ~ li { margin-left: 24px; } #separate2 li:first-child { margin-left: 12px; } .sitemap-footer li a { color: #fff; font-size: 1em; } .contact { background: #054452; height: 194px; text-align: center; } .contact img { display: inline-block; margin: 0 20px 0 !important; } .contact p { color: #fff; display: inline-block; vertical-align: top; margin: 0; text-align: left; margin-top: 70px; font-family: 'Roboto Condensed', sans-serif; font-size: 1.2em; } .contact p a { color: #fff; } .contact p a:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/picto-acces.png'); position: relative; top: 2px; margin-right: 8px; } .contact p a:last-child { float: right; } .mobile { display: none; } .noMobile { display: inline-block; } p:last-child { margin-bottom: 0 !important; } @media screen and (min-width: 1024px) and (max-width: 1300px) { .wrap { max-width: 984px; } .marge { margin: 0 10px; } #logo .return { min-height: 60px; } .wrap.page header .navigationPage > nav > ul > li > span, .wrap.master-page header .navigationPage > nav > ul > li > span { font-size: 1.2em; top: 35px; height: 70px; max-width: 110px; } .wrap.page header .navigationPage > nav > ul > li:nth-child(2) > span, .wrap.master-page header .navigationPage > nav > ul > li:nth-child(2) > span { max-width: 140px; } .wrap.page header .navigationPage .sousMenu, .wrap.master-page header .navigationPage .sousMenu { width: 964px !important; height: 272px !important; min-height: 290px; } .wrap.page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div { max-width: 200px; margin-left: 40px; } .wrap.page header .navigationPage .prepareNav:first-child .sousMenu, .wrap.master-page header .navigationPage .prepareNav:first-child .sousMenu { margin-left: -245px; } .wrap.page header .navigationPage .prepareNav:nth-child(2) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(2) .sousMenu { margin-left: -420px; } .wrap.page header .navigationPage .prepareNav:nth-child(3) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(3) .sousMenu { margin-left: -596px; } .wrap.page header .navigationPage > nav > ul > li:last-child .sousMenu, .wrap.master-page header .navigationPage > nav > ul > li:last-child .sousMenu { margin-left: -771px; } .wrap.page header .navigationPage .prepareNav .sousMenu figure img, .wrap.master-page header .navigationPage .prepareNav .sousMenu figure img { width: 244px; } .wrap.page header .navigationPage .region1Clic li:nth-child(-n+6), .wrap.master-page header .navigationPage .region1Clic li:nth-child(-n+6) { margin-top: 30px; } .wrap.page header .navigationPage .region1Clic li, .wrap.master-page header .navigationPage .region1Clic li { margin-top: 20px; } .wrap.page header .navigationPage .region1Clic figure img, .wrap.master-page header .navigationPage .region1Clic figure img { width: 65px; } .wrap.page header .navigationPage .region1Clic > li > a > figure, .wrap.master-page header .navigationPage .region1Clic > li > a > figure { left: 50%; margin-left: -33px; } .wrap.page header .navigationPage .prepareNav .sousMenu ul > li > span > a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul > li > span > a { font-size: 0.9em; } .wrap.page header .navigationPage .prepareNav .sousMenu ul li a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul li a { font-size: 0.8em; } form label { width: 160px; } } @media screen and (min-width: 710px) and (max-width: 1023px) { .wrap { max-width: 768px; } .marge { margin: 0 10px; } .cnil > div { width: 70%; } .cnil p br { display: none; } #blockTop { height: 55px; } #logo .return { min-height: 50px; } .statut, .language { margin-top: 12px; } .statut { margin-left: 0; width: 125px; } .statut ul { width: 175px; background: #fff; } .social-link { margin-top: 15px; } #blockHeaderRight { top: 12px; } #search .mobile { display: block; } #search .noMobile { display: none; } .wrap.page header .navigationPage > nav > div, .wrap.master-page header .navigationPage > nav > div, .wrap.page header .navigationPage > nav > ul > li, .wrap.master-page header .navigationPage > nav > ul > li { height: 70px; } .wrap.page header .navigationPage > nav > ul > li > span, .wrap.master-page header .navigationPage > nav > ul > li > span { font-size: 1.1em; top: 16px; height: 45px; max-width: 100px; } .wrap.page header .navigationPage > nav > ul > li:nth-child(2) > span, .wrap.master-page header .navigationPage > nav > ul > li:nth-child(2) > span { max-width: 130px; } .wrap.page header .navigationPage > nav > ul > li:last-child > span, .wrap.master-page header .navigationPage > nav > ul > li:last-child > span { top: 26px; font-size: 1em; } .wrap.page header .navigationPage .target, .wrap.master-page header .navigationPage .target { height: 100%; } .wrap.page header .navigationPage .sousMenu, .wrap.master-page header .navigationPage .sousMenu { top: 125px; width: 100%; min-height: inherit; } .wrap.page header .navigationPage > .sousMenu > div, .wrap.master-page header .navigationPage > .sousMenu > div { display: inline-block; vertical-align: top; margin: 15px 15px 30px 30px; max-width: 26%; line-height: 20px; } .wrap.page header .navigationPage > .sousMenu > div:first-child, .wrap.master-page header .navigationPage > .sousMenu > div:first-child { display: none; } .wrap.page header .navigationPage .region1Clic, .wrap.master-page header .navigationPage .region1Clic { padding-bottom: 35px; } .wrap.page header .navigationPage .region1Clic li, .wrap.master-page header .navigationPage .region1Clic li { width: 33%; } .wrap.page header .navigationPage .region1Clic li a, .wrap.master-page header .navigationPage .region1Clic li a { width: 90%; font-size: 0.9em; } .wrap.page header .navigationPage .region1Clic li a:last-child, .wrap.master-page header .navigationPage .region1Clic li a:last-child { left: 50%; margin-left: -45%; } #blockGauche { width: 30.3%; } #blockCentre, #blockPrincipal { width: 67.3%; margin-right: 0; } #blockDroite { display: block; max-width: 500px; width: 67%; margin-left: 33%; } #blockDroite .blockSpecDroite { width: 44%; padding-left: 2%; /*margin-left: 9px;*/ } .slider-resp { max-width: 83.9%; } .sitemap-footer > div.open { width: 30%; } .sitemap-footer > div.close { width: 30%; } #separate1 li:nth-child(1), #separate1 li:nth-child(2), #separate1 li:nth-child(3) { display: none; } #separate2 li:nth-child(1), #separate2 li:nth-child(2) { display: none; } #separate1 li:nth-child(4) { margin-right: 24px; } } @media screen and (max-width: 709px) { .mobile, #logo a.mobile { display: block; } .noMobile { display: none; } .cnil > div { width: 70%; } .cnil p br { display: none; } .wrap { max-width: 100%; } .marge { margin: 0 10px; } header { padding-top: 12px; z-index: 400; text-align: center; } .statut { margin-left: 0; z-index: 2; width: 125px; text-align: left; margin-top: 0; } .statut span { margin-left: 0; } .statut ul { width: 175px; background: #fff; } #logo { position: absolute; display: block; left: 0; top: 46px; width: 100%; height: 150px; z-index: 1; } #logo > div { width: 300px; margin: 0 auto; } #logo .logo { left: 50%; margin-left: -150px; max-width: 300px; } #logo .return { width: 140px; margin-left: -70px; } .off { display: block; } .on { display: none; } .off, .on { position: absolute; width: 23px; height: 19px; bottom: 25px; left: 50%; margin-left: -11px; } .showMenu { width: 36px; height: 36px; position: absolute; bottom: 18px; left: 50%; margin-left: -18px; } .language { margin-left: -20px; margin-top: 0; position: relative; z-index: 3; } .social-link { position: relative; z-index: 3; margin-top: 5px; } .social-link li { margin-left: 12px; } #blockHeaderRight { position: relative; display: inline-block; top: 5px; right: 0; margin-left: 10px; vertical-align: top; } #contactHeader { display: none; } .wrap.page header .navigationPage, .wrap.master-page header .navigationPage { z-index: 300; /*.prepareNav:first-child .sousMenu{margin-left: 0}*/ /*.sousMenu > ul > li:last-child{margin-bottom: 0;} .sousMenu > ul > li > ul, .navigation .menuTitle{display: none;}*/ } .wrap.page header .navigationPage > nav, .wrap.master-page header .navigationPage > nav { position: absolute; width: 100%; /*top: 165px;*/ top: 160px; left: auto; display: none; } .wrap.page header .navigationPage > nav > ul, .wrap.master-page header .navigationPage > nav > ul { display: block; border-bottom: 7px solid #fff; } .wrap.page header .navigationPage > nav > div.firstMenu, .wrap.master-page header .navigationPage > nav > div.firstMenu { width: 100%; height: auto; min-height: 56px; background: -webkit-linear-gradient(left, #053c48, #02758f); background: -o-linear-gradient(right, #053c48, #02758f); background: -moz-linear-gradient(right, #053c48, #02758f); background: -ms-linear-gradient(right, #053c48, #02758f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#053c48, endColorstr=#02758f); background: linear-gradient(to right, #053c48, #02758f); margin-bottom: -4px; border-bottom: 1px solid #025b6f; } .wrap.page header .navigationPage > nav > ul > li, .wrap.master-page header .navigationPage > nav > ul > li { width: 100%; height: auto; min-height: 56px; margin-left: 0; border: none; -ms-box-sizing: none; -webkit-box-sizing: none; -moz-box-sizing: none; box-sizing: none; -ms-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; } .wrap.page header .navigationPage > nav > ul > li:first-child ~ li, .wrap.master-page header .navigationPage > nav > ul > li:first-child ~ li { border-top: 1px solid #025b6f; } .wrap.page header .navigationPage > nav > ul > li:last-child, .wrap.master-page header .navigationPage > nav > ul > li:last-child, .wrap.page header .navigationPage li#nav-4, .wrap.master-page header .navigationPage li#nav-4 { width: 100%; border: none; } .wrap.page header .navigationPage > nav > ul > li > span, .wrap.master-page header .navigationPage > nav > ul > li > span { width: 100%; height: 56px; -ms-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; top: 0; left: 0; line-height: 56px; max-width: inherit; } .wrap.page header .navigationPage > nav > ul > li:last-child > span, .wrap.master-page header .navigationPage > nav > ul > li:last-child > span { top: 0; } .wrap.page header .navigationPage > nav > ul > li:nth-child(2) > span, .wrap.master-page header .navigationPage > nav > ul > li:nth-child(2) > span { max-width: 100%; } .wrap.page header .navigationPage li#nav-2, .wrap.master-page header .navigationPage li#nav-2 { margin-left: 0px; } .wrap.page header .navigationPage li#nav-3, .wrap.master-page header .navigationPage li#nav-3 { margin-left: 0px; } .wrap.page header .navigationPage > nav > ul > li .target, .wrap.master-page header .navigationPage > nav > ul > li .target { height: 56px; } .wrap.page header .navigationPage .fondMenu, .wrap.master-page header .navigationPage .fondMenu { display: none !important; } .wrap.page header .navigationPage .sousMenu, .wrap.master-page header .navigationPage .sousMenu { margin: 0; position: relative; width: 100%; height: auto; padding-left: 0; padding-bottom: 30px; min-height: inherit; top: 0; z-index: 2; background: -webkit-linear-gradient(bottom, #d3d8da, #fcfdfd); background: -o-linear-gradient(top, #d3d8da, #fcfdfd); background: -moz-linear-gradient(top, #d3d8da, #fcfdfd); background: -ms-linear-gradient(top, #d3d8da, #fcfdfd); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d3d8da, endColorstr=#fcfdfd); background: linear-gradient(to top, #d3d8da, #fcfdfd); } .wrap.page header .navigationPage .prepareNav .sousMenu figure, .wrap.master-page header .navigationPage .prepareNav .sousMenu figure, .wrap.page header .navigationPage .prepareNav .sousMenu img, .wrap.master-page header .navigationPage .prepareNav .sousMenu img { display: none; } .wrap.page header .navigationPage .sousMenu ul, .wrap.master-page header .navigationPage .sousMenu ul { height: auto !important; padding-bottom: 0px; } .wrap.page header .navigationPage .sousMenu > div > ul > li, .wrap.master-page header .navigationPage .sousMenu > div > ul > li { position: relative !important; width: 90% !important; margin: 0 auto; top: inherit !important; left: inherit !important; transition: none !important; -webkit-transition: none !important; transform: none !important; text-align: left; } .wrap.page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div { margin-top: 0 !important; margin-left: 0 !important; } .wrap.page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div > ul, .wrap.master-page header .navigationPage .prepareNav .sousMenu > div:first-child ~ div > ul { max-width: inherit !important; } .wrap.page header .navigationPage .prepareNav .sousMenu ul > li > span > a, .wrap.master-page header .navigationPage .prepareNav .sousMenu ul > li > span > a { margin-top: 25px !important; } .wrap.page header .navigationPage .prepareNav:first-child .sousMenu, .wrap.master-page header .navigationPage .prepareNav:first-child .sousMenu { margin-left: 0; } .wrap.page header .navigationPage .prepareNav:nth-child(2) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(2) .sousMenu { margin-left: 0; } .wrap.page header .navigationPage .prepareNav:nth-child(3) .sousMenu, .wrap.master-page header .navigationPage .prepareNav:nth-child(3) .sousMenu { margin-left: 0; } .wrap.page header .navigationPage > nav > ul > li:last-child .sousMenu, .wrap.master-page header .navigationPage > nav > ul > li:last-child .sousMenu { margin-left: 0; } .wrap.page header .navigationPage .sousMenu div, .wrap.master-page header .navigationPage .sousMenu div { display: block; width: 100%; } .wrap.page header .navigationPage .sousMenu > div > ul > li > ul, .wrap.master-page header .navigationPage .sousMenu > div > ul > li > ul, .wrap.page header .navigationPage .sousMenu div.close, .wrap.master-page header .navigationPage .sousMenu div.close { display: none; } .wrap.page header .navigationPage .region1Clic li, .wrap.master-page header .navigationPage .region1Clic li { width: 50%; } .wrap.page header .navigationPage .region1Clic li a, .wrap.master-page header .navigationPage .region1Clic li a { width: 90%; font-size: 0.9em; } .wrap.page header .navigationPage .region1Clic li a:last-child, .wrap.master-page header .navigationPage .region1Clic li a:last-child { left: 50%; margin-left: -45%; } .filAriane { display: none; } .social-share { display: none !important; } #container { margin-top: 50px; } #blockGauche, #blockCentre, #blockPrincipal, #blockDroite { display: block; width: 100%; } .blockSpecGauche { display: none; } #tx-solr-search { float: none !important; } #blockCentre form label, #blockPrincipal form label { width: 40%; } #blockCentre form input[type="text"], #blockPrincipal form input[type="text"], #blockCentre form input[type="password"], #blockPrincipal form input[type="password"], #blockCentre form input[type="email"], #blockPrincipal form input[type="email"], #blockCentre form input[type="url"], #blockPrincipal form input[type="url"], #blockCentre form input[type="date"], #blockPrincipal form input[type="date"], #blockCentre form input[type="tel"], #blockPrincipal form input[type="tel"], #blockCentre form input[type="textbox"], #blockPrincipal form input[type="textbox"] { width: 50%; } #blockCentre form input[type='submit'], #blockPrincipal form input[type='submit'], #blockCentre form input[type='reset'], #blockPrincipal form input[type='reset'] { float: none; margin: 20px 0 0 -15px; position: relative; left: 50%; } #blockCentre form .submit_subscription, #blockPrincipal form .submit_subscription { margin: 20px 0 0 0 !important; left: 0 !important; } #blockCentre .tx-solr-search-form label, #blockPrincipal .tx-solr-search-form label { width: 25% !important; } #blockCentre .tx-solr-search-form input[type="text"], #blockPrincipal .tx-solr-search-form input[type="text"] { width: 35% !important; } #blockCentre .tx-solr-search-form input[type="submit"], #blockPrincipal .tx-solr-search-form input[type="submit"] { left: 5% !important; } #blockCentre .tx-powermail form input[type='submit'], #blockPrincipal .tx-powermail form input[type='submit'] { float: right; left: 0; } #blockCentre .powermail_confirmation, #blockPrincipal .powermail_confirmation { margin-bottom: 100px; } #blockCentre .irfaq-search-form input[type='text'], #blockPrincipal .irfaq-search-form input[type='text'] { width: 100% !important; } #blockCentre .irfaq-search-form input[type='submit'], #blockPrincipal .irfaq-search-form input[type='submit'] { left: 50% !important; margin-left: -50px; width: 100px; display: block; } #blockPrincipal ul li { display: block; width: 100%; } #blockCentre .bloc50, #blockPrincipal .bloc50 { width: 100%; display: block; } #blockCentre .bloc33, #blockPrincipal .bloc33 { width: 100%; display: block; margin-bottom: 10px; } .fs-media-gallery ul li { width: 100%; display: block; } div.csc-textpic div.csc-textpic-imagecolumn { float: none !important; } #separate1 li:nth-child(1), #separate1 li:nth-child(2), #separate1 li:nth-child(3), #separate1 li:nth-child(4) { display: none; } #separate2 li:nth-child(1), #separate2 li:nth-child(2), #separate2 li:nth-child(3) { display: none; } .sitemap-footer > div.open { width: 28%; } .sitemap-footer > div.close { width: 30%; } #separate1.close { margin-right: 70px; } #separate2.close { margin-left: 70px; } #separate1 li:nth-child(3) { margin-right: 24px; } .contact p { font-size: 1em; } .contact p:first-child { width: 24%; } .contact p:first-child img { width: 100%; height: auto; margin: 0 !important; max-width: 90px; } } /* Sondage */ .tx_jkpoll_pi1_image img { display: block; margin: 0 auto; max-width: 100%; } ul.tx_jkpoll_pi1_answers { list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 20px; } .tx_jkpoll_pi1_link_list { padding-top: 30px; } .tx_jkpoll_pi1_answer_horizontal { padding-bottom: 10px; } ul.tx_jkpoll_pi1_answers img { display: block; } .tx_jkpoll_pi1_answer_vertical { float: left; padding-right: 10px; } .tx-jkpoll-pi1 .error_poll_link { padding-top: 20px; } .tx-jkpoll-pi1 .bodytext { clear: both; margin-top: 1em; } .tx-jkpoll-pi1 .tx_jkpoll_pi1_result_google img { width: auto; max-width: 100%; display: block; margin: 0 auto; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/ajax-loader.gif') center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/fonts/slick.eot'); src: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/fonts/slick.eot?#iefix') format("embedded-opentype"), url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/fonts/slick.woff') format("woff"), url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/fonts/slick.ttf') format("truetype"), url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; /*height: 20px; width: 20px;*/ height: 28px; width: 27px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -14px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; /*background: transparent; color: transparent;*/ } .slick-prev:hover, .slick-prev:focus{background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/prev-active.png') no-repeat left top;} .slick-next:hover, .slick-next:focus{background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/next-active.png') no-repeat right top;} /*.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: #d52902;}*/ .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #094f5f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ .slick-prev { left: -25px; } /*.slick-prev:before { content: "\2190"; }*/ .slick-next { right: -30px; } /*.slick-next:before { content: "\2192"; }*/ .slick-prev{ background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/prev.png') no-repeat left top; -ms-transition: all 350ms ease 0s; -moz-transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; transition: all 350ms ease 0s; } .slick-next{ background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/next.png') no-repeat right top; -ms-transition: all 350ms ease 0s; -moz-transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; transition: all 350ms ease 0s; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } [dir="rtl"] .slick-next {right: auto;left: -25px;} [dir="rtl"] .slick-next:before {content: "\2190";} [dir="rtl"] .slick-prev {right: -25px;left: auto;} [dir="rtl"] .slick-prev:before {content: "\2192";} [dir="rtl"] .slick-slide {float: right;} /*** CLASS TYPO ***/ /**** STYLES TYPO3 RTE ****/ .align-justify { text-align: justify; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .hidden { display: none; } .indent { padding: 0 0 0 25px; } .float-left { float: left; } .float-right { float: right; } /*** NEWS ***/ .news-list-view .news-img-wrap { display:inline-block; width:30%; vertical-align:top; margin-right:3%; } .news-list-view .newsContent { display:inline-block; width:100% } .news-list-view .newsContent.contentMin { display:inline-block; width:66% } .page-navigation p { float: left; margin:0; } .page-navigation ul { float: right; margin:10px 0; } .page-navigation ul li { float: left; display: block; padding: 0 1px; background: none; } .page-navigation ul li:before {content:"" !important;} .page-navigation ul li a { display: block; padding: 0 2px; } .page-navigation ul li.current {color:#d52902;} #blockDroite .news-search-form { background:#e5eff2; padding:10px; color:#3a889a; } #blockDroite .news-search-form label { width:auto; margin:0; } #blockDroite .news-search-form form input[type="text"] { border:0; background:none; margin:0; } .calendar input{ cursor: pointer; } .calendar { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/calendrier.png') no-repeat right 0; padding: 2px 0; } #blockDroite .news-search-form .form-group { border-bottom:1px solid #3a889a; margin-bottom:15px; } #blockDroite .news-search-form form input[type="submit"] {float:none;} .page .flecheSelect { /*background: url("http://i62.tinypic.com/2e3ybe1.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);*/ border: none !important; overflow:hidden; width:100%; position:relative; margin-bottom: 5px !important; } .flecheSelect label{margin-bottom: 3px;} .flecheSelect .hoverSelect{ background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/puce_liste_agenda.png') no-repeat scroll right 5px; position: absolute; top: 0; right: 0; z-index: 10; width: 13px; height: 18px; } .page .flecheSelect select { border-top: 1px solid #3a889a !important; background: none repeat scroll 0 0 transparent; border: medium none; /*width: 85%; position:absolute;*/ position: relative; width: 110%; padding-top: 7px; margin-left: -3px; white-space: pre-line; } .calendar input { position:absolute; padding-left:5px; } .news-img-wrap iframe {width:100%;} .news-img-caption { color: #01657c; display: block; margin-top: 5px; text-align: right; font-size:0.815em; } /* Egmap */ #eGmapMap img {max-width:none;} #blockCentre .essentiel_geoloc p.titre_actu, #blockPrincipal .essentiel_geoloc p.titre_actu {margin-top:0;} .tx-e-gmap > .pois > li > span { border-bottom: 1px dotted #66c8d5; margin-bottom: 7px; margin-top: 10px; padding-bottom: 7px; color: #01657c; font-size: 1.5em; display:block; } /* E annuaires */ .navbarAnnuaires li { display:inline-block; margin:0 4px; } #blockCentre div > ul.navbarAnnuaires > li:before, #blockPrincipal div > ul.navbarAnnuaires > li:before { content:""; } .h3 { color: #01657c; font-size: 1.5em; margin-bottom: 10px; } .news-list-view .news-img-wrap.elu { width:25%; } /* Ecalameo */ .e_calameo_publisher_item {text-align:center;} /* Inscription NL */ .red_warning{ background: none repeat scroll 0 0 #d52902; border-radius: 5px; color: #ffffff; padding: 5px; position: absolute; right: 0; top: -28px; } .red_warning:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #d52902; bottom: -9px; content: " "; height: 0; left: 12%; margin-left: -13px; position: absolute; width: 0; } #blockCentre form .select_job_catlist label{ width:50%; text-align:left; } #blockCentre form input[type="submit"].submit_subscription {float:none;} .submitStyle { background: none repeat scroll 0 0 #01657c; border: 1px solid #01657c; color: #fff; cursor: pointer; display: inline-block; float: right; font-family: "Roboto",sans-serif; height: 30px; line-height: 29px; padding: 0 10px; text-align: center; text-transform: uppercase; transition: all 200ms ease 0s; } .submitStyle:hover { background: none repeat scroll 0 0 #d52902; border: 1px solid #d52902; color: #fff; transition: all 250ms ease 0s; } #blockCentre a.submitStyle:hover {color:#fff;} /* aligner label en haut des textarea */ textarea {vertical-align: top;} /* powermail datepicker */ .xdsoft_datetimepicker { background: none repeat scroll 0 0 white; border-color: #bbb; border-style: solid; border-width: 1px; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); box-sizing: border-box; color: #333333; display: none; font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; padding: 2px 8px 8px 0; position: absolute; margin-left: -65px; z-index: 9999; } .xdsoft_datetimepicker iframe { background: none repeat scroll 0 0 transparent; border: medium none; height: 210px; left: 0; position: absolute; top: 0; width: 75px; } .xdsoft_datetimepicker button { border: medium none !important; } .xdsoft_noselect { -moz-user-select: none; } .xdsoft_noselect::-moz-selection { background: none repeat scroll 0 0 transparent; } .xdsoft_datetimepicker.xdsoft_inline { box-shadow: none; display: inline-block; position: static; } .xdsoft_datetimepicker * { box-sizing: border-box; margin: 0; padding: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { float: left; margin-left: 8px; width: 224px; } .xdsoft_datetimepicker .xdsoft_timepicker { float: left; margin-left: 8px; margin-top: 0; text-align: center; width: 58px; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-bottom: 3px; margin-top: 8px; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=="); } .xdsoft_datetimepicker .xdsoft_prev { background-position: -20px 0; float: left; } .xdsoft_datetimepicker .xdsoft_today_button { background-position: -70px 0; float: left; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { background-position: 0 0; float: right; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentcolor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentcolor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { background-position: -40px -15px; display: block; float: none; height: 15px; margin-left: 14px; margin-top: 7px; width: 30px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #eee; height: 151px; overflow: hidden; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: none repeat scroll 0 0 white; border-bottom-width: 0; border-collapse: collapse; border-top: 1px solid #eee; color: #444; cursor: pointer; font-size: 12px; height: 25px; line-height: 25px; text-align: center; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label { background-color: #fff; cursor: pointer; display: inline; float: left; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0; padding: 5px 3px; position: relative; text-align: center; width: 182px; z-index: 9999; } .xdsoft_datetimepicker .xdsoft_label:hover { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: none; max-height: 160px; overflow-y: hidden; position: absolute; right: 0; top: 30px; z-index: 101; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: none repeat scroll 0 0 #a94442; color: #fff; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: none repeat scroll 0 0 #00677f; box-shadow: 0 1px 3px 0 #00677f inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { text-align: right; width: 90px; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 56px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #dddddd; border-collapse: collapse; color: #666666; cursor: pointer; font-size: 12px; height: 25px; padding: 0; text-align: right; width: 14.2857%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: none repeat scroll 0 0 #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #00677f; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: none repeat scroll 0 0 #00677f; box-shadow: 0 1px 3px 0 #00677f inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: none repeat scroll 0 0 #a94442 !important; box-shadow: none !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { background: inherit !important; box-shadow: inherit !important; color: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { color: #999; cursor: default; font-weight: 700; text-align: center; } .xdsoft_datetimepicker .xdsoft_copyright { clear: both; color: #ccc !important; float: none; font-size: 10px; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } /* powermail suivant / précedent */ .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next { background-color: #00677f; float: right; } .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous { background-color: #00677f; border: 1px solid #bbb; color: white; display: inline-block; font-weight: bold; padding: 5px 30px; text-decoration: none; } .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next:hover, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous:hover { background-color:#d52902; color:#fff; transition: all 200ms ease 0s; } #blockCentre .tx-powermail .powermail_fieldset .powermail_tab_navigation a:hover, #blockPrincipal .tx-powermail .powermail_fieldset .powermail_tab_navigation a:hover{ color:#fff; } .clearall {clear:both;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/css/images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }