@charset "UTF-8"; /*-------------------------------------------------- GÉNÉRAL ----------------------------------------------------*/ /* "Quicksand", "Helvetica Neue", */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Pacifico'; src: url("fonts/Pacifico.ttf"); } @font-face { font-family: 'Quicksand'; src: url("fonts/Quicksand-Regular.ttf"); } @font-face { font-family: 'Quicksand'; font-weight: bold; src: url("fonts/Quicksand-Bold.ttf"); } @font-face { font-family: 'Kaushan Script'; src: url("fonts/KaushanScript-Regular.ttf"); } body { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; background: #e2dde3; font-size: 13px; width:100%;} /* min-width: 970px; */ /*body { font-family: "Century Gothic"; background: #e2dde3; font-size: 13px; min-width: 970px; }*/ /*a { text-decoration: none; color: #333333; }*/ a {text-decoration: none; color:inherit;} .msg {text-align:center; line-height:14px;} /* margin-top:5px provoque l'apparition d'un ascenseur */ .msg_neg {color:#c00; font-weight:bold;} .msg_pos {color:#309430;} .comment {font-style:italic; font-weight:normal; font-size:11px;} nav ul { margin: 0; padding: 0; display:flex; flex-wrap:wrap; justify-content: center;} h3, h4 {font-family: Helvetica, Arial, sans-serif; font-weight: 700;} h1, h2, h3, h4 {font-weight: normal; } h5 {margin:0;} a[onclick] {cursor:pointer;} .icon {background: url("../img/sprite.png") no-repeat; display: inline-block;} .icon.mariage {background-position: -25px -39px; top: 2px;} .icon.naissance {background-position: -51px -40px;} .icon.deces {background-position: -76px -40px;} .icon.distinction {background-position: -99px -40px;} .icon.nomination {background-position: -150px -140px;} .icon.cousinade {background-position: -150px -140px;} .colonne h4 .icon.anniversaire {background: url("../img/picto_anniversaire.png"); width:30px; height:30px; top:-8px;} .icon.portrait {background-position: -25px -68px;} .icon.adventure {background-position: -50px -68px;} .icon.souvenir {background-position: -76px -68px;} .icon.search {background-position: -25px -93px; width: 22px; height: 22px;} .icon.offer {background-position: -50px -93px; width: 22px; height: 22px;} .picto.groupe {background: url("../img/picto_groupe.png") no-repeat; display: inline-block;} .picto.arbre {background: url("../img/picto_arbre.png") no-repeat; display: inline-block;} .picto.jouer {background: url("../img/picto_jouer.png") no-repeat; display: inline-block;} .picto.filtre {background: url("../img/picto_filtre.png") no-repeat; display: inline-block;} .picto.recherche {background: url("../img/picto_recherche.png") no-repeat; display: inline-block;} /*.icon.recherche {background: url("../img/picto_anniversaire.png") no-repeat; display: inline-block;}*/ .clear {clear: both;} .left {float: left;} .right {float: right;} .nowrap {white-space:nowrap;} .centre {text-align:center;} /*.half {width: 50%;}*/ .enligne {display:inline-block;} .gras {font-weight:bold;} .justif {text-align:justify;} .inline {display:inline-block;} /* .anime {text-decoration:blink;} .anime {-webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; color: red; } */ .anime {color:DodgerBlue ;} @-moz-keyframes blinker {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } #slider .row {display: flex; row-gap:10px; align-content:center; height:365px;} /*.flexslider {margin-bottom: 0;}*/ .ui-widget-overlay {opacity:0.8;} .ui-tooltip {border:solid thin #767676 !important; border-radius:3px; padding:2px 5px; font-size:12px; box-shadow:2px 2px 2px #767676; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e5f0)); background-image: -webkit-linear-gradient(#ffffff, #e4e5f0); background-image: linear-gradient(#ffffff, #e4e5f0);} .ui-tooltip-content {background-color:transparent;} /*-------------------------------------------------- ENTÊTE ----------------------------------------------------*/ td.gsc-search-button input {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} #header {background: white url("../img/top-bg.png") top left repeat-x; width: 100%; } #header .inner {display:flex; flex-flow:row wrap; justify-content:space-between; max-width:926px; margin:auto; min-height:135px;} #header .logo {margin-bottom:0;} #header .sections {flex:1 0; text-align: center; font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif;} #header .sections h2 {font-size: 24px; margin: 15px 0 -10px 0; color: #333333; } #header .sections .item {font-size: 28px; display: inline-block; margin: 0 10px; padding-bottom: 15px; color: #333333; outline: none; cursor:pointer;} #header .sections .item.active {color: #dbdbdf; } #header .sections .item.active.Z {background: url("../img/dot-gray.png") bottom center no-repeat; } #header .sections .item.active.M {background: url("../img/dot-gray.png") bottom center no-repeat; } #header .sections .item.active.B {background: url("../img/dot-gray.png") bottom center no-repeat; } #header .sections .item.active.C {background: url("../img/dot-gray.png") bottom center no-repeat; } #header .sections .item.Z {background: url("../img/puce_Z.png") bottom center no-repeat; } #header .sections .item.M {background: url("../img/puce_M.png") bottom center no-repeat; } #header .sections .item.B {background: url("../img/puce_B.png") bottom center no-repeat; } #header .sections .item.C {background: url("../img/puce_C.png") bottom center no-repeat; } #header #connex {flex:0 0 170px; margin-right:10px; margin-left:10px; margin-top:18px; text-align:left; line-height:20px;} #header #connex input {height:18px; width:140px; padding:0 2px; background-color:#FAFFBD;} #header #connex .libel {font-style:italic; font-size:12px; height:18px;} #header #connex .ok input.submit {height: 18px; width:26px; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: white; border-radius: 3px; font-size: 14px; border: none; background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #header #connex .ok input.submit:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #header #connex a {text-decoration: underline; cursor:pointer;} #header #connex .perdu {margin-top:10px;} #header #action {text-align:right; max-width:270px;} #header #action .user {width: 40px; height: 30px; background: url("../img/sprite.png") 0 0; display: inline-block; position: relative; top: -1px; } #header #action .name {font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f06a60; font-weight: bold; } #header #action .links {margin-top:5px;} #header #action .links a {font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; display: inline-block; margin-left: 5px; font-weight: bold; } #header #action .links a .icon {background-position: -47px -24px; width: 12px; height: 10px; } #main {background: url("../img/bg.png") top left repeat-x; position:relative; z-index:1; } #main.public-page {background: url("../img/publique-bg.jpg") top center no-repeat; } #header #gifAttente {position:absolute; width:100%; top:200px; left:0; height:0; text-align:center; visibility:hidden;} #header #gifAttente img {z-index:5;} /*-------------------------------------------------- CHAMP DE RECHERCHE ----------------------------------------------------*/ #contSearch {width:210px; text-align:right; margin:auto; height:35px;} form#search {position: relative; top:-25px; order:2; height:25px; width:100%; text-align:right; } #search input[type=search] {width: 175px; height: 30px; padding: 5px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); border: 1px solid rgba(204, 204, 204, 1); outline: none; border-radius: 0; -webkit-appearance: none; margin-right:30px; } /*#header #search .submit {width: 32px; height: 32px; position: absolute; top: -1px; right: 0; background-color: #eeedee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeedee), color-stop(100%, #e3e1e2)); background-image: -webkit-linear-gradient(#eeedee, #e3e1e2); background-image: linear-gradient(#eeedee, #e3e1e2); }*/ #search .submit {width: 30px; height: 30px; position: absolute; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); top: 0px; right: 0; background-color: #eeedee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #ddd)); background-image: -webkit-linear-gradient(#bbb, #ddd); background-image: linear-gradient(#bbb, #ddd); } #search .submit input {width: 21px; height: 20px; background: url("../img/sprite.png") -46px 0; border: none; position: relative; top: 5px; right: 3px; padding: 0; } /*-------------------------------------------------- MENU HAUT ----------------------------------------------------*/ #menu {max-width: 926px; margin: auto; position: relative; background: white; padding: 3px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); display:flex; } #menu nav>ul {position: relative; z-index: 2; display:flex; justify-content:center; flex-flow: row wrap; row-gap:4px;} #menu nav>ul>li {display: inline-block; width: 148px; border-radius: 3px; position:relative; cursor:pointer; margin:0 2.5px;} #menu nav>ul>li ul {display:none;} #menu nav>ul>li:hover ul {display:block;} #menu nav>ul>li.vert {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #menu nav>ul>li.vert:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #menu nav>ul>li.canard {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2); } #menu nav>ul>li.canard:hover {background-color: #68b3a2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68b3a2), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#68b3a2, #68b3a2); background-image: linear-gradient(#68b3a2, #68b3a2); } #menu nav>ul>li.bleu {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9); } #menu nav>ul>li.bleu:hover {background-color: #4e9bb9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e9bb9), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#4e9bb9, #4e9bb9); background-image: linear-gradient(#4e9bb9, #4e9bb9); } #menu nav>ul>li.rouge {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); } #menu nav>ul>li.rouge:hover {background-color: #cd4d43; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4d43), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#cd4d43, #cd4d43); background-image: linear-gradient(#cd4d43, #cd4d43); } #menu nav>ul>li.cyan {background-color: #75abb6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75abb6), color-stop(100%, #3f808f)); background-image: -webkit-linear-gradient(#75abb6, #3f808f); background-image: linear-gradient(#75abb6, #3f808f); } #menu nav>ul>li.cyan:hover {background-color: #3f808f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f808f), color-stop(100%, #3f808f)); background-image: -webkit-linear-gradient(#3f808f, #3f808f); background-image: linear-gradient(#3f808f, #3f808f); } #menu nav>ul>li.noir {background-color: #5c5f62; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5f62), color-stop(100%, #282b2e)); background-image: -webkit-linear-gradient(#5c5f62, #282b2e); background-image: linear-gradient(#5c5f62, #282b2e); } #menu nav>ul>li.noir:hover {background-color: #282b2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282b2e), color-stop(100%, #282b2e)); background-image: -webkit-linear-gradient(#282b2e, #282b2e); background-image: linear-gradient(#282b2e, #282b2e); } #menu nav>ul>li.restreint {background-color:#ccc;} #menu nav>ul>li>a {color: white; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; display: block; padding: 8px 0; text-align: center; } #menu nav ul ul {position:absolute; width:148px; text-align:center; background:white; border:solid 1px #ccc; font-weight:bold; font-size:12px; z-index:3; border-radius: 3px;} #menu nav ul li.teal ul {color:#68b3a2;} #menu nav ul li.blue ul {color:#4e9bb9;} #menu nav ul ul li {min-height:25px; padding:5px 0; position:relative;} #menu nav ul ul li:hover {color:black; background-color:#f5f5f5;} #menu h1 {position: relative; z-index: 2; font-size: 25px; color: #f06a60; text-align: center; margin: 0; flex:1;} #menu .bg {position: absolute; top: 4px; left: -26px; z-index: 1; } /*-------------------------------------------------- TOUTES PAGES ----------------------------------------------------*/ /* Page */ .main-content {width:100%; max-width: 926px; margin: auto; margin-top: 20px; position: relative; opacity:0.99;} .main-content .arrow-left {position: absolute; left: -21px; top: 12px; z-index: -1; } .main-content .arrow-right {position: absolute; right: -21px; top: 12px; z-index: -1; } /* Blocs-colonne */ /*.colonne {float: left; position: relative; }*/ .colonne header h3 {font-size: 16px; font-weight:bold; width: 100%; position: relative; margin: 0; border-radius: 2px; color: white; } .colonne header h3 a {display: block; padding:5px 10px;} .colonne header h3 .icon, .colonne header h3 .picto {position: absolute; top:2px; right: 10px; width: 20px; height: 24px; } .colonne h4 {font-weight: 700; font-size: 14px; position: relative; margin: 0; padding: 0 30px 0 10px; display: inline-block;} .colonne .block h4 {margin-top: 10px;} .colonne h4 .icon {position: absolute; top: -2px; right: 8px; width: 20px; height: 20px; } .colonne article .image {margin-right:10px; background-position:center center; background-repeat:no-repeat;} /* margin-right: 10px; */ /* Blocs-rubriques */ .colonne .block {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); margin-bottom: 5px; background: white; } /* Bloc-article */ .colonne article { padding: 10px; } .colonne article:nth-child(even) {background: #f5f5f5;} .colonne article .description p {margin:0;} .colonne article .description p+p {margin: 6px 0 0 0;} /* Bas de colonne */ .colonne footer {padding: 7px 3px; text-align: right; margin-top: -5px; border-radius: 3px; } .colonne footer a {font-weight: bold; font-size: 13px; color: white; display: block; width: 100%; } .colonne footer a .icon {width: 15px; height: 15px; background-position: -127px -42px; position: relative; top: 4px; margin-left: 8px; } /*-------------------------------------------------- PAGE PUBLIQUE ----------------------------------------------------*/ #main.public .main-content {padding: 40px; background: white; margin-top: 0; font-size: 13px; padding-bottom: 50px; } #main.public .main-content a, #main.public .main-content .a, #header .a {text-decoration:underline; font-style:italic; color:#666;} #main.public .main-content .a, #header .a {cursor:pointer;} #main.public .main-content a:hover, #header .a:hover {color:blue;} #main.public h2 {font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px; margin-bottom:5px; margin-top:0; text-align:center; line-height:30px;} #main.public p, #main.public li {text-align:justify;} /* #main.public #menu h1 {flex:1;} */ #main.public p {margin:6px 0 0 0;} #main.public p.centre {font-size:12px; font-style:italic; text-align:center; margin-top:0; text-decoration:underline;} #main.public strong {font-weight: bold;} #main.public .dot {position: relative; top: 4px;} #main.public .description {font-size:14px; text-align:center; color:#666666; line-height:20px;} #main.public .main-content img {max-width:100%;} #main.public .bottom {margin-top: 30px; color: #666666; text-align:center;} #main.public .bottom .sep {height:35px;} #main.public .bottom .suite {font-size:12px;} #main.public .bottom.left {padding-right: 15px;} #main.public .bottom.left .submit, #main.public .bottom.left .submit2 {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9); } #main.public .bottom.left .submit:hover {background-color: #4e9bb9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e9bb9), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#4e9bb9, #4e9bb9); background-image: linear-gradient(#4e9bb9, #4e9bb9); } #main.public .bottom.right {padding-left: 15px; } #main.public .bottom.right .submit, #main.public .bottom.right .submit2 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); } #main.public .bottom.right .submit:hover {background-color: #cd4d43; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4d43), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#cd4d43, #cd4d43); background-image: linear-gradient(#cd4d43, #cd4d43); } #main.public .bottom .inner {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); height: 170px; padding: 15px 40px; position: relative; } #main.public .bottom .inner.reduit {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); height: 80px;} #main.public .bottom .inner div.norm {font-style:italic; line-height:normal;} #main.public .bottom .inner h3 {margin:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom:3px;} #main.public .bottom .inner h3 strong {color: #f06a60; } #main.public .bottom .inner .submit, #main.public .bottom .inner .submit2 {position: absolute; left: 125px; bottom: -15px; display: block; width: 165px; height: 30px; padding:5px 10px; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: white; border-radius: 3px; font-size: 16px; border: none; } #main.public .bottom .inner .submit2 {cursor:default;} #main.public .bottom .inner form {margin-top: 15px; } #main.public .bottom .inner form .input {margin-bottom: 10px; } #main.public .bottom .inner form .input label {display: inline-block; width: 90px; } #main.public .bottom .inner form .input input {width: 150px; height:18px; padding:2px 5px; outline: none; border: 1px solid #cccccc;} #main.public .bottom .inner form .hint a {font-size: 11px; } #main.public .a {text-decoration:underline;} #main.public .a:hover {cursor:pointer; color:#6300FF;} #main.public .final {margin-top:10px; font-size: 12px; color: #666666;} #main.public .final span.rouge {color:red; font-size: 14px;} #main.public #visite {text-align:right; font-weight:bold; color:red; margin-top:5px;} #main.public #grille {display:flex; flex-flow:row wrap; column-gap:30px; row-gap:20px; justify-content:center; margin-top:10px;} #main.public #grille #bloc1 {flex:0 223px;} #main.public #grille #bloc2 {flex:0 343px;} #main.public #grille #bloc3 {flex:0 219px;} #main.public #grille #bloc4 {flex:0 265px;} #main.public #grille #bloc5 {flex:0 291px;} #main.public #grille #bloc6 {flex:0 226px;} #main.public #grille #bloc7 {flex:0 170px;} #main.public #grille #bloc8 {flex:0 640px;} #main.public #grille #bloc9 {flex:0 257px;} #main.public #grille #bloc10 {flex:0 258px;} #main.public #grille #bloc11 {flex:0 265px;} #main.public #grille #bloc12 {flex:0 300px;} #main.public #grille #bloc13 {flex:0 220px;} #main.public #grille #bloc14 {flex:0 252px;} /*-------------------------------------------------- ARCHIVES ----------------------------------------------------*/ #main.archives .main-content {display:flex; column-gap:25px;} #main.archives #liste-cont {flex:1;} #main.archives span.decal {padding-left:15px;} #main.archives p.sep {margin:0;} #main.archives .icon {top:1px;} #main.archives #widget {flex:0 165px} /*-------------------------------------------------- MENTIONS ----------------------------------------------------*/ #main.mentions .colonne {float:none; padding:20px; padding-top:8px;} #main.mentions #liste-cont {width:auto;} #main.mentions .cadre {min-height:340px;} #main.mentions #liste-cont ul {margin:0} #main.mentions #liste-cont li {margin:5px;} #main.mentions #liste-cont p {margin:6px 0 0 0;} #main.mentions #liste-cont p.tiret {margin-left:20px; margin-top:6px; text-indent:-8px;} #main.mentions #liste-cont p.sstitre {font-weight:bold; font-size:16px; margin-top:20px;} #main.mentions #liste-cont .notes {margin-top:30px;} #main.mentions #liste-cont .traitH {width:200px; border-top: solid 1px #aaa; height:5px;} #main.mentions #liste-cont .notes p {margin:0; font-size:11px; font-style:italic;} #main.mentions .contacts td {padding:20px 10px;} #main.mentions .contacts td.service {white-space:nowrap} #main.mentions .contacts td.courriel a {white-space:nowrap; text-decoration:underline;} #main.mentions #liste-cont td p {margin-top:6px;} #main.mentions #liste-cont span.abo {font-size:12px;} #main.mentions .plan td {padding:5px 10px; font-style:italic; vertical-align:top;} #main.mentions .plan td.niv1, #main.mentions .plan td.niv2 {white-space:nowrap; font-style:normal; } #main.mentions .plan td.niv1 a, #main.mentions .plan td.niv2 a {text-decoration:underline;} #main.mentions .plan td.niv2 {padding-left:30px;} /*#main.mentions .plan td.sslien {text-decoration:none;}*/ #main.mentions .assoc .notes {position:absolute; bottom:20px;} #main.mentions table.liens {margin:auto;} #main.mentions .liens th {font-size:15px;} #main.mentions .liens td {padding:5px 10px;} #main.mentions #liste-cont a {text-decoration:underline; font-style:italic; font-size:12px;} #main.mentions .liens .sep th {padding-top:30px; padding-bottom:10px;} #main.mentions .liens td.fams {font-size:12px;} #main.mentions .liens td.libel {width:350px;} #main.mentions .liens td.url {width:300px; line-height:12px;} #main.mentions .liens span.comment {font-style:italic; font-size:10px;} #main.mentions #liste-cont .liens span.comment a {font-size:10px;} /*-------------------------------------------------- PAGE DE RECHERCHE ----------------------------------------------------*/ #main.recherche .main-content {display:flex; column-gap:25px;} #main.recherche #liste-cont h4 {color: #9eb85a;} #main.recherche #liste-cont header h3 {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f);} #main.recherche #liste-cont header h3 .picto {top:0; width:26px;} #main.recherche .comments {font-style:italic; margin-top:5px;} #main.recherche .comments .attention {font-weight:bold; color:red;} #main.recherche .resultats {padding:10px 20px 10px 14px; min-height:530px;} #main.recherche .highlight { background: #FFFF40;} /*#main.recherche .searchheading { font-size: 130%; font-weight: bold; }*/ #main.recherche .searchheading {display:none;} /*#main.recherche .summary { font-size: 80%; font-style: italic; }*/ /*#main.recherche .summary {display:none;}*/ /*#main.recherche .suggestion { font-size: 100%; }*/ #main.recherche .suggestion {display:none;} #main.recherche .results { font-size: 100%;} /*#main.recherche .category { color: #999999;}*/ #main.recherche .sorting { text-align: right;} #main.recherche .entete { font-size: 130%; padding-left:6px;} #main.recherche .entete .query {font-weight: bold;} #main.recherche .results>.result_block {margin-top:15px;} #main.recherche .result_title { font-size: 100%; font-weight:bold; font-style:italic; margin-left:52px;} #main.recherche .result_title span.numero {display:inline-block; width:20px; font-weight:normal;} #main.recherche .result_title .abo {font-size:90%; font-weight:normal;} #main.recherche .description { font-size: 100%; color: #008000; } #main.recherche .context { font-size: 100%; padding-left:23px; margin-left:50px; margin-bottom:15px;} #main.recherche .context .fams {font-size:12px;} #main.recherche .infoline { font-size: 80%; font-style: normal; color: #808080;} #main.recherche .zoom_searchform { font-size: 100%; } #main.recherche .zoom_results_per_page { font-size: 80%; margin-left: 10px; } #main.recherche .zoom_match { font-size: 80%; margin-left: 10px;} /*#main.recherche .zoom_categories { font-size: 80%; }*/ #main.recherche .zoom_categories {display:none;} #main.recherche .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} #main.recherche .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } #main.recherche .cat_summary ul { margin: 0px; padding: 0px; display: inline; } #main.recherche .cat_summary li { display: inline; margin-left: 15px; list-style-type: none; } #main.recherche input.zoom_button { } #main.recherche input.zoom_searchbox { } #main.recherche .result_image {float:left; display:block; width:52px; padding-right:8px; text-align:center;} /* laisse 44px (42 + 2) à l'image */ #main.recherche .result_image a {display:inline-block;} #main.recherche .result_image img {max-width:44px; max-height:44px; border:solid 1px #AAA; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);} #main.recherche .result_title {display:flex; justify-content:space-between;} #main.recherche .numero {flex:0 0 20px} #main.recherche .results a {text-decoration:underline; width:100%;} #main.recherche #widget .inner a {text-decoration:underline;} #main.recherche .category {flex:0 0 auto;} #main.recherche .result_block, #main.recherche .result_altblock {position:relative; clear: left; } #main.recherche .category {top:0; right:10px; text-transform:uppercase; font-size:12px; font-weight:bold; color: #999999;} #main.recherche .result_pages { font-size: 100%; } #main.recherche .result_pagescount { font-size: 100%; } #main.recherche .searchtime { font-size: 80%; } #main.recherche .recommended {background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } #main.recherche .recommended_heading { float: right; font-weight: bold; } #main.recherche .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } #main.recherche .recommend_title { font-size: 100%; } #main.recherche .recommend_description { font-size: 100%; color: #008000; } #main.recherche .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} #main.recherche .recommend_image { float: left; display: block; } #main.recherche .recommend_image img { margin: 10px; width: 80px; border: 0px; } #main.recherche #liste-cont footer {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #main.recherche #widget {flex:0 0 180px;} #main.recherche #widget #blocCherche {flex:0 180px;} #main.recherche #widget .instruc {flex:1 120px;} /*-------------------------------------------------- ARCHIVES ----------------------------------------------------*/ #main.archives #liste-cont h4 {color: #9eb85a;} #main.archives #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.archives #liste-cont header h3 .icon {background-position: 0 -33px; } #main.archives .cadre {padding:10px 20px 10px 14px;} #main.bulletins #liste-cont header h3 .icon {background-position:0 -68px; top:6px;} /*-------------------------------------------------- ADHÉSION ----------------------------------------------------*/ #main.adesion .main-content {margin-top:0;} #main.adesion #liste-cont {min-height:600px; float:none; width:100%; padding:20px;} #main.adesion .cadre {display:inline-block;} #main.adesion p {margin-bottom:0;} #main.adesion ul {margin-top:0;} #main.adesion .identif {margin-top:10px; margin-left:20px;} /*#main.adesion .identif a {display:block; margin-top:10px; text-decoration:underline; color:blue; font-size:11px;}*/ #main.adesion a {text-decoration:underline; font-style:italic; font-size:12px;} #main.adesion .identif td {padding:2px 5px; vertical-align:top;} #main.adesion .identif td[colspan] {text-align:center; padding-top:10px;} #main.adesion input[type='text'] {padding:0 3px;} #main.adesion span.larg {display:inline-block; width:120px;} #main.adesion span.donnee {color:#779B21; font-weight:bold;} /*#main.adesion div.note {font-size:11px; position:absolute; bottom:10px; font-style:italic;}*/ #main.adesion div.note {font-size:11px; font-style:italic; margin-top:20px;} #main.adesion div.note p {margin-top:1px; text-indent:-7px; padding-left:7px;} #main.adesion div.note a {color:#666; text-decoration:underline;} #main.adesion td.msg {padding-top:10px; height:26px;} #main.adesion table.coord {margin-top:10px;} #main.adesion table.coord td {padding:2px 10px 2px 0; vertical-align:top;} #main.adesion table.coord textarea, #main.adesion table.coord input[type='text'] {width:200px;} #main.adesion textarea[name='adr_compl'] {height:20px;} #main.adesion textarea[name='adr_geo'] {height:60px; margin-top:-1px;} #main.adesion span.action {text-decoration:underline; font-size:10px; cursor:pointer; font-weight:normal!important; color:#666666!important;} #main.adesion div.loc {display:inline-block; text-align:center;} #main.adesion div.loc img {display:inline-block; margin-top:5px;} #main.adesion .sep td, #main.adesion .sep {padding-top:10px;} #main.adesion .indic {font-size:11px;} #main.adesion .intro {padding-top:10px; padding-bottom:5px;} /*#main.adesion .intro {color:#779B21; font-style:italic;}*/ #main.adesion .intro p {margin-top:6px;} #main.adesion .lien {text-decoration:underline; cursor:pointer; font-style:italic; font-size:11px; color:#666;} #main.adesion table.ident {margin-top:10px;} #main.adesion table.ident td {padding:2px 10px 2px 0; vertical-align:top;} #main.adesion table.ident input[name='courriel'] {width:200px;} #main.adesion table.ident input[name='ident'] {width:150px;} #main.adesion table.ident .inline {vertical-align:middle; margin-left:5px;} #main.adesion .courriel {color:#000;} #main.adesion .oubli td {padding:10px 5px; line-height:20px; vertical-align:top;} #main.adesion .oubli input[name='courriel'] {width:200px;} #main.adesion .oubli input[name='ident'] {width:100px;} #main.adesion .oubli a {text-decoration:underline; font-style:italic; font-size:12px;} #main.adesion .btnAccueil {text-align:center; margin-top:10px;} #main.adesion div.alter {margin-top:20px;} /*------------------------------------------------ COTISATION ----------------------------------------------------*/ #main.cotisation .main-content {margin-top:0;} #main.cotisation #liste-cont {min-height:600px; float:none; width:100%; padding:20px; text-align:center;} #main.cotisation .cadre {display:inline-block; margin:auto; text-align:left; width:685px;} #main.cotisation p {margin-bottom:0; margin-top:8px} #main.cotisation div.note {font-size:11px; font-style:italic; margin-top:20px;} #main.cotisation div.note p {margin-top:1px;} /*------------------------------------------------ CADRE ADHÉSION ----------------------------------------------------*/ #cadreAdh {margin-top:20px; border:solid 2px #9eb85a;} #cadreAdh th {font-weight:normal;} #cadreAdh .sep td {padding-top:10px;} #cadreAdh input[type="radio"] {vertical-align:bottom;} #cadreAdh .action span {text-decoration:underline; font-size:11px; font-style:italic; cursor:pointer;} #cadreAdh div.caption {font-weight:bold; background-color:#9eb85a; text-align:center; font-size:16px; height:20px;} #cadreAdh .tableau {margin:15px 15px 5px 15px;} #cadreAdh .col1 {width:20px;} #cadreAdh .col2 {width:130px;} #cadreAdh .col3 {width:130px;} #cadreAdh .col4 {width:85px;} #cadreAdh .col5 {width:180px;} #cadreAdh .col6 {width:30px;} #cadreAdh .col7 {width:80px;} #cadreAdh .col8 {width:47px;} #cadreAdh #formules {font-style:italic; font-size:12px; vertical-align:top;} #cadreAdh #formules td {padding-right:10px;} #cadreAdh #formules .couleur {color:#628019; font-weight:bold;} #cadreAdh #formules .titre {padding-bottom:3px; font-size:13px;} #cadreAdh td.choix {text-align:right; font-size:12px; padding-right:10px;} #cadreAdh td.nombre {text-align:right; padding-right:10px;} #cadreAdh input[type='number'] {width:30px;} /*#cadreAdh td {vertical-align:top;}*/ #cadreAdh td.courriel {text-align:center;} #cadreAdh input.courriel {width:100%; height:18px;} #cadreAdh input.courriel[disabled] {text-align:center; background-color:white; border:none;} #cadreAdh td.pref {padding-right:0;} #cadreAdh td.pref input {padding:0;} #cadreAdh td.montant {background-color:#eee;} #cadreAdh .entete {text-align:center; font-style:italic; font-size:11px; } #cadreAdh .entete td {padding-top:5px;} #cadreAdh .sup {font-size:9px; font-style:italic;} #cadreAdh input.montant {background-color:#eee; width:40px; text-align:right; height:18px;} #cadreAdh input.montant:not([name='don']) {border-color:transparent;} #cadreAdh input.montant[name='don'] {border: solid 1px #bbb;} #cadreAdh .cout {font-size:11px; font-style:italic; padding-top:2px;} #cadreAdh .total {font-weight:bold; text-align:right; padding-right:25px;} #cadreAdh .bulle {color:#9eb85a; vertical-align:top;} #cadreAdh .ligne_adh {position:relative; } #cadreAdh .votreAdh {display:inline-block; vertical-align:top; padding-right:15px; background-color:white;} #cadreAdh .options {display:inline-block; vertical-align:top; background-color:white;} #cadreAdh .options span {padding-right:15px;} #cadreAdh .ligne_adh div.trait {position:absolute; top:0; height:16px; width:100%; border-bottom:dotted 1px #666; z-index:-1;} #cadreAdh .inline {vertical-align:top;} #cadreAdh .SAListe td[col='id'], #cadreAdh .SAListe td[col='courriel'], #cadreAdh .SAListe td[col='age'] {display:none;} /*------------------------------------------------ MESSAGE ----------------------------------------------------*/ #main.message .main-content {margin-top:0;} #main.message #liste-cont {min-height:600px; float:none; width:100%; padding:20px; text-align:center;} #main.message .cadre {display:inline-block; margin:auto; margin-top:100px;} #main.message .btnAccueil {text-align:center; margin-top:50px;} /*------------------------------------------------ PAIEMENT ----------------------------------------------------*/ #main.paiement .main-content {margin-top:0;} #main.paiement #liste-cont {min-height:600px; float:none; width:100%; padding:30px;} #main.paiement .cadre {display:inline-block;} #main.paiement .intro {margin-top:30px;} #main.paiement th {padding-top:5px;} #main.paiement .para {font-size:14px; font-weight:bold;} #main.paiement .sspar {font-weight:bold;} #main.paiement .ref {font-family:"Times New Roman",Serif; font-size:14px; font-weight:bold; letter-spacing:1px; color:#9eb85a;} #main.paiement .petit {font-size:11px;} #main.paiement input[type='submit'] {width:100%} #main.paiement .resume {margin-right:50px} #main.paiement .resume td {padding:2px 0 2px 30px;} #main.paiement .resume td.montant {text-align:right;} #main.paiement .resume .sep td {padding-left:0;} #main.paiement .resume td+td, #main.paiement .resume th+th {padding-left:20px; text-indent:0;} #main.paiement .resume th.total {border-top:solid 1px #999;} #main.paiement div.modif {margin-top:19px; line-height:19px; color:#666; text-decoration:underline; font-size:11px; font-style:italic; white-space:nowrap;} #main.paiement .choix {margin-top:0;} #main.paiement .choix td {padding:5px 0 5px 30px; text-indent:-15px;} #main.paiement .choix .sep td {padding-top:20px; padding-left:15px;} #main.paiement .choix td+td {padding-left:20px; text-indent:0;} #main.paiement .indic {font-size:11px; line-height:12px; display:block; text-indent:0; margin-top:3px;} #main.paiement div.indic {margin-top:20px;} /*------------------------------------------------ ABONNEMENTS ----------------------------------------------------*/ #main.abonnements .main-content {margin-top:0;} #main.abonnements #liste-cont {min-height:600px; float:none; width:100%; padding:30px;} #main.abonnements .cadre {display:inline-block;} #main.abonnements .intro {margin-top:30px;} #main.abonnements td {vertical-align:bottom; padding:0 5px;} #main.abonnements td+td {text-align:right;} #main.abonnements td.decal {padding-left:25px;} #main.abonnements .total .libel {padding-left:100px;} #main.abonnements .total .montant {border-top:solid 1px;} #main.abonnements .sep td {height:50px; font-weight:bold; padding-bottom:5px;} #main.abonnements .moncompte {text-align:center; margin-top:30px;} #main.abonnements a {text-decoration:underline; font-style:italic; font-size:12px;} #main.abonnements .indic {font-size:11px; text-align:center;} #main.abonnements .bouton {padding-left:50px; vertical-align:middle;} #main.abonnements .bouton input {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); color: white; font-weight: bold; padding: 8px 30px; border-radius: 3px; border: none; } #main.abonnements .bouton input:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #main.abonnements .bouton input {width:175px; height:20px; padding:0 5px; border:1px solid #cccccc; outline:none; margin-top:1px; border-radius:3px; font-weight:bold;} #main.abonnements #mc_embed_signup {background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /*---------------------------------------------- SAISIE ASSISTÉE -----------------------------------------------*/ .sa {margin-left:0;} .sa td {padding-left:2px; padding-right:2px;} .sa .entete {text-align:center} .sa .entete+tr td {padding-top:0;} .sa td>input[type="text"] {height:18px; width:100%; padding:0 2px;} .sa .SAListe {display:inline-block; position:absolute!important; text-align:left; border:solid 1px #7F9DB9; background-color:#eee; padding:0; z-index:3; overflow-x:hidden; overflow-y:auto; box-sizing:content-box;} /* Le !important pour Firefox qui ajoute position:relative à l'élément dom */ .sa .SAListe table {border-collapse:collapse;} .sa .SAListe tbody {border:none;} .sa .SAListe td {padding:0 3px !important; font-weight:normal !important; border:none; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} /* border-left:dotted 1px #7F9DB9 */ .sa .SAListe td[col="pref"] {text-align:right;} .sa .SAListe .SAItemSurvol {overflow:visible; background-color:#3366cc; color:white; cursor:pointer;} .sa input.btnRaz {background-image:url(../img/bt_rafraichit_18.png); width:18px; height:18px; border:none; padding:0;} .sa input.btnRaz:hover {background-image:url(../img/bt_rafraichit_18_survol.png)} /*-------------------------------------------------- ACCUEIL ----------------------------------------------------*/ /* Carrousel */ #slider {max-width: 926px; width:calc(100% - 40px); margin: auto; background: white; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); margin-top: 15px; position: relative; } #slider .content {flex: 0 0 276px; position: relative; padding: 10px 10px 0 10px; } #slider .content h3 {font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 15px; color: #f06a60; width: 100%; margin: 0; } #slider .content h3 .icon {position: absolute; top: 4px; right: 10px; background-position: -143px 0; width: 34px; height: 22px; } #slider .content h2 {font-size: 23px; line-height: 26px; margin-top: 0; } #slider .content h2 a {font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif; } #slider .description {font-size: 13px; color: #666666; max-height: 300px; margin-top:5px; overflow:hidden;} /* overflow: auto; */ #slider .description p {margin-top:6px; margin-bottom:0; line-height:15px;} #slider .description ul {list-style-type:disc; padding-left:15px; margin:6px 0 0 0; padding-left:15px;} #slider .image {flex:0 1 650px; align-self:center;} #slider .image img {display: block; max-width:650px; max-height:365px;} #slider .flex-control-nav {width: 100%; right: 10px; bottom: 10px; text-align: right; color: transparent; font: 0/0 a; text-shadow: none; } #slider .flex-control-nav a {border-radius: 2px; background: white; } #slider .flex-control-nav a.flex-active {background: #f06a60; } #slider .flex-prev, #slider .flex-next {width: 20px; height: 36px; color: transparent; font: 0/0 a; text-shadow: none; opacity: 1; } #slider .flex-prev {background: url("../img/sprite.png") -106px 0; left: -20px; } #slider .flex-next {background: url("../img/sprite.png") -81px 0; right: -20px; } #slider .flex-control-nav li {margin: 0 3px; } #slider .flex-direction-nav a {top: 48%; } #slider a {text-decoration:underline; cursor:pointer;} #main.accueil #mail_actus {max-width:926px; text-align:center; margin:auto; font-style:italic; font-size:11px; margin-top:3px; padding:0 3px; color:#666;} #main.accueil #mail_actus a {text-decoration:underline;} /* Articles */ #main.accueil article .description.full {width: auto !important; margin-left:5px; } #main.accueil article .description {color: #666666; } #main.accueil article .description .link {font-size: 11px; font-weight: bold; } #main.accueil #grille {display:flex; flex-flow:row wrap; column-gap:25px; row-gap:30px;} /* Colonne gauche */ #main.accueil #col-gauche {flex:1 290px} #main.accueil #col-gauche .block h4 {color:#9eb85a;} #main.accueil #col-gauche header h3 a {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #main.accueil #col-gauche header h3 a:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #main.accueil #col-gauche header h3 a .icon {background-position: 0 -33px; } #main.accueil #col-gauche .image {width:90px; height:77px;} #main.accueil #col-gauche .description {width: 170px; } /* #main.accueil #col-gauche .description span {display:inline-block; margin-right:2px; vertical-align:bottom;} */ #main.accueil #col-gauche .description span {margin-right:2px;} #main.accueil #col-gauche .description .nom {font-size: 14px; font-weight:bold; color: #333333;} #main.accueil #col-gauche .description .abo {font-size: 12px; color: #333333;} #main.accueil #col-gauche .description .date {font-size: 12px; } #main.accueil #col-gauche .link {color: #9eb85a; } /* #main.accueil #col-gauche a {display:flex;} */ #main.accueil #col-gauche footer {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #main.accueil #col-gauche footer:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } /* Colonne centrale */ #main.accueil #col-milieu {flex:1 355px} #main.accueil #col-milieu header h3 a {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2); } #main.accueil #col-milieu header h3 a:hover {background-color: #68b3a2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68b3a2), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#68b3a2, #68b3a2); background-image: linear-gradient(#68b3a2, #68b3a2); } #main.accueil #col-milieu header h3 a .icon {background-position:0 -68px; top:5px;} #main.accueil #col-milieu .content {display:flex;} #main.accueil #col-milieu .rubr {float:right; color: #91cabd; font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; margin-top: 2px;} #main.accueil #col-milieu .titre {line-height: 15px; margin: 0 0 2px 0; font-size: 14px; color: #333333; font-weight: bold; } #main.accueil #col-milieu .image {width: 120px; height:100px; margin-top:5px; } #main.accueil #col-milieu .description {flex:1;} #main.accueil #col-milieu .link {color: #91cabd; } #main.accueil #col-milieu .concerne {font-size:12px; margin-bottom:5px; font-style:italic;} #main.accueil #col-milieu .abo {font-size:11px} #main.accueil #col-milieu .resume {height:90px; overflow:hidden; position:relative; margin:5px 0;} #main.accueil #col-milieu .resume .points {position:absolute; bottom:2px; right:2px} #main.accueil #col-milieu footer {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2); } #main.accueil #col-milieu footer:hover {background-color: #68b3a2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68b3a2), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#68b3a2, #68b3a2); background-image: linear-gradient(#68b3a2, #68b3a2); } /* Colonne droite */ #main.accueil #col-droite {flex:1 230px; display:flex; flex-flow:column; row-gap:25px; column-gap:25px;} #main.accueil #col-droite h4 {color: #7cbfd8;} #main.accueil #col-droite header h3 a {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9); } #main.accueil #col-droite header h3 a:hover {background-color: #4e9bb9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e9bb9), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#4e9bb9, #4e9bb9); background-image: linear-gradient(#4e9bb9, #4e9bb9); } #main.accueil #col-droite header h3 a .icon {background-position:0 -93px; top:2px;} #main.accueil #col-droite article .rubr {text-align:right; color:red; font-size:11px;} #main.accueil #col-droite article .titre {font-size:14px; font-weight:700;} #main.accueil #col-droite article .lieudate {font-style:italic;} #main.accueil #col-droite article .texte {overflow: hidden; max-height: 45px; margin-top:3px; color:#666;} #col-droite footer {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9); } #col-droite footer:hover {background-color: #4e9bb9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e9bb9), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#4e9bb9, #4e9bb9); background-image: linear-gradient(#4e9bb9, #4e9bb9); } #main.accueil .aNoter {background-color:#f5f5f5; padding-bottom:10px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);} #main.accueil .aNoter .header {height:28px; font-size:16px; font-weight:bold; padding-left:10px; padding-top:5px; background-color:#eee;} #main.accueil .aNoter .header {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); } #main.accueil .aNoter p {margin:3px 10px 0 10px; color:#555;} #main.accueil .aNoter .titre {font-weight:bold; color:#000;} #main.accueil .aNoter+footer {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); } #main.accueil .ck_anoter {font-size:13px; font-weight:bold; color:#000; margin:10px 0 0 10px;} #cke_editor1 .cke_combopanel {height:45px;} /*--------------------------------------------- COMMUN AUX LISTES ----------------------------------------------------*/ #liste-cont.colonne {background:white;} #liste-cont {box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } /* width:710px; */ #liste-cont header {position: relative; color:white;} #liste-cont .block {margin-bottom: 0; border-bottom: 1px solid rgba(204, 204, 204, 0.5); box-shadow: none; position: relative; padding-top:1px;} #liste-cont .block:first-child .icons {top: 50px; } #liste-cont .block.active {background: white; } #liste-cont .icons {position: absolute; top: 10px; right: 10px; } #liste-cont .description.full {width:97% !important; margin-left:10px;} #liste-cont article {position:relative;} #liste-cont article.active {background-color:white;} #liste-cont article.inactive {background-color:#f5f5f5;} #liste-cont h4 {} #liste-cont footer {text-align: center; position: relative; height:30px; padding-top: 7px; } #liste-cont footer span {color: #ececec; } #liste-cont footer a {display: inline-block; width: auto; } #liste-cont footer a.back {position: absolute; left: 5px; top: 5px; } #liste-cont footer a.back .icon {background-position: -127px -59px; margin: 0 0 0 8px; } #liste-cont footer a.next {position: absolute; right: 5px; top: 5px; } #liste-cont footer a.page {font-size: 12px; color: #ececec; } #liste-cont footer a.page.current {text-decoration: underline; color: white; } /*--------------------------------------------- COMMUN AUX WIDGETS ----------------------------------------------------*/ /*#widget {width: 190px; float: right;} */ #widget header h3 {background-color: #c5c4c5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c4c5), color-stop(100%, #97a1a5)); background-image: -webkit-linear-gradient(#c5c4c5, #97a1a5); background-image: linear-gradient(#c5c4c5, #97a1a5); padding:5px 10px;} #widget header h3 .picto {top:0; width:26px;} #widget .inner {padding: 10px; display:flex; flex-flow:column; column-gap:15px; row-gap:10px;} #widget .inner .hint {font-style: italic; font-size: 12px; color: #888; margin-top:12px; flex:1; align-self: flex-end;} #widget .inner h4 {color: #f06a60; padding: 0; } #widget .inner div+h4 {margin-top:15px;} #widget .inner label {display: block; cursor: pointer; } #widget .icheckbox_minimal-grey, #widget .iradio_minimal-grey {display: inline-block; margin: 0 5px 3px 0; top: 5px; } #widget .ads {margin-top: 20px; } #widget .blocFamille {flex:0 145px;} #widget .blocRubrique {flex:0 160px;} #widget .blocType {flex:0 105px;} /*-------------------------------------------------- CARNET ----------------------------------------------------*/ #main.carnet .main-content {display:flex; column-gap:25px;} #main.carnet #liste-cont {flex: 1;} #main.carnet #liste-cont h4 {color: #9eb85a;} #main.carnet #liste-cont header h3 {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f);} #main.carnet #liste-cont header h3 .icon {background-position: 0 -33px; top:1px;} #main.carnet article .top_line {height:25px;} #main.carnet article .image {width:138px; height:92px; cursor:pointer;} /*#main.carnet article .description {width: 540px;}*/ #main.carnet #liste-cont .tri {position:absolute; top:7px; right:50px;} #main.carnet #liste-cont .tri .criteria {display: inline-block; position: relative; padding-left: 15px; color: white; font-size: 13px; display: inline-block; margin-left: 20px; } #main.carnet #liste-cont .tri .criteria .button {width: 10px; height: 5px; position: absolute; left: 0; } /*#main.carnet #liste-cont .tri .criteria .up {background: url("../img/sprite.png") -101px -68px; top: 2px; }*/ #main.carnet #liste-cont .tri .criteria .down {background: url("../img/sprite.png") -101px -76px; top: 8px; } /* Mise en forme de la description : voir fichier "ck.css" */ #main.carnet #liste-cont footer {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); } #main.carnet .colonne article .description p+p.sansInter {margin-top:0;} #main.carnet #widget {flex:0 190px;} /*------------------------------------------------ ARTICLES ----------------------------------------------------*/ #main.articles .main-content {display:flex; column-gap:25px;} #main.articles #liste-cont {flex:1} #main.articles #liste-cont h4 {font-size:11px; color:#91cabd; margin-top:0; flex:0 133px;} #main.articles #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.articles #liste-cont header h3 .icon {background-position:0 -68px; top:6px;} #main.articles article .top_line {min-height:20px; display:flex; justify-content:space-between; column-gap:10px;} #main.articles article .titre {font-size:14px; font-weight:700; text-transform:uppercase; flex:1;} #main.articles article .icons {flex: 0 auto; position:static;} #main.articles article .pers {font-style:italic;} #main.articles article .pers .abo {font-size:12px;} #main.articles article .image {width:133px; height:100px; cursor:pointer;} /*#main.articles article .description {width: 460px;}*/ #main.articles article .resume {margin-top: 5px;} #main.articles article .miniature {margin-left:10px;} #main.articles article .miniature img {border:solid 1px #aaa; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);} #main.articles #widget {flex:0 170px;} #main.articles #liste-cont footer {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2); } /*------------------------------------------------ BULLETINS ----------------------------------------------------*/ /*#main.bulletins .main-content {width:926px;}*/ #main.bulletins #liste-cont {width:auto;} #main.bulletins #liste-cont h4 {font-size:11px; color:#91cabd; margin-top:0; width:143px;} #main.bulletins #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.bulletins #liste-cont header h3 .icon {background-position:0 -68px; top:4px;} #main.bulletins .colonne {float:none;} #main.bulletins .articles {padding:20px 40px;} #main.bulletins .article {margin-bottom:15px; display:flex; overflow-x:scroll;} #main.bulletins .article.droite {flex-flow:row-reverse;} #main.bulletins .article.gauche {} #main.bulletins .article p {margin:0;} #main.bulletins .img {margin-top:20px;} #main.bulletins table.sommaire {border:none; margin:0 30px; width:613px;} #main.bulletins table.sommaire td, #main.bulletins table.sommaire th {border:none; padding:0 5px; vertical-align:top;} #main.bulletins table.sommaire th {color:#68b3a2;} #main.bulletins table.sommaire td:nth-child(1) {width:105px;} #main.bulletins table.sommaire td:nth-child(1) span {font-size:10px; background-color:#cfe5e0;} #main.bulletins table.sommaire td:nth-child(2) {font-weight:bold;} #main.bulletins table.sommaire td:nth-child(3) {font-size:11px; font-style:italic; width:140px; padding-top:2px} #main.bulletins table.sommaire td:nth-child(4) {font-size:11px; color:#666; width:35px; text-align:right; padding-right:15px; padding-top:2px} #main.bulletins div.numbull {position:relative; height:21px; margin-bottom:10px;} #main.bulletins div.numbull div {position:absolute; left:400px; font-size:18px; font-weight:bold;} #main.bulletins div.numbull div span {font-weight:normal; font-size:14px;} #main.bulletins img.miniature {border:solid 1px #aaa; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);} /*------------------------------------------------ VIE VPF ----------------------------------------------------*/ #main.vievpf #liste-cont {width:auto;} #main.vievpf #liste-cont h4 {font-size:11px; color:#91cabd; margin-top:0; width:143px;} #main.vievpf #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.vievpf #liste-cont header h3 .icon {background-position:0 -68px; top:4px;} #main.vievpf .colonne {float:none;} #main.vievpf .cadre {padding:30px 30px 20px 30px; display:inline-block; vertical-align:top;} #main.vievpf .cadre img {border:solid 1px #aaa; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);} #main.vievpf .rubr {font-size:14px; font-weight:bold; margin:0;} #main.vievpf .rubr:first-letter {text-transform:uppercase} #main.vievpf .cadre td {padding:4px 10px; white-space:nowrap;} #main.vievpf .cadre td.vign {padding-top:0; padding-bottom:0; width:47px;} #main.vievpf .cadre td.date {text-align:right; font-size:11px; width:90px;} #main.vievpf .cadre td.maigre {padding:0; height:11px;} #main.vievpf .bloc {margin-bottom:20px;} #main.vievpf .bloc table {width:100%;} /*----------------------------------------------- ANNONCES ----------------------------------------------------*/ #main.annonces .main-content {display:flex; column-gap:25px;} #main.annonces #liste-cont {background-color:#fff; flex:1} #main.annonces #liste-cont h4 {color:#7cbfd8; margin-top:0; width:143px;} #main.annonces #liste-cont header h3 {width:710px; background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9);} #main.annonces #liste-cont header h3 .icon {background-position:0 -93px; top:2px;} #main.annonces a {text-decoration:underline;} #main.annonces article .top_line {height:20px;} #main.annonces article .titre {margin:5px 10px 5px 0; font-size:14px; font-weight:700; text-transform:uppercase; float:left;} #main.annonces article .pers {font-style:italic;} #main.annonces article .image {width:133px; height:100px; cursor:pointer;} /*#main.annonces article .description {width: 547px;}*/ #main.annonces article .description.full {width: 690px;} #main.annonces article .resume {margin-top: 5px;} #main.annonces article .miniature {margin-left:10px;} #main.annonces article .lieudate {font-style:italic;} #main.annonces article .depose {font-style:italic; text-align:right; margin-top: 5px;} #main.annonces article .depose .lien {text-decoration:underline; color:#666; cursor:pointer;} #main.annonces #widget {flex:0 185px;} #main.annonces #liste-cont footer {height:16px; background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9);} #main.annonces #messagerie .submit input {background-color: #7CBFD8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7CBFD8), color-stop(100%, #4E9BB9)); background-image: -webkit-linear-gradient(#7CBFD8, #4E9BB9); background-image: linear-gradient(#7CBFD8, #4E9BB9); color: white; font-weight: bold; padding: 0 5px; border-radius: 3px; border: none; height:20px; width:200px;} #main.annonces #messagerie .submit input:hover {background-color: #4E9BB9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E9BB9), color-stop(100%, #4E9BB9)); background-image: -webkit-linear-gradient(#4E9BB9, #4E9BB9); background-image: linear-gradient(#4E9BB9, #4E9BB9); } /*----------------------------------------------- ARBRES ----------------------------------------------------*/ #main.arbres .main-content {display:flex; column-gap:25px;} #main.arbres #liste-cont header h3 {background-color: #75abb6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75abb6), color-stop(100%, #3f808f)); background-image: -webkit-linear-gradient(#75abb6, #3f808f); background-image: linear-gradient(#75abb6, #3f808f); } #main.arbres #liste-cont header h3 .picto {top:0; width:30px;} #main.arbres #liste-cont div.princip {padding:5px 10px; background-color:#f5f5f5; min-height:215px;} #main.arbres div.princip p {margin:0; padding:5px 0;} #main.arbres .section {display:flex; flex-flow:row wrap; column-gap:4px;} #main.arbres .ligne {flex:100%;} #main.arbres .libel {text-align:center; margin-top:5px;} #main.arbres form.params p, #main.arbres div.params table {float:left;} #main.arbres form.params .col2 {min-height:21px; margin-left:10px;} #main.arbres form.params input[champ='pref'] {width:21px; text-align:right; margin-right:-1px; } #main.arbres form.params input[champ='nom'] {width:161px} #main.arbres form.params input[champ='prenom'] {width:161px} #main.arbres form.params input[champ='abo_court'] {width:80px} #main.arbres form.params input[name='nbr_gen'] {width:38px;} #main.arbres form.params input[name='i_photo'] {vertical-align:middle;} #main.arbres form.params div.bouton {text-align:center; margin:10px 0;} #main.arbres #liste-cont footer {height:16px; background-color: #75abb6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75abb6), color-stop(100%, #3f808f)); background-image: -webkit-linear-gradient(#75abb6, #3f808f); background-image: linear-gradient(#75abb6, #3f808f); } #main.arbres div.SAListe td[col='id'], #main.arbres div.SAListe td[col='courriel'], #main.arbres div.SAListe td[col='age'] {display:none;} #main.arbres td.deb {padding-left:0;} #main.arbres input[readonly] {background-color:#f5f5f5; border:solid 1px #aaa;} #main.arbres .option {width:220px; text-align:right;} #main.arbres div.indic {font-style:italic; font-size:11px; margin-top:10px;} #main.arbres div.indic ul {margin-top:0; padding-left:15px;} #main.arbres div.indic li {margin-top:5px;} #main.arbres #widget .block {text-align:center;} #main.arbres #widget .inner {column-gap:12px; row-gap: 10px; justify-content: center;} #main.arbres #widget input.roue {background : url(../img/roue_tronq.gif) no-repeat #f5f5f5 8px 0; width:120px; height:95px; padding-top:72px; font-family: Helvetica, Arial, sans-serif; color:red; font-weight:bold;} #main.arbres #widget input.arbre {background : url(../img/arbre.gif) no-repeat #f5f5f5 8px 0 ; width:120px; height:95px; padding-top:72px; font-family: Helvetica, Arial, sans-serif; color:red; font-weight:bold;} #main.arbres #widget input.roue:hover, #main.arbres #widget input.arbre:hover {background-color:#eee;} #main.arbres form.params input[type="text"] {height:18px;} /*----------------------------------------------- MES ANNONCES ----------------------------------------------------*/ #main.mes_annonces #liste-cont {width:820px;} #main.mes_annonces #liste-cont h4 {display:block; text-align:center; font-size:15px; font-weight:700; color:#057997;} #main.mes_annonces #liste-cont h5 {font-size:12px; color:#7cbfd8; margin-top:0; width:137px; height:18px; padding-left: 6px;} #main.mes_annonces #liste-cont header h3 {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9);} #main.mes_annonces #liste-cont header h3 .icon {background-position:0 -93px; top:4px;} #main.mes_annonces article {min-height:40px;} #main.mes_annonces article .top_line {display:flex; flex-flow:row wrap; column-gap:10px;} #main.mes_annonces article section {display:flex; flex-flow:row; column-gap:10px;} #main.mes_annonces article .image {flex:0 0 133px; ordre:1;} #main.mes_annonces article .actions {flex:0 0 110px; order:3;} #main.mes_annonces article .description {flex:1 1; ordrer:2;} #main.mes_annonces article .top_line h5 {flex:0 0 133px;} #main.mes_annonces article .titre {flex:1 1;} #main.mes_annonces article .top_line .etat {flex:0 0 110px;} #main.mes_annonces article input, #main.mes_annonces article select {height:22px;} #main.mes_annonces article input, #main.mes_annonces article select, #main.mes_annonces article textarea {font:inherit; color:inherit; min-width:30px; border-width:1px; padding:0 1px; } #main.mes_annonces article input.error, #main.mes_annonces article select.error, #main.mes_annonces article textarea.error {border:solid 2px red; background-color:pink;} #main.mes_annonces article input[type='file'] {visibility:hidden;} /* #main.mes_annonces article section {width:680px;} */ #main.mes_annonces article .top_line {} #main.mes_annonces article .titre {font-size:13px; font-weight:700;} /* #main.mes_annonces article .etat {margin-right:10px;} */ #main.mes_annonces article .en-ligne {color:red; font-weight:700; font-size:12px; margin-top: 2px;} #main.mes_annonces article .hors-ligne {color:#777; font-size:11px; margin-top: 5px;} #main.mes_annonces article .select {display:inline-block; overflow: hidden; width: 100px;} #main.mes_annonces article select[disabled] {width:120px;} #main.mes_annonces article input[disabled], #main.mes_annonces article select[disabled], #main.mes_annonces article textarea[disabled] {background-color:transparent; border:solid 1px transparent; -webkit-appearance: none;} #main.mes_annonces article .image {width:133px; height:100px; cursor:pointer; margin-right:0;} #main.mes_annonces article textarea {width:100%; resize:vertical; border-color:#aaa;} #main.mes_annonces article .pers {font-style:italic;} /*#main.mes_annonces article .resume {margin-top: 5px;}*/ #main.mes_annonces article .lieudate {margin-left:0; font-style:italic;} /*#main.mes_annonces article .full .lieudate {margin-left:139px;}*/ #main.mes_annonces article .depose {text-align:right; font-style:italic; margin-top:5px; margin-right:10px;} #main.mes_annonces .actions {margin-top:20px;} #main.mes_annonces article a {cursor:pointer; text-decoration:underline; color:#057997;} #main.mes_annonces article a:hover {color:black; font-weight:bold;} #main.mes_annonces .actions a {display:block; margin-top:5px;} #main.mes_annonces #liste-cont footer {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9);} #main.mes_annonces #annonce_0 #btnNouv {width:120px; position:relative; z-index:2;} #main.mes_annonces #annonce_0 h4 {display:block; text-align:center; font-size:15px; font-weight:700; color:#057997; margin:5px 0; font-size:12px;} #main.mes_annonces #annonce_0 input[name='titre'] {min-width:300px;} #main.mes_annonces #annonce_0 input[name='periode'], #main.mes_annonces #annonce_0 input[name='lieu'] {min-width:150px;} #main.mes_annonces #annonce_0 .lieudate, #main.mes_annonces #annonce_0 textarea {margin-top:5px;} /* Messagerie */ #main.mes_annonces #messagerie .submit input {background-color: #7CBFD8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7CBFD8), color-stop(100%, #4E9BB9)); background-image: -webkit-linear-gradient(#7CBFD8, #4E9BB9); background-image: linear-gradient(#7CBFD8, #4E9BB9); color: white; font-weight: bold; padding: 0 5px; border-radius: 3px; border: none; height:20px; width:200px;} #main.mes_annonces #messagerie .submit input:hover {background-color: #4E9BB9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E9BB9), color-stop(100%, #4E9BB9)); background-image: -webkit-linear-gradient(#4E9BB9, #4E9BB9); background-image: linear-gradient(#4E9BB9, #4E9BB9); } /*-------------------------------------------- PAGE ACTU ----------------------------------------------------*/ #main.page_actu {} #main.page_actu #liste-cont {width:100%;} #main.page_actu #liste-cont h4 {color:#7cbfd8; margin-top:0; width:143px;} #main.page_actu #liste-cont header h3 {background-color: #7cbfd8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbfd8), color-stop(100%, #4e9bb9)); background-image: -webkit-linear-gradient(#7cbfd8, #4e9bb9); background-image: linear-gradient(#7cbfd8, #4e9bb9);} #main.page_actu #liste-cont header h3 .icon {background-position:0 -93px; top:4px;} #main.page_actu .colonne {float:none;} #main.page_actu .cadre {min-height:475px; margin:10px;} /*-------------------------------------------- MON COMPTE ----------------------------------------------------*/ #main.mon_compte .main-content {display:flex; column-gap:25px; row-gap:25px;} #main.mon_compte input[disabled] {color:initial;} #main.mon_compte .icheckbox_minimal-grey.disabled {background-position:0 0;} #main.mon_compte .icheckbox_minimal-grey.checked.disabled {background-position:-40px 0;} .main-content.form-page {margin-top: 0; padding-top: 30px;} .main-content.form-page .arrow-left {top: 42px;} .main-content.form-page .arrow-right {top: 42px;} #main.mon_compte #liste-cont {font-size: 13px; color: #666666; flex:0 1 600px; } #main.mon_compte #liste-cont header h3 {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); padding:5px 10px; } #main.mon_compte #liste-cont header h3 .icon {background-position: 0 -33px; } #main.mon_compte .section {padding: 20px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } #main.mon_compte .section:last-child {border-bottom: none; margin-bottom: 30px; } #main.mon_compte .section:first-child {padding-top: 10px; } #main.mon_compte .section h3 {font-size: 14px; font-weight: bold; margin: 0 0 10px; } #main.mon_compte .section .hint {color: #666; font-size: 11px; font-style: italic; text-align:right; } #main.mon_compte .section p {margin:6px 0 0 0;} #main.mon_compte .section .bloc1 {display:inline-block; width:155px;} #main.mon_compte .section .bloc2 {display:inline-block; width:170px;} #main.mon_compte .section .label {text-align:right; font-size: 12px; color: #acacab;} #main.mon_compte .section .actu {padding-left:10px; font-size: 12px; color: #9eb85a; font-weight: bold; } #main.mon_compte .section br.sep {line-height:25px;} #main.mon_compte .section div.sep {height:8px;} #main.mon_compte .section input:not([type='checkbox']) {width:100%; height:20px; padding:0 5px; border:1px solid #cccccc; outline:none; margin-top:1px; border-radius:3px; font-weight:bold;} #main.mon_compte .section.submit {text-align:center;} #main.mon_compte .section.submit input {width:150px;} #main.mon_compte .section table {font-size: 12px;} #main.mon_compte .section table tr.entete td {padding-top:3px; padding-bottom:3px; text-align:center;} #main.mon_compte .section .adhesions {text-align: center; } #main.mon_compte .section .adhesions td {width:50px;} #main.mon_compte .section .paiements {width: 100%;} #main.mon_compte .section .paiements td {vertical-align:top;} #main.mon_compte .section .paiements td.support {text-align:center;} #main.mon_compte .section .paiements td.montant {text-align:right; font-weight:bold;} #main.mon_compte .section .paiements tr:nth-child(even) {background-color:#f3f3f3;} #main.mon_compte .voir {float:right; padding-top:4px; text-align:right;} #main.mon_compte .indic {font-size:11px; font-style:italic;} #main.mon_compte .submit input {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); color: white; font-weight: bold; padding: 8px 30px; border-radius: 3px; border: none; } #main.mon_compte .submit input:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #main.mon_compte #widget .submit {text-align:center;} #main.mon_compte #widget .submit input {width:185px;} #main.mon_compte .msg {margin-top:8px;} #main.mon_compte #widget {flex:0 1 300px; display:flex; flex-direction:column; column-gap:25px; row-gap:20px;} #main.mon_compte #widget .inner {display:block;} #main.mon_compte #widget .section {padding:20px 0;} #main.mon_compte #widget a {padding:0;} /* #main.mon_compte #widget .block {margin-bottom:20px;} */ #main.mon_compte #widget strong {font-size: 13px; color: #666666;} #main.mon_compte #widget .donnees {display:inline-block; vertical-align:top; font-size:13px; color:#779B21; font-weight:bold; margin-right:-20px; } #main.mon_compte #widget .donnees.faible {font-weight:normal;} #main.mon_compte #widget .donneesAnn {display:inline-block; margin-left:20px; font-size: 13px; color: #779B21;} /* #9eb85a; */ #main.mon_compte #widget .enfants {position:relative; margin-left:8px;} #main.mon_compte #widget section {margin-top:10px;} #main.mon_compte #widget .ssSection {margin-top:5px; position:relative;} #main.mon_compte #widget .bulle {display:block; position:absolute; font-weight:normal; color:#858585} #main.mon_compte .warn {color: #f06a60; font-size:11px; font-style:italic;} #main.mon_compte div.warn {text-align:right;} #main.mon_compte div.warn+div.warn {margin-top:-3px;} #main.mon_compte .voir {font-size: 12px; color: #9eb85a; } #main.mon_compte .section .icheckbox_minimal-grey, #main.mon_compte .section .iradio_minimal-grey { display: inline-block; } #main.mon_compte .section .iradio_minimal-grey {position: relative; top: 4px; margin-right: 5px; } #main.mon_compte .section table thead {background: #ececec; font-weight: bold; border: 5px solid #fdfdfd; border-radius: 3px; } #main.mon_compte .section table td {padding: 5px; } /*-------------------------------------------- GÉNÉALOGIE ----------------------------------------------------*/ #main.genealogie {} #main.genealogie header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.genealogie header h3 a.lien {float:right; text-decoration:underline; font-size:13px; font-weight:normal; font-style:italic;} #main.genealogie header h3 .picto {left:250px; width:30px; top:1px;} #main.genealogie .colonne {float: none; background-color:#f5f5f5;} /* padding-bottom:1px; */ #main.genealogie div.folio {position:relative; margin-top:20px;} /* Sélection */ #main.genealogie #selection {z-index:0;} #main.genealogie #selection #filtre {display:inline-block; vertical-align:top; position:relative; border-right:solid 5px white; font-size: 13px; color: #666666; background-color:#f5f5f5; z-index:1; max-width:423px;} #main.genealogie #selection #fams {width:378px;} #main.genealogie #selection .fam {float:left; } #main.genealogie #selection .fam+.fam {margin-left:15px;} #main.genealogie #selection .libel_viv {display:none} #main.genealogie #selection .section {position:relative; vertical-align:top; width:100%; padding:7px 20px 10px 20px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); display:flex; flex-flow:row wrap; column-gap:4px;} #main.genealogie #selection .inter span {text-indent:-10px;} #main.genealogie #selection .item span {vertical-align:text-top; white-space:nowrap} /*#main.genealogie #selection #sectionHaut {padding-right:0;}*/ #main.genealogie #selection .section:last-child {border-bottom:none; padding-top:15px;} /*#main.genealogie #selection .section .libel {margin-top:5px;}*/ #main.genealogie #selection .enligne .icheckbox_minimal-grey, #main.genealogie #selection .enligne .iradio_minimal-grey {display:inline-block; vertical-align:bottom;} #main.genealogie #selection section>div.ssPadH {display:inline-block; margin-top:0; text-align:center;} #main.genealogie #selection .jqstb-header-scroll {width:100% !important;} #main.genealogie #selection .item .libel {text-align:center; margin-top:5px;} #main.genealogie #selection .ligne {flex:100%;} #main.genealogie #selection input[type='text'] {padding:0 2px; height:20px;} #main.genealogie #selection .sa input[champ='pref'] {width:21px; text-align:right; margin-right:-1px;} #main.genealogie #selection .sa input.nom {width:161px} #main.genealogie #selection .sa input.prenom {width:161px} #main.genealogie #selection .sa input[champ='nom'] {width:140px} #main.genealogie #selection .sa input[champ='prenom'] {width:100px} #main.genealogie #selection .sa input[champ='abo_court'] {width:80px} #main.genealogie #selection .SAListe [col='id'], #main.genealogie #selection .SAListe [col='courriel'] {display:none;} #main.genealogie #selection div.nom {width:150px; margin-left:20px; text-align:center; margin-top:0;} #main.genealogie #selection div.prenom {width:150px; text-align:center; margin-top:0;} #main.genealogie #selection section.vivants {height:35px; padding-top:12px; vertical-align:top; margin-left:22px;} #main.genealogie #selection span.deco {font-family:Medailles; cursor:default;} #main.genealogie #selection input.age {width:30px;} #main.genealogie #selection input.date {width:38px;} #main.genealogie #selection .saLoc div.enligne {padding:0 2px; text-align:center;} #main.genealogie #selection .btnRaz {background-color:transparent; background-image: url(../img/rafraich.png); width:22px; height:22px; border:none; padding:0; vertical-align:bottom;} #main.genealogie #selection .btnRaz:hover {background-image: url(../img/rafraich_survol.png);} #main.genealogie #selection p.inter {line-height:20px;} #main.genealogie #selection .saLoc div.loc {width:90px; text-align:left;} #main.genealogie #selection .cont {width:120px;} #main.genealogie #selection .pays {width:150px;} #main.genealogie #selection .region {width:100px;} #main.genealogie #selection .ville {width:120px;} /*#main.genealogie #selection #filtre .libel {display:inline-block;}*/ #main.genealogie #selection div.conjointSep {position:absolute; right:20px; top:0; vertical-align:top;} #main.genealogie #selection input[type='radio'], #main.genealogie #selection input[type='checkbox'] {vertical-align:bottom;} #main.genealogie #selection #listeSelect {position:absolute; top:30px; right:0; padding:10px 0 10px 20px; z-index:0; overflow-x:auto; min-width:470px; max-width:901px; background-color:#f5f5f5; } #main.genealogie #selection #liste {padding-right:20px;} #main.genealogie #selection #liste caption p {font-style:italic; text-align:left; margin:0;} #main.genealogie #selection #liste caption p.result {font-style:normal; font-weight:bold; text-align:center; margin:5px 0 10px 0;} #main.genealogie #selection #liste caption p.resume {font-weight:bold; font-size:13.5px; } /*#main.genealogie #selection #liste caption a {display:block; float:right; text-decoration:underline}*/ #main.genealogie #selection #liste table {min-width:405px;} #main.genealogie #selection #liste td.libel_couple {color:#888;} #main.genealogie #selection #liste td.libel_couple span.conf {color:#000;} /*{color:#769a1f; font-weight:bold;}*/ /*#main.genealogie #selection #liste td.libel_couple span.et {color:#999;}*/ #main.genealogie #selection .jqstb-scroll table {position:relative;} #main.genealogie #selection #liste tr:nth-child(even) {background-color:white;} #main.genealogie #selection tr.survol td {background-color:yellow;} #main.genealogie #selection tr[sel='1'].survol td {background-color:orange;} #main.genealogie #selection tr[sel='1'] td {background-color:red;} #main.genealogie #selection td {padding:0 5px; white-space:nowrap; cursor:pointer; line-height:16px;} #main.genealogie #selection th {background-color:#E2DDE3; white-space:nowrap; border-right:solid 1px white; cursor:pointer;} #main.genealogie #selection th:hover {background-color:#ccc;} /*#main.genealogie #selection #liste td.blanc, #main.genealogie #selection #liste th.blanc {width:15px;}*/ #main.genealogie #selection div.action {margin-top:7px; font-style:italic; font-size:11px;} #main.genealogie #selection div.marque {font-style:italic; height:16px;} #main.genealogie #selection div.marque span {text-decoration:underline; cursor:pointer;} #main.genealogie #selection th.libel {padding-left:30px;} #main.genealogie #selection .age {text-align:right; min-width:28px;} #main.genealogie #selection td.abo_court {font-family:"Courier New", Courier, monospace; letter-spacing:-1px;} #main.genealogie #selection td.quartier {text-align:right;} #main.genealogie #selection .loc {text-align:center; min-width:30px;} #main.genealogie #selection td.loc {letter-spacing:-1px; font-size:18px;} #main.genealogie #selection td.courriel {text-align:center; font-size:11px;} #main.genealogie #selection .reini {text-align:center;} #main.genealogie #selection .reini input {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); color: white; font-weight: bold; padding: 0 5px; border-radius: 3px; border: none; height:20px; } #main.genealogie #selection .reini input:hover {background-color: #cd4d43; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4d43), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#cd4d43, #cd4d43); background-image: linear-gradient(#cd4d43, #cd4d43); } #main.genealogie #selection #resume {padding: 5px 0; font-style:italic;} #main.genealogie #selection #result {font-style:italic; font-size:18px; font-weight:bold; padding-bottom:5px; text-align:center;} #main.genealogie #selection #widget {height:550px; width:473px;} /* Carte */ #main.genealogie #carte {font-size: 13px; color: #666666; background-color:#f5f5f5; z-index:0; } #main.genealogie #carte h4 {color: #f06a60;} #main.genealogie #carte #zoneCarte {height:600px; z-index:2;} #main.genealogie #carte .btnCarte {position:relative; text-align: center; background-color:#f5f5f5;} /* Messagerie */ #main.genealogie #messagerie .submit input {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); color: white; font-weight: bold; padding: 0 5px; border-radius: 3px; border: none; height:20px; width:200px;} #main.genealogie #messagerie .submit input:hover {background-color: #cd4d43; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4d43), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#cd4d43, #cd4d43); background-image: linear-gradient(#cd4d43, #cd4d43); } /*------------------------------------------------ FICHE ----------------------------------------------------*/ #main.fiche #liste-cont {font-size: 13px; color: #666666; width:100%; background-color:#f5f5f5; } #main.fiche #liste-cont header h3 {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); padding:5px 10px; } #main.fiche #liste-cont header h3 .icon {background-position: 0 -33px; } /* Commun aux fiches-page et aux fiches volantes */ #__lpform_prenoms {display:none;} #fiche {font-size: 13px; color: #666666; background-color:#f5f5f5; width:100%; z-index:1;} #fiche .colonne {float:none;} #fiche header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #fiche header span.img {display:block; position:absolute; right:10px; top:4px; height:22px; width:22px; background-image:url(../img/bt_supprime_22.png)} #fiche header span.img:hover {background-image:url(../img/bt_supprime_22_survol.png)} #fiche .imgMilieu {position:absolute; top:0; width:100%; text-align:center;} #fiche .imgMilieu img {cursor:pointer;} #fiche #divFiche {position:relative; display:inline-block; vertical-align:top; padding:15px 20px; overflow:hidden; z-index:1; background-color:#f5f5f5; border-right:solid 5px #ddd;} #fiche #contFiche {min-width:290px;} #fiche #formFiche {display:inline-block;} #fiche td {vertical-align:top; padding-top:3px; padding-bottom:3px;} #fiche .decorations .entetes td {vertical-align:bottom;} #fiche .vide td {height:0; padding:0;} #fiche td.libel {padding-right:7px; white-space:nowrap;} #fiche input {background-image:none !important;} #fiche input:not([type="radio"]):not([type="checkbox"]):not(.pref) {padding:0 3px; min-width:76px;} #fiche td#portrait {padding:0 0 0 10px; text-align:right;} #fiche #photo {display:inline-block; text-align:center;} #fiche #chargeurPhoto {text-align:center; cursor:pointer;} #fiche #chargeurPhoto span {font-style:italic; font-size:11px; text-decoration:underline;} #fiche #chargeurPhoto img {vertical-align:middle;} #fiche td.sexe {white-space:nowrap;} #fiche input.date {width:72px;} #fiche input.tel {width:130px;} #fiche #courriel td.lien_msg {text-align:center;} #fiche #appel td {font-size:11px; padding: 0 0 10px 5px;} #fiche #appel a {font-style:italic; text-decoration:underline; cursor:pointer;} #fiche input.pref {min-width:33px;} #fiche input.prof {min-width:220px !important;} #fiche input[name='comment'] {min-width:220px !important;} #fiche input[type="radio"], #fiche input[type="checkbox"] {vertical-align:middle;} #fiche .indic p {font-size:11px; margin:5px 0 0 0;} #fiche .notes p {font-size:11px; font-style:italic; margin:2px 0 0 0; padding-left:9px; text-indent:-9px;} #fiche .avecPref td {padding-top:0;} #fiche .avecPref td.libel {padding-top:10px;} #fiche .entetePref {font-size:10px;} #fiche table.decorations td {text-align:center; padding-left:0; padding-right:0;} #fiche table.decorations tr.entetes {font-size:11px; padding-left:0; padding-right:0;} #fiche table.decorations select {width:88px;} #fiche table.decorations td.cg select {width:32px; padding:0; margin:0 0 0 5px;} #fiche td.champ span.indic {font-weight:normal; color:#666666; font-size:10px;} #fiche textarea {resize:none;} #fiche textarea.adr_compl {height:20px; border-bottom:solid 2px #f5f5f5;} #fiche textarea[name='comment'] {height:16px;} #fiche td.champ span, #fiche input, #fiche select {display:inline-block; color:#779B21; font-weight:bold; border:none; padding:0 3px;} #fiche td.champ span {padding:0 3px 0 18px; text-indent:-15px;} #fiche td.champ div.bloc, #fiche textarea {color:#779B21; width:100px; border:none; padding:0 3px; font-size:12px;} #fiche td.champ .faible {font-weight:normal;} #fiche div.loc {display:inline-block; margin:3px 0 0 5px; text-align:center;} #fiche div.loc img {vertical-align:middle;} #fiche .lien_signaler {font-size:12px; font-style:italic; margin-top:5px; margin-bottom:15px;} #fiche .lien_signaler p {margin:0 0 5px 0; text-indent:-225px; padding-left:225px;} #fiche .lien_signaler a {text-decoration:underline; cursor:pointer;} #fiche .action {text-decoration:underline; font-size:10px; cursor:pointer; font-weight:normal!important; color:#666666!important;} #fiche .unions td {padding:2px 5px;} #fiche caption {font-weight:bold;} #fiche .unions tr.entetes {text-align:center;} #fiche .unions td.idSep {text-align:center;} #fiche tr.union:nth-child(even) {background-color:#eee;} /*#fiche tr.union:nth-child(odd) {background-color:#eee;}*/ #fiche tr.union td * {color:#779B21; font-weight:bold;} #fiche tr.union.faible td * {font-weight:normal;} #fiche tr.union td div.SAListe * {color:#666;} #fiche .bouton {text-align:center;} #fiche .bouton input {background-color: #9eb85a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9eb85a), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#9eb85a, #769a1f); background-image: linear-gradient(#9eb85a, #769a1f); color: white; font-weight: bold; padding: 8px 30px; border-radius: 3px; border: none; width:200px; height:20px;} #fiche .bouton input:hover {background-color: #769a1f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #769a1f), color-stop(100%, #769a1f)); background-image: -webkit-linear-gradient(#769a1f, #769a1f); background-image: linear-gradient(#769a1f, #769a1f); } #fiche .msg {height:20px;} #fiche .bleu {color:blue} #fiche .err {color:red; font-size:11px;} #fiche table.unions {width:100%;} #fiche td.champ span.absent, #fiche tr.union td span.absent {color:red; font-weight:bold; padding:0; text-indent:0;} /* padding:0; */ #fiche #arbre {position:absolute; top:30px; right:0; padding-bottom:15px; z-index:0; overflow-x:auto; max-width:901px; text-align:center;} #fiche .graphes {position:relative;} #fiche #indicClic {position:absolute; left:550px; top:350px;} #fiche a#legende {position:absolute; right:10px; bottom:20px; font-style:italic; font-size:11px; text-decoration:underline; cursor:pointer;} #fiche #metiers {position:absolute; border:solid 1px #333; background-color:#eee; line-height:16px; margin-top:3px;} #fiche #codemetier {min-width:40px; width:40px; font-weight:normal;} #fiche #metiers input {width:305px; font-weight:normal;} #fiche #metiers .petit {font-size:9px;} #fiche #metiers .SAListe td[col^="pcs"] {visibility:hidden;} /*------------------------------------------------ MESSAGERIE ----------------------------------------------------*/ /* #messagerie {width:100%; z-index:1;} #messagerie .colonne {float:none; background-color:#f5f5f5;} #messagerie header span.img {display:block; position:absolute; right:10px; top:4px; height:22px; width:22px; background-image:url(../img/bt_supprime_22.png)} #messagerie header span.img:hover {background-image:url(../img/bt_supprime_22_survol.png)} #messagerie form {margin:20px 50px;} #messagerie form td {padding:5px 10px; vertical-align:top;} #messagerie input[type='text'] {width:500px; padding-left:5px;} #messagerie input[disabled] {background-color:white;} #messagerie .submit {text-align:center;} #messagerie .indic, #messagerie .msg {margin-top:10px; font-style:italic; color:#666; text-align:center;} */ #messagerie textarea {width:500px; padding-left:5px; padding-right:5px; height:200px;} #messagerie td {padding:8px;} #notif_vpf #formMsg td {padding:8px;} .folio {width:100%; z-index:1;} .folio .colonne {float:none; background-color:#f5f5f5;} .folio span.faire {height:30px; font-size:14px; font-weight:bold;} .folio header span.img {display:block; position:absolute; right:10px; top:4px; height:22px; width:22px; background-image:url(../img/bt_supprime_22.png)} .folio header span.img:hover {background-image:url(../img/bt_supprime_22_survol.png)} .folio form {margin:20px 50px;} .folio form td {padding:5px 10px; vertical-align:top;} .folio input[type='text'] {width:500px; padding-left:5px;} .folio input[disabled] {background-color:white;} .folio div#message {min-height:200px; padding-left:5px; padding-right:5px; background-color:white;} .folio .submit {text-align:center;} .folio .indic, .folio .msg {margin-top:10px; font-style:italic; color:#666;} .folio .msg {text-align:center;} .folio .instruc {font-style:italic; color:#666;} .folio input#fichierACharger {width:110px; float:left; padding:0 !important; font-size:12px; color:#f5f5f5;} .folio table#pj {margin-left:10px; margin-top:3px; font-size:12px;} .folio table#pj a {text-decoration:underline; color:blue;} .folio #pj td {padding:0 5px !important;} .folio #pj button {padding:0; border:none; height:14px;} .folio #pj button img {width:14px;} .folio input[type='button'] {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43); color: white!important; font-weight: bold; padding: 0 20px!important; border-radius: 3px; border: none; height:20px; } .folio input[type='button']:hover {background-color: #cd4d43; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4d43), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#cd4d43, #cd4d43); background-image: linear-gradient(#cd4d43, #cd4d43); } .folio input[disabled], .folio input[disabled]:hover{background-image:none; background-color:#aaa;} /*------------------------------------------------ ABONNEMENT ----------------------------------------------------*/ #main.abonnement #liste-cont {width:auto;} #main.abonnement #liste-cont header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.abonnement #liste-cont header h3 .icon {background-position:0 -68px; top:6px;} #main.abonnement .colonne {float:none;} #main.abonnement #liste-cont #central {text-align:center; padding:20px 0 40px 0; font-size:16px; line-height:30px;} #main.abonnement div.gauche {display:inline-block; text-align:left;} #main.abonnement #central a {text-decoration:underline;} /*------------------------------------------------ AUDIO-VIDÉO ----------------------------------------------------*/ #main.audiovideo #liste-cont {width:auto;} #main.audiovideo #liste-cont h4 {font-size:11px; color:#91cabd; margin-top:0; width:143px;} #main.audiovideo #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.audiovideo #liste-cont header h3 .icon {background-position:0 -68px; top:6px;} #main.audiovideo .colonne {float:none;} #main.audiovideo #liste-cont img {max-width:650px; max-height:365px;} /* --------------------------------------------------- AVOUSDEJOUER ---------------------------------------------------------- */ #main.avousdejouer #liste-cont h4 {color: #9eb85a;} #main.avousdejouer #liste-cont header h3 {background-color: #5c5f62; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5f62), color-stop(100%, #282b2e)); background-image: -webkit-linear-gradient(#5c5f62, #282b2e); background-image: linear-gradient(#5c5f62, #282b2e); } #main.avousdejouer #liste-cont header h3 .picto {width:30px; top:0;} #main.avousdejouer .cadre {padding:10px 20px 10px 14px;} #main.avousdejouer .intro {margin-bottom:30px;} #main.avousdejouer .intro p {margin:6px 0 0 0;} #main.avousdejouer .emploi {font-size:12px; font-style:italic;} #main.avousdejouer .bloc {margin-top:30px;} #main.avousdejouer .titre {margin-bottom:10px; font-size:14px; font-weight:bold; color:#4E9BB9; text-decoration:underline; cursor:pointer;} #main.avousdejouer .cont {display:none;} #main.avousdejouer .pre {margin-bottom:10px; font-style:italic;} #main.avousdejouer .admin {color:green; text-align:right;} #main.avousdejouer table {width:100%; cursor:default;} #main.avousdejouer tr.impair {background-color:#eee;} #main.avousdejouer tbody tr:hover {background-color:#ccc;} #main.avousdejouer td {padding-left:5px; padding-right:5px; } #main.avousdejouer input[type='text'] {height:18px; padding-top:0; width:100%; color:blue;} #main.avousdejouer div#enr {display:none; opacity:0; position:fixed; background-color:green; font-weight:bold; color:white; top:390px; left:610px; padding:5px 10px;} #main.avousdejouer tr[degre="1"] td {background-color:rgba(255,255,0, 0.5)} #main.avousdejouer tr[degre="2"] td {background-color:rgba(255,255,0, 0.3)} #main.avousdejouer tr[degre="3"] td {background-color:rgba(255,255,0, 0.1)} #main.avousdejouer td.personne, #main.avousdejouer td.parents {padding-left:25px; text-indent:-20px;} #main.avousdejouer td.fams, #main.avousdejouer td.n_deg_vpf {font-size:11px; padding-top:2px;} #main.avousdejouer td.i_courriel {font-size:11px; padding-top:0px;} #main.avousdejouer td.patronyme {width:160px;} #main.avousdejouer td.masc, #main.avousdejouer td.fem, #main.avousdejouer td.oui, #main.avousdejouer td.non, #main.avousdejouer td._ {text-align:center; padding-top:2px;} #main.avousdejouer #jumeaux th {line-height:10px;} #main.avousdejouer #jumeaux .date_naiss input {color:inherit;} #main.avousdejouer #jumeaux .date_naiss input.modif {color:inherit; color:blue;} #main.avousdejouer #jumeaux .format {font-size:11px; font-weight:normal;} #main.avousdejouer #courrielInval {font-size:12px;} #main.avousdejouer td.nouveau_courriel input {width:180px;} #main.avousdejouer td.date_naiss, #main.avousdejouer td.date_naiss2 {width:85px;} #main.avousdejouer td.date_naiss input, #main.avousdejouer td.date_naiss2 input {text-align:right;} #main.avousdejouer td.prenom {width:80px;} #main.avousdejouer td.part {width:30px;} #main.avousdejouer td.relation, #main.avousdejouer td.parents {font-size:12px; font-style:italic;} /*-------------------------------------------- BAS DE PAGE ----------------------------------------------------*/ #footer { background: url("../img/footer-bg.png") bottom left repeat-x; width:100%; margin-top: 20px; position:relative; z-index:0; padding-bottom:20px;} #footer nav {margin: auto; position: relative; background: white; padding: 8px; max-width:926px;} #footer nav ul { position: relative; z-index: 2;} /* #footer nav ul li { display: inline-block; } */ #footer nav ul li:first-child a { padding-left: 0; } #footer nav ul li:last-child a:after, #footer nav ul li:last-child span:after { content: ''; } #footer nav ul li a, #footer nav ul li span { color: #999999; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; display: block; padding: 6px 18px 2px 10px; text-align: center; position: relative; letter-spacing:0.8px; } #footer nav ul li a:after, #footer nav ul li span:after { content: '•'; position: absolute; top: 6px; right: 0; } #footer nav ul li a:hover { color: #333333; } #footer nav .author { float: right; color: #999999; font-family: Georgia; font-weight: bold; font-style: italic; font-size: 11px; z-index: 2; margin-top: 6px; position: relative; } #footer nav .author a { color: #999999; } #footer nav .bg { position: absolute; top: 5px; left: -26px; z-index: 1; } /*---------------------------------------- EDITABLE SELECT ------------------------------------------------*/ /** * jQuery Editable Select * by Indri Muska * * Source on GitHub @ https://github.com/indrimuska/jquery-editable-select * * File: jquery.editable-select.css */ input.es-input { background-color:white !important; padding-right: 20px !important;} /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; }*/ input.es-input:focus { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .es-list { display: block; position: absolute; padding: 0; margin: 0; margin-top:1px; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto; -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; } .es-list li { display: block; padding: 1px 3px; margin: 0; cursor:pointer;} .es-list li.selected { background: #f3f3f3; } .es-arrow { display:inline-block; vertical-align:bottom; width:20px; height:15px; margin-left:-20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; } /* background: url(../img/fleche_bas.png) no-repeat 6px 0;} */ /* --------------------------------------------------- FENÊTRE CADRAGE PHOTO ---------------------------------------------------------- */ .DHTMLSuite_paneHeader { font-size: 16px; font-weight: bold; text-align: center; overflow: hidden; height: 23px; line-height: 22px; background-image: url(../../../biblio/DHTMLsuiteForApp/themes/blue/images/pane-splitter/pane-splitter-header-bg.png); background-repeat: repeat-x; } .cadrage {background-color:#FFFFFF; border:1px solid #000000; position:absolute; z-index:100002; overflow:auto;} .cadrage td {padding:0;} .cadrage .bt_ferme {float:right; width:10px; height:10px; margin:6px 5px 0 0; background-image:url("images/ferme.gif");} .cadrage .titre {font-size:14px; font-weight:bold; text-align:center;} .cadrage table {overflow:auto; margin:10px auto; border-collapse:collapse;} .cadrage table td {padding:2px 5px; text-align:left; vertical-align:top;} .cadrage #instruc {width:400px; text-align:center; margin: 0 30px 20px 30px; margin-bottom: 20px;} .cadrage div.actions {min-height:50px; text-align:center;} .cadrage input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .cadrage button, .cadrage .bouton { background-color: #189094; color: #FFF; padding: 3px 15px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 14px; cursor: pointer; text-decoration: none; text-shadow: none; display: inline-block; cursor: pointer; } .cadrage .bouton.chargeur {position: relative;} .cadrage #suppr {display:block; margin:10px 0 20px; text-decoration:underline; color:#189094; cursor:pointer;} /* --------------------------------------------------- INHUMATIONS ---------------------------------------------------------- */ #main.inhumations #liste-cont {display:flex; flex-flow:row wrap; column-gap:20px; row-gap:20px; justify-content:center;} #main.inhumations header {flex: 0 0 100%;} #main.inhumations header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.inhumations header h3 a.lien {float:right; text-decoration:underline; font-size:13px; font-weight:normal; font-style:italic;} #main.inhumations header h3 .picto {left:250px; width:30px; top:1px;} #main.inhumations .colonne {float: none; min-height:500px;} /* padding-bottom:1px; */ #main.inhumations #blocPlan {width:380px;} #main.inhumations #blocPlan .comment {margin-top:5px; text-align:center;} #main.inhumations #blocPlan .comment span {display:none;} #main.inhumations #blocPlan .comment input {vertical-align:text-bottom;} #main.inhumations #plan {text-align:center;} #main.inhumations #plan div.conteneur {height:0; position:relative; margin:auto;} #main.inhumations svg {position:absolute; top:0; left:0;} #main.inhumations svg path {fill:inherit; stroke:none;} #main.inhumations svg [fam], #main.inhumations svg [fam] * {fill:red; fill-opacity:0.40; stroke-opacity:0.40;} #main.inhumations svg .survol[fam], #main.inhumations svg .survol[fam] * {fill-opacity:1; stroke-opacity:1;} #main.inhumations svg path {fill:red;} #main.inhumations #photo {display:none; width:400px; height:400px;} #main.inhumations #photo img {max-width:100%; max-height:100%;} #main.inhumations #blocListe {flex:1 0; text-align:center; width:525px; background-color:#f5f5f5; padding:10px; min-height:470px;} #main.inhumations #lieu_cim {margin-top:5px;} #main.inhumations #listeInhum {max-width:485px;} #main.inhumations #listeInhum {overflow-y:auto; } #main.inhumations #liste {min-height:442px; display:inline-block;} #main.inhumations #liste tr.tr1 th {padding-top:10px;} #main.inhumations #liste tr.tr2 th {padding-bottom:5px;} #main.inhumations #liste td, #main.inhumations #liste th {vertical-align:top; padding:0 3px;} #main.inhumations #liste th {line-height:12px;} #main.inhumations #listeInhum tbody tr {cursor:pointer;} #main.inhumations #listeInhum tbody tr:hover {background:#9cf;} #main.inhumations #listeInhum tr.hover {background:#9cf;} #main.inhumations #listeInhum tr.select {background:#fcc;} #main.inhumations #listeInhum tr.select:hover {background:#f66;} #main.inhumations #listeInhum tr.select.hover {background:#f66;} #main.inhumations #liste span {display:block;} #main.inhumations #liste .abo {text-align:left;} #main.inhumations #liste .nom {text-align:left; text-indent:-10px; padding-left:10px;} #main.inhumations #liste .prenom {text-align:right;} #main.inhumations #liste .age {text-align:right;} #main.inhumations #liste .annee {text-align:center;} #main.inhumations #liste tfoot td {padding-top:10px; vertical-align:bottom;} #main.inhumations .sa td[col='lieu_inhum'], #main.inhumations .sa td[col='cimetiere'] {display:none;} #main.inhumations input[champ='lieu_cim'] {width:250px;} #main.inhumations input.btnRaz {vertical-align:middle;} #main.inhumations div.jqstb-scroll {position:relative;} #main.inhumations #instruc {font-style:italic;} #infoBulle.cimetiere #infoDiv {padding:0; border-radius:0; border:solid 5px #e2dde3; overflow:hidden;} #infoBulle.cimetiere img {vertical-align:bottom;} /* --------------------------------------------------- RELATIONS ---------------------------------------------------------- */ #main.relations header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.relations header h3 a.lien {float:right; text-decoration:underline; font-size:13px; font-weight:normal; font-style:italic;} #main.relations header h3 .picto {left:250px; width:30px; top:1px;} #main.relations .colonne {float: none; min-height:500px; text-align:center;} /* padding-bottom:1px; */ /* #main.relations .saPers {float:left; margin-top:20px;} */ #main.relations #sa_pers2 {margin-left:50px;} #main.relations #intro {margin-top:5px;} #main.relations #cousins {display:flex; flex-flow:row wrap; justify-content:space-around; row-gap:30px;} #main.relations #cousins div.cousin {background-color:#ffc;} #main.relations div#resultat {display:flex; flex-flow:row wrap; column-gap:30px; row-gap:20px; justify-content:center; position:relative} #main.relations div#resultat #ssrel {margin:100px; font-size:18px; font-weight:bold;} #main.relations div.relation {display:inline-block; position:relative; vertical-align:top; min-width:440px;} #main.relations div.segment {display:inline-block; vertical-align:top; min-width:91px;} #main.relations div.segment0 {display:block; text-align:center; margin-bottom:30px;} #main.relations div.pers {display:inline-block; vertical-align:top; overflow:hidden;} #main.relations div.pers:not(.nul) {cursor:pointer;} /* #main.relations div.relation:nth-child(2n+1) {margin-left:40px;} */ #main.relations div.titreRel {font-weight:bold; text-align:center; margin:30px 0 15px 0;} #main.relations tr.entete td {padding-bottom:5px; font-weight:bold;} #main.relations div.segment:nth-child(3n+1) {margin-left:20px;} #main.relations div.niveau + div.niveau {margin-top:30px;} #main.relations div.pers {border:solid 1px blue; border-radius:3px; width:100px; height:68px; padding:1px 5px} #main.relations div.pers:not(.absent) + div.pers{margin-left:10px;} #main.relations div.pers.nul {border:none;} #main.relations div.pers.absent {display:none;} #main.relations div.membre {border:solid 3px blue; border-radius:5px; background-color:#f2f2f2;} #main.relations div.cousin {background-color:#f2f2f2;} #main.relations div.cujus {background-color:#ffffcc;} #main.relations div.ancetre {background-color:#ffcc99; border:solid 3px blue; border-radius:5px;} #main.relations svg#svg {position:absolute; top:0; left:0;} #main.relations polyline {fill:none; stroke:blue; stroke-width:1px;} #main.relations .princ {stroke:blue; stroke-width:3px;} table.saPers .col1 {width:27px} table.saPers .col2 {width:130px} table.saPers .col3 {width:130px} table.saPers .col4 {width:85px} .saPers [col='id'], .saPers [col='appel'], .saPers [col='courriel'], .saPers [col='age'] {display:none; } @media print { #header, #footer, #menu, .colonne header, .colonne #intro, .colonne #cousins, #cousins table, .arrow-left, .arrow-right {display:none;} #main {background:none;} body {background:none;} } /* --------------------------------------------------- ANNIVERSAIRES ---------------------------------------------------------- */ #main.anniversaires .main-content {display:flex; column-gap: 25px;} #main.anniversaires #liste-cont {flex:1;} #main.anniversaires #liste-cont header h3 {background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.anniversaires #liste-cont header h3 a.lien {float:right; text-decoration:underline; font-size:13px; font-weight:normal; font-style:italic;} #main.anniversaires #liste-cont header h3 .picto {left:250px; width:30px; top:1px;} #main.anniversaires #liste-cont header h3 .icon {background-position: 0 -33px; top:1px;} #main.anniversaires h4 div.instruc {font-size:11px; font-weight:normal; font-style:italic; color:#888;} #main.anniversaires #liste-cont .tri {position:absolute; top:7px; right:50px;} #main.anniversaires #liste-cont .tri .criteria {display: inline-block; position: relative; padding-left: 15px; color: white; font-size: 13px; display: inline-block; margin-left: 20px; } #main.anniversaires #liste-cont .tri .criteria span:hover {cursor:pointer; text-decoration:underline;} #main.anniversaires .intro {text-align:center; padding:5px 10px; font-style:italic;} #main.anniversaires #liasse {margin-top:10px;} #main.anniversaires div.espace {min-height:390px;} #main.anniversaires table.liste, #main.anniversaires table.notifs {margin:auto;} #main.anniversaires table.liste {margin-top:8px;} #main.anniversaires .DHTMLSuite_aTab {overflow:auto; position:relative;} #main.anniversaires td {vertical-align:top; padding-left:5px; padding-right:5px;} #main.anniversaires tr.passe {background-color:#eee;} #main.anniversaires tr.aujour {background-color:#ff9;} #main.anniversaires tr:hover td {background-color:#9cf; cursor:pointer;} #main.anniversaires .liste tr.jour {border-top:solid 1px;} #main.anniversaires .liste tr.jour td:first-child {font-weight:normal!important; font-style:normal!important;} #main.anniversaires .liste tr.jour:hover td:first-child {background-color:initial!important;} #main.anniversaires tr.conjoint td {font-style:italic;} /*#main.anniversaires tr.decade td {font-weight:bold;}*/ #main.anniversaires tr.inconnu td {color:#999;} #main.anniversaires .DHTMLSuite_tabContainer>div {text-align:center;} #main.anniversaires .DHTMLSuite_tabContainer>div span {width:49px; font-size:14px;} #main.anniversaires .DHTMLSuite_tabContainer img {margin-top:-1px;} #main.anniversaires .tabInactive {color:#999;} #main.anniversaires .tabActive {font-weight:bold;} #main.anniversaires td.abo {font-weight:normal!important; font-size:12px;} #main.anniversaires td.age {text-align:right; padding-left:10px;} #main.anniversaires td.ans {padding-left:0;} #main.anniversaires td.quant {text-align:right;} #main.anniversaires td.mois {padding-left:0;} #main.anniversaires div#enr {display:none; opacity:0; position:fixed; background-color:green; font-weight:bold; color:white; top:390px; left:610px; padding:5px 10px;} #main.anniversaires th {padding-bottom:8px; font-weight:bold;} #main.anniversaires .notifs th {font-size:11px;} #main.anniversaires table.notifs td.date {padding-left:0;} #main.anniversaires input.branche {width:100px; margin-top:5px;} #main.anniversaires #liste-cont footer {margin-top:10px; background-color: #f06a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06a60), color-stop(100%, #cd4d43)); background-image: -webkit-linear-gradient(#f06a60, #cd4d43); background-image: linear-gradient(#f06a60, #cd4d43);} #main.anniversaires #widget {flex: 0 0 180px;} #main.anniversaires #widget .inner .hint p {margin-top:6px; margin-bottom:0;} /*------------------------------------------------ INSCRIPTION COURRIEL ---------------------------------------------*/ #main.inscripcourriel #liste-cont {width:auto; min-height:250px;} #main.inscripcourriel #liste-cont h4 {font-size:11px; color:#91cabd; margin-top:0; width:143px;} #main.inscripcourriel #liste-cont header h3 {background-color: #91cabd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cabd), color-stop(100%, #68b3a2)); background-image: -webkit-linear-gradient(#91cabd, #68b3a2); background-image: linear-gradient(#91cabd, #68b3a2);} #main.inscripcourriel #liste-cont header h3 .icon {background-position:0 -68px; top:6px;} #main.inscripcourriel .colonne {float:none;} #main.inscripcourriel #liste-cont img {max-width:650px; max-height:365px;} #main.inscripcourriel #mce-EMAIL {width:170px;} #main.inscripcourriel #sa_pers {margin:auto;} #main.inscripcourriel .mc-field-group {display:inline-block; width:450px; margin-left:110px; text-align:left;} #main.inscripcourriel .msg .comment {font-size:11px; font-style:italic; color:#333} #main.inscripcourriel label.error {margin-left:5px; color:red; font-weight:bold;} /*custom css*/ @media screen and (min-width: 768px ) and (max-width: 1023px) { #footer nav ul li a, #footer nav ul li span { padding: 6px 11px 2px 4px; } #fiche #indicClic { left: 410px; } } @media screen and (min-width: 768px ) and (max-width: 1024px) { .public .main-content .left, .public .main-content .right { width: 100% !important; float: none !important; margin-left: 0 !important; text-indent: 0 !important; } .public .main-content .left img, .public .main-content .right img { width: 100%; } .public .main-content .description, .public .main-content .final { grid-column: span 2; } #main.bulletins div.numbull div { left: 50%; transform: translateX(-50%); } #main.relations .saPers { width: calc(50% - 10px); } #liste-cont footer a.page { font-size: 11px; } #liste-cont footer a.back, #liste-cont footer a.next { font-size: 11px; } #fiche #arbre > .graphes { transform: scale(0.93); } } @media screen and (max-width: 1025px) { #header #connex .libel { position: relative; z-index: 10; } /* #footer nav { padding: 8px 30px 30px; } */ #footer {padding-bottom:10px;} #footer nav .bg { left: 0; } #menu nav ul ul { width: 100%; } #main.bulletins .main-content {width:876px;} #main.bulletins .articles {padding: 20px 15px;} #footer nav .bg { height: calc(100% + 3px); display: none; } #main.genealogie #selection #filtre { width: 100% !important; height: auto !important; max-width:100%; } #main.genealogie #selection #listeSelect { position: static; height: auto !important; min-width: 0; } #main.genealogie #selection #liste { width: 100% !important; } #main.genealogie #selection #filtre #formGenea{ width: 100% !important; } #main.genealogie #selection #liste table { width: 100% !important; } #main.relations #sa_pers2 { margin-left: 10px; } #main.genealogie #selection #fams { width: 100%; } #fiche a#legende { right: 30px; } /* #main.mon_compte .section { overflow-x: auto; } */ } @media screen and (max-width: 1023px) { #main.bulletins .article.droite {flex-flow:row;} #main.bulletins .articles {padding-right:0;} #main.bulletins table.sommaire {width:508px; margin: 0 10px;} } @media screen and (max-width: 982px) { #menu .bg {display:none;} .main-content .arrow-left, .main-content .arrow-right {display: none;} } @media screen and (max-width: 925px) { /* .main-content {padding-left: 15px; padding-right: 15px;} #menu {width:100%} #menu .bg {left: 0;} #menu {padding-left: 30px; padding-right: 30px;} } */ #main.accueil #col-droite {flex-flow:row; justify-content:stretch;} #main.accueil #col-droite>div {flex:1;} } @media screen and (max-width: 876px) { #main.bulletins .main-content {width:100%;} #search input[type=search] { position: absolute; right: 0; width: 140px; } } @media screen and (max-width: 767px) { #main.public .main-content { padding: 30px 20px; } /* #header .sections { margin-bottom: 15px; margin-right: 10px; } */ #menu { padding: 3px 20px 7px; top: 0; } #menu .bg { height: 38px; } .main-content .left { margin-left: 0 !important; text-indent: 0 !important; } .main-content .left img { width: 100%; } .main-content .right img { width: 100%; } #footer { min-height: 50px; } /* #footer nav { padding: 8px 20px 25px; } */ #footer nav ul li a, #footer nav ul li span { padding: 6px 10px 2px 2px; } #main.adesion #liste-cont { min-height: 400px; } /* .carnet .description.full p.ck_cujus, .description.full p.ck_conjoint { margin-left: 0 !important; text-align: right; } */ #liste-cont footer { height: auto; } #liste-cont footer a.back, #liste-cont footer a.next { position: static; } #main.bulletins div.numbull div { position: static; } /* #main.bulletins .article { display: flex; overflow-x: auto; text-align: center; } */ #main.bulletins .article td:nth-of-type(1), /* JFH */ #main.bulletins .article th:nth-of-type(1) {display:none;} #main.vievpf .cadre { padding: 20px 10px; } #main.vievpf .cadre td { padding: 4px 5px; } #main.vievpf .cadre img { width: 20px; max-width: initial; } #main.genealogie #selection #liste table { min-width: 0; } #main.anniversaires .DHTMLSuite_aTab { max-height: 500px; width: 100%; } #main.anniversaires #liste-cont .tri { top: 30px; right: auto; left: -23px; display: flex; flex-wrap: wrap; } #main.anniversaires #liste-cont header h3 { padding-bottom: 35px; } #main.inhumations #blocListe { width: 100%; min-height: auto; } #main.inhumations .colonne { min-height: auto; } #main.inhumations #liste { min-height: 200px; } #main.relations #sa_pers2 { margin-left: 0; } #main.relations .colonne { min-height: 300px; } #main.arbres form.params input[champ='prenom'], #main.arbres form.params input[champ='nom'] { width: 90px; } #main.mentions #liste-cont { padding: 20px 10px; } #main.mentions .plan td { padding: 5px; } #main.mentions .liens td { padding: 5px; } #main.mentions .liens td.libel { width: auto; } #main.mentions .liens td.url { width: 142px; word-break: break-all; } #main.mentions .assoc .notes { position: static; } /* #footer nav ul { float: none; } #footer nav ul li { display: block; } */ #footer nav ul li a:after { display: none; } .mentions #menu .bg { height: 71px; } #main.mentions .cadre { overflow-x: auto; } #main.genealogie #selection .fam { margin-left: 0 !important; margin-right: 15px; margin-bottom: 4px; } .inscripcourriel #liste-cont .centre { padding: 5px; } #main.inscripcourriel .mc-field-group { width: auto; margin-left: 0; } #main.articles article .top_line { height: auto; margin-bottom: 10px; } #main.articles article .image { float: left; } #main.articles article .miniature img { width: 73px; } #main.articles #liste-cont h4 { padding-left: 0; } #fiche #arbre { position: relative; height: auto !important; width: auto !important; top: 0; margin-left: 0; overflow-y: hidden; overflow-x: auto; } #fiche #indicClic { position: static; } #fiche #voirFiche { display: none !important; } #fiche a#legende { z-index: 9; } #fiche .graphes { margin-left: 0 !important; margin-right: 0; } #fiche #contFiche { width: 100% !important; overflow-x: auto; } /* #main.mon_compte .section .bloc1 { width: auto; } */ #fiche #divFiche { border-right: 0; width: 100% !important; height: auto !important; } } @media screen and (max-width: 767px) { #widget .inner {flex-flow:row wrap; column-gap:20px; row-gap:15px;} /* ENTÊTE */ #header {padding-right:10px;} #header .sections .item {font-size: 23px;} #header .sections {margin-right: -10px;} /* CARNET */ #main.carnet .main-content {flex-direction: column-reverse;} #main.carnet .colonne {width: 100% !important; margin-bottom: 20px;} #main.carnet #liste-cont .tri {top: 27px; left: 10px; right: auto; display: flex;} #main.carnet #liste-cont .tri .criteria {margin-left: 10px;} #main.carnet #liste-cont header h3 {height: 60px;} #main.carnet #widget {flex:1} /* ARTICLES */ #main.articles .main-content {flex-direction: column-reverse;} #main.articles #widget {flex:1} /* ANNONCES */ #main.annonces .main-content {flex-direction: column-reverse;} #main.annonces #widget {flex:1} /* ARCHIVES */ #main.archives .main-content {flex-direction: column-reverse;} #main.archives #widget {flex:1} /* RECHERCHE */ #main.recherche .main-content {flex-direction: column-reverse;} #main.recherche #widget {flex:1} /* BULLETINS */ #main.bulletins .img {width: 55px; padding-left:5px; flex-shrink: 0;} #main.bulletins img.miniature {width: 50px;} /* MON COMPTE */ #main.mon_compte .main-content {flex-direction: column;} #main.mon_compte #widget {flex-direction: row;} } @media screen and (max-width: 709px) { /* ENTETE : Familles passe dessous */ #header .sections {order:1; flex:350px;} #header .sections h2 {margin-top:0;} #header form#search {top:-125px;} } @media screen and (max-width: 670px) { #main.accueil #col-droite {flex-flow:column;} #main.accueil #col-droite>div {flex:0;} } @media screen and (max-width: 594px) { /* CARROUSEL : image dessous */ #slider .row {flex-flow:column-reverse; height:initial;} #slider .image {flex:0 1;} #slider .content {flex:1; padding-bottom:25px;} /* BULLETIN : on fixe la largeur */ #main.bulletins .main-content {width:594px;} /* #main.bulletins .article {width:508px;} */ /* ANNIVERSAIRES : filter en haut */ #main.anniversaires .main-content {flex-direction: column-reverse;} } @media screen and (max-width: 480px) { /* MES ANNONCES : on passe le texte en dessous */ #main.mes_annonces article section {display:block} #main.mes_annonces article .image {float:left} #main.mes_annonces article .actions {float:right;} #main.mes_annonces article .description {float:left; margin-top:5px; width:100%;} /* ARBRES/ROUES : filtre en haut */ #main.arbres .main-content {flex-flow:column;} /* MON COMPTE : entête historique vertical */ #main.mon_compte .adhesions .entete td {writing-mode: vertical-rl;} /* CARNET :suppression marge gauche des cujus */ #main.carnet .description.full p.ck_cujus {margin-left:172px!important;} #main.carnet .description.full p.ck_conjoint {margin-left:137px!important;} } @media screen and (max-width: 444px) { /* RELATIONS */ #main.relations .main-content {width:444px; overflow-x:scroll; background:#e2dde3;} #main.relations {overflow:scroll;} /* MON COMPTE : block widget en vertical */ #main.mon_compte #widget {flex-direction:column;} } @media screen and (max-width: 424px) { /* ARTICLES : le texte passe en-dessous */ #main.articles article .description {float:left;} #main.articles #liste-cont h4 {flex:0; padding-right:0;} #main.articles article .titre { text-align:center;} } @media screen and (max-width: 370px) { /* ENTETE */ #header #connex {margin-right:0;} #header #connex input {width : 135px;} #header .sections {margin-top:20px;} #header .sections .item {margin:0 8px} /* #header h1 {height:110px;} */ #header h1.logo img {width:130px;} #header #action {right:5px;} /* ANNONCES */ #main.annonces article .description {float:left; margin-top:8px;} /* ANNIVERSAIRES : on fixe la largeur */ #main.anniversaires .main-content {width:370px} #main.anniversaires #widget .hint {margin-top:0;} /* CARNET : reduction de la police du filtre */ #main.carnet #widget label {font-size:12px;} #main.carnet #widget .inner {column-gap:10px; row-gap:0;} #main.carnet #widget .blocFamille {flex: 0 140px;} #main.carnet #widget .blocRubrique {flex: 0 150px;} /* MON COMPTE : réduction de zones en largeur */ #main.mon_compte .section table td {padding-left:3.5px; padding-right:3.5px;} #main.mon_compte .section .bloc2 {width:120px;} } }