/* ************************************************************************* */ /* */ /* DECORATION */ /* */ /* ************************************************************************* */ /*=================mob:320x460/508/533=|==================================mbP:634=|=======================mni:860*/ @import 'var.less'; /* **************************************************************************** # # # ### # # ## ## # # # ## # # # # # # # # # # # # # # # # # # # # # # ####### # # # # # # # # # # ## # # # # ### # # **************************************************************************** */ body { background-color:#ECEDEF; font-family:Arial,sans-serif; } div#DV_MAIN { background-color:#FFFFFF; border:1px solid #666666; } /* **************************************************************************** # # # # # # # # # # # # # # # ####### # # # # # # # # ####### ####### **************************************************************************** */ .sectionTitle { display:block; text-indent: 10px; color: @rougeRNA ; border-bottom: 1px solid @rougeRNA ; margin:4rem 0rem 1rem 0rem ; } h2,h3,h4,h5,h6 { font-weight:normal; } h5, h6 { margin-bottom: 0rem; } h1 { text-align: center; font-size: 4.1rem; } h2 { font-size: 2.3rem; } h3 { font-size: 1.9rem; } h4 { font-size: 1.7rem; } h5 { font-size: 1.3rem; } h6 { display: inline-block; font-size: 1.1rem; line-height: 1rem; } .norm { font-size: 1rem; text-align: justify; letter-spacing: 0.1rem; word-spacing: 0.0rem; line-height: 1.4rem; margin-bottom:0; } .norm strong { font-size:1.08rem; color: @grisfonceRNA ; } .norm .CLbull { color: @rougeRNA ; font-size: 1.5rem; font-weight: bold; vertical-align: sub; } a:link,a:focus, a:active,a:visited { color: inherit; text-decoration: none; border-bottom:1px dashed blue; } a:hover { color:#0000FF; border-bottom:1px solid blue; } a.iconLink::after { content:"" ; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAZ0lEQVR4AVXIoQ3CUAAFwGtCECyAxKLqqyoJS+CoIWEDBqH5gqQDVLFJg+gM36IfmpPXAA4+diBArzrpQLgaTV4WLQgxuFnNaHVC8FA0ZoujL3EWe8XqreoJLuLpbrKFABiMsJG/xA/duCCMZxvpPwAAAABJRU5ErkJggg==') ; opacity:0.15; background-repeat:no-repeat; background-position:center ; padding:0.6rem; margin-right:0.2rem; } a.CLhfRed:link,a.CLhfRed:focus, a.CLhfRed:active,a.CLhfRed:visited { color: @rougeRNA ; } a.CLnoLinkBorder,a[href^="mailto"],a[href^="geo"],a[href^="tel"] { border:none; } ul,ol { margin-top:0; list-style-position: outside; } ul { list-style-type: none; } li::before { content:"- "; } li::after { content:" ;"; } li:last-of-type::after { content:"."; } *.iluSection { width:272px; height:161px; margin-right: 2rem; } div.CLtranspBGborder { border-radius: 5px; background-color:RGBA( 0, 0, 0,0.2); } img.iconShadow { /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='Black', Positive='true');*/ -webkit-filter: drop-shadow(0px 1px 1px #000); filter: drop-shadow(0px 1px 1px #000); } span.CLtouche { font-weight:bold; text-shadow: 0 -1px 0px #000; color: white; background-color: rgb(99, 99, 99); margin: 0; padding: 0.15rem 1rem; border-radius: 5px; border: 1px outset #000; box-shadow: inset 0 2px 10px 2px #000000, 0 2px 3px 0px RGBA( 0, 0, 0, 0.5); } span.CLtoucheExplik { font-style: italic; font-size: 0.8rem; color: rgb(55, 55, 55); } /* **************************************************************************** # # ####### # ###### # # # # # # # # # # # # # # ####### ##### # # # # # # # ####### # # # # # # # # # # # ####### # # ###### **************************************************************************** */ img#IMlogorna { width:191px; height:74px; } span#SPrnapitch { color: @grisfonceRNA ; font-size:30px; } span#SPrnapitch strong { margin-left : 0 ; } div#DV_NAVI { background-color: @rougeRNA ; } div#DV_NAVI a,div#DVsubmenusBLOCK a { border-bottom:0px; } div.CLMainMenu { font-size:1.3rem; color:#FFFFFF; text-align:center; text-shadow:0px 1px 1px rgba(000, 000, 000, 0.7); white-space:nowrap; } div.CLMainMenu:hover { color: @grisclairRNA ; cursor:default; } div.CLMainMenu a:hover { color:inherit; text-decoration:inherit; } div.CLsubMenu { background-color: @grisfonceRNA ; border-radius: 0 0 5px 5px; } div.CLsubsubMenu { border-radius: 5px; } div.CLsubMenu a { color:#FFFFFF; font-size:1.2rem; line-height:1.7rem; } div.CLsubMenu a:hover { color:RGB( 0,155,255); } div.CLsubMenu hr { margin:0.25rem; opacity:0.3; } .shadow { /*-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=5, Color='#000')"; filter: url(#drop-shadow);*/ -webkit-filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.3)); } div#DV_NCAP { } img#IMilluscap,svg#IMilluscap,#ID_dv_casquette { clip: rect(0px, 940px, auto, 0px); } /* **************************************************************************** ###### ####### ###### # # # # # # # # # # # # # # # # # # ###### # # # # # # # # # # # # # # # # # # # ###### ####### ###### # **************************************************************************** */ div#DV_BODY { background-image: url("../common/px/illusCap.svg"); background-size: 100%; background-repeat: no-repeat; background-position: top left; background-attachment: inherit; background-origin: border-box; background-clip: border-box; } div#DV_BODY div.CL_innerMargin { padding: 12px; } div#DV_ASIDL a { padding-left:12px; font-size: 0.9rem; color:@grisfonceRNA; border-bottom: 1px @grisfonceRNA solid; text-shadow: 0px 1px 1px rgba(000,000,000,0.4); /*-webkit-box-shadow: 0 1px 0 0 #000000; box-shadow: 0 1px 0 0 #000000;*/ } div#DV_ASIDL a:hover { color:#0000FF; text-shadow: 0px 1px 1px rgba(000,000,255,0.5); text-decoration:none; border-bottom: 1px #0000FF solid; } div#DVariane { top:3rem; color: @grisclairRNA ; } div#DVariane span:first-of-type::before { content:""; } div#DVariane span::after { content:" \3e "; } .shadowImg { filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2, Color='#000000', Positive='true'); box-shadow: 0 2px 4px 0 rgba(000,000,000,0.5); } .zoomin { cursor:zoom-in ; } div#DVcontFt { color:RGBA( 0, 0, 0,0.0); text-align: center; } div.CLstrcutAdresses { padding: 1rem; margin: 6rem 0px 2rem 0px; background-color: #999080; border-radius: 11px; } div.CLstrcutAdresses a { border-bottom:0px; } div.CLstrcutAdresses, div.CLstrcutAdresses strong { color:#FFFFFF; } hr.CLstrcutAdressesHr { color: transparent; margin: 1rem 0rem; } iframe.CLstructOSM { width:100%; height:200px; } img.CLimBG { opacity: 0.03; } span.CLlienAssosNom { display:inline-block; color: @grisfonceRNA ; font-weight: bold; font-size: 1.2rem; margin-top: 1.5rem; } div.CLdivLiens { color: @grisfonceRNA ; overflow: hidden; padding-left:2rem; } div#DV_ASIDR { text-align: left;/* demandé par Mr. P */ background-image: url("px/illusCorn.svg"); background-size: 100%; background-repeat: no-repeat; background-position: left bottom; background-attachment: inherit; background-origin: border-box; background-clip: border-box; } div#DVdialmag a#HRdialmag img#IMdialmag { width : 96px ; height : auto ; transition : all 250ms linear ; transform : rotate(-10deg) ; filter : drop-shadow(0px 2px 10px hsla(0, 0%, 0%, 0.5)) brightness(1.0) ; } div#DVdialmag a#HRdialmag img#IMdialmag:hover { transition : all 100ms linear ; transform : rotate(0deg) ; filter : drop-shadow(0px 2px 10px hsla(0, 0%, 0%, 0.5)) brightness(1.1) ; } div#DVdialmag a#HRdialmag img#IMdialmag:active { transition : all 0000ms linear ; transform : scale(0.9) rotate(0deg) ; transform-origin : 50% 70% 0px ; filter : drop-shadow(0px 1px 3px hsla(0, 0%, 0%, 0.7)) brightness(0.7) ; } #SP_asidrTitle { text-align: right; font-size: 1.4em; font-weight: bold; text-decoration: underline; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); color: @grisfonceRNA ; float:right; } #SP_asidrTitle a { border-bottom:0px; } #SP_asidrTitle a:hover { border-bottom:1px dashed rgb(0,0,255); } div#DV_ASIDR p { font-size:1rem; } object.CLbodyConteA4max { width: 600px ; height: calc(600px * 1.41) ; } div#DV_FOOTER { font-size:0.7rem; font-family:sans-serif,"arial"; color: @grisclairRNA ; text-shadow:0px 1px 0px rgba(255, 255, 255, 1.0); } @media only screen and (max-width:957px) { object.CLbodyConteA4max { width:100%; } } /* **************************************************************************** ##### # # # ####### ###### # # # # # # # # # # # # # # # # # # # # # # # # #### # # # # ##### ###### # # # ####### # # # # # # # # # # # # # # # # ##### # # ####### ####### ####### # # # **************************************************************************** */ div#DVfotoGallPt { width:100%; height:auto; text-align:center; } img.ClimgGallPt { width:102px; height:57px; margin: 30px 4px 0px 0px; } img.ClimgGallPt:last-of-type { margin-right:0px; } img.ClimgGallPt:hover { cursor:zoom-in; transform: scale(1.3) rotate(-3deg) ; } /* **************************************************************************** # ##### ##### ####### ##### ##### # # # # # # # # # # # # # # # # # # # # # # ##### ##### ##### ####### # # # # # # # # # # # # # # # # # # ##### ##### ####### ##### ##### **************************************************************************** */ img.CLaccessPayATT:focus { -webkit-filter: invert(100%)!important ; filter: invert(100%)!important ; } *.CLaccessPayATT:focus:not(img) { color:#FF00FE!important ; background-color:#00ff00!important ; } /* **************************************************************************** ###### ###### ####### ### # # # # # # # # # ## # # # # # # # # # # # ###### ###### # # # # # # # # # # # # # # # # # # # # # # ## # # # ####### ### # # **************************************************************************** */ div#DVproinBG { background-color:RGBA( 0, 0, 0,0.3); } div#DVproinLOCK { background: @grisfonceRNA url("../common/px/metal.png") repeat; border-radius: 10px; box-shadow: 0px 0px 150px 10px rgba(0, 0, 0, 0.7); border-width: 3px; border-style: solid; border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5); } span#SPproinTitle { text-align:center; font-family: "sans-serif","Arial"; font-weight: bold; font-size: 24px; text-transform: uppercase; color: rgb(128, 128, 128); text-shadow: 0px -1px 1px rgb(0, 0, 0), 0px 1px 0px rgb(255, 255, 255); } div#DVproinLOCK *.CLinpTx { width: 150px; height:22px; border-width: 2px; border-style: solid; border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.2) rgba(127, 127, 127, 0.3); background-color: rgb(200,200,200); color: black; font-size:10px; line-height:10px; font-family:"monospace"; text-align:center; border-radius: 7px; box-shadow:inset 0 2px 5px 0 rgba(0, 0, 0, 0.9); } div#DVproinLOCK input.CLinpTx:focus { box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.9), 0 0 5px 0 rgb(255, 127, 0); background-color: rgb(255, 255, 255); } div#DVproinLOCK input[type="submit"] { border:none; background:url(../common/px/padred.png) no-repeat; background-size: 56px; -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(100%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(100%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(100%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(100%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(100%); -webkit-animation-name:ANblinkyBT ; animation-name:ANblinkyBT ; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-direction: alternate ; animation-direction: alternate ; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-animation-iteration-count:infinite ; animation-iteration-count:infinite ; -webkit-animation-play-state: running ; animation-play-state: running ; -webkit-animation-fill-mode: forwards ; animation-fill-mode: forwards ; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } div#DVproinLOCK input[type="submit"]:hover { -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(150%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(150%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(150%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(150%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(150%); } div#DVproinLOCK input[type="submit"]:active { -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(080%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(080%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(080%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(080%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(1px) brightness(080%); -webkit-transform: scale(0.9); transform: scale(0.9); } @-webkit-keyframes ANblinkyBT { 000% { -weblit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); } 100% { -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); } } @keyframes ANblinkyBT { 000% { -weblit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 255, 255) 0px 3px 1px) blur(0px) contrast(050%) brightness(040%); } 100% { -webkit-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -moz-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -ms-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); -o-filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); filter:drop-shadow(rgb(0, 0, 0) 0px -1px 1px) drop-shadow(rgb(255, 127, 127) 0px 3px 1px) blur(1px) contrast(100%) brightness(100%); } } /* **************************************************************************** ###### ####### # # # # # # ## # # # # # # # # # # # # # # # # # # # # # # # # # # # ## ###### ####### # # **************************************************************************** */ div#DVformdonContent { font-weight: bold; color: rgb(171, 42, 42); font-size: 1.1rem; border: 2px dotted green; border-radius: 5px; background-color:rgb(255, 210, 210); background-image: url("../common/px/bg_bill.svg"); background-size: 4px 4px; background-repeat: repeat; background-position: left bottom; background-attachment: inherit; background-origin: border-box; background-clip: border-box; } div#DVformdonContent span#SPdonTitle { font-size:2rem; text-decoration: underline; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } div#DVformdonContent a#HRcheque { color:#FFFFFF; text-shadow: 0px 1px 1px #000000 ; } div#DVformdonContent a#HRcheque:hover { color:blue; text-shadow:unset; } div#DVformdonContent img#IMbulb { width:22px; height:26px; float:left; } /* **************************************************************************** # ####### ##### # # # # # # # # # # # # # # # # ##### # #### # # # # # # # ####### # # # # # # # # ####### ####### ##### # # ####### **************************************************************************** */ div#DV_COCORICO { padding:11px; font-size: 1.1rem; font-family: serif; color: rgb(255,255,255); background-color:rgba(0,0,0,0.7) ; } div#DV_COCORICO a { /*color:rgb(0, 93, 255);*/ color:rgb(0,127,255); text-decoration:underline; }