.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 -------------*/ body, html { margin: 0; padding: 0; height: 100%; font-family: 'Roboto Condensed', sans-serif; } body { font-size: 0.844em; color: #434343; background: #fff; } #fond { background: #fff; } h1, h2, h3, h4, h5, h6 { line-height: 22px; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; } ul, figure { margin: 0; padding: 0; } li { list-style-type: none; } a { text-decoration: none; color: #434343; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } a:hover { text-decoration: underline; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } /*a, img, input, textarea, button{outline: 0;}*/ img { border: 0; max-width: 100%; } p { font-family: 'Roboto', sans-serif; color: #434343; font-size: 1em; } .wrap { position: relative; max-width: 1280px; width: 100%; background: transparent; margin: 0 auto; } .marge { margin: 0 20px; background: #fff; } /*@vert : #094f5f;*/ /*@vertGrad : #04718b;*/ .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 { position: absolute; top: 0; left: 0; display: block; display: none\9; width: 100%; height: 100%; cursor: pointer; opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .hoverNavVert { 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); background: #01657c\9; } .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; } .hoverVert { background: -webkit-linear-gradient(bottom rightl, #04728c, #094f5f); background: -o-linear-gradient(left top, #04728c, #094f5f); background: -moz-linear-gradient(left top, #04728c, #094f5f); background: -ms-linear-gradient(left top, #04728c, #094f5f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#04728c, endColorstr=#094f5f); background: linear-gradient(to left top, #04728c, #094f5f); display: block; } #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: 30px; width: 100%; z-index: 5000; } header a { outline: none; } .statut { position: relative; width: 175px; background: #fff; display: inline-block; margin-left: 20px; } .statut .state { display: inline-block; text-transform: uppercase; color: #01657c; font-size: 1.5em; margin-left: 10px; cursor: pointer; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .statut .state:hover { color: #d52902; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .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 7px 10px; } .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.125em; text-transform: uppercase; } .statut li a:hover { color: #d52902; } .social-link { margin-top: 5px; display: inline-block; vertical-align: top; } .social-link ul, .social-link > li { display: inline-block; } .social-link > li { height: 26px; line-height: 26px; } .social-link li { margin-left: 20px; } .language { margin-left: 5px; display: inline-block; vertical-align: top; padding: 0 5px 4px 5px; background: #fff; overflow: hidden; height: 25px; } /*.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; } .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, .fb:focus { 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, .tw:focus { 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, .yt:focus { background-position: 0 -19px; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .home { position: absolute; top: 0; left: 475px; /*background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/logo.png') no-repeat 0 0;*/ /*width: 447px; height: 224px;*/ } .off, .on { display: none; } #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 -------------*/ .navigation { position: relative; } .navigation { /*nav > ul > li.prepareHome:hover{ border-top: 2px solid @rouge; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; }*/ /*nav > ul > li.hover{background: @rouge;}*/ /*nav > ul > li .target{ position: relative; display: block; width: 190px; height: 190px; color: #fff; text-decoration: none; }*/ /*#linknav-4{display: none;}*/ /*nav > ul > li a:hover{text-decoration: none;}*/ /*.sousMenu > ul > li:first-child, .sousMenu img, .sousMenu figure{display: none;}*/ /*.sousMenu > ul > li{ display: inline-block; vertical-align: top; float: left; min-width: 215px; max-width: 215px; margin-right: 30px; display: block; margin-bottom: 30px; }*/ /*.sousMenu > ul > li:nth-child(3), .sousMenu > ul > li:nth-child(5), .sousMenu > ul > li:nth-child(7), .sousMenu > ul > li:nth-child(9){margin-right: 20px} .sousMenu > div > ul > li{ margin-bottom: 20px; }*/ } .navigation > nav { position: absolute; top: 65px; left: 469px; z-index: 5010; } .navigation > nav > ul > li { position: relative; width: 190px; height: 190px; margin: 0 0 -56px 0; list-style-type: none; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: #d52902; background: #01657c\9; opacity: 1\9; /*.transition-in;*/ z-index: 170; } .navigation > nav > ul > li:hover { opacity: 1\9; /*.transition-in;*/ background: #d52902\9; } .navigation > nav > ul > li.active { background: #d52902\9; } .navigation > nav > ul > li:first-child ~ li { border-top: 2px solid #025b6f; /*.transition-out;*/ } .navigation li#nav-2 { margin-left: -134px; } .navigation li#nav-3 { margin-left: -268px; } .navigation > nav > ul > li:last-child { margin-left: -403px; background: #fff; border: none !important; } .navigation > nav > ul > li:last-child .hoverNavVert, .navigation nav > ul > li:last-child span { display: none !important; } .navigation .open { text-indent: -9999px; width: 0; height: 0; display: block; } .navigation > nav > ul > li .target { position: absolute; top: 0; left: 0; width: 100%; height: 190px; background: transparent; z-index: 5; cursor: pointer; } .navigation #nav-4 .target { cursor: auto; display: none; } .navigation > nav > ul > li > span { position: relative; display: block; /*width: 150px;*/ width: 120px; height: 60px; text-align: center; /*top: 70px; left: 25px;*/ top: 70px; left: 40px; text-transform: uppercase; color: #fff; font-size: 1.42em; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45.1deg); transform: rotate(-45.1deg); cursor: pointer; } .navigation > nav > ul > li:nth-child(2) > span { width: 150px; top: 70px; left: 25px; } .navigation .fondMenu { position: absolute; width: 542px; height: 562px; top: 0; right: 0; 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); z-index: 4990; display: none; } .navigation .sousMenu { position: absolute; top: 0; right: 0; width: 482px; height: 457px; padding-top: 105px; padding-left: 60px; display: none; font-family: 'Roboto', sans-serif; z-index: 5010; } .navigation .sousMenu > ul > li { /*margin-right: 30px;*/ /*min-width: 215px; max-width: 215px;*/ width: 210px; margin-bottom: 20px; } .navigation .sousMenu > ul > li:first-child { width: 400px; } .navigation .menuTitle { font-size: 2em; color: #01657c; text-transform: uppercase; top: -50px; left: 70px; position: relative; max-width: none; width: 350px; font-family: 'Roboto Condensed', sans-serif; } .navigation .sousMenu .large { width: 100% !important; } .navigation .sousMenu .large select { width: 165px; height: 30px; display: block; background: transparent; } .navigation .sousMenu .large .flecheSelect { width: 175px; display: inline-block; vertical-align: bottom; } .navigation .sousMenu .large input[type='submit'] { display: inline-block; vertical-align: bottom; float: none; 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; } .navigation .sousMenu .large 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; } .navigation .sousMenu > ul > li > span a, .navigation .sousMenu > ul > li h2 { color: #d52902; font-family: 'Roboto Condensed', sans-serif; font-size: 1.125em; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; } .navigation .sousMenu > ul > li > span a:hover { color: #01657c; } .navigation .sousMenu > ul > li > ul > li > a:hover { color: #d52902; } .navigation #nav-2 .sousMenu > ul > li:nth-child(2), .navigation #nav-3 .sousMenu > ul > li:nth-child(2) { display: none; } .navigation .region1Clic li { position: relative; display: inline-block; width: 16.6%; vertical-align: top; text-align: center; margin-top: 40px; cursor: pointer; height: 100px; } .navigation .region1Clic li:first-child span { font-size: 1.875em; color: #01657c; font-weight: 700; text-transform: uppercase; position: relative; top: 20px; } .navigation .region1Clic > li > a > figure:nth-child(2) { display: none; } .navigation .region1Clic > li > a > figure { position: absolute; top: 10px; left: 50%; margin-left: -37px; } .navigation .region1Clic li a { text-transform: uppercase; color: #01657c; display: block; width: 100%; padding-top: 10px; } .navigation .region1Clic li a:first-child { height: 66px; overflow: hidden; } .navigation .region1Clic li a:last-child { position: absolute; bottom: 0; left: 0; } .navigation .region1Clic li:hover a { color: #d52902; } .navigation .close { position: absolute; top: 20px; right: 20px; font-size: 1.125em; color: #434343; margin: 0 !important; cursor: pointer; font-family: 'Roboto Condensed', sans-serif; } .navigation .close:after { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/close.png'); margin-left: 7px; } /*-------------- Contenu ----------------*/ .blockCarousel { position: relative; width: 100%; height: 562px; overflow: hidden; margin-bottom: 38px; } #adminUne { position: absolute; top: 0; left: 0; /*z-index: 4000;*/ } #adminUne figure:first-child { position: absolute; top: 40px; left: 40px; z-index: 4002; } #adminUne .adminTexte { position: absolute; top: 260px; left: 40px; width: 185px; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 2px 2px #000; z-index: 4001; } #adminUne #countdownie_mono { font-size: 1.55em !important; font-weight: normal !important; text-transform: none !important; } #adminUne span { font-size: 2.9375em; } #adminUne p { font-size: 1.55em; color: #fff; font-family: 'Roboto Condensed', sans-serif; } #adminUne .fondAdmin { position: relative; z-index: 4000; } .carousel { width: 100%; height: 100%; } .carousel .slick-slide { height: 562px !important; } .carousel .slick-slide img { float: right; } .caption { position: absolute; /*top: 407px;*/ bottom: 0; right: 20px; width: 375px; min-height: 155px; background: -webkit-linear-gradient(left top, #053c48, #027792); background: -o-linear-gradient(bottom right, #053c48, #027792); background: -moz-linear-gradient(bottom right, #053c48, #027792); background: -ms-linear-gradient(bottom right, #053c48, #027792); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#053c48, endColorstr=#027792); background: linear-gradient(to bottom right, #053c48, #027792); padding: 12px; color: #fff; } .caption .categorie { font-family: 'Roboto', sans-serif; font-size: 0.875em; color: #fff; text-transform: uppercase; margin-bottom: 10px; display: block; } .caption h2 { font-size: 1.4em; text-transform: uppercase; font-weight: bold; margin: 13px 0 10px; } .caption h2 a { color: #6fd1df; } .caption p { color: #fff; margin-bottom: 7px; } .carousel .slick-dots { bottom: 15px; right: 120px; width: 275px; z-index: 1000; } /*.carousel .slick-dots li button:before{ font-size: 10px; color: #fff; opacity: 1; .transition-in; } .carousel .slick-dots li button:hover:before{ color: #14bce0; opacity: 1; .transition-in; } .carousel .slick-dots li.slick-active button:before { color: #14bce0; opacity: 1; .transition-in; }*/ .carousel .slick-dots li { width: 10px; height: 10px; margin: 0 10px; /*vertical-align: top;*/ } .carousel .slick-dots li button:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots-home.png'); height: 10px; width: 10px; font-size: inherit; opacity: 1; } .carousel .slick-dots li button:hover:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots-home-active.png'); } .carousel .slick-dots li.slick-active button:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/dots-home-active.png'); } .carousel .slick-dots li button { height: 10px; width: 10px; } .play-pause { display: inline-block; position: relative; top: 7px; left: 10px; width: 9px; height: 12px; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/bt_player_pause.png'); cursor: pointer; opacity: 1; vertical-align: top; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .play-pause:hover { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/bt_player_pause_roll.png'); opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .play-pause.active { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/bt_player_play.png'); opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .play-pause.active:hover { background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/bt_player_play_roll.png'); opacity: 1; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; } .carousel .readmore { position: absolute; right: 20px; bottom: 10px; } .carousel .readmore a { /*position: absolute; bottom: 10px; right: 12px; float: right;*/ display: block; color: #fff; font-size: 1.125em; /*padding: 7px;*/ padding: 3px 9px; -ms-transition: all ease 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .carousel .readmore a:hover { background: #e5eff2; color: #01657c; text-decoration: none; } .blockCarousel #agenda { position: absolute; bottom: 0; left: 25px; } .container.actu1, .container.actu2, .container.tools { position: relative; margin-bottom: 35px; } .container.actu1 { z-index: 6000; } .container.actu1 > div > div { display: inline-block; vertical-align: top; /*height: 180px;*/ } #blockAgenda { position: relative; text-align: center; width: 25.5%; } .container.actu1 > div > div:last-child { width: 74%; } #blockAgenda h2 { position: absolute; top: -65px; left: 0; color: #01657c; font-size: 3.125em; width: 100%; text-transform: uppercase; } #blockAgenda ul { text-transform: uppercase; font-size: 0.875em; font-size: 14px; } #blockAgenda ul a { color: #01657c; } #blockAgenda ul a:hover { color: #d52902; } #blockAgenda ul li:last-child { margin-bottom: 20px; } .blockDate { /*height: 180px;*/ min-height: 180px; position: relative; display: inline-block; vertical-align: top; border-left: 1px solid #66c8d6; padding-left: 5.2%; width: 28% !important; margin-right: -3px; } .blockDate img { /*float: left; margin-left: -48px; position: relative;*/ position: absolute; top: 50%; left: 0; margin-top: -41px; width: 13%; height: auto; } .blockDate span { font-size: 1.875em; color: #5f5f5f; margin-top: 35px; margin-bottom: 10px; display: block; } .blockDate h3 { font-size: 1.125em; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; padding-right: 5px; } .blockDate h3 a { color: #d52902; } .blockDate p { color: #434343; padding-right: 3px; } .bloc50 { width: 48.4%; display: inline-block; margin-right: 2.4%; vertical-align: top; } .bloc50:last-child { margin-right: -3px; } .bloc33 { width: 31.3%; display: inline-block; margin-right: 2.4%; vertical-align: top; } .bloc33:last-child { margin-right: -3px; } .container.actu2, .container.actu3 { margin-left: 12px; margin-right: 12px; } .container.actu2 > div > div, .container.actu3 > div > div { display: inline-block; width: 49%; vertical-align: top; margin-right: 1.4%; } .container.actu2 > div > div > div, .container.actu3 #part1 > div { display: inline-block; width: 48%; vertical-align: top; /*background: red;*/ margin-right: 3.3%; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container.actu2 > div > div:last-child, .container.actu3 > div > div:last-child, .container.actu3 #part1 > div:last-child { margin-right: 0; } .container.actu2 > div > div > div:last-child, .container.actu3 > div > div > div:last-child { margin-right: 0; } .container.actu2 > div > div > div { border-left: 1px solid #66c8d6; padding-left: 10px; } .container.actu2 > div > div:last-child > div:last-child { border: none; padding: 0; } .container.actu2 h2 { color: #01657c; text-transform: uppercase; font-size: 1.8em; font-weight: bold; margin-bottom: 15px; } .conseil li:first-child { padding-bottom: 10px; } .conseil li:first-child ~ li { padding: 10px 0; } .conseil li { border-bottom: 1px dotted #66c8d6; } .conseil li a { color: #d52902; font-size: 1.125em; text-transform: uppercase; display: inline-block; vertical-align: top; width: 90%; } .conseil li:before { content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/link-actu.png'); /*float: left;*/ position: relative; top: 2px; margin-right: 7px; display: inline-block; vertical-align: top; } .conseil li:last-child { margin-bottom: 15px; } .tv h3 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1em; margin-top: 16px; } .tv h3 a { color: #434343; } .tv > div:nth-child(2) { /*position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;*/ margin-top: 15px; } .videoExterne { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 10px 0 20px; } .videoExterne iframe, .videoExterne object, .videoExterne embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tv p { margin-bottom: 16px; } .carouselPubli figure { display: inline-block; vertical-align: top; margin-bottom: 25px; width: 48%; margin-right: 2%; } .container.actu2 img { width: 100%; height: auto; } .carouselPubli .slick-slider { margin-bottom: 0; } .carouselPubli div div { display: inline-block; vertical-align: top; width: 47.8%; } .carouselPubli ul { margin-top: 15px; } .carouselPubli .datePubli { color: #5f5f5f; font-size: 1.5em; text-transform: capitalize; } .carouselPubli h3 { font-size: 1.125em; color: #d52902; text-transform: uppercase; } .carouselPubli .download a { display: block; background: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/telecharger.png') no-repeat 0 0; width: 19px; height: 24px; text-indent: -9999px; } .carouselPubli .ligne, .carouselPubli .share { display: none; } .carouselPubli .slick-prev { left: 55%; } .carouselPubli .slick-next { right: 20%; } .carouselPubli .slick-prev, .carouselPubli .slick-next { top: inherit; bottom: 30px; } .fb_iframe_widget { width: 100%; } .fb_iframe_widget span { width: 100% !important; } .fb_iframe_widget span iframe { width: 100% !important; } .container.tools ul { text-align: center; } .container.tools li { position: relative; display: inline-block; width: 16.25%; height: 132px; margin-right: 2px; margin-bottom: 2px; vertical-align: top; text-align: center; background: #d52902; } .container.tools li a { color: #fff; display: block; width: 100%; position: relative; } .container.tools li a:last-child { text-transform: uppercase; font-size: 1.125em; width: 100%; position: absolute; bottom: 20px; left: 0; cursor: pointer; } .container.tools li img { margin-top: 18px; width: 36.13%; height: auto; } .container.tools li:first-child span { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1.875em; letter-spacing: 1px; margin-top: 35px; position: relative; top: 30px; } .container.actu3 { margin-bottom: 50px; } .container.actu3 figure { position: relative; max-width: 100%; height: auto; overflow: hidden; } .container.actu3 img { width: 100%; height: auto; -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; margin-bottom: -4px; } .container.actu3 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; } .container.actu3 #part1 { /*h3{ color: @rouge; text-transform: uppercase; font-size: 1.125em; } p{ margin: 13px 0; font-size: 1em; } a{ color: #434343; font-size: 1em; }*/ /*> div:first-child a:before{ content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/page/link.png'); padding-right: 5px; float: left; }*/ } .container.actu3 #part1 h2 { color: #01657c; text-transform: uppercase; font-size: 1.813em; font-weight: bold; margin-bottom: 15px; } .container.actu3 #part1 h2 a { color: #d52902; font-weight: normal; } .container.actu3 #part1 > div:first-child { border-left: 1px solid #66c8d6; padding-left: 10px; } .container.actu3 #part2 h2 { text-transform: uppercase; font-size: 1.8em; margin-bottom: 10px; color: #d52902; line-height: 28px; } .container.actu3 #part2 h2 a { color: #d52902; } .container.actu3 #part2 p { margin-top: 10px; } a.link-plus, .link-plus a { padding: 3px 9px; color: #01657c !important; background: #e5eff2; min-height: 23px; line-height: 23px; display: inline-block; font-size: 1.125em; -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: '+' !important; 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 200ms; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; transition: all ease 200ms; } .top-carousel { position: relative; background: #00677f; height: 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: 236px; overflow: 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; } .slider-resp .slick-slide > span { display: inherit; } .slider-resp figure { display: inline-block; } .slider-resp figure a { position: relative; max-width: 100%; height: auto; overflow: hidden; display: block; } .slider-resp a img { -ms-transition: all ease 250ms; -webkit-transition: all ease 250ms; -moz-transition: all ease 250ms; transition: all ease 250ms; margin-bottom: -4px; } .slider-resp 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; } /* ----------- Formulaire ---------------*/ input[type='submit'] { 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; } 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; } /*-------------- Footer -----------------*/ footer { position: relative; } .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 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: 138px; 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: 20px; 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, .twitter-home { 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; } header { padding-top: 12px; } .statut .state { font-size: 1.3em; } .statut li a { font-size: 0.87em; } .home { left: 368px; } .home img { width: 345px; } .language { margin-left: -45px; position: relative; z-index: 3; } #blockHeaderRight { top: 18px; } .blockCarousel { height: 438px; } .navigation { /*.showSMoff, .showSMon{ color: @rouge; cursor: pointer; margin-left: 5px; display: none; } .showSMoff:before{content: '\25BA';} .showSMoff:before:hover{content: '\25BC';} .showSMon:before{content: '\25BC';} .item ul {display: none;}*/ } .navigation nav { top: 45px; left: 359px; } .navigation nav > ul > li { width: 150px; height: 150px; margin: 0 0 -44px 0; } .navigation nav > ul > li .target { width: 150px; height: 150px; } .navigation nav > ul > li > span { top: 55px; left: 10px; font-size: 1.2em; width: 145px; height: 50px; } .navigation nav > ul > li:nth-child(2) > span { top: 55px; left: 10px; width: 145px; } .navigation li#nav-2 { margin-left: -105px; } .navigation li#nav-3 { margin-left: -210px; } .navigation nav > ul > li:last-child { margin-left: -315px; } .navigation .fondMenu, .navigation .sousMenu { width: 375px; height: 438px; padding-left: 48px; } .navigation .menuTitle { font-size: 1.43em; } .navigation .sousMenu > ul > li > span a { font-size: 0.85em; } .navigation .sousMenu > ul > li > ul > li a { font-size: 0.75em; } .navigation .sousMenu > ul > li { width: 160px; margin-bottom: 40px; } .navigation .sousMenu .large input[type='submit'] { margin-top: 10px; margin-right: 32px; float: right; } .navigation .sousMenu > ul > li > ul { display: none; } #adminUne { width: 100%; } #adminUne figure:first-child { width: 14%; top: 28px; left: 28px; } #adminUne figure:first-child img { width: 100%; height: auto; } .fondAdmin { width: 571px; height: 440px; } .fondAdmin img { width: 100%; height: 100%; } #adminUne .adminTexte { top: 180px; left: 28px; width: 166px; } #adminUne span { font-size: 2.1em; } #adminUne p { font-size: 1em; font-weight: bold; } .carousel .slick-slide { height: 438px !important; } .carousel .slick-slide img { max-width: 78%; height: auto; } .caption { /*top: 283px;*/ bottom: 0; width: 300px; min-height: 125px; } .caption .categorie { font-size: 0.7em; } .caption h2 { font-size: 1.2em; } .caption p { font-size: 0.85em; } .carousel .readmore a { font-size: 0.875em; } .carousel .slick-dots { bottom: 7px; right: 80px; z-index: 3000; } #blockAgenda { width: 25.2%; margin-right: -3px; } #blockAgenda h2 { left: -3px; font-size: 2.7em; } .blockDate span { margin-top: 29px; } a.link-plus, .link-plus a { font-size: 1em; } /*.container.actu2, .container.actu3{margin: 0;}*/ .tools li { width: 16.4%; height: 115px; } .tools li a:last-child { font-size: 1em; } .slider-resp { max-width: 83.9%; } .contact img { margin-top: 0 !important; } } @media screen and (min-width: 710px) and (max-width: 1023px) { .mobile { display: inline-block !important; } .noMobile, .twitter-home { display: none !important; } .cnil > div { width: 70%; } .cnil p br { display: none; } .wrap { max-width: 100%; } .marge { margin: 0 10px; } header { padding-top: 20px; /*z-index: 350;*/ } .statut { width: 105px; margin-left: 250px; z-index: 2; } .statut ul { width: 175px; background: #fff; } .home { position: absolute; display: block; left: 0; top: 0px; z-index: 1; } .home h1 { width: 250px; } .off { display: block; } .on { display: none; } .showMenu { width: 36px; height: 36px; position: absolute; bottom: 18px; left: 50%; margin-left: -18px; } .navigation { position: relative; z-index: 300; /*.sousMenu > ul > li{position: relative !important;} .sousMenu > ul > li:first-child{display: none;} .sousMenu > ul > li:last-child{margin-bottom: 0;} .sousMenu > ul > li > ul, .navigation .menuTitle{display: none;} .close{display: none;}*/ } .navigation > nav { position: absolute; width: 250px; top: 30px; left: auto; display: none; } .navigation .firstMenu { position: relative; 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; z-index: 25; } .navigation > nav > ul > li { width: 100%; height: auto; min-height: 56px; margin: 0; -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; } .navigation > nav > ul > li:first-child ~ li { border-top: 1px solid #025b6f; } .navigation > nav > ul > li:last-child { display: none; } .navigation > 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; font-size: 1.3em; } .navigation > nav > ul > li:nth-child(2) > span { width: 100%; top: 0; left: 0; } .navigation li#nav-2 { margin-left: 0px; } .navigation li#nav-3 { margin-left: 0px; } .navigation > nav > ul > li .target { height: 56px; } .navigation .fondMenu { display: none !important; } .navigation .sousMenu { position: relative; width: 100%; height: auto; padding-left: 0; padding-top: 10px; padding-bottom: 20px; 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); } .navigation .sousMenu ul { height: auto !important; } .navigation .sousMenu > ul > li { position: relative !important; width: 90% !important; margin: 20px auto; top: inherit !important; left: inherit !important; transition: none !important; -webkit-transition: none !important; transform: none !important; } .navigation .sousMenu .large { width: 90% !important; } .navigation .sousMenu .large .flecheSelect { width: 100%; display: block; margin-bottom: 20px; } .navigation .sousMenu .large select { width: 100%; } .navigation .sousMenu .large input[type='submit'] { margin-top: 15px; margin-bottom: 30px; } .navigation .sousMenu > ul > li:first-child { display: none; } .navigation .sousMenu > ul > li:last-child { margin-bottom: 0; } .navigation .sousMenu > ul > li > ul, .navigation .navigation .menuTitle { display: none; } .navigation .region1Clic li { width: 50%; } .navigation .region1Clic li a { width: 90%; font-size: 0.9em; } .navigation .region1Clic li a:last-child { left: 50%; margin-left: -45%; } .navigation .close { display: none; } .blockCarousel { height: 450px; } .carousel .slick-slide { height: 450px !important; } .carousel .slick-slide img { height: 450px; width: auto; } #adminUne { display: block !important; width: 250px; height: 450px; overflow: hidden; z-index: 200; } #adminUne figure:first-child { top: 100px; left: 60px; width: 50%; } #adminUne figure:first-child img { width: 100%; height: auto; } #adminUne img { max-width: none; } #adminUne div { top: 250px; left: 60px; } #adminUne span { font-size: 1.974em; } #adminUne p { font-size: 1.2em; font-weight: bold; } .caption { /*top: 293px;*/ right: 10px; } #blockAgenda { width: 100%; margin-bottom: 40px; height: 20px; } #blockAgenda > div > div:first-child { display: inline-block; width: 20%; vertical-align: top; } #blockAgenda h2 { position: relative; top: 0; } #blockAgenda ul { display: none; } .blockDate { width: 28% !important; height: 195px; } .container.actu1 { z-index: 200; } /*.container.actu1 .link-plus{ position: absolute; }*/ #blockAgenda .link-plus { display: inline-block; margin-left: 30%; vertical-align: top; } .container.actu1 { margin-bottom: 50px; } .container.actu1 > div > div:last-child { width: 100%; } .container.actu2, .container.actu3 { margin-left: 0; margin-right: 0; } .container.actu2 > div > div:first-child { width: 65%; } .container.actu2 > div > div:last-child { width: 32%; } .container.actu2 > div > div > div { margin-right: 3%; } .container.actu2 > div > div:last-child > div { width: 100%; } /*.container.actu2 > div:first-child, .container.actu3 > div:last-child{ width: 65.5%; } .container.actu2 > div:last-child, .container.actu3 > div:first-child{ width: 32.5%; } .container.actu2 > div:last-child > div, .container.actu3 > div:first-child > div{ width: 100%; }*/ .container.actu3 #part1 { width: 32%; } .container.actu3 #part2 { width: 66%; } .container.actu3 #part1 > div { width: 100%; } .container.actu3 #part1 .twitter { margin-top: 30px; } .container.tools li { width: 16.25%; height: 105px; } .container.tools li a:last-child { font-size: 0.8em; width: 96%; left: 2%; } .socialMobile { margin-bottom: 30px; } .socialMobile div { width: 48%; } .fbk { float: left; } .Twt { float: right; } a.link-plus, .link-plus a { font-size: 1em; } .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 { display: inline-block !important; } .noMobile, .twitter-home { display: none !important; } .cnil > div { width: 70%; } .cnil p br { display: none; } .wrap { max-width: 100%; } .marge { margin: 0 10px; } header { padding-top: 12px; z-index: 4000; text-align: center; } .statut { margin-left: 0; z-index: 2; width: 125px; text-align: left; } .statut span { margin-left: 0; } .statut ul { width: 175px; background: #fff; } .home { position: absolute; display: block; left: 0; top: 46px; width: 100%; z-index: 1; } .home h1 { width: 300px; margin: 0 auto; } .off { display: block; } .on { display: none; } .showMenu { width: 40px; height: 40px; position: absolute; bottom: 23px; left: 50%; margin-left: -20px; } .language { margin-left: -20px; position: relative; z-index: 3; } .social-link { position: relative; z-index: 3; } .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; } .navigation { z-index: 3500; } .navigation { /*#linknav-4{display: block;}*/ } .navigation > nav { position: absolute; width: 100%; /*top: 112px;*/ top: 100px; left: auto; display: none; border-bottom: 7px solid #fff; } .navigation .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; } .navigation > nav > ul > li { width: 100%; height: auto; min-height: 56px; margin: 0; -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; } .navigation > nav > ul > li:first-child ~ li { border-top: 1px solid #025b6f; } .navigation > nav > ul > li:last-child { display: block; margin-left: 0; background: #d52902; } .navigation > 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; } .navigation > nav > ul > li:nth-child(2) > span { width: 100%; top: 0; left: 0; } .navigation > nav > ul > li:last-child span { display: block !important; } .navigation li#nav-2 { margin-left: 0px; } .navigation li#nav-3 { margin-left: 0px; } .navigation > nav > ul > li .target { height: 56px; } .navigation #nav-4 .target { cursor: pointer; display: block; } .navigation .fondMenu { display: none !important; } .navigation .sousMenu { position: relative; width: 100%; height: auto; padding-left: 0; padding-top: 10px; 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); } .navigation #nav-4 .sousMenu { padding-top: 0; } .navigation .sousMenu ul { height: auto !important; padding-bottom: 50px; } .navigation .sousMenu > ul > li { position: relative !important; width: 90% !important; margin: 20px auto; top: inherit !important; left: inherit !important; transition: none !important; -webkit-transition: none !important; transform: none !important; } .navigation .sousMenu .large { width: 90% !important; } .navigation .sousMenu .large .flecheSelect { width: 100%; display: block; margin-bottom: 20px; } .navigation .sousMenu .large form > div:nth-child(3) { width: 69%; display: inline-block; vertical-align: top; margin-bottom: 0; } .navigation .sousMenu .large select { width: 100%; } .navigation .sousMenu .large input[type='submit'] { margin-top: 10px; } .navigation .sousMenu > ul > li:first-child { display: none; } .navigation .sousMenu > ul > li:last-child { margin-bottom: 0; } .navigation .sousMenu > ul > li > ul, .navigation .navigation .menuTitle { display: none; } .navigation .region1Clic li { width: 50%; } .navigation .region1Clic li a { width: 90%; font-size: 0.9em; } .navigation .region1Clic li a:last-child { left: 50%; margin-left: -45%; } .navigation .close { display: none; } .blockCarousel { margin-top: 100px; /*height: 284px;*/ height: inherit; margin-bottom: 0px; } /*.caption{ top: 200px; right: 0px; width: 100%; }*/ .slick-list { overflow: inherit; } .caption { bottom: inherit; left: 0px; padding: 2%; width: 96%; top: auto; display: none; } .carousel .slick-slide { height: auto !important; } .carousel .slick-slide img { width: 100%; height: auto; } .carousel .slick-dots { bottom: 5px; left: 15px; width: 70%; text-align: left; } .slider-resp { max-width: 70%; } .tools { display: none !important; } .container.actu1 { z-index: 2000; } .container.actu1 > div, .container.actu2 > div, .container.actu3 > div { display: block; width: 100%; margin-top: 25px; } .container.actu1 > div > div { height: auto; } .container.actu1 > div > div:last-child { width: 100%; } #blockAgenda { width: 100%; margin-bottom: 40px; } #blockAgenda h2 { position: relative; top: 0; } #blockAgenda ul { display: none; } #blockAgenda > div > div:first-child { display: inline-block; width: 40%; vertical-align: top; } #blockAgenda .link-plus { display: inline-block; margin-left: 10%; vertical-align: top; } .blockDate { width: 90% !important; height: auto; min-height: 100px; margin-bottom: 20px; padding-left: 10%; } .blockDate img { width: 30px; /*width: 9%;*/ margin-top: -30px; } .blockDate span { margin-top: 0; } .blockDate p { display: none; } .container.actu2, .container.actu3 { margin-left: 0; margin-right: 0; } /*.container.actu2 > div > div, .container.actu3 > div > div { display: block; width: 100%; margin-bottom: 25px; }*/ .container.actu2 > div > div { display: block; width: 100%; } .container.actu2 > div > div > div, .container.actu3 #part1, .container.actu3 #part2 { display: block; width: 100%; margin-bottom: 25px; } .container.actu3 #part1 > div, .container.actu3 #part2 > div { width: 100%; margin-right: 0; } .container.actu3 #part1 .twitter { margin-top: 30px; } .bloc50 { display: block; width: 100%; } .container.actu3 #part2 .bloc50:first-child { margin-bottom: 20px; } .bloc33 { display: block; width: 100%; } /*.sitemap-footer > div{width: 90%;} #separate2{ width: 90% !important; margin-left: 0 !important; } #separate1{display: none;} #separate2{text-align: center;}*/ /*#separate2{ li{margin-left: 0;} li:first-child, li:nth-child(2){display: none;} li:nth-child(3){ margin-right: 17% !important; margin-left: 0 !important; } li:last-child{margin-left: 17% !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; } } /*.sousMenu div ul li span{ color: @rouge; font-size: 1.125em; font-weight: bold; text-transform: uppercase; } .close{ position: absolute; top: 20px; right: 20px; font-size: 1.125em; color: #434343; cursor: pointer; } .close:after{ content: url('../../typo3conf/ext/e_magineurs/res/region_guadeloupe/ressources/images/close.png'); margin-left: 7px; }*/ /* 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; padding-top: 1em; } .tx-jkpoll-pi1 .tx_jkpoll_pi1_result_google img { width: auto; display: block; max-width: 100%; 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*/ } }